/*
 * ユアブックス 見出しの文字サイズ（DESIGN_NOTES.md「文字サイズの役割表」）
 * 画面幅 360px → 1024px の間で、スマホの値からパソコンの値へなめらかに変わる。
 * 数値を変えるときは DESIGN_NOTES.md の表も必ず合わせて直すこと。
 */

/* ① ヒーロー見出し 28px → 56px（TOPページのh1のみ） */
.ts-display { font-size: clamp(1.75rem, 0.801rem + 4.217vw, 3.5rem); line-height: 1.35; }

/* ② ページ見出し 26px → 45px */
.ts-title { font-size: clamp(1.625rem, 0.981rem + 2.861vw, 2.8125rem); line-height: 1.4; }

/* ③ セクション見出し 22px → 36px */
.ts-section { font-size: clamp(1.375rem, 0.901rem + 2.108vw, 2.25rem); line-height: 1.5; }

/* ④ 小見出し 20px → 24px */
.ts-sub { font-size: clamp(1.25rem, 1.114rem + 0.602vw, 1.5rem); line-height: 1.5; }

/* ⑤ カード見出し 18px → 20px */
.ts-card { font-size: clamp(1.125rem, 1.057rem + 0.301vw, 1.25rem); line-height: 1.5; }