*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#f6faff;color:#102f50;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.8}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 5%;background:#ffffffed;border-bottom:1px solid #d7e3ef}header>a{font-weight:850;letter-spacing:.1em;text-decoration:none}nav{display:flex;gap:20px;align-items:center}button{border:1px solid #b3c8da;background:white;color:#103452;padding:8px 16px;border-radius:8px}section{padding:80px max(6%,calc((100vw - 1140px)/2));scroll-margin-top:60px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;min-height:80vh;background:radial-gradient(ellipse at 80% 10%,#d5f1ff,transparent 60%)}h1{font-size:clamp(38px,4.4vw,65px);line-height:1.35;letter-spacing:-.04em;margin:25px 0}h1 span{color:#006fae}h2{font-size:clamp(29px,3.6vw,48px);line-height:1.5;margin:15px 0 30px}h3{font-size:21px;margin:5px 0 12px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;color:#0074a6}.label{display:inline-block;background:#fff0bf;color:#725209;border:1px solid #d8b75d;border-radius:99px;padding:4px 15px;font-size:13px;font-weight:750}.lead{font-size:20px}.button{display:inline-block;padding:15px 24px;background:#0a598c;color:white;border-radius:10px;text-decoration:none;font-weight:750;margin:15px 0;box-shadow:0 6px 18px #164f7820}.outline{background:white;color:#134a73;border:1px solid #8baac1}figure{margin:0}figure img{display:block;width:100%;border-radius:24px;box-shadow:0 25px 60px #22658c25}figcaption{font-size:12px;text-align:center;margin-top:16px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:35px 0}.three article{padding-top:25px;border-top:3px solid #c9a74a}.three b{color:#0079ab}.note{font-size:13px;color:#53697d;max-width:900px}.navy{background:#102e4b;color:white}.navy .eyebrow{color:#cfad56}.navy .note{color:#ccd8e3}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:15px 45px}.benefits article{display:flex;gap:20px;border-top:1px solid #ffffff30;padding:20px 0}.benefits em{font-size:38px;color:#d4b866;font-style:normal}.plans{display:grid;grid-template-columns:1fr 1fr;gap:25px}.plans article{padding:32px;border:1px solid #c9d9e6;border-radius:20px;background:white}.plans .annual{border:2px solid #c5a247;background:#fffdf5}.price{font-size:clamp(34px,4vw,52px);line-height:1.5;white-space:nowrap}.price span{font-size:18px}.gold{background:#f1e7cc}.promise{display:flex;gap:40px;align-items:center}.promise strong{font-size:100px;line-height:1.3}.promise span{font-size:27px}.steps{display:flex;gap:30px;flex-wrap:wrap}.steps b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#dceefa;margin-right:10px}.share{border-top:1px solid #c9d9e6;margin-top:35px;padding-top:25px;display:flex;gap:20px;flex-wrap:wrap;align-items:center}.share input{width:100%;padding:10px;border:1px solid #b4c8d8;border-radius:6px;color:#214568;background:white}footer{padding:30px 6%;background:#102e4b;color:white;display:flex;gap:25px;flex-wrap:wrap}#controls{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);background:#fff;box-shadow:0 4px 30px #0003;border-radius:12px;padding:8px;gap:20px;align-items:center;z-index:20;white-space:nowrap}#controls:not([hidden]){display:flex}body.present .slide{min-height:calc(100vh - 75px);padding-top:45px;padding-bottom:100px}body.present footer{display:none}:focus-visible{outline:3px solid #ca971d;outline-offset:5px}@media(max-width:700px){header{padding:12px 5%;font-size:12px}nav{gap:9px}nav button{padding:5px 8px}.hero{grid-template-columns:1fr;gap:30px}.hero figure{max-width:460px}section{padding:45px 6%}.three,.plans,.benefits{grid-template-columns:1fr}.three{gap:10px}.lead{font-size:17px}.promise{display:block}.promise strong{font-size:75px}.steps{gap:0;display:block}.plans article{padding:24px}footer span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}

.hero{display:block;padding:0;min-height:0;background:#edf7ff}.annual-main-art{width:100%;height:auto;display:block}.hero-offer{padding:35px max(6%,calc((100vw - 1140px)/2));text-align:center}.hero-offer h1{font-size:clamp(28px,3vw,42px)}.hero-offer .note{margin:auto}.present .hero{padding:0!important}.present .annual-main-art{max-height:72vh;object-fit:contain}.present .hero-offer{padding:10px 5% 90px}.present .hero-offer h1,.present .hero-offer .eyebrow{display:none}details{margin-top:30px;border:1px solid #bdd3e3;border-radius:10px;padding:15px}summary{cursor:pointer;font-weight:700}