/* ===== Design tokens =====
   XDデザイン原寸再現のためのスケーリング方式:
   - PC (768px〜):  1rem = 100vw/192 → 1920px時に 1rem=10px（XDの10pxを1remで指定）
   - SP (〜767px):  1rem = 100vw/43  → 430px時に 1rem=10px（上限13.5pxで頭打ち）
   すべての寸法は「XDのpx値 ÷ 10 = rem値」で記述する。 */
html { font-size: calc(100vw / 192); }
@media (max-width: 767px) {
  html { font-size: min(calc(100vw / 43), 13.5px); }
}

:root {
  /* Colors（XD実測値） */
  --color-primary: #324ce1;   /* rgb(50,76,225) メインブルー（ボタン・帯・フッター） */
  --color-blue: #2d52e4;      /* rgb(45,82,228) 見出しブルー */
  --color-bg: #f7f7f7;        /* アートボード背景 */
  --color-text: #000000;      /* 本文（XDは純黒） */
  --color-text-form: #333333; /* CONTACTフォーム文字 */
  --color-line: #707070;      /* 罫線（NEWS・COMPANY表） */
  --color-line-form: #a5a5a5; /* フォーム罫線 */
  --color-line-thick: #e3e3e3;/* フォーム太罫線 */
  --color-border-input: #717171; /* 入力欄枠線 rgb(113,113,113) */
  --color-white: #ffffff;

  /* Typography */
  --font-en: "Montserrat", "Noto Sans JP", sans-serif;
  --font-jp: "Noto Sans JP", sans-serif;
  --font-logo: "Prompt", "Montserrat", sans-serif;

  /* Letter spacing（XD ls値/1000 = em） */
  --ls-129: 0.129em;
  --ls-120: 0.12em;
  --ls-50: 0.05em;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}