@property --scrollbar-w{syntax:"<length>";inherits:true;initial-value:0}:root{--scrollbar-w:calc(100vw - 100%);--color-bg:#f7f5f0;--color-bg-alt:#f4f1ea;--color-surface:#fff;--color-surface-elevated:#fff;--color-primary:#ff6b4a;--color-primary-hover:#f2573a;--color-primary-active:#d84b2c;--color-primary-ink:#fff;--color-primary-soft:#ffe1d7;--color-dark:#1b1a18;--color-dark-ink:#fff;--color-lemon:#f5d95c;--color-mint:#a9e7c4;--color-blue:#b8cdfb;--color-accent:#f5d95c;--color-accent-ink:#796407;--color-primary-ink-soft:#ca2500;--color-success-ink:#2b6a48;--color-danger-ink:#c2311f;--color-accent-soft:#ffe1d7;--color-text:#201d1a;--color-text-muted:#776f67;--color-text-subtle:#a49b91;--color-border:#e7e1d8;--color-border-strong:#d3c9bb;--color-success:#3f9d6a;--color-success-soft:#a9e7c4;--color-danger:#e0503f;--color-danger-soft:#ffe1d7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:10px;--radius-md:14px;--radius-lg:24px;--radius-xl:30px;--radius-full:9999px;--shadow-sm:0 1px 2px #201d1a0a, 0 1px 3px #201d1a0d;--shadow-md:0 4px 14px #201d1a12, 0 2px 4px #201d1a0d;--shadow-lg:0 14px 36px #201d1a17, 0 4px 12px #201d1a0d;--font-sans:"Noto Sans JP Variable", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", "Meiryo", system-ui, -apple-system, sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.0625rem;--text-xl:1.1875rem;--text-2xl:1.375rem;--text-3xl:1.625rem;--font-regular:400;--font-medium:500;--font-bold:700;--container-sp:480px;--container-md:640px;--container-lg:960px;--min-tap:48px;--sp-header-h:60px}@media (min-width:720px){:root{--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{overflow-x:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:var(--font-bold);color:var(--color-text);margin:0}p{margin:0}a{color:var(--color-primary-active);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number]{appearance:none}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=search],select,textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);min-height:var(--min-tap);transition:border-color .15s}textarea{min-height:6rem;line-height:1.7}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}
