:root {
  /* 色（DNA.md 1：参考の5色の役割を WINXCY の3事業＋沖縄に読み替え。人物の絵の v3 の色と同じ値） */
  --ink: #111111;
  --ink-soft: #3a3a3a;
  --paper: #f1f0ec;
  --paper-deep: #e4e2dc;
  --white: #ffffff;
  --lock: #474747;
  --lock-card: rgba(255, 255, 255, 0.16);
  --lock-card-2: rgba(255, 255, 255, 0.09);
  --blue: #6894f2;
  --blue-deep: #4a76d6;
  --mint: #82d2b2;
  --mint-deep: #5fb894;
  --orange: #f05a1e;
  --orange-deep: #c9470f;
  --yellow: #ffc12e;
  --yellow-deep: #e0a20f;
  --sky: #8fd3f4;
  --sky-deep: #62b6de;
  --peach: #febdad;
  --gray: #bdbdbd;
  --shadow: rgba(17, 17, 17, 0.1);
  --veil: rgba(255, 255, 255, 0.55);
  --night: #15161a;
  --night-2: #23252c;

  /* 文字（DNA.md 0.7 T1・T2） */
  --ff-jp: "Noto Sans JP", system-ui, sans-serif;
  --ff-maru: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
  --ff-en: "Outfit", "Noto Sans JP", sans-serif;
  --ff-pop1: "Bagel Fat One", "Outfit", sans-serif;
  --ff-pop2: "Paytone One", "Outfit", sans-serif;
  --ff-pop3: "Dela Gothic One", "Outfit", sans-serif;
  --fw-body: 500;
  --fs-body: 16px;
  --lh-body: 1.85;
  --fs-small: 13px;
  --fs-catch: clamp(44px, 6.2vw, 92px);
  --lh-catch: 1.12;
  --ls-catch: -0.02em;
  --fs-head: clamp(26px, 2.7vw, 40px);
  --lh-head: 1.25;
  --ls-head: -0.02em;
  --fs-tag: clamp(64px, 8vw, 116px);

  /* 余白（3段階＋セクション） */
  --sp-1: 10px;
  --sp-p: 18px;
  --sp-g: 36px;
  --pad-y: clamp(64px, 8vw, 120px);
  --gutter: clamp(16px, 1.6vw, 24px);
  --hd-h: 68px;

  /* 形（DNA.md 1 角丸・線） */
  --r-card: 28px;
  --r-fvcard: 22px;
  --r-chip: 14px;
  --line: 2.5px;
  --line-bold: 3px;

  /* FV（案1）：スマホの台の地と線（DNA.md 1「WINXCY への読み替え」の5色＋海。線は地の濃い同系色） */
  --fv-green: #21c27a;
  --fv-green-line: #0f7f4c;
  --fv-blue: #3e7be6;
  --fv-blue-line: #1f4fae;
  --fv-pink: #e35f95;
  --fv-pink-line: #a8336a;
  --fv-orange: #f76a3c;
  --fv-orange-line: #b9431a;
  --fv-yellow: #ffc12e;
  --fv-yellow-line: #b98300;
  --fv-sky: #4cb6ea;
  --fv-sky-line: #1b7fb3;
  /* FV の台の大きさ（T3：256×500 前後・間 76px） */
  --ph-w: clamp(240px, 21vw, 340px);
  --ph-gap: clamp(-10px, 0vw, 0px);
  --fv-cycle: 4.5s;
  /* 真ん中の台の人物：横の台の何倍にし、足をどこまで枠の下へ出すか（PC 約75px・スマホ 約110px） */

  /* 動き（激しく・最大限に。出だし 0.3秒以内・出そろい 2秒以内） */
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
  --tag-speed: 26s;
}
@media (max-width: 767px) {
  :root {
    --fs-body: 15px;
    --hd-h: 60px;
        --r-card: 22px;
    --ph-w: 230px;
    --ph-gap: -6px;
  }
}