/* ===========================================================
   02-statement — ヒーロー直下のステートメント

   ヒーローと同じ字下げ（X≈192）で組まれている。
   本文は先方確定済み（2026-08-09）。改行はSPカンプの10行構成に準拠。
   PROVISIONAL: サイズ・余白は未実測。

   SP実測（カンプ 375px / node 1553:768）:
     本文 W=335（＝375 − 20×2）/ Zen Kaku Gothic New Regular 14px /
     行間 200% / 字間 0.62px / 塗り #000000 / H=280（14×2.0×10行）
   =========================================================== */

.sec-statement {
  padding-block: 160px 120px;         /* PROVISIONAL */
}

.sec-statement__inner {
  padding-left: 148px;                /* ヒーローと揃える（実測 X=190 - 42） */
}

.sec-statement__head {
  /* DERIVED: カンプ上の文字列幅（603px / 14文字相当）から逆算した約40px。
     未実測なので、実測パスで確定させること。ヒーローH1は実測42px。 */
  font-size: 40px;
  font-weight: 700;
  line-height: 1.35;                  /* DERIVED（行送り約54px / 40px） */
}

.sec-statement__body {
  margin-top: 40px;                   /* PROVISIONAL */
  font-size: var(--fs-body);
  line-height: var(--lh-lead);
  color: var(--text-muted);
}

@media (max-width: 1099px) {
  .sec-statement__inner {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  /* ✅ SPカンプ実測（Group 426: X=20 / Y=783 / W=335 / H=366）。
     見出し上端 783 / 見出しH=54 / 本文上端 869 / 本文H=280 → 下端 1149。

     ヒーローは黒ボタンの下端 624 で終わる（182+68+16+48+45.5+46+176.5+42）。
     783 − 624 = 159 が上余白。 */
  /* 下は0。本文下端1149から次セクション（事業紹介）までの495pxは
     03-business.css 側の padding-top で持たせている。 */
  .sec-statement {
    padding-block: 159px 0;
  }

  .sec-statement__head {
    font-size: 18px;                /* 実測 Bold 18px。旧20pxは誤り */
    line-height: 1.5;               /* 実測 150%（18×1.5×2行 = 54 ＝ H54） */
    letter-spacing: 0.62px;         /* 実測 */
  }

  /* 実測（node 1553:768）。行間は PC の --lh-lead: 2.38 ではなく 2.0。 */
  .sec-statement__body {
    margin-top: 32px;               /* 実測 869 − (783+54) = 32。旧24pxは誤り */
    font-size: var(--sp-fs-body);   /* 14px */
    line-height: 2;                 /* 実測 200% */
    letter-spacing: 0.62px;         /* 実測 */
  }
}