@font-face{font-family:Jost;src:url(/kit/type/fonts/Jost-wght.woff2)format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:Noto Serif JP;src:url(/kit/type/fonts/NotoSerifJP-wght.woff2)format("woff2");font-weight:300 500;font-display:swap}:root{--font-display:"Noto Serif JP", serif;--font-text:"Jost", sans-serif;--step-small:.9375rem;--step-body:clamp(1.125rem, 1.05rem + .2vw, 1.1875rem);--step-lead:clamp(1.375rem, 1.2rem + .55vw, 1.75rem);--step-head:clamp(2rem, 1.3rem + 3vw, 4rem);--step-display:11.4vw;--bg:#f5f2eb;--surface:#ebe5d8;--ink:#160e0c;--muted:#4f2c14;--accent:#6a8025;--accent-ink:#160e0c;--field-night:#160e0c;--field-night-ink:#f5f2eb;--field-night-soft:#c9bfa9;--field-walnut:#4f2c14;--field-walnut-ink:#f5f2eb;--field-walnut-soft:#d9cfbb;--field-matcha:#6a8025;--field-matcha-ink:#160e0c;--dot-off:#d6cdb9;--scrim:#160e0c9e;--frame-dark:#1d1714;--choice-hover:#fffdf8;--panel-dark:#2a211b;--margin:clamp(16px, 1.9vw, 28px);--gutter:clamp(12px, 1.4vw, 20px);--section-gap:clamp(112px, 12vw, 200px);--radius:0;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-soft:cubic-bezier(.33, 1, .68, 1);--t-press:.14s;--t-hover:.18s;--t-ui:.24s;--t-reveal:.8s;--t-open:1.2s;--stagger-line:90ms;--stagger-item:70ms;--drop-tilt:12deg;--focus:var(--accent);--radius-pill:var(--radius);--button-h:52px;--weight-button:500;--ink-hover:var(--muted);--step-cap:var(--step-body);--track-nav:0;--bar-h:64px;--space-3:16px;--space-4:clamp(16px, 2.2vw, 36px);--space-5:26px}@media (max-width:700px){:root{--step-display:19.5vw;--drop-tilt:0deg}}
:root{--hit:24px;--text-min:16px;--cap-min:11px;--max:1440px}body{padding-inline:var(--rail,0px)}@media (max-width:1023px),(pointer:coarse){:root{--hit:44px}}:focus-visible{outline:3px solid var(--focus,currentColor);outline-offset:3px}
:root{--max:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--step-body);font-feature-settings:"ss01";text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}img,video{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}::selection{background:var(--accent);color:var(--bg)}[lang=ja]{font-family:var(--font-display);letter-spacing:.04em}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--margin);z-index:120;background:var(--ink);color:var(--bg);padding:12px 20px;text-decoration:none;position:fixed;top:-4rem}.skip:focus{top:var(--margin)}.f-display{font-family:var(--font-display);font-weight:300}.f-text{font-family:var(--font-text)}.grid{column-gap:var(--gutter);padding-inline:var(--margin);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.head{font-family:var(--font-display);font-weight:300;font-size:var(--step-head);letter-spacing:-.02em;text-wrap:balance;line-height:1.04}.lead{font-family:var(--font-display);font-weight:300;font-size:var(--step-lead);letter-spacing:-.005em;text-wrap:pretty;line-height:1.5}.small{font-size:var(--step-small);line-height:1.5}p{text-wrap:pretty}.wordmark{font-family:var(--font-text);text-transform:uppercase;letter-spacing:.04em;font-weight:600;font-size:var(--step-display);white-space:nowrap;line-height:.86}@media (prefers-reduced-motion:no-preference){[data-js] [data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .9s var(--ease-expo);transition-delay:calc(var(--i,0) * var(--stagger-item));transform:translateY(24px)}[data-js] [data-reveal].is-in{opacity:1;transform:none}[data-js] [data-shutter] img{clip-path:inset(0 0 100%);transition:clip-path var(--t-reveal) var(--ease-expo), transform var(--t-open) var(--ease-soft);transform:scale(1.1)}[data-js] [data-shutter].is-in img{clip-path:inset(0);transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.legal{max-width:64ch;padding:56px var(--margin) var(--section-gap);overflow-wrap:anywhere;justify-items:start;gap:16px;margin:0 auto;display:grid}.legal .head{margin:56px 0 8px}.legal h2{font-family:var(--font-text);font-weight:500;font-size:var(--step-lead);margin-top:24px;line-height:1.25}.legal__back{align-items:center;gap:12px;min-height:44px;font-weight:500;display:inline-flex}