@charset "UTF-8";
/*
 * 佐々木組 採用サイト「明るい版」 2026-09-14
 * body.tone-light のときだけ効く上書き。今の版（暗い版）の site.css・各テンプレートのCSSは一切変更していない。
 * 切替: function/sasaki-tone.php（本番の既定は wp option sasaki_tone、見比べは ?tone=light / ?tone=dark）
 *
 * 方針
 *  1) 色トークンを明るい値に差し替える（多くの要素がこれだけで明るくなる）
 *  2) 写真・動画の上に文字を置く所と、ヘッダー/フッター/CTA箱は「暗い島」としてトークンを暗い版に戻す
 *  3) テンプレートに直書きされている白文字・濃紺背景だけを個別に上書き
 *  セレクタは全て body.tone-light 始まり＝各テンプレートの<style>より詳細度が高いので読み込み順に関係なく勝つ
 */

/* ---------- 1) トークン ---------- */
body.tone-light{
  --ink:#ffffff;
  --ink2:#f5f7fb;
  --navy:#edf2f9;
  --txt:#33415c;
  --muted:#5f6d86;
  --line:rgba(11,15,23,.12);
  --amber:#1f6fd1;
  background:#fff;
  color:#15213a;
}

/* ---------- 2) 暗い島（写真の上・ヘッダー・フッター・CTA） ---------- */
body.tone-light .site-hd,body.tone-light .drawer,body.tone-light .site-ft,body.tone-light .sticky,
body.tone-light .fv,body.tone-light .sfv,body.tone-light .subhero,body.tone-light .band,body.tone-light .gate,
body.tone-light .final,body.tone-light .scta,body.tone-light .acta,body.tone-light .rcta,body.tone-light .biz-cta,
body.tone-light .iv__ph,body.tone-light .iv__cap{
  --ink:#080c14;--ink2:#0e1626;--navy:#16294a;--txt:#cbd7e8;--muted:#9fb0c8;--line:rgba(255,255,255,.12);--amber:#4d9bff;
  color:#eef2f8;
}
body.tone-light .site-hd.solid{background:rgba(19,32,58,.97)}
body.tone-light .site-ft{background:#13203a}
body.tone-light .fv .btn--ghost,body.tone-light .sfv .btn--ghost,body.tone-light .band .btn--ghost,body.tone-light .final .btn--ghost,
body.tone-light .scta .btn--ghost,body.tone-light .acta .btn--ghost,body.tone-light .rcta .btn--ghost,body.tone-light .biz-cta .btn--ghost{border-color:rgba(255,255,255,.35);color:#fff}

/* ---------- 3) 共通パーツ ---------- */
body.tone-light .btn--ghost{border-color:rgba(11,15,23,.3);color:#0f1d3a}
body.tone-light .btn--ghost:hover{border-color:var(--orange);color:var(--orange)}
body.tone-light .btn--dark{background:#13203a}
body.tone-light .btn--dark:hover{background:#1e3762}
body.tone-light .sec[data-no]::before{color:rgba(11,15,23,.25)}
body.tone-light .sec-head[data-en]::before{-webkit-text-stroke-color:rgba(11,15,23,.07)}
body.tone-light .prose h2,body.tone-light .prose h3,body.tone-light .prose b,body.tone-light .prose strong{color:#0f1d3a}
body.tone-light .prose th{background:#eef3f9;color:#0f1d3a}

/* カード類：白地＋細い枠＋やわらかい影 */
body.tone-light .job,body.tone-light .stat,body.tone-light .point,body.tone-light .rung,body.tone-light .flow__c,
body.tone-light .svc,body.tone-light .str,body.tone-light .rcond__c,body.tone-light .rrel__c{
  background:#fff;border-color:rgba(11,15,23,.1);box-shadow:0 1px 2px rgba(11,15,23,.05),0 8px 22px rgba(11,15,23,.05);
}
body.tone-light .stat:hover,body.tone-light .point:hover,body.tone-light .svc:hover{background:#f7f9fd}
body.tone-light a.job:hover{box-shadow:0 14px 30px rgba(11,15,23,.12)}
body.tone-light .job__ttl{color:#0f1d3a}
body.tone-light .job__cat{background:rgba(216,31,42,.07);border-color:rgba(216,31,42,.35);color:#c4121d}
body.tone-light .job__closed{background:rgba(11,15,23,.06)}
body.tone-light .stat b{color:#0f1d3a}
body.tone-light .stat__label{color:#15213a}
body.tone-light .point__bg{color:rgba(11,15,23,.045)}
body.tone-light .rung--hl{background:#fff6f6;border-color:rgba(216,31,42,.55)}

/* ---------- ページ別 ---------- */
/* 新卒・中途：インタビュー */
body.tone-light .iv__pull{color:#0f1d3a}

/* 佐々木組について */
body.tone-light .ab-lead p{color:var(--txt)}
body.tone-light .hist__ph{background:#eef3f9}
body.tone-light .hist__name{color:#0f1d3a}
body.tone-light .hist__gen{color:#c4121d}
body.tone-light .award__cap{color:var(--muted)}

/* 事業内容 */
body.tone-light .biz-lead p{color:var(--txt)}

/* 会社概要 */
body.tone-light .cinfo dd{color:var(--txt)}
body.tone-light .cinfo dd .bname{color:#0f1d3a}
body.tone-light .cmap{background:#eef3f9}

/* 募集要項（一覧・詳細） */
body.tone-light .rtabs__btn{color:#c4121d}
body.tone-light .rtabs__btn:hover{color:#fff}
body.tone-light .rgroup__badge{color:#0f1d3a}
body.tone-light .tag--job{background:rgba(31,111,209,.08);border-color:rgba(31,111,209,.35);color:#1f6fd1}
body.tone-light .tag--closed{background:rgba(11,15,23,.06)}
body.tone-light .rrel__type{color:#c4121d}
body.tone-light .rrel__t{color:#0f1d3a}
body.tone-light .rback:hover{color:#0f1d3a}

/* お知らせ */
body.tone-light .news-meta .cat{color:#c4121d;background:rgba(216,31,42,.07);border-color:rgba(216,31,42,.35)}
body.tone-light .news-back:hover{color:#0f1d3a}

/* エントリーフォーム */
body.tone-light .eform__row dt{color:#15213a}
body.tone-light .eform input[type=text],body.tone-light .eform input[type=email],body.tone-light .eform input[type=tel],body.tone-light .eform textarea{
  background:#fff;border-color:rgba(11,15,23,.22);color:#15213a;
}
body.tone-light .eform input::placeholder,body.tone-light .eform textarea::placeholder{color:#8a96a8}
body.tone-light .eform input[name="submitBack"]{border-color:rgba(11,15,23,.3);color:#0f1d3a}
body.tone-light .eform .error,body.tone-light .mw_wp_form .error{color:#c4121d}
body.tone-light .mw_wp_form_confirm .eform__row dd{color:#15213a}

/* サンクス・404（全面の暗い背景を明るく） */
body.tone-light .tmain,body.tone-light .nf{background:radial-gradient(120% 80% at 50% 0%,#e3ecf8 0%,transparent 55%),linear-gradient(180deg,#f5f8fc 0%,#fff 100%)}
body.tone-light .tprose,body.tone-light .nf p{color:var(--txt)}
body.tone-light .tprose h2,body.tone-light .ttel b{color:#0f1d3a}
body.tone-light .nf__code{-webkit-text-stroke-color:rgba(11,15,23,.25)}

/* ---------- お知らせ・サイトマップ（2026-10-07） ---------- */
body.tone-light .news-list__ttl,body.tone-light .news-head__ttl,body.tone-light .news-side__h,body.tone-light .smap__h{color:#0f1d3a}
body.tone-light .news-list a:hover{background:#f5f8fd}
body.tone-light .news-cat{background:rgba(216,31,42,.07);border-color:rgba(216,31,42,.35);color:#c4121d}
body.tone-light .news-side__list a span{background:#eaf1fb}