:root {
  --color-ink: #000a61;
  --color-main: #000a61;
  --color-main-2: #000a61;
  --color-accent: #ea2f00;
  --color-accent-2: #ea2f00;
  --color-base: #fcfcfc;
  --color-pale: #f0f2f6;
  --color-line: #b9bed1;
  --color-on-dark: #fcfcfc;
  --color-on-dark-line: rgb(252 252 252 / 0.8);
  --color-error: #ba2600;
  --color-shadow: rgb(0 10 97 / 0.08);
  --color-wash: #fff1e9;
  --color-ink-blue: #6f91b4;
  --color-ink-mint: #a1c7c2;
  --color-ink-pale: #e7eeed;
  --color-clear: transparent;
  --bg-dark: var(--color-main);
  --bg-accent: var(--color-main);
  --font-body: "Noto Sans JP", "Hiragino Sans", system-ui, sans-serif;
  --font-head: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
  --font-en: "Noto Sans JP", sans-serif;
  --fs-min: 13px;
  --fs-base: clamp(var(--fs-min), min(2.26dvh, 3.85vw), 17px);
  --fs-ui: 13px;
  --fs-input: 16px;
  --fs-head: clamp(20px, 3.6dvh, 27px);
  --fw-body: 500;
  --ls-body: 0.015em;
  --lh-body: 1.7;
  --lh-head: 1.35;
  --col: 480px;
  --header-h: 56px;
  --gutter: 24px;
  --sp-1: 0.4em;
  --sp-p: 0.62em;
  --sp-g: 0.85em;
  --pad-y: 1.2em;
  --next-h: 0px;
  --radius-pill: 999px;
  --radius-s: 5px;
  --shadow-soft: 0 2px 0 var(--color-shadow);
  --shadow-column: 0 0 0 1px var(--color-line);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --rise: 15px;
  --dur-in: 500ms;
  --dur-hover: 250ms;
  --scene-h: clamp(76px, 17dvh, 145px);
  --scene-compact-h: clamp(64px, 13dvh, 112px);
  --line-art: 3.1px;
  --float-time: 3.6s;
  --background-landscape: none;
  --background-mountain-size: 0px;
  --background-mountain-position: center bottom;
}
@media (max-height: 600px) {
  :root { --pad-y: 0.7em; --lh-body: 1.5; --sp-p: 0.46em; --sp-g: 0.6em; --scene-h: 74px; --scene-compact-h: 62px; }
}

@media (min-height: 900px) {
  :root { --scene-h: min(22dvh, 245px); --scene-compact-h: min(22dvh, 245px); }
}