:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --fs-1: 10px;
  --fs-2: 12px;
  --fs-3: 15px;
  --fs-4: 17px;
  --fs-5: 20px;
  --fs-6: 24px;
  --fs-7: 32px;
  --fs-8: 44px;
  --fs-9: 64px;
  --fs-10: 88px;
  --lh-1: 1.6;
  --bd: 1px;
  --bd-2: 2px;
  --r-pill: 999px;
  --z-1: 2;
  --z-2: 10;
  --z-3: 20;
  --z-4: 30;
  --z-5: 200;
  --t-1: 0.25s;
  --t-2: 0.6s;
  --t-3: 1.2s;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --c-bg: #fafaf6;
  --c-ink: #231815;
  --c-ink-sub: #6e6a64;
  --c-line: #e3e0d8;
  --c-accent: #e56d06;
  --c-accent-tint: #fcefe2;
  --c-white: #ffffff;
  --c-tint: #f6f4ee;
  --c-accent-2: #a86c47;
  --c-accent-2-dark: #8f5a3a;
  --c-error: #b3261e;
  --c-veil: rgba(35, 24, 21, 0.45);
  --ff-sans: "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  --ff-serif: "Noto Serif JP", "Noto Serif CJK JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --fw-medium: 500;
  --h-header: 109px;
  --h-anchor-nav: 0px;
  --h-anchor-nav-on: 60px;
  --anchor-gap: 48px;
  --anchor-gap-sp: 32px;
  --h-logo: clamp(26px, 2.4vw, 34px);
  --gap-nav: clamp(16px, 9vw - 80px, 64px);
  --shadow: 0 0 12px var(--c-veil);
  --c-shadow: rgba(35, 24, 21, 0.12);
  --scale: 1.05;
  --op: 0.55;
  --fade-stop: 55%;
  --c-mv-dot: rgba(255, 255, 255, 0.45);
  --h-finder-max: 90dvh;
  --c-logo-sq1: #d07f1e;
  --c-logo-sq2: #d9a469;
  --c-logo-sq4: #da8019;
  --w-slide-sp: 82%;
  --m-mn: #e8833a;
  --m-ht: #2c4470;
  --m-ev: #2c4470;
  --m-tn: #e2c89a;
  --m-green: #8fbf6a;
  --m-road: #a7adb4;
  --m-alley: #c3c7cc;
  --m-zebra: #f7f7f5;
  --m-park: #e8833a;
  --m-park-f: #a8561c;
  --m-e-a: #7f8fa3;
  --m-glass: #f6d9a0;
  --m3-go-size: 44px;
  --m3-go-icon: 16px;
  --m3-go-gap: 8px;
  --m3-go-ink: currentColor;
  --m3-btn-size: 36px;
  --m3-btn-gap: 6px;
  --m3-btn-inset: 14px;
  --m3-btn-font: 18px;
  --m3-btn-bg: rgba(255, 255, 255, 0.95);
  --m3-btn-line: rgba(0, 0, 0, 0.12);
  --m3-btn-ink: #2b3340;
  --m3-tree: #8fae7a;
  --m3-trunk: #8a7a62;
  --m3-hilite: #c9a24a;
  --m3-frame: #b08d3c;
  --m3-btn-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  --m3-btn-z: 5;
  --m3-btn-outline: 2px;
  --m-city: #e6e1d8;
  --m-e-top: #c9cdd1;
  --m-ground: #e4ddd0;
  --m-mull: #4d525a;
  --m-rail: #7d7a74;
  --m-rail-bed: #c9c2b6;
  --m-slab: #e9ebed;
  --m-stage-a: #f7f4ee;
  --m-stage-b: #ece6db;
  --m-w-a: #a5abb2;
  --m-w-top: #cfd3d7;
  --m-win: #2e343d;
  --m-label: rgba(255, 255, 255, 0.95);
  --m-label-shadow: rgba(0, 0, 0, 0.12);
  --m-label-soft: rgba(255, 255, 255, 0.7);
  --m3-nomap-fs: 14px;
  --m3-nomap-lh: 1.9;
  --m3-nomap-pad: 24px;
  --turn-x: 45deg;
  --h-view: 100svh;
  --h-hist-pin: calc(100svh - var(--h-header) - var(--h-anchor-nav));
  --h-hist-pin-sp: calc(100svh - var(--space-8) - var(--h-anchor-nav));
  --hist-run: 0px;
  --hist-fill: 0;
  --fs-hist-badge: calc(var(--fs-3) * 0.7);
  --mv-steps: 3;
  --img-mark-mannen: url("https://inotsu.co.jp/shared/group/img/mannen-mark.svg?v=be369605");
  --ext-stroke: 1.3;
  --ext-gap: 0.2em;
  --ext-shift: 0.12em;
  --ls-1: 0.01em;
  --ls-2: 0.04em;
  --ls-3: 0.06em;
  --ls-4: 0.08em;
  --ls-5: 0.1em;
  --ls-6: 0.12em;
  --ls-7: 0.18em;
  --em-1: 0.05em;
  --em-2: 0.3em;
  --em-3: 0.875em;
  --em-4: 0.9em;
  --em-5: 1.14em;
  --em-6: 1.3em;
  --em-7: 2em;
  --em-8: 10.8em;
  --em-9: 40em;
}
@media (max-width: 768px) { :root { --anchor-gap: var(--anchor-gap-sp); } }
:root:has(.anchor-nav) { --h-anchor-nav: var(--h-anchor-nav-on);
}