@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";
:root{--color-bg:#fafafa;--color-bg-white:#fff;--color-bg-subtle:#f5f5f3;--color-bg-muted:#eeeee9;--color-bg-dark:#0d1b1e;--color-bg-deep:#0a1628;--color-text-primary:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-muted:#8a8a8a;--color-text-light:#b0b0b0;--color-text-inverse:#fff;--color-text-on-accent:#fff;--color-accent:#1b5e3b;--color-accent-light:#2d8b5e;--color-accent-subtle:#e8f5ee;--color-accent-dark:#0f3d25;--color-accent-muted:#1b5e3b14;--color-navy:#1a2b4a;--color-navy-light:#2b4570;--color-navy-subtle:#e8ecf3;--color-navy-dark:#0f1a30;--color-studio:#2b4570;--color-studio-light:#3a5a8c;--color-studio-subtle:#edf1f7;--color-border:#e0e0dc;--color-border-subtle:#eeeeea;--color-shadow:#0000000f;--color-shadow-md:#0000001a;--font-sans:"Inter","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Outfit","Noto Sans JP",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;--text-6xl:3.75rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.05em;--tracking-wider:.1em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--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;--space-40:10rem;--container-max:1120px;--container-narrow:780px;--container-wide:1280px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--shadow-sm:0 1px 2px var(--color-shadow);--shadow-md:0 4px 12px var(--color-shadow);--shadow-lg:0 8px 30px var(--color-shadow-md);--shadow-xl:0 16px 48px var(--color-shadow-md);--z-header:100;--z-modal:200;--z-overlay:150}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg);overflow-x:hidden}img,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);padding-inline:var(--space-6);margin-inline:auto}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:var(--container-wide)}.section{padding-block:var(--space-24);position:relative}.section--alt{background-color:var(--color-bg-subtle)}.section--dark{background-color:var(--color-bg-dark);color:var(--color-text-inverse)}.section--navy{background-color:var(--color-bg-deep);color:var(--color-text-inverse)}.section__label{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4);font-weight:500}.section__title{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-6)}.section__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:640px}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.font-display{font-family:var(--font-display)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-3)var(--space-6);border-radius:var(--radius-full);transition:all var(--duration-normal)var(--ease-out);white-space:nowrap;cursor:pointer;border:none;font-weight:500;display:inline-flex}.btn--primary{background-color:var(--color-accent);color:var(--color-text-on-accent);padding:var(--space-4)var(--space-8);font-size:var(--text-base)}.btn--primary:hover{background-color:var(--color-accent-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--secondary{color:var(--color-accent);border:1.5px solid var(--color-accent);padding:var(--space-4)var(--space-8);font-size:var(--text-base);background-color:#0000}.btn--secondary:hover{background-color:var(--color-accent-subtle);transform:translateY(-1px)}.btn--studio{background-color:var(--color-studio);color:var(--color-text-on-accent);padding:var(--space-4)var(--space-8);font-size:var(--text-base)}.btn--studio:hover{background-color:var(--color-studio-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--ghost{color:var(--color-text-secondary);padding:var(--space-2)var(--space-4);background-color:#0000}.btn--ghost:hover{color:var(--color-accent);background-color:var(--color-accent-muted)}.btn--text{color:var(--color-accent);gap:var(--space-1);background:0 0;padding:0;font-weight:500}.btn--text:hover{gap:var(--space-2)}.btn--text .arrow{transition:transform var(--duration-normal)var(--ease-out)}.btn--text:hover .arrow{transform:translate(4px)}.card{background-color:var(--color-bg-white);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--color-border-subtle);transition:all var(--duration-normal)var(--ease-out)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border)}.card--accent{border-left:3px solid var(--color-accent)}.fade-in{opacity:0;transition:opacity var(--duration-slow)var(--ease-out),transform var(--duration-slow)var(--ease-out);transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:.1s}.fade-in-delay-2{transition-delay:.2s}.fade-in-delay-3{transition-delay:.3s}.fade-in-delay-4{transition-delay:.4s}@media (max-width:768px){:root{--text-3xl:1.5rem;--text-4xl:1.875rem;--text-5xl:2.25rem;--text-6xl:2.75rem}.section{padding-block:var(--space-16)}.container{padding-inline:var(--space-5)}}@media (max-width:480px){.container{padding-inline:var(--space-4)}}.text-center{text-align:center}.text-left{text-align:left}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.visually-hidden{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::selection{background-color:var(--color-accent-subtle);color:var(--color-accent-dark)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}