body,html{padding:0;margin:0;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}p{margin:0}.fade-up{opacity:0;transform:translateY(32px);transition:opacity .65s var(--ez),transform .65s var(--ez)}.fade-up.in-view{opacity:1;transform:translateY(0)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--p:#32a8db;--pk:#2090c0;--bg:#fff;--sf:#f7f9fb;--tx:#1a1a1a;--ts:#6b7280;--bd:#e5e7eb;--hh:72px;--mw:1160px;--r:6px;--ez:cubic-bezier(.4,0,.2,1)}a{color:inherit;text-decoration:none}p{line-height:1.8}.w{max-width:var(--mw);margin:0 auto;padding:0 2rem}.hero{height:700px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--bg)}.hero-panel{position:absolute;right:0;top:0;bottom:0;width:52%;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);overflow:hidden}.hero-panel-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;animation:hero-zoom 6s ease-out forwards}.hero-panel-overlay{position:absolute;inset:0;background:linear-gradient(150deg,rgba(232,245,251,.55),rgba(200,229,242,.35))}.hero-dots{position:absolute;right:8%;bottom:18%;display:grid;grid-template-columns:repeat(7,10px);grid-template-rows:repeat(5,10px);grid-gap:10px;gap:10px;opacity:.25}.hero-dot{width:10px;height:10px;border-radius:50%;background:var(--p)}.hero-line{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--p),transparent);opacity:.2;right:48%}.hero-content{position:relative;z-index:2;width:100%}.hero-eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--p);margin-bottom:1.25rem;animation:hero-fade-up .7s ease-out .2s both}.hero-title{font-size:clamp(2.25rem,4.5vw,3.75rem);font-weight:700;color:#333;line-height:1.15;letter-spacing:-.02em;margin-bottom:1.5rem;max-width:720px;word-break:keep-all;animation:hero-fade-up .7s ease-out .4s both}.hero-sub{font-size:1.0625rem;color:#333;line-height:1.85;max-width:440px;margin-bottom:2.5rem;animation:hero-fade-up .7s ease-out .6s both}.hero-scroll{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.625rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ts);animation:bob 2.4s ease-in-out infinite,hero-fade-up .7s ease-out 1.2s both}.hero-scroll-line{width:1px;height:44px;background:linear-gradient(to bottom,var(--ts),transparent)}@keyframes bob{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(7px)}}@keyframes hero-zoom{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8125rem 1.875rem;font-weight:500;border-radius:var(--r);transition:all .18s var(--ez);cursor:pointer;font-family:inherit;border:none}.btn-p{background:var(--p);color:#fff}.btn-p:hover{background:var(--pk)}@media (max-width:767px){.hero-content{transform:translateY(-150px)}}