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


.kh-visit {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 24px 40px;
  background: #e7f4ff;
}
.kh-visit .kh-visit__title {
  width: 295px;
  font-family: var(--kh-font-h);
  font-weight: 700;
  font-size: 21px;
  line-height: 1.15;
  letter-spacing: 1.47px;
  color: var(--kh-text);
  text-align: center;
}
.kh-visit .kh-visit__title em { font-style: normal; color: var(--kh-blue); }
.kh-visit .kh-visit__rule { margin: 15px 0 0; width: 53px; height: 10.5001px; }

/* ---- 3つのカード --------------------------------------- */
.kh-visit__cards {
  margin-top: 23px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: 327px;
}
.kh-visit__card {
  position: relative;
  border-radius: 10px;
  background: var(--kh-white);
	padding: 33px 12px 10px;
}
.kh-visit__card--a { }
.kh-visit__card--b { }
.kh-visit__card--c { }

.kh-visit .kh-visit__badge {
  position: absolute;
  left: 11px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 134px;
  height: 26px;
  padding: 3px 3px 7px 2px;
  border-radius: 0 0 10px 10px;
  background: var(--kh-cream);
  font-weight: 700;
  font-size: 12px;
  line-height: 1.65;
  color: var(--kh-text);
  text-align: center;
}

.kh-visit__value {
  position: static;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.65;
  color: var(--kh-blue);
}
.kh-visit__value strong { font-weight: 700; }
.kh-visit__note {
	display: block;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.65;
  color: var(--kh-text);
	margin-top: 2px;
}

/* A だけ Figma どおり「5回程度〜」と注記の間を空ける（ソースの空白をそのまま出す） */
.kh-visit__value--a { left: 11.5px; top: 33px; width: 309px; white-space: pre-wrap; }
.kh-visit__value--b { left: 20.5px; top: 28px; width: 280px; }   /* Figma: Frame11716 y=28 */
.kh-visit__value--c { left: 12px;   top: 30px; width: 306px; }

/* ---- 診療時間 ------------------------------------------ */
.kh-visit__hours {
  margin-top: 6px;
  width: 301px;
}
.kh-visit__hours-head {
  font-weight: 700;
  font-size: 12px;
  line-height: 18.15px;
  color: var(--kh-text);
}
.kh-visit__hours-body {
  margin-top: 3px;
  font-weight: 500;
  font-size: 10px;
  line-height: 17.33px;
  color: var(--kh-text);
}