:root{--p:#2a46c8;--shade:#1b2e8e;--soft:#e9eafb;--deep:#16256e;--ok:#149a55;--bg:#f5f6fb;--surface:#fff;--text:#141a2e;--muted:#6c7489;--muted-strong:#5b6278;--p-text:#2a46c8;--line:#dee2ee;color-scheme:light dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Murecho,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;font-size:16px;line-height:1.9;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{background:var(--surface);z-index:20;border-radius:10px;padding:10px 14px;position:fixed;top:-80px;left:16px}.skip:focus{top:16px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--p);outline-offset:4px}header{border-bottom:2px solid var(--line);z-index:10;background:#f5f6fbf0;justify-content:space-between;align-items:center;height:76px;padding:0 max(20px,6vw);display:flex;position:sticky;top:0}.brand{color:#1b2450;align-items:center;text-decoration:none;display:flex}.wordmark{fill:currentColor;width:auto;height:24px;display:block}nav{align-items:center;gap:26px;font-size:15px;font-weight:700;display:flex}nav a{color:var(--muted-strong);text-decoration:none;transition:color .2s ease-out}nav a:hover{color:var(--text)}.primary{background:var(--p);color:#fff;letter-spacing:.05em;min-width:330px;box-shadow:0 5px 0 var(--shade);border-radius:13px;justify-content:center;align-items:center;gap:12px;padding:16px 28px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .12s ease-out,box-shadow .12s ease-out;display:inline-flex}.primary:active{box-shadow:0 2px 0 var(--shade);transform:translateY(3px)}.primary .arrow{width:20px;height:20px}.phone{margin:0}.phone-screen{aspect-ratio:390/844;border:3px solid var(--text);background:var(--bg);border-radius:30px;place-items:center;width:260px;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 6px #141a2e0f,0 22px 44px -14px #1b2e8e47}.phone-screen:after{content:attr(data-shot);color:var(--muted);place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;inset:0}.phone-screen img{z-index:1;object-fit:cover;width:100%;height:100%;position:relative}.phone figcaption{color:var(--muted-strong);max-width:240px;margin-top:14px;font-size:14px}.phone figcaption b{color:var(--text);margin-bottom:2px;font-size:16px;display:block}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;max-width:1240px;margin:auto;padding:80px max(20px,4vw) 96px;display:grid}.deck-wrap{justify-self:center;justify-items:center;gap:22px;display:grid}.deck{aspect-ratio:4/5;width:340px;position:relative}.card{background:var(--surface);will-change:transform;border:1px solid #141a2e14;border-radius:30px;margin:0;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s ease-out,filter .5s ease-out;position:absolute;inset:0;overflow:hidden;box-shadow:0 2px 6px #141a2e0f,0 30px 60px -20px #141a2e59}.card img{object-fit:cover;width:100%;height:100%;display:block}.card[data-pos="0"]{z-index:3;transform:none}.card[data-pos="1"]{z-index:2;filter:brightness(.9);transform:translate(18px,-14px)rotate(5deg)scale(.95)}.card[data-pos="2"]{z-index:1;filter:brightness(.82);transform:translate(-18px,-8px)rotate(-6deg)scale(.93)}.card:not([data-pos="0"]):not([data-pos="1"]):not([data-pos="2"]){z-index:0;opacity:0;transform:translate(-18px,-8px)rotate(-6deg)scale(.9)}.card-panel{color:#fff;backdrop-filter:blur(14px)saturate(1.3);background:linear-gradient(#141a2e8c,#141a2ec7);border:1px solid #ffffff29;border-radius:22px;padding:16px 16px 14px;transition:opacity .4s ease-out;position:absolute;bottom:12px;left:12px;right:12px}.card:not([data-pos="0"]) .card-panel{opacity:0}.card-title{margin:0 0 12px;font-family:Zen Kaku Gothic New,Hiragino Sans,system-ui,sans-serif;font-size:20px;font-weight:700;line-height:1.4}.card-foot{border-top:1px solid #ffffff2e;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.card-note{color:#ffffffd9;align-items:center;gap:8px;font-size:13px;display:inline-flex}.card-note i{background:#4ade80;border-radius:50%;width:8px;height:8px}.card-next{font:inherit;letter-spacing:.06em;color:#141a2e;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:700;transition:transform .15s ease-out}.card-next:active{transform:scale(.96)}.card-next:focus-visible{outline-offset:2px;outline:2px solid #fff}.deck-count{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.deck-count b{color:var(--text);font-weight:600}.nb{display:inline-block}h1,h2,h3,.hero-sub,.what,.pname,.faq summary{font-family:Zen Kaku Gothic New,Hiragino Sans,system-ui,sans-serif;font-weight:700}h1{letter-spacing:.02em;margin:0 0 14px;font-size:clamp(32px,4.2vw,50px);line-height:1.45}.hero-sub{color:var(--p-text);letter-spacing:.02em;margin:0 0 22px;font-size:clamp(19px,2.3vw,26px);font-weight:700}.hero-lead{color:#46506a;max-width:30em;margin:0;font-size:18px;line-height:1.95}.section{padding:112px max(20px,7vw)}.section-head{text-align:left;justify-items:start;gap:14px;max-width:1080px;margin:0 auto 48px;display:grid}.section-head .section-note{color:var(--muted);font-size:14px}.section h2{letter-spacing:.02em;color:var(--p-text);text-wrap:balance;margin:0;font-size:clamp(30px,4.4vw,48px);line-height:1.35}.section-head p{color:var(--muted-strong);max-width:620px;margin:0;font-size:17px;line-height:1.9}.plan{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.road-wrap{max-width:1080px;margin:0 auto}.road{position:relative}.stops{padding-top:10px;padding-left:58px;position:relative}.stop{padding-bottom:40px;position:relative}.stop:last-child{padding-bottom:0}.node{background:var(--surface);border:8px solid var(--soft);border-radius:50%;width:34px;height:34px;position:absolute;top:2px;left:-58px}.when{color:var(--muted-strong);letter-spacing:.04em;margin:0;font-size:14px;font-weight:700}.stop.now .when{color:var(--p-text)}.what{letter-spacing:.02em;color:var(--text);margin:2px 0 6px;font-size:clamp(20px,2.3vw,26px);font-weight:700}.detail{color:var(--muted-strong);max-width:30em;margin:0;font-size:15px;line-height:1.85}.screens{background:var(--bg)}.shot-grid{grid-template-columns:repeat(4,1fr);justify-items:start;gap:26px;max-width:1080px;margin:0 auto;display:grid}.shot-grid .phone-screen{width:100%;max-width:240px}.memory{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.curve{max-width:620px;color:var(--text);margin:0 auto}.curve svg{width:100%;height:auto;display:block}.curve .cx{fill:var(--muted-strong);text-anchor:middle;font-size:22px;font-weight:600}.curve-key{flex-wrap:wrap;justify-content:flex-start;gap:22px;margin-top:6px;display:flex}.k{color:var(--muted-strong);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.k:before{content:"";background:#b9c0d6;border-radius:3px;width:20px;height:5px}.k-p{color:var(--p-text)}.k-p:before{background:var(--p)}.databar{background:var(--deep);color:#fff;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:40px;padding:28px max(20px,7vw);display:flex}.databar-lead{color:#b9c3ef;margin:0;font-size:14px;font-weight:600}.databar ul{flex-wrap:wrap;justify-content:flex-start;gap:34px;display:flex}.databar li{align-items:baseline;gap:7px;display:flex}.databar b{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:26px;font-weight:700}.databar span{color:#c8d0f2;font-size:14px}.price{background:var(--bg)}.table-wrap{background:var(--surface);border:2px solid var(--line);border-radius:24px;max-width:1080px;margin:0 auto;overflow:hidden}.ptable{border-collapse:collapse;width:100%}.ptable thead th{vertical-align:top;border-bottom:2px solid var(--line);text-align:center;padding:26px 10px 22px}.ptable thead th.best{background:var(--soft)}.pname{color:var(--muted-strong);margin-bottom:8px;font-size:15px;font-weight:700;display:block}.best .pname{color:var(--p-text)}.pprice{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;display:block}.pprice b{letter-spacing:.02em;font-size:34px}.pprice i{color:var(--muted-strong);margin-left:2px;font-size:13px;font-style:normal}.best .pprice b{color:var(--p-text)}.pnote{color:var(--muted-strong);margin-top:4px;font-size:12.5px;font-weight:700;display:block}.ptable tbody th{text-align:left;border-bottom:1px solid var(--line);padding:14px 16px;font-size:15px;font-weight:700;line-height:1.6}.ptable tbody td{text-align:center;border-bottom:1px solid var(--line);width:17%;padding:14px 10px}.ptable tbody td.best{background:var(--soft)}.ptable tbody tr:last-child th,.ptable tbody tr:last-child td{border-bottom:0}.yes{width:22px;height:22px;color:var(--ok);display:inline-block}.best .yes{color:var(--p)}.no{background:var(--line);vertical-align:middle;border-radius:2px;width:16px;height:3px;display:inline-block}.price-note{max-width:1080px;color:var(--muted-strong);margin:22px auto 0;font-size:15px}.faq{background:var(--surface);border-top:1px solid var(--line)}.faq-list{max-width:1080px;margin:0 auto}.faq details{border-bottom:2px solid var(--line)}.faq summary{cursor:pointer;color:var(--text);padding:24px 46px 24px 0;font-size:18px;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.mark{width:16px;height:16px;margin-top:-8px;position:absolute;top:50%;right:8px}.mark:before,.mark:after{content:"";background:var(--p);border-radius:2px;position:absolute}.mark:before{width:16px;height:3px;top:7px;left:0}.mark:after{width:3px;height:16px;transition:opacity .15s ease-out;top:0;left:7px}.faq details[open] .mark:after{opacity:0}.faq details p{color:var(--muted-strong);max-width:42em;margin:0 0 26px;font-size:16px;line-height:2}.close{background:var(--p);color:#fff;padding:88px max(28px,6vw)}.close h2{letter-spacing:.02em;text-wrap:balance;margin:0 0 16px;font-size:clamp(30px,4.4vw,50px);line-height:1.35}.close p{color:#d9dfff;max-width:34em;margin:0;font-size:17px}footer{color:#adb4ca;background:#11162b;justify-content:space-between;padding:34px max(20px,7vw);font-size:14px;display:flex}footer a{text-decoration:none}@media (width<=900px){.shot-grid{grid-template-columns:1fr 1fr;justify-items:center;gap:36px 20px}.shot-grid .phone figcaption{text-align:center;margin-inline:auto}}@media (width<=800px){header{height:64px}.desktop{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-top:44px}.deck{width:min(300px,78vw)}.section{padding:80px 20px}.ptable tbody th{padding:12px 8px;font-size:13px}.ptable tbody td{width:19%;padding:12px 4px}.pprice{white-space:nowrap}.pprice b{letter-spacing:0;font-size:22px}.pprice i{margin:0;display:block}.pname{font-size:13px}.pnote{font-size:11px}.ptable thead th{padding:18px 4px 16px}.databar,.databar ul{gap:22px}.primary{width:100%;min-width:0}.close{padding:76px 20px}footer{text-align:center;display:block}footer span,footer a{margin:5px;display:block}}@media (width<=440px){.shot-grid{grid-template-columns:1fr}.shot-grid .phone-screen{max-width:250px}.road{padding-left:50px}.node{left:-50px}}@media (prefers-color-scheme:dark){.brand{color:#d6d9e4}:root{--bg:#101322;--surface:#171b2c;--text:#f1f3fc;--muted:#a6aec5;--muted-strong:#a6aec5;--line:#30364b;--soft:#242b4a;--p-text:#9db0ff}header{background:#101322f0}.hero-lead{color:#c0c6d9}.phone-screen{border-color:#3a4157;box-shadow:0 2px 6px #0000004d,0 22px 44px -14px #0009}.databar{background:#0c0f1c}.plan-card.paid{box-shadow:0 6px #1c2340}.skip{border:2px solid var(--line)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary{transition:none}.primary:active{transform:none}.mark:after{transition:none}}:root{--glass:#ffffff8f;--glass-edge:#ffffffd9;--glass-shadow:0 12px 40px #141a2e14}body{background:#f3f5fb}.aurora{z-index:-1;pointer-events:none;height:130vh;position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.aurora span{filter:blur(90px);opacity:.5;will-change:transform;border-radius:50%;position:absolute}.aurora span:first-child{background:#9fb0ff;width:60vw;height:60vw;animation:28s ease-in-out infinite alternate drift1;top:-22vw;left:-18vw}.aurora span:nth-child(2){background:#8fd6e6;width:50vw;height:50vw;animation:34s ease-in-out infinite alternate drift2;top:18vh;right:-16vw}.aurora span:nth-child(3){opacity:.4;background:#cdb9ff;width:46vw;height:46vw;animation:40s ease-in-out infinite alternate drift3;bottom:-26vw;left:22vw}@keyframes drift1{to{transform:translate(14vw,10vh)scale(1.12)}}@keyframes drift2{to{transform:translate(-12vw,16vh)scale(.92)}}@keyframes drift3{to{transform:translate(-10vw,-14vh)scale(1.1)}}.glass{background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px #141a2e0a,0 10px 30px -12px #141a2e1a}@supports not (backdrop-filter:blur(1px)){.glass,header{background:var(--surface)!important}}.plan,.memory,.faq,.screens,.price{background:0 0;border:0}.road-wrap{border-radius:32px;padding:48px clamp(22px,4vw,56px)}.curve{border-radius:32px;max-width:700px;margin:0 auto;padding:28px 28px 22px}.memory .section-head{text-align:center;justify-items:center;max-width:700px}.memory .curve-key{justify-content:center}.table-wrap{border:1px solid var(--line)}.ptable thead th.best,.ptable tbody td.best{background:#e9eafb99}.faq-list{border-radius:28px;padding:6px 30px}.faq details:last-child{border-bottom:0}header{border:1px solid var(--glass-edge);backdrop-filter:blur(18px)saturate(1.7);background:#ffffff8c;border-radius:999px;width:calc(100% - 24px);max-width:1180px;height:64px;margin:12px auto 0;padding:0 26px 0 22px;position:sticky;top:12px;box-shadow:0 8px 30px #141a2e14,inset 0 1px #ffffffe6}#plan,#screens,#memory,#price,#faq,#release,#main{scroll-margin-top:96px}.databar{border-radius:28px;margin:0 max(12px,3vw)}.close{border-radius:32px;margin:0 max(12px,3vw) 24px}footer{border-radius:0}.js [data-reveal]{opacity:0;transition:opacity .5s cubic-bezier(.2, .7, .2, 1) var(--d,0s), transform .5s cubic-bezier(.2, .7, .2, 1) var(--d,0s);transform:translateY(16px)}.js [data-reveal].in{opacity:1;transform:none}[data-parallax] .phone-screen{transform:translateY(var(--py,0px))}.road-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.road-svg .track{stroke:#c9d0ea;stroke-width:8px;stroke-linecap:round;opacity:.75}.road-svg .fill{stroke:url(#roadGrad);stroke-width:8px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--prog,0))}.node{visibility:hidden}.road-svg .dot{fill:var(--surface);transition:fill .35s ease-out}.road-svg .dot.reach.passed{fill:var(--p)}.road-svg .dot.goal.passed{fill:var(--ok)}.js [data-draw] .draw{stroke-dasharray:1;stroke-dashoffset:1px}.js [data-draw] .jump{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0)}.js [data-draw] .pop{opacity:0;transform-box:fill-box;transform-origin:50%;transform:scale(.3)}.js [data-draw].in .draw{stroke-dashoffset:0;transition:stroke-dashoffset var(--dur) var(--ease,cubic-bezier(.45, 0, .55, 1)) var(--at)}.js [data-draw].in .jump{transition:transform .28s cubic-bezier(.3, 0, .2, 1) var(--at);transform:none}.js [data-draw].in .pop{opacity:1;transition:opacity .2s ease-out var(--at), transform .4s cubic-bezier(.3, 1.6, .5, 1) var(--at);transform:none}.d-gray{--at:.2s;--dur:1.3s;--ease:cubic-bezier(.3, 0, .3, 1)}.d-s1{--at:1.6s;--dur:.45s;--ease:cubic-bezier(.45, 0, 1, 1)}.j1{--at:2.05s}.p1{--at:2.3s}.d-s2{--at:2.4s;--dur:.6s}.j2{--at:3s}.p2{--at:3.25s}.d-s3{--at:3.35s;--dur:1s;--ease:cubic-bezier(.3, 0, .3, 1)}.faq summary{transition:color .2s ease-out}.faq summary:hover{color:var(--p-text)}.shot-grid .phone-screen{transition:box-shadow .3s ease-out}.shot-grid li:hover .phone-screen{box-shadow:0 4px 10px #141a2e14,0 30px 56px -16px #1b2e8e57}:root{--word:#0b7391;--word-soft:#e2f1f6;--idiom:#a16207;--idiom-soft:#fbf3e3;--grammar:#6b3fc4;--grammar-soft:#f0eafc;--reading:#1f7a45;--reading-soft:#e5f3ea}.units{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.unit{color:var(--muted-strong);border:1px solid var(--line);background:#fff9;border-radius:999px;align-items:baseline;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.unit b{font-weight:700}.u-単語{background:var(--word-soft);color:#08596f;border-color:#0000}.u-熟語{background:var(--idiom-soft);color:#7a4a05;border-color:#0000}.u-文法{background:var(--grammar-soft);color:#4f2c99;border-color:#0000}.u-長文{background:var(--reading-soft);color:#145b33;border-color:#0000}.u-過去問{background:var(--soft);color:var(--shade);border-color:#0000}.stop.reach .when,.stop.finish .when{color:var(--p-text)}.stop.finish{border-left:0}.stop.finish>div{background:#e9eafb8c;border:1px dashed #a9b4e8;border-radius:20px;margin-left:-4px;padding:16px 18px}@media (prefers-color-scheme:dark){.unit{background:#ffffff0f}.u-単語{color:#7fd3e8;background:#15303a}.u-熟語{color:#e5b358;background:#362914}.u-文法{color:#bfa4f5;background:#2b2143}.u-長文{color:#6dc994;background:#173323}.u-過去問{color:#b7c2ff;background:#242b4a}.stop.finish>div{background:#242b4a80;border-color:#4a5488}:root{--glass:#171b2c8c;--glass-edge:#ffffff17;--glass-shadow:0 12px 40px #00000059}body{background:#0f1221}.aurora span{opacity:.22}.glass{box-shadow:0 10px 30px -12px #00000080}header{background:#171b2c99;box-shadow:0 8px 30px #0000004d,inset 0 1px #ffffff0d}.ptable thead th.best,.ptable tbody td.best{background:#242b4a99}}@media (prefers-reduced-motion:reduce){.aurora span{animation:none}.js [data-reveal]{opacity:1;transition:none;transform:none}.js [data-draw] .draw{stroke-dashoffset:0}.js [data-draw] .pop{opacity:1;transform:none}.js [data-draw] .jump,[data-parallax] .phone-screen{transform:none}.road:after{transform:scaleY(1)}}@media (width<=800px){header{width:calc(100% - 16px);height:58px;margin-top:8px;padding:0 16px;top:8px}nav{gap:14px;font-size:13px}.road-wrap{padding:32px 20px}.faq-list{padding:4px 18px}.curve{padding:18px 14px 16px}}