@charset "UTF-8";
/* =========================================================================
   A案｜D案（template-13-split）のフォントを移植（2026-08-11）
   -------------------------------------------------------------------------
   ★このファイルの読み込み1行を外せば、A案の既定（Inter）に戻る。
     style.css 側は一切書き換えていない。

   D案の書体構成
     和文  Noto Sans JP        … A案と同じなので変更なし
     欧文  Josefin Sans        … A案の Inter を置き換え
     数字  Oswald（コンデンスド）… A案には無かった3本目

   A案との作法の違い（ここが見た目に出る）
     ・A案の数字は「Inter の italic」が署名。D案は italic を使わない直立。
       Oswald は幾何学的なコンデンスド体で、斜体にすると崩れるので font-style を normal に戻している。
     ・Josefin Sans は x-height が低く、字面が小さめに見える。
       英字ラベル（GALLERY / ABOUT など）は letter-spacing を少し広げて釣り合いを取っている。
   ========================================================================= */

:root{
  /* 欧文：Inter → Josefin Sans（D案と同じスタック） */
  --font-en: 'Josefin Sans', 'Futura', 'Century Gothic', 'Helvetica Neue', Arial, sans-serif;
  /* 数字：D案の3本目。A案には無かったもの */
  --font-num: 'Oswald', 'Roboto Condensed', 'Helvetica Neue', Arial, sans-serif;
}

/* -------------------------------------------------------------------------
   1. 数字は Oswald に寄せる（italic は外す）
   ------------------------------------------------------------------------- */
.badge__num,
.reason__num,
.flow__num,
.score__num,
.badge-solo__figure,
.faq__mark,
.faq__a-mark,
.price-table td,
.offer-panel__value,
.plan-card__price-num{
  font-family: var(--font-num);
  font-style: normal;
}

/* Oswald はコンデンスドで縦に伸びるので、詰まって見えないよう字間を少し開ける */
.badge__num,
.plan-card__price-num,
.offer-panel__value{
  letter-spacing: .01em;
}

/* 丸の中に入る番号は、直立になったぶん中心がズレるので微調整 */
.flow__num{ padding-top: 1px; }

/* -------------------------------------------------------------------------
   2. 英字ラベルを Josefin Sans に（D案の .ttl-en 相当）
      ★A案の既定はここが和文書体のままだった。D案らしさが一番出るのはここ
   ------------------------------------------------------------------------- */
.heading1__label{
  font-family: var(--font-en);
  font-weight: 600;
  letter-spacing: .14em;   /* 既定 .1em。Josefin Sans は字面が小さいので広げる */
}

/* スクロール表記・その他の欧文 */
.scroll-down__label,
.u-en{
  font-family: var(--font-en);
  font-style: normal;
}

/* -------------------------------------------------------------------------
   3. 数字の単位・補助テキストは和文書体のまま
      （Oswald に混ぜると「円」「社」だけ字面が浮く）
   ------------------------------------------------------------------------- */
.badge__unit,
.offer-panel__unit,
.plan-card__price-pre,
.plan-card__price-unit{
  font-family: var(--font-jp);
}
