/* homevisit.html用：訪問エリア（.costセクション）も左寄せ */
.cardiac .cost, .cardiac .cost h3, .cardiac .cost ul, .cardiac .cost li, .cardiac .cost p, .cardiac .cost .section-en {
  text-align: left !important;
}
/* homevisit.html用：about（説明）は中央、targets/costは左寄せ */
.cardiac .about, .cardiac .about * {
  text-align: center !important;
}
.cardiac .targets, .cardiac .targets h3, .cardiac .targets ul, .cardiac .targets li, .cardiac .targets p,
.cardiac .cost, .cardiac .cost h3, .cardiac .cost ul, .cardiac .cost li, .cardiac .cost p, .cardiac .cost .section-en {
  text-align: left !important;
}
/* 「心臓リハビリテーションとは・・・」見出し下のオレンジラインを消す */
.cardiac .about h2.orange-left::after {
  display: none !important;
}
/* 「心臓リハビリテーションとは・・・」タイトル用 */
.cardiac .orange-left {
  color: var(--accent);
  text-align: left;
}
/* オレンジ色のリンク */
.cardiac .orange-link {
  color: var(--accent);
  font-weight: bold;
  text-decoration: underline;
}
.cardiac .orange-link:hover {
  text-decoration: none;
  opacity: 0.8;
}
/* 期待される効果の番号をオレンジ色に */
.cardiac .effects-list {
  counter-reset: effects-num;
}
.cardiac .effects-list > li {
  position: relative;
  list-style: none;
  counter-increment: effects-num;
  padding-left: 2em;
}
.cardiac .effects-list > li:before {
  content: counter(effects-num) ".";
  position: absolute;
  left: 0;
  color: var(--accent);
  font-weight: bold;
}
/* ================================
   心臓リハビリテーション（メインのみ）
   ================================ */

/* 基本トーン */
:root {
  --accent: #ef7a00; /* 既存サイトのオレンジ */
  --soft-bg: #fff8f0; /* 薄いオレンジ系背景 */
  --border: #f1e0cf;
  --text: #333;
}
.cardiac { color: var(--text); line-height: 3.0; }
.cardiac .container { max-width: 1000px; margin: 0 auto; padding: 24px 48px; }
.cardiac .section-en { color: var(--accent); font-weight: 600; letter-spacing: .06em; }
.cardiac h1 { font-size: clamp(1.8rem, 3vw, 2.2rem); font-weight: 700; margin:.4rem 0 1rem; }
.cardiac h2, .cardiac h3 { font-weight: 700; margin: 1.2rem 0 .8rem; }
.cardiac .lead { margin-bottom: 1rem; }

/* ボタン */
.cardiac .btn {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 0;
  text-decoration: none;
  border: 1px solid var(--accent);
}
.cardiac .btn-primary { background: var(--accent); color: #fff; }
.cardiac .btn-outline { background: #fff; color: var(--accent); }
.cardiac .btn:hover { filter: brightness(.96); }

/* ヒーロー部 */
.cardiac .intro { text-align: center; }
.cardiac .intro .hero-links { margin-top: 10px; }

/* セクション飾り線（見出し下の細いオレンジ線） */
.cardiac .about h2,
.cardiac .targets h3,
.cardiac .effects h3,
.cardiac .hours h3,
.cardiac .cost h3 {
  position: relative;
  padding-bottom: .4rem;
}
.cardiac .about h2::after,
.cardiac .targets h3::after,
.cardiac .effects h3::after,
.cardiac .hours h3::after,
.cardiac .cost h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80%;
  max-width: 600px;
  height: 2px;
  background: var(--accent);
  margin-left: 0;
}

/* 対象疾患 */
.cardiac .target-list { margin: .4rem 0 0; padding-left: 1.2em; }

/* 期待される効果（番号付き） */
.cardiac .effects-list { margin: .4rem 0 0; padding-left: 1.4em; }
.cardiac .note { color: #666; margin-top: .4rem; }

/* 診療時間 */
.cardiac .hours { background: none; border: none; border-radius: 0; text-align: left; }
.cardiac .hours-list { margin: .4rem 0 0; padding-left: 1.2em; list-style: disc; }
.cardiac .reserve-note { margin: .3rem 0 .6rem; font-weight: 600; }
.cardiac .hours-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid var(--border); }
.cardiac .hours-table th,
.cardiac .hours-table td { padding: 10px 14px; border-bottom: 1px solid var(--border); }
.cardiac .hours-table th { width: 5em; text-align: left; background: #fff6eb; }

/* 費用・連絡先 */
.cardiac .cost .tel { font-size: 1.4rem; font-weight: 700; text-align: center; margin: .6rem 0 0; }
.cardiac .back-links { text-align: center; margin-top: 12px; display: flex; flex-direction: column; gap: 12px; align-items: center; }

/* 余白微調整 */
.cardiac section + section { margin-top: 24px; }

/* スマホ最適化 */
@media (max-width: 480px) {
  .cardiac .hours { padding: 12px; }
  .cardiac .hours-table th, .cardiac .hours-table td { padding: 8px 10px; }
}