/* ===========================================================
   金継ぎ 追補CSS（共通部分）— 2026-09-01
   読み込んだページにだけ効く。基盤CSSは書き換えていない。
   ① ルートの文字サイズ ② 文字サイズの段 ③ コントラストの床（地が常に暗い箇所）
   ④ 語の泣き別れの受け皿
   ページ固有の色（明るい地の上の金など）は各ページ側で当てる。
   =========================================================== */

/* ---- ① ルートの文字サイズ ------------------------------------
   基盤CSS（index.css）の
     @media (min-width:767px){ html{ font-size: clamp(.8rem, -.25rem + 1.3vw, 1rem) } }
   は幅1538px未満で 1rem が 16px に届かず、幅1280pxでは 12.8px＝設計値の8割になる。
   ページのCSSは 1rem=16px 前提で書かれているため、ノートPCでだけ全文字が2割小さく出る。 */
@media (min-width: 767px) {
  html { font-size: clamp(0.9375rem, 0.85rem + 0.2vw, 1rem); } /* 15px(768) → 16px(1280以上) */
}

/* ---- ② 文字サイズの段（役割ごとに揃える） --------------------
   本文 3段: 13 / 16 / 20   ボタン 2段: 13 / 15   その他 3段: 13 / 16 / 30 */

/* 本文 —— 補足 13px */
.im-hero-proof-label { font-size: 13px; }
.im-footer-copy      { font-size: 13px; }
.im-footer-links a   { font-size: 13px; }
.im-nav-links a      { font-size: 13px; }
.im-nav-sub a,
.im-nav-item--has-service .im-nav-sub a { font-size: 13px; }
/* 本文 —— 標準 16px */
.im-hero-sub,
.im-hero-proof-title,
.im-hero-proof-text,
.im-pain-desc,
.im-why-desc,
.im-service-desc,
.im-service-features li,
.im-individual-desc,
.im-contact-lead,
.im-contact-input,
.im-contact-textarea,
.im-contact-category-option span,
.im-contact-checkbox-label { font-size: 16px; }
/* 本文 —— リード 20px */
.im-cta-sub          { font-size: 20px; }

/* ボタン —— 13px / 15px */
.im-hero-scroll-label { font-size: 13px; }
.im-btn-primary,
.im-btn-secondary,
.im-section-cta .im-btn-primary,
.im-why-member-link,
.im-service-link,
.im-contact-form-button { font-size: 15px; }

/* その他 —— ラベル 13px */
.im-hero-eyebrow span:last-child,
.im-section-label,
.im-service-tag,
.im-stat-label,
.im-individual-label,
.im-individual-badge-text,
.im-flow-step-title,
.im-flow-step-desc,
.im-contact-label,
.im-contact-required,
.im-contact-optional { font-size: 13px; }
/* その他 —— 小見出し 16px */
.im-why-point-title,
.im-why-point-desc,
.im-individual-badge-status { font-size: 16px; }
/* その他 —— 数字 30px */
.im-stat-num,
.im-flow-num,
.im-pain-number { font-size: 30px; }

/* h1 —— ルートを直すと 1280px で見出しが1行に収まらないため、
   流体の傾きだけ 5vw → 4vw に緩める（最小・最大は設計値のまま） */
.im-hero-title { font-size: clamp(2.2rem, 4vw, 3.8rem); }

/* h3 —— 2段。個人向けの見出しをサービス見出しと同じ段へ */
.im-individual-title { font-size: 1.4rem; }

/* ---- ③ コントラストの床（地が常に暗い箇所） ------------------ */
.im-footer-copy { color: rgba(255, 255, 255, 0.6); } /* 比 2.64 → 7.2 */

/* ---- ④ 語の泣き別れ（文字を大きくした副作用の受け皿） --------- */
.im-hero-sub,
.im-pain-desc,
.im-why-desc,
.im-why-point-desc,
.im-service-desc,
.im-individual-desc,
.im-cta-sub { word-break: auto-phrase; overflow-wrap: anywhere; }
/* 狭い段（フローの4列）は文節折りにすると1文節が枠を越えるので当てない */