/* スクラムサイン コーポレートサイト 共通スタイル
 *
 * このファイルは tools/apply-classes.py が生成します。直接編集せず、
 * tools/style-classes.json を編集してから同スクリプトを実行してください。
 */

/* 土台 */
body { margin:0; background:#FFFFFF; font-family:'Zen Kaku Gothic New', sans-serif; color:#1E2126; }
a { color:#009944; } a:hover { color:#1D2088; }
::selection { background:#D9EDE1; }
a[href^="http"] { overflow-wrap:anywhere; word-break:break-word; }

/* グローバルナビのリンク */
.ss-nav { font-size:12.5px; font-weight:700; text-decoration:none; color:#1E2126; padding:4px 0; border-bottom:2px solid transparent; white-space:nowrap; }

/* グローバルナビ（現在地） */
.ss-nav-on { font-size:12.5px; font-weight:700; text-decoration:none; color:#009944; padding:4px 0; border-bottom:2px solid #009944; white-space:nowrap; }

/* ヘッダーのロゴリンク */
.ss-logo { display:flex; align-items:center; gap:12px; text-decoration:none; color:#1E2126; }

/* ヘッダーのロゴ画像 */
.ss-logo-img { width:38px; height:38px; object-fit:contain; }

/* ヘッダーの社名 */
.ss-logo-name { display:block; font-family:'Zen Maru Gothic'; font-weight:900; font-size:16px; letter-spacing:.04em; }

/* ヘッダーのタグライン */
.ss-logo-sub { display:block; font-size:11px; color:#8A918E; letter-spacing:.1em; }

/* ヘッダーの横並び */
.ss-headbar { display:flex; align-items:center; gap:14px; padding:14px 28px; max-width:1080px; margin:0 auto; box-sizing:border-box; flex-wrap:wrap; }

/* ナビの並び */
.ss-navwrap { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }

/* 下罫線 */
.ss-rule-b { border-bottom:1px solid #E4E8E4; }

/* 伸縮スペーサー */
.ss-spacer { flex:1; min-width:20px; }

/* フッターの情報欄 */
.ss-foot { display:flex; flex-wrap:wrap; gap:26px; justify-content:space-between; padding:44px 4px 0; font-size:11.5px; color:#8A918E; line-height:1.95; }

/* フッターの情報欄（CTAが無いページ：上に罫線） */
.ss-foot-top { display:flex; flex-wrap:wrap; gap:26px; justify-content:space-between; padding:34px 4px 0; border-top:1px solid #E4E8E4; font-size:11.5px; color:#8A918E; line-height:1.95; }

/* フッターの見出し */
.ss-foot-h { font-weight:700; color:#242A29; font-size:12px; }

/* フッターのロゴ欄 */
.ss-foot-logo { display:flex; flex-direction:column; align-items:center; gap:10px; padding:40px 0 0; }

/* フッターのロゴ画像 */
.ss-foot-logo-img { width:130px; object-fit:contain; }

/* コピーライト */
.ss-copy { text-align:center; font-size:11.5px; color:#8A918E; line-height:1.9; }

/* ページ全体の器 */
.ss-page { min-height:100vh; background:#FFFFFF; }

/* 最下部セクション（CTA） */
.ss-sec-last { max-width:1080px; margin:0 auto; padding:36px 28px 72px; box-sizing:border-box; }

/* 下線なしリンク */
.ss-plain { text-decoration:none; }

/* 補足テキスト */
.ss-note { font-size:12px; color:#8A918E; }

/* CTAの枠 */
.ss-cta-box { border:1.5px solid #009944; border-radius:10px; padding:38px 40px; }

/* CTAの見出し */
.ss-cta-h { font-family:'Zen Maru Gothic'; font-weight:900; font-size:22px; }

/* 緑のバッジ */
.ss-badge { font-size:11px; font-weight:700; letter-spacing:.08em; color:#009944; border:1px solid #009944; border-radius:3px; padding:3px 9px; }

/* 下線リンク */
.ss-underline { text-decoration:underline; text-underline-offset:3px; }

/* 本文の段落 */
.dc-p { margin:0 0 14px; font-size:13.5px; color:#242A29; line-height:2.15; }

/* 本文の段落（大） */
.dc-p-lg { margin:0 0 16px; font-size:14.5px; color:#242A29; line-height:2.3; }

/* 本文の段落（詰め） */
.dc-p-tight { margin:8px 0 0; font-size:13.5px; color:#242A29; line-height:2.1; }

/* 本文の画像 */
.dc-img { max-width:100%; border-radius:6px; display:block; }

/* 本文の間隔 */
.dc-gap { margin:22px 0; }

/* インタビューの問いかけ */
.voice-q { margin:26px 0 10px; padding-left:14px; border-left:3px solid #009944; font-family:'Zen Maru Gothic'; font-weight:700; font-size:14px; color:#1E2126; line-height:1.95; }

/* お知らせ一覧の行 */
.news-row { display:grid; grid-template-columns:132px 1fr; gap:18px; align-items:center; padding:16px 4px; border-bottom:1px solid #E4E8E4; }

/* お知らせのサムネ枠 */
.news-thumb { width:132px; height:76px; border-radius:8px; overflow:hidden; border:1px solid #E4E8E4; }

/* お知らせの日付＋バッジ */
.news-meta { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:5px; }

/* お知らせの日付 */
.news-date { font-size:12px; color:#8A918E; letter-spacing:.06em; white-space:nowrap; }

/* お知らせの見出し */
.news-title { font-size:14px; font-weight:500; line-height:1.9; }