:root{--color-primary:#0f172a;--color-secondary:#1e293b;--color-accent:#38bdf8;--color-accent-hover:#0ea5e9;--color-background:#f8fafc;--color-surface:#fff;--color-text-main:#0f172a;--color-text-sub:#64748b;--color-border:#e2e8f0;--font-family-sans:"Inter","Noto Sans JP",sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius-md:.375rem;--radius-lg:.5rem;--radius-full:9999px;--container-max-width:1200px;--header-height:70px}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-family-sans);background-color:var(--color-background);color:var(--color-text-main);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max-width);padding:0 var(--spacing-md);margin:0 auto}.title{font-size:2rem;font-weight:700;line-height:1.2}.subtitle{color:var(--color-text-sub);font-size:1.125rem}.text-center{text-align:center}.flex{display:flex}.flex-col{flexDirection:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-md{gap:var(--spacing-md)}.grid{display:grid}