/* ============================================================
   news.html（お知らせ一覧）専用スタイル
   ------------------------------------------------------------
   読み込み順：common.css → news.css
   構成はFigmaワイヤーフレーム node 559-776（SP-375）準拠。
   お知らせ1件（.news-item / .news-badge）と関連ページ導線（.related）は
   common.css の共通コンポーネントを使用。
   配下ページはTOPより控えめな「一般レベル」の文字サイズにする
   ============================================================ */

/* ---- 配下ページ共通の控えめ見出し（このページ内のみ上書き）----
   お知らせ一覧は「読み物の索引」なので、他ページよりさらに1段小さくしている
   （--fs-en-h3 → --fs-jp-lg / --fs-body → --fs-body-sm）。
   共通コンポーネントの .button-cta（もっと見る）と .related（関連ページ行）は
   全ページで見た目を揃えている部品なので、ここでは触らない */
main .en-h2 {
  font-size: var(--fs-jp-lg);
  letter-spacing: 3px;
}
main .section-head__jp { font-size: var(--fs-body-sm); }
main .section-head__body h3 {
  font-size: var(--fs-ttl);
  letter-spacing: 3px;
  line-height: 1.6;
}

.news-hero { padding-block: clamp(48px, 6vw, 104px) 0; }

/* ============ お知らせ一覧（WF 559:881 の囲み枠） ============ */
.news-list-section { padding-block: clamp(40px, 5vw, 80px) 0; } /* 下は related の margin が間隔を持つ */

.news-list-box {
  background: #fff;
  border-radius: var(--radius);
  padding: clamp(16px, 2.5vw, 32px) clamp(16px, 3vw, 40px);
}
/* 囲み枠の内側なので、リスト先頭の上罫線と末尾の下罫線は重複させない */
.news__list { list-style: none; }
.news-list-box .news-item { border-bottom: 1px solid #ece4d4; }
.news-list-box li:last-child .news-item { border-bottom: 0; }

/* 一覧の各行も1段小さく。.news-item はTOPのNEWS抜粋と共用の部品なので、
   このページの囲み枠（.news-list-box）配下だけに限定して上書きする */
.news-list-box .news-item__date { font-size: var(--fs-sm); }
.news-list-box .news-badge { font-size: 12px; padding: 5px 9px; }

/* ============ 関連ページ導線 ============ */
/* 直後に共通の Contact＋SNS パネルが入るので、フッター用だった padding-bottom は不要
   （パネルの margin-top が唯一の間隔になり、他ページと揃う） */
.news-related-section { padding-bottom: 0; }