/* ─────────────────────────────────────────────
   いわもと接骨院 — 下層ページ共通
   タイトル ＋ パンくず（サブFVヒーローは廃止）
   全下層ページで読み込む。
   ───────────────────────────────────────────── */
.sub-title{
  text-align: center;
  padding: 80px 24px 56px;
  margin-top: 72px;          /* 固定ヘッダー分の上余白 */
}
.sub-title__category{
  display: inline-block;
  font-family: var(--ff-disp);
  font-size: 11px;
  letter-spacing: .2em;
  color: var(--y-600);
  background: var(--y-50);
  border: 1px solid var(--y-200);
  padding: 6px 14px;
  border-radius: 100px;
  margin-bottom: 18px;
}
.sub-title .eyebrow{ margin-bottom: 22px; }
.sub-title h1{
  font-family: var(--ff-disp);
  font-weight: 500;
  font-size: clamp(28px, 3.4vw, 46px);
  color: var(--y-900);
  margin: 0 0 22px;
  letter-spacing: .06em;
}
.sub-title p{
  max-width: 660px;
  margin: 0 auto;
  font-size: 15px;
  color: var(--y-700);
  line-height: 1.95;
}
.breadcrumb{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  font-family: var(--ff-disp);
  font-size: 12px;
  letter-spacing: .14em;
  color: var(--y-500);
  margin-top: 24px;
}
.breadcrumb a{ transition: color .6s ease; }
.breadcrumb a:hover{ color: var(--y-600); }
.breadcrumb .sep{ width: 12px; height: 1px; background: var(--y-300); }

/* ── responsive — header height changes per breakpoint ── */
@media (max-width: 1080px){
  .sub-title{ margin-top: 64px; }
}
@media (max-width: 720px){
  .sub-title{ padding: 56px 20px 40px; margin-top: 60px; }
}
@media (max-width: 480px){
  .sub-title{ margin-top: 56px; }
}