@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";
:root{--bg-primary:#fafbfc;--bg-secondary:#f3f5f7;--bg-elevated:#fff;--bg-dark:#1a2332;--bg-overlay:#1a233299;--text-primary:#1a2332;--text-secondary:#4a5568;--text-muted:#8b95a5;--text-inverse:#fff;--text-link:#2e5c8a;--accent-primary:#2e5c8a;--accent-primary-hover:#3a6f9e;--accent-primary-light:#e8f0f8;--accent-secondary:#1b3a5c;--accent-secondary-hover:#254d73;--accent-gold:#c4a35a;--accent-gold-light:#c4a35a1f;--accent-glow:#2e5c8a26;--border-light:#e8ecf0;--border-default:#d1d9e0;--border-strong:#a0aebf;--border-focus:#2e5c8a;--state-success:#2d8a4e;--state-success-bg:#e8f5ed;--state-warning:#c07a1e;--state-warning-bg:#fdf3e5;--state-danger:#b83232;--state-danger-bg:#fdecec;--font-heading:"Inter","Noto Sans JP",sans-serif;--font-body:"Noto Sans JP","Inter",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.3;--leading-normal:1.7;--leading-relaxed:1.9;--tracking-tight:-.01em;--tracking-normal:.02em;--tracking-wide:.05em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #1a23320f;--shadow-md:0 4px 12px #1a233214;--shadow-lg:0 8px 24px #1a23321f;--shadow-hover:0 12px 32px #1a233229;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-reveal:.6s;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1400px;--header-height:80px;--header-height-scrolled:60px;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s;--duration-slow:0s;--duration-reveal:0s}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{line-height:var(--leading-normal);color:var(--text-secondary)}a{color:var(--text-link);transition:color var(--duration-fast)var(--ease-out);text-decoration:none}a:hover{color:var(--accent-primary-hover)}a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{top:-100%;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-2)var(--space-4);background:var(--accent-primary);color:var(--text-inverse);border-radius:var(--radius-md);font-weight:var(--font-semibold);transition:top var(--duration-fast)var(--ease-out);position:absolute}.skip-link:focus{top:var(--space-4)}.container{width:100%;max-width:var(--container-xl);padding-left:var(--space-6);padding-right:var(--space-6);margin-left:auto;margin-right:auto}.container--narrow{max-width:var(--container-lg)}.container--wide{max-width:var(--container-2xl)}.section{padding-top:var(--space-20);padding-bottom:var(--space-20)}.section--alt{background-color:var(--bg-secondary)}.section--dark{background-color:var(--bg-dark);color:var(--text-inverse)}.section__header{text-align:center;max-width:720px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-12)}.section__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--accent-primary);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-3);display:inline-block}.section__title{margin-bottom:var(--space-4)}.section__description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.grid{gap:var(--space-6);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main{padding-top:var(--header-height)}@media (max-width:1024px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}}@media (max-width:768px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}.container{padding-left:var(--space-4);padding-right:var(--space-4)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}}