:root {
  --color-ink: #101a2a;
  --color-main: #10263f;
  --color-main-2: #80601a;
  --color-accent: #155e40;
  --color-accent-2: #073f2a;
  --color-base: #ffffff;
  --color-pale: #030e20;
  --color-line: #aa842f;
  --color-on-dark: #ffffff;
  --color-on-dark-line: #ede3c7;
  --color-error: #b72c34;
  --color-shadow: rgb(0 4 14 / .55);
  --navy: #031020;
  --navy-glass: rgb(3 16 32 / .94);
  --gold: #d6b450;
  --gold-light: #f5e4aa;
  --red-strong: #ff8178;
  --gold-dim: #6e551d;
  --new-figure-h: clamp(150px, 34dvh, 390px);
  --stack-h: clamp(65px, 17dvh, 190px);
  --clock-minute-turn: 24s;
  --clock-hour-turn: 288s;
  --clock-h: clamp(140px, 28dvh, 300px);
  --company-min-h: calc((100dvh - var(--header-h)) * .73);
  --summary-min-h: calc((100dvh - var(--header-h)) * .66);
  --document-title-offset: 24px;
  --salary-number: clamp(44px, min(9dvh, 16vw), 76px);
  --salary-unit-size: clamp(13px, 3.5vw, 18px);
  --gold-soft: rgb(214 180 80 / .28);
  --blue: #0962dc;
  --green: #50b526;
  --blue-deep: #062963;
  --green-deep: #073d27;
  --steel: #0c1218;
  --steel-light: #25323b;
  --steel-grain: rgb(151 170 183 / .055);
  --steel-scratch: rgb(222 211 174 / .09);
  --paper: #faf3df;
  --paper-shade: #eee1bc;
  --paper-grain: rgb(133 100 30 / .07);
  --bg-dark: linear-gradient(155deg, var(--blue-deep), var(--navy));
  --bg-accent: linear-gradient(120deg, var(--color-accent), var(--color-accent-2));
  --font-body: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  --font-head: "Yuji Boku", "Hiragino Mincho ProN", serif;
  --font-en: "Outfit", sans-serif;
  --fs-min: 13px;
  --fs-base: clamp(13px, min(2.2dvh, 3.85vw), 17.5px);
  --fs-ui: 13px;
  --fs-input: 16px;
  --fs-head: clamp(26px, min(4.7dvh, 8.25vw), 40px);
  --fw-body: 900;
  --fw-head: var(--fw-body);
  --ls-body: .015em;
  --lh-body: 1.7;
  --lh-head: 1.18;
  --col: 480px;
  --header-h: 56px;
  --gutter: 27px;
  --sp-1: .4em;
  --sp-p: .6em;
  --sp-g: clamp(9px, 1.5dvh, 16px);
  --pad-y: clamp(10px, 1.8dvh, 20px);
  --next-h: 0px;
  --radius-pill: 3px;
  --radius-s: 3px;
  --shadow-soft: 0 6px 16px var(--color-shadow);
  --shadow-column: 0 0 50px var(--color-shadow);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --rise: 26px;
  --dur-in: 540ms;
  --dur-hover: 250ms;
  --figure-h: clamp(170px, 29dvh, 310px);
  --door-h: clamp(185px, 31dvh, 330px);
  --duel-h: clamp(80px, 18dvh, 200px);
  --ratio-caption-size: 13px;
  --pie-size: clamp(76px, 13dvh, 140px);
  --motion-float: 4s;
  --paper-pattern: repeating-linear-gradient(32deg, transparent 0 3px, var(--paper-grain) 3px 4px);
}
@media (max-height: 600px) { :root { --pad-y: 8px; --sp-g: 7px; --figure-h: 175px; --door-h: 195px; --duel-h: 95px; --pie-size: 66px; --new-figure-h: 140px; --stack-h: 45px; --clock-h: 110px; } }