@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;900&display=swap";
:root{--color-accent:#2aab9f;--color-accent-dark:#1e8880;--color-accent-light:#e6f7f6;--color-dark:#001b1b;--color-dark-2:#0d2e2e;--color-text:#1a1a1a;--color-text-body:#444;--color-text-muted:#888;--color-bg:#fff;--color-bg-light:#f4f7f7;--color-bg-section:#f8fbfb;--color-border:#e0eded;--color-white:#fff;--font-base:"Noto Sans JP", "Hiragino Sans", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.375rem;--font-size-xl:1.75rem;--font-size-2xl:2.25rem;--font-size-3xl:3rem;--font-size-4xl:3.75rem;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.75rem;--space-xl:4.5rem;--space-2xl:7rem;--space-3xl:9rem;--max-width:1280px;--header-height:72px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 4px 20px #0000001a;--shadow-lg:0 12px 48px #00000024;--shadow-accent:0 6px 24px #2aab9f40;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-base);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 clamp(1.25rem,2.4vw,2rem)}.section{padding:clamp(5.5rem, 8vw, var(--space-2xl)) 0}.section--dark{background:var(--color-dark);color:var(--color-white)}.section--light{background:var(--color-bg-light)}.section-label{font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1rem;font-weight:700;display:inline-block}.section-title{font-size:var(--font-size-2xl);letter-spacing:-.02em;color:var(--color-text);font-weight:700;line-height:1.3}.section-title--white{color:var(--color-white)}.section-subtitle{font-size:var(--font-size-md);color:var(--color-text-body);max-width:640px;margin-top:1rem;line-height:1.8}.btn{border-radius:var(--radius-full);font-size:var(--font-size-base);letter-spacing:.02em;transition:all var(--transition-base);cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:600;display:inline-flex}.btn--primary{background:var(--color-accent);color:var(--color-white);box-shadow:var(--shadow-accent)}.btn--primary:hover{background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 10px 32px #2aab9f59}.btn--outline{color:var(--color-accent);border:2px solid var(--color-accent);background:0 0}.btn--outline:hover{background:var(--color-accent-light);transform:translateY(-2px)}.btn--outline-white{color:var(--color-white);background:0 0;border:2px solid #ffffff80}.btn--outline-white:hover{border-color:var(--color-white);background:#ffffff1a}.btn--sm{font-size:var(--font-size-sm);padding:.625rem 1.5rem}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);transform:translateY(-4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #2aab9f4d}50%{box-shadow:0 0 0 12px #2aab9f00}}.animate-fade-up{animation:.6s both fadeInUp}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}@media (max-width:768px){:root{--header-height:64px;--space-xl:3.5rem;--space-2xl:4.5rem}.section{padding:var(--space-xl) 0}.section-title{font-size:var(--font-size-xl)}.container{padding:0 1rem}}