@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&family=Albert+Sans:wght@700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Noto Sans JP,sans-serif;line-height:1.6;color:#000;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.interactive-card{--cardShadow: 0 10px 30px rgba(15, 23, 42, .1);--cardShadowHover: 0 20px 54px rgba(15, 23, 42, .18);--cardY: 0px;--cardYHover: -6px;--cardScale: 1;--cardScaleHover: 1;--cardBorderColor: rgba(15, 23, 42, .1);--cardBorderColorHover: rgba(30, 157, 212, .22);border:1px solid var(--cardBorderColor);box-shadow:var(--cardShadow);transform:translateY(var(--cardY)) scale(var(--cardScale));transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s cubic-bezier(.2,.8,.2,1),border-color .24s cubic-bezier(.2,.8,.2,1);will-change:transform}.interactive-card:hover{--cardShadow: var(--cardShadowHover);--cardY: var(--cardYHover);--cardBorderColor: var(--cardBorderColorHover);--cardScale: var(--cardScaleHover)}.interactive-card:focus-visible{outline:3px solid rgba(30,157,212,.35);outline-offset:3px}.interactive-card--showcase{position:relative;overflow:hidden;--cardYHover: -10px;--cardScaleHover: 1.012;--cardShadowHover: 0 28px 84px rgba(15, 23, 42, .26);--cardBorderColorHover: rgba(30, 157, 212, .34)}.interactive-card--showcase:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:radial-gradient(700px 220px at 20% 0%,#fff6,#fff0 58%);opacity:0;transition:opacity .24s cubic-bezier(.2,.8,.2,1);pointer-events:none}.interactive-card--showcase:hover:before{opacity:1}.interactive-card--showcase:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff2e;opacity:0;transition:opacity .24s cubic-bezier(.2,.8,.2,1);pointer-events:none}.interactive-card--showcase:hover:after{opacity:1}.interactive-card--showcase .card-thumbZoom{transform:scale(1);transform-origin:center;transition:transform .52s cubic-bezier(.2,.8,.2,1);will-change:transform}.interactive-card--showcase:hover .card-thumbZoom{transform:scale(1.04)}@media (prefers-reduced-motion: reduce){.interactive-card{transition:none}.interactive-card:hover{--cardY: 0px;--cardScale: 1}.interactive-card--showcase .card-thumbZoom{transition:none}}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1;margin-top:0}:root{--brand-900: #0b1220;--brand-700: #0a3976;--brand-600: #154380;--brand-500: #1e9dd4;--brand-400: #2baee6;--accent-500: #eea405;--accent-400: #ffb726;--surface: #ffffff;--surface-muted: #f6f8fb;--surface-soft: #fffbfb;--text-900: #0b1220;--text-800: #111827;--text-700: #374151;--text-500: #6b7280;--line-200: rgba(15, 23, 42, .1);--line-300: rgba(15, 23, 42, .18);--primary-blue: var(--brand-500);--secondary-blue: var(--brand-600);--accent-orange: var(--accent-500);--text-dark-blue: var(--brand-700);--text-black: var(--text-900);--text-gray: #737373;--bg-white: var(--surface);--bg-light-gray: #f5f5f5;--bg-off-white: var(--surface-soft)}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}p{margin-bottom:1rem}button{font-family:inherit;border:none;cursor:pointer;transition:all .3s ease}button:focus{outline:2px solid var(--primary-blue);outline-offset:2px}a{color:var(--primary-blue);text-decoration:none;transition:color .3s ease}a:hover{color:var(--secondary-blue)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}@media (max-width: 768px){.section{padding:60px 0}}@media (max-width: 480px){.section{padding:40px 0}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:2.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:2.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}