@charset "UTF-8";
/* =========================================================
   カラーテーマ（本採用：白基調）
   2026-09 の3案比較で「白基調」が採用されたため、これを唯一のテーマにした。
   濃紺で塗っていた面（会社案内・下層ページの見出し帯）を淡いブルー面に置き換え、
   文字をネイビーにした最も明るい配色。
   ページを締めるためフッターだけ濃紺を残し、CTA（情シス顧問バナー・採用CTA）も
   目立たせるため濃紺のまま（CTA最優先の配色ルール）。
   旧3案は css/old/ に退避。
   ========================================================= */
:root {
  /* ---- ベース ---- */
  --c-bg: #FBFAF7;
  --c-bg-white: #FFFFFF;
  --c-navy: #1C3F80;
  --c-blue: #2A68CE;
  --c-blue-pale: #EAF1FC;
  --c-text: #232E3C;
  --c-text-sub: #5C6875;
  --c-line: #E2E0D8;
  --c-accent: #DE9A33;

  /* ---- 濃色面 → 淡ブルー面。文字はネイビー ---- */
  --c-deep-1: #EFF5FE;
  --c-deep-2: #E4EDFB;
  --c-deep-3: #DAE7F9;
  --c-deep-4: #D3E2F7;
  --c-on-deep: #16346B;
  --c-on-deep-sub: #3B4F73;
  --c-on-deep-weak: #566276;
  --c-on-deep-line: #C2D5EF;
  --c-on-deep-fill: rgba(29,62,124,.06);
  --c-on-deep-label: #2159B4;
  --rgb-on-deep: 29,62,124;

  /* ---- CTA面（際立たせるため濃紺のまま） ---- */
  --c-cta-1: #1D3E7C;
  --c-cta-2: #16305F;
  --c-cta-3: #2A5FB4;
  --c-on-cta: #FFFFFF;
  --c-on-cta-sub: rgba(255,255,255,.84);
  --c-on-cta-label: #9FC0F0;
  --c-on-cta-fill: rgba(255,255,255,.1);
  --c-on-cta-line: rgba(255,255,255,.25);

  /* ---- 開発分野の面 ---- */
  --c-field-1: #F4F9FF;
  --c-field-2: #E9F2FD;
  --c-field-3: #E1EDFC;
  --c-chip-bg: #FFFFFF;
  --c-chip-line: #DCE6F5;
  --c-chip-o-bg: #F4F8FE;
  --c-chip-o-line: #C6D8F0;
  --c-chip-o-text: #2A68CE;

  /* ---- 導入事例カードの色面 ---- */
  --c-card-a1: #5E96E4;
  --c-card-a2: #2A5FB4;
  --c-card-b1: #64BACC;
  --c-card-b2: #2A7C99;

  /* ---- フッター（ページを締めるため濃紺を残す） ---- */
  --c-footer-bg: #1D3E7C;
  --c-footer-text: rgba(255,255,255,.84);
  --c-footer-strong: #FFFFFF;
  --c-footer-weak: rgba(255,255,255,.52);
  --c-footer-line: rgba(255,255,255,.18);

  /* ---- 暖色ティント ---- */
  --c-tint-warm: #FDF7EC;
  --c-tint-warm-line: #F0E4CB;

  /* ---- rgba() 用の三つ組 ---- */
  --rgb-bg: 251,250,247;
  --rgb-navy: 28,63,128;
  --rgb-blue: 42,104,206;
  --rgb-accent: 222,154,51;
  --rgb-shadow: 29,62,124;

  /* ---- タイポ・寸法 ---- */
  --ff-jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
  --ff-en: "Jost", sans-serif;
  --header-h: 76px;
}