/* ===========================================================
   Foundation / Typography
   フォント役割分離の補強レイヤー。

   既に効いている前提:
   - body              → var(--font-body)（_base.css）
   - h1〜h6            → var(--font-heading)（_base.css）
   - .c-button         → var(--font-base) ＝ heading（_button.css 経由）
   - .c-back-to-top    → var(--font-base) ＝ heading（_back-to-top.css）
   - .pagination       → var(--font-base) ＝ heading（_pagination.css）
   - .p-page-header__title → var(--font-base) ＝ heading（_p-page-header.css）
   - .wp-block-button (.is-style-*) → var(--font-base) ＝ heading（_block-styles.css）

   ここで追加するのは「H タグでない見出し相当 / ラベル / カードタイトル / ナビ」など、
   タグ単位のルールで拾えない箇所。

   差し替えやすさ: 適用先はクラスのみ列挙。値は :root の --font-heading を参照する
   1段間接なので、フォントの差し替えは _variables.css だけで済む。
   =========================================================== */

/* ---------- セクションサブタイトル（英語表記、<p> タグ） ---------- */
[class$="__subtitle"] {
	font-family: var(--font-heading);
}

/* ---------- FV キャッチ・リード・特徴バッジ・駅アクセス（<span>/<p>） ---------- */
.p-fv__catch-line,
.p-fv__lead,
.p-fv__feature-sub,
.p-fv__feature-main,
.p-fv__access-text {
	font-family: var(--font-heading);
}

/* ---------- セクション内の強調キャッチ（休職相談・オンライン診療） ---------- */
.p-consultation__headline,
.p-online__headline {
	font-family: var(--font-heading);
}

/* ---------- カード/アイテム内の見出し・ラベル（タグが <span>/<p>/<div>） ---------- */
.p-conditions__card-name,
.p-conditions__card-name-sub,
.p-features__card-number,
.p-features__card-title,
.p-first__step-badge,
.p-first__step-title,
.p-first__step-title-num,
.p-first__step-title-name,
.p-news__column-title,
.p-news__list-title,
.p-clinic__item-title,
.p-clinic__item-en,
.p-clinic__hours-row,
.p-clinic__hours-time,
.p-supervisor__name-line,
.p-supervisor__name,
.p-step__title,
.p-clinic-info-detail__heading {
	font-family: var(--font-heading);
}

/* ---------- ナビ / ヘッダー / ドロワー / フッターメニュー（ラベル相当） ---------- */
.c-header__nav,
.c-header__nav a,
.c-header__tel-label,
.c-header__tel-number,
.c-header__reserve-label,
.c-header__reserve-sub,
.c-drawer__nav,
.c-drawer__nav a,
.c-drawer__tel,
.c-drawer__reserve,
.c-footer__menu-text,
.c-footer__privacy,
.c-floating-reserve__label,
.c-floating-reserve__sub {
	font-family: var(--font-heading);
}

/* ---------- パンくず（ナビゲーションラベル相当） ---------- */
.p-breadcrumb__list,
.p-breadcrumb__link,
.p-breadcrumb__current {
	font-family: var(--font-heading);
}

/* ---------- 自動目次（タイトル列挙、ラベル相当） ---------- */
.p-toc,
.p-toc a {
	font-family: var(--font-heading);
}

/* ---------- フォームラベル / 送信ボタン ---------- */
.wpcf7 .wpcf7-form label {
	font-family: var(--font-heading);
}

/* 送信ボタン: _p-contact-form.css は font-family: inherit のため、
   親 .wpcf7 → body（body フォント）になってしまう。明示的に heading 化。
   通常の <button>/<input type="submit"> も同方針（コンテンツ側の native ボタン
   が現れる場合の保険）。 */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	font-family: var(--font-heading);
}