:root{
  /* ===== color（Figma get_variable_defs 1:1） ===== */
  --c-main:#10203b;      /* color-main */
  --c-accent:#2b5eb4;    /* 色2 */
  --c-line:#7d8eac;      /* Line */
  --c-white:#ffffff;
  --c-grad-end:#eef0f6;  /* グラデ終端 / 薄グレー帯 */
  --c-ink-60:rgba(16,32,59,.6);
  --c-ink-08:rgba(16,32,59,.08);

  /* ===== font family ===== */
  --ff-jp:"Noto Sans JP",system-ui,sans-serif;
  /* Expose（カスタム英字ディスプレイ）未入手→Archivo近似フォールバック */
  --ff-en:"Expose","Archivo","Noto Sans JP",system-ui,sans-serif;
  /* 和文ディスプレイ（FV見出し・縦書き等。Figma実体= Zen Kaku Gothic New Bold） */
  --ff-display:"Zen Kaku Gothic New","Noto Sans JP",system-ui,sans-serif;

  /* ===== type scale (size / line-height) ; letter-spacing 1px ===== */
  --fz-display-jp:72px; --lh-display-jp:1.25;  /* Display 00-jp */
  --fz-display-en:60px; --lh-display-en:1.25;
  --fz-display-en-s:32px;                       /* Display 03-en */
  --fz-h1:48px; --lh-h1:1.25;
  --fz-h3:32px; --lh-h3:1.4;
  --fz-h4:24px; --lh-h4:1.5;
  --fz-lead:18px; --lh-lead:1.8; --lh-body:1.8;
  --fz-body:16px;
  --fz-meta:14px;
  --fz-caption:12px; --lh-caption:1.6;

  /* ===== layout ===== */
  --w-container:1208px;  /* contents 内寸 (1440 - 116*2) */
  --pad-x:116px;         /* PC左右 */
  --pad-x-tb:48px;       /* tablet */
  --pad-x-sp:20px;       /* SP */
  --header-h:96px;
  --header-h-slim:52px;

  /* ===== blue-abstract 固定背景の調整つまみ ===== */
  --bg-anim-dur:10s;
}

@media (max-width:767px){
  :root{ --fz-body:14px; --header-h:44px }
}