:root{--primary: #4A9FC9;--primary-dark: #3A7FA9;--primary-light: #E8F4FA;--accent: #5BBCE6;--accent-light: #7DCBEF;--text: #1a1a2e;--text-light: #555;--text-muted: #888;--bg: #ffffff;--bg-alt: #f7fafc;--bg-dark: #0f172a;--white: #ffffff;--border: #e2e8f0;--gradient-hero: linear-gradient(135deg, #3A7FA9 0%, #5BBCE6 50%, #7DCBEF 100%);--gradient-cta: linear-gradient(135deg, #4A9FC9 0%, #5BBCE6 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);line-height:1.8;overflow-x:hidden}.font-display{font-family:Outfit,sans-serif}.section-inner{max-width:1100px;margin:0 auto}.section-label{font-family:Outfit,sans-serif;font-size:13px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.section-title{font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.3;margin-bottom:60px}.section-title span{color:var(--primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-100px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}