@charset "UTF-8";
/* ============================================
   sfhelp.css ｜ 公的相談窓口の案内ブロック
   読み込み条件：本文に「sfhelp-」を含む場合
   精神的な危機・安全に関わる場面で使用する。
   ============================================ */

.sfhelp-wrap {
  margin: 1.8em 0;
  border: 2px solid #3b7ea1;
  border-radius: 10px;
  background: #f4fafd;
  overflow: hidden;
}

.sfhelp-head {
  display: flex;
  align-items: center;
  gap: .5em;
  padding: .7em 1em;
  background: #3b7ea1;
  color: #fff;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.4;
}

.sfhelp-head-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: rgba(255, 255, 255, .22);
  font-size: .9em;
  font-weight: 700;
}

.sfhelp-body {
  padding: 1em;
}

.sfhelp-lead {
  margin: 0 0 .9em;
  font-size: .94em;
  line-height: 1.75;
  color: #24343c;
}

.sfhelp-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sfhelp-item {
  padding: .75em .9em;
  margin-bottom: .6em;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #d3e6ef;
}

.sfhelp-item:last-child {
  margin-bottom: 0;
}

.sfhelp-name {
  display: block;
  font-size: .95em;
  font-weight: 700;
  line-height: 1.5;
  color: #1f5a76;
  margin-bottom: .25em;
}

.sfhelp-tel {
  display: block;
  font-size: 1.25em;
  font-weight: 800;
  line-height: 1.3;
  color: #d4453f;
  letter-spacing: .01em;
  margin-bottom: .2em;
}

.sfhelp-desc {
  display: block;
  font-size: .84em;
  line-height: 1.65;
  color: #4e5f68;
}

.sfhelp-desc a {
  color: #1f5a76;
  word-break: break-all;
}

.sfhelp-foot {
  padding: .7em 1em;
  background: #e7f2f8;
  font-size: .8em;
  line-height: 1.7;
  color: #3d525d;
}

@media (max-width: 599px) {

  .sfhelp-head {
    font-size: .92em;
    padding: .6em .8em;
  }

  .sfhelp-body {
    padding: .8em .7em;
  }

  .sfhelp-lead {
    font-size: .88em;
  }

  .sfhelp-item {
    padding: .65em .7em;
  }

  .sfhelp-tel {
    font-size: 1.12em;
  }

  .sfhelp-foot {
    padding: .6em .7em;
    font-size: .75em;
  }
}