:root{--color-primary:#21518f;--color-secondary:#44a1cd;--color-accent:#6c63ff;--color-text:#1a1a1a;--color-text-light:#666;--color-text-lighter:#666;--color-bg:#fff;--color-bg-light:#fafafa;--color-bg-dark:#0a0a0a;--color-border:#e5e5e5;--color-border-light:#f0f0f0;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem;--spacing-2xl:6rem;--spacing-3xl:8rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--font-size-6xl:4.5rem;--max-width:1200px;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:0.15s;--duration-normal:0.3s;--duration-slow:0.6s;--duration-slower:1s;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--glass-bg:hsla(0,0%,100%,.7);--glass-border:hsla(0,0%,100%,.18);--glass-blur:blur(10px)}*{box-sizing:border-box;padding:0;margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-noto-sans-jp),"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;color:var(--color-text);background-color:var(--color-bg);line-height:1.7;font-size:16px}main{padding-top:3.5rem}@media (max-width:768px){:root{--spacing-xs:0.4rem;--spacing-sm:0.75rem;--spacing-md:1.25rem;--spacing-lg:2rem;--spacing-xl:2.75rem;--spacing-2xl:3.5rem;--spacing-3xl:4.5rem}main{padding-top:3rem}}*{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--spacing-sm);color:var(--color-text)}h1{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-6xl));letter-spacing:-.03em}h1,h2{font-weight:700}h2{font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-4xl))}h3{font-size:clamp(var(--font-size-xl),3vw,var(--font-size-2xl));font-weight:600}p{margin-bottom:var(--spacing-sm);line-height:1.8;color:var(--color-text-light)}img{max-width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);z-index:200;background:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);font-weight:600;font-size:var(--font-size-sm);text-decoration:none;transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:0}.skip-link:focus-visible{top:0;outline:2px solid #fff;outline-offset:2px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}::selection{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-light)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-lighter)}