@charset "utf-8";
/* ============================================================
   15 迷っている方へ（Figma SP 3142:2749 / 375x623）
   ============================================================ */
/* css/style.css の `.kh p, .kh li, .kh span …{ text-align:left; letter-spacing:normal }` は
   各要素への直接指定なので、親（見出し枠など）からの継承を止めてしまう。
   このセクション配下だけ継承に戻す。個別の値は下の各ルールで指定する */
.kh-hesitate :is(p, li, dt, dd, th, td, h1, h2, h3, h4, span, em, small) {
  text-align: inherit;
  letter-spacing: inherit;
}


.kh-hesitate {
  background: var(--kh-white);
  padding-bottom: 20px;
}

/* ---- 見出し（グレーの帯・下角だけ丸い） ---------------- */
.kh-hesitate__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  width: 375px;
  height: 101px;
  padding-top: 24px;
  border-radius: 0 0 30px 30px;
  background: #e8e8e8;
}
.kh-hesitate .kh-hesitate__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 215px;
  padding: 2px 17px;
  border-radius: 2px;
  background: var(--kh-blue);
  color: #fff;
  font-family: var(--kh-font-b);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
	margin-bottom: 0;
}
.kh-hesitate .kh-hesitate__title {
  font-size: 20px;
  line-height: 1.27;
  letter-spacing: -.4px;
  color: var(--kh-blue);
}

/* ---- 本文 ---------------------------------------------- */
.kh-hesitate__body {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 30px 5px 0;
}
.kh-hesitate__body em { font-style: normal; font-weight: 700; color: var(--kh-blue); }

.kh-hesitate__row {
  display: flex;
  align-items: center;
  gap: 22px;
  width: 339px;
  margin-inline: auto;
}

.kh-hesitate__doctor {
  flex: none;
  width: 95px;
  text-align: center;
}
.kh-hesitate__photo {
  position: relative;
  margin-inline: auto;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
}
.kh-hesitate__photo img {
  position: absolute;
  left: -12.8px;
  top: -14px;
  width: 108.8px;
  height: 105.9px;
  max-width: none;
  object-fit: fill;
}
.kh-hesitate__doctor-sub {
  margin-top: 4px;
  font-size: 10px;
  font-weight: 500;
  line-height: 17.5px;
  color: var(--kh-text);
	white-space: nowrap;  /* H-2 折り返し防止。サイズはH-1の対象外で元のまま */
	margin-bottom: 0;
}
.kh-hesitate__doctor-name {
  font-size: 11.5px;
  font-weight: 700;
  line-height: 20.13px;
  color: var(--kh-text);
	white-space: nowrap;  /* H-2 折り返し防止。サイズはH-1の対象外で元のまま */
}

.kh-hesitate__text {
  width: 199px;
  font-size: 12px;
  font-weight: 400;
  line-height: 19.25px;
  color: var(--kh-text);
}

.kh-hesitate__p {
  width: 327px;
  margin-inline: auto;
  padding-top: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20.7px;
  color: var(--kh-text);
}

/* ---- 安心ポイント -------------------------------------- */
.kh-hesitate__points {
  box-sizing: border-box;
  margin: 17.5px auto 13.5px;
  width: 327px;
  padding: 16px 11px 11px;
  border: 1px solid #b0d2ed;
  border-radius: 5px;
  background: #fefbef;
}
.kh-hesitate .kh-hesitate__points-title {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 11px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18.15px;
  color: var(--kh-blue);
}
.kh-hesitate .kh-hesitate__points-title img { flex: none; margin: 0; width: 18px; height: 15px; }

.kh-hesitate__list { display: flex; flex-direction: column; gap: 3px; }
.kh-hesitate__list li {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: .24px;
  color: var(--kh-text);
}
.kh-hesitate__list img { flex: none; margin: 0; width: 11px; height: 11px; }