:root{--bg:#f7f5f0;--card:#fffdf8;--ink:#1f2328;--muted:#5b616b;--line:#d9d4c7;--accent:#2f5b9a;--accent-soft:#e8eef7;--good:#2e6b3f;--good-soft:#e7f1ea;--warn:#8a4f0f;--warn-soft:#fbf0de;--bad:#a1302b;--bad-soft:#fbe9e7;--hl:#fff59d}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{font:16px/1.7 Yu Gothic UI,Hiragino Sans,Meiryo,system-ui,sans-serif}a{color:var(--accent)}h1{margin:0 0 8px;font-size:24px;line-height:1.35}h2{margin:32px 0 12px;font-size:20px}h3{margin:24px 0 8px;font-size:18px}p{margin:0 0 12px}.wrap{max-width:1000px;margin:0 auto;padding:16px 16px 64px}.header{background:var(--card);border-bottom:1px solid var(--line)}.header-in{flex-wrap:wrap;align-items:center;gap:12px;max-width:1000px;margin:0 auto;padding:8px 16px;display:flex}.brand{color:var(--ink);white-space:nowrap;margin-right:auto;font-weight:700;text-decoration:none}.header-in a,.header-in button{white-space:nowrap;font-size:14px}.muted,.small{color:var(--muted);font-size:14px}.btn{white-space:nowrap;font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 16px;font-size:15px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.small{min-height:32px;padding:4px 12px;font-size:14px}.btn.tiny{min-height:28px;padding:0 8px;font-size:13px}.linkbtn{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:16px;padding:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.tile{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:12px 16px;text-decoration:none;display:block}.tile:hover{border-color:var(--accent)}.tile-title{font-weight:700}.badge{border:1px solid var(--line);white-space:nowrap;border-radius:4px;padding:0 8px;font-size:12px;font-weight:700;display:inline-block}.badge.done{background:var(--good-soft);color:var(--good);border-color:var(--good)}.badge.mid{background:var(--warn-soft);color:var(--warn);border-color:var(--warn)}.badge.easy{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}table{border-collapse:collapse;background:var(--card);width:100%;font-size:15px}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 10px}th{background:var(--accent-soft)}.tw{margin-bottom:16px;overflow-x:auto}.num{text-align:right;white-space:nowrap}input[type=email],input[type=password],input[type=text],input[type=date],select{font:inherit}.field{margin-bottom:12px;display:block}.field input{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;max-width:360px;padding:8px 10px;display:block}.warn{color:var(--bad)}.note{background:var(--warn-soft);border-left:4px solid var(--warn);border-radius:4px;padding:8px 12px}.okbox{background:var(--good-soft);border-left:4px solid var(--good);border-radius:4px;padding:8px 12px}.topbar{z-index:5;background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.topbar .timer{font-variant-numeric:tabular-nums;font-weight:700}.topbar .timer.low{color:var(--bad)}.progress{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:14px}.question{margin:16px 0}.instr{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:16px;padding:12px 16px}.instr-name{font-weight:700}.instr-en{font-size:14px}.instr-ja{color:var(--muted);font-size:14px}.passage{background:var(--card);border:1px solid var(--line);white-space:pre-wrap;border-radius:8px;margin-bottom:16px;padding:16px;line-height:2.1}.q-text{font-weight:700}.choices{gap:8px;display:grid}.choice{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.choice input{flex:none;width:18px;height:18px;margin-top:6px}.choice.on{border-color:var(--accent);background:var(--accent-soft)}.choice.right{border-color:var(--good);background:var(--good-soft)}.choice.wrong{border-color:var(--bad);background:var(--bad-soft)}.tag-ok,.tag-ng{white-space:nowrap;border-radius:4px;margin-left:auto;padding:0 6px;font-size:12px;font-weight:700}.tag-ok{color:var(--good);border:1px solid var(--good);background:var(--good-soft)}.tag-ng{color:var(--bad);border:1px solid var(--bad);background:var(--bad-soft)}.blank-wrap{white-space:nowrap}.blank-select{border:1px solid var(--accent);background:#fff;border-radius:4px;max-width:220px;padding:2px 4px}.blank-input{border:1px solid var(--accent);width:140px;font:inherit;background:#fff;border-radius:4px;padding:2px 6px}.ok-mark{color:var(--good);margin-left:2px;font-weight:700}.ng-mark{color:var(--bad);margin-left:2px;font-weight:700}.correct-word{color:var(--good);background:var(--good-soft);border-radius:4px;margin-left:4px;padding:0 4px;font-weight:700}.drop-slot{font:inherit;border:1px dashed var(--accent);cursor:pointer;background:#fff;border-radius:4px;min-width:96px;padding:0 8px;line-height:1.8}.drop-slot.filled{background:var(--accent-soft);border-style:solid}.drop-slot.ready{box-shadow:0 0 0 2px var(--hl)}.bank{background:var(--card);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.word{font:inherit;border:1px solid var(--line);cursor:grab;background:#fff;border-radius:6px;padding:4px 12px}.word.on{border-color:var(--accent);background:var(--hl)}.hint{width:100%;color:var(--muted);font-size:13px}.ro{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ro-panel{background:var(--card);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:8px;min-height:160px;padding:8px;display:flex}.ro-panel.target{border-color:var(--accent)}.ro-head{color:var(--muted);font-size:13px}.ro-item{font:inherit;text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.ro-item.placed{cursor:default;background:var(--accent-soft)}.ro-btns{gap:6px;display:flex}.ro-empty{color:var(--muted);padding:8px;font-size:14px}.hiw .tok{cursor:pointer;border-radius:3px;padding:0 1px}.hiw .tok:hover{background:var(--accent-soft)}.hiw .tok-on{background:var(--hl)}.hiw .tok-right{background:var(--good-soft);outline:1px solid var(--good)}.hiw .tok-wrong{background:var(--bad-soft);outline:1px solid var(--bad)}.hiw .tok-missed{background:var(--warn-soft);outline:1px dashed var(--warn)}.said{color:var(--good);font-size:14px;font-weight:700}.write textarea{width:100%;font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px}.ta-sst{min-height:220px}.ta-wfd{min-height:90px}.wc{color:var(--muted);text-align:right;font-size:14px}.wc.warn{color:var(--bad)}.audio{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:16px;padding:10px 12px}.audio-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.audio-label{margin-right:auto;font-weight:700}.audio-btns{gap:6px;display:flex}.audio-bar{background:var(--line);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.audio-bar>div{background:var(--accent);height:100%}.explain{margin:16px 0}.score-line{background:var(--accent-soft);border-radius:8px;margin-bottom:12px;padding:8px 12px}.score-line.full{background:var(--good-soft)}.box{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding:12px 16px}.box-head{margin-bottom:6px;font-weight:700}.sec{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:8px 16px}.sec summary{cursor:pointer;padding:4px 0;font-weight:700}.en{font-family:Segoe UI,system-ui,sans-serif}.ja-text{white-space:pre-wrap}.check{align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.check input{flex:none;margin-top:6px}.selfcheck h3{margin-top:8px}details.group{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:8px}details.group>summary{cursor:pointer;padding:10px 16px;font-weight:700}details.group>div{padding:0 16px 12px}@media (max-width:640px){h1{font-size:20px}.ro{grid-template-columns:1fr}.passage{padding:12px}.blank-input{width:110px}}.lp-hero{padding:24px 0 8px}.lp-lead{font-size:18px}.lp-price{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.lp-plan{flex-direction:column;margin:0;display:flex}.lp-plan ul{flex:1;margin:8px 0 16px;padding-left:20px}.lp-plan.paid{border:2px solid var(--accent);background:var(--accent-soft)}.lp-plan-name{color:var(--muted);font-weight:700}.lp-plan-price{font-size:32px;font-weight:700;line-height:1.3}.lp-steps{padding-left:24px}.lp-steps li{margin-bottom:12px}.lp-faq{margin-bottom:8px;padding:12px 16px}.lp-faq summary{cursor:pointer;font-weight:700}.lp-faq p{margin:8px 0 0}.trial-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin:8px 0;display:flex}.sec.all{padding:8px 16px 12px}.sec.all>summary{color:var(--accent)}.ex-part{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.ex-part:first-of-type{border-top:0;margin-top:4px;padding-top:4px}.ex-h{border-left:4px solid var(--accent);margin:0 0 8px;padding-left:8px;font-size:16px}.ex-list{margin:0;padding-left:24px}.ex-list>li{margin-bottom:12px}.kp{white-space:pre-line;margin:0 0 8px;line-height:1.9}.kp-step{margin-bottom:4px;padding-left:16px}.kp-red{color:var(--bad)}.kp-label{color:var(--accent);margin-right:4px}.kp-tip{border-left:4px solid var(--good);background:var(--good-soft);border-radius:4px;padding:4px 12px}.kp-tipl{color:var(--good);margin-right:8px;font-size:14px;font-weight:700}.badge.bad{background:var(--bad-soft);color:var(--bad);border-color:var(--bad)}.adm-gap{margin-left:4px}.adm-mail{word-break:break-all}.adm-row{cursor:pointer}.adm-row:hover td{background:var(--accent-soft)}.adm-go{color:var(--muted);text-align:center;font-size:20px}.adm-tight{margin:8px 0}.adm-date,.adm-note{border:1px solid var(--line);font:inherit;background:#fff;border-radius:6px;padding:4px 8px}.adm-note{flex:240px;min-width:0}.adm-lab{width:96px;color:var(--muted);flex:none;font-size:14px}.adm-msg{color:var(--accent);margin:8px 0 0;font-weight:700}.adm-made{border-color:var(--good);background:var(--good-soft)}.adm-pw{letter-spacing:1px;background:#fff;border-radius:4px;padding:0 8px;font-size:20px}.adm-mailtext{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:12px;font:14px/1.7 Yu Gothic UI,Meiryo,sans-serif;display:block}.adm-name{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.adm-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:16px 0;display:grid}.adm-card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 16px}.adm-card b{font-size:18px}.adm-days{margin:0 0 12px;padding:0;list-style:none}.adm-days>li{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:8px;overflow:hidden}.adm-day{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:8px 16px;display:block}.adm-day:hover{background:var(--accent-soft)}.adm-dayline{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.adm-min{color:var(--accent)}.adm-open{color:var(--accent);margin-left:auto;font-size:14px;text-decoration:underline}.adm-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.adm-chip{background:var(--bg);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:0 8px;font-size:12px}.adm-sessions{border-top:1px solid var(--line);background:var(--bg);padding:8px 16px}.adm-session{flex-wrap:wrap;align-items:baseline;gap:8px 12px;padding:4px 0;display:flex}.adm-session .small{width:100%}.adm-sec{text-align:center;min-width:20px;color:var(--accent);border:1px solid var(--accent);border-radius:4px;font-size:12px;font-weight:700;display:inline-block}@media (max-width:640px){.adm-lab{width:100%}.adm-open{margin-left:0}}.lx{--x-blue:#2563eb;--x-blue-d:#1d4ed8;--x-blue-50:#eff6ff;--x-blue-100:#dbeafe;--x-ink:#111827;--x-text:#4b5563;--x-sub:#6b7280;--x-line:#e5e7eb;--x-gray:#f9fafb;color:var(--x-ink);background:#fff;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif}.lx a{text-decoration:none}.lx svg{flex-shrink:0}.lx-in{max-width:960px;margin:0 auto;padding:0 16px}.lx-center{text-align:center}.lx-narrow{max-width:800px}.lx-header{z-index:20;border-bottom:1px solid var(--x-line);background:#fff;position:sticky;top:0}.lx-header-in{justify-content:space-between;align-items:center;gap:8px;max-width:960px;height:56px;margin:0 auto;padding:0 16px;display:flex}.lx-brand{color:var(--x-blue);white-space:nowrap;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.lx-nav{align-items:center;gap:16px;display:flex}.lx-pill{background:var(--x-blue);color:#fff;white-space:nowrap;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:700}.lx-pill:hover{background:var(--x-blue-d)}.lx-navlink{color:var(--x-text);white-space:nowrap;align-items:center;gap:4px;font-size:14px;display:inline-flex}.lx-navlink:hover{color:var(--x-ink)}.lx-hero{background:linear-gradient(to bottom, var(--x-blue-50), #fff);padding:64px 0}.lx-badge{background:var(--x-blue-100);color:var(--x-blue-d);border-radius:999px;align-items:center;gap:6px;margin-bottom:24px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.lx-title{color:var(--x-ink);margin:0 0 16px;font-size:48px;font-weight:700;line-height:1.25}.lx-title span{color:var(--x-blue)}.lx-lead{color:var(--x-text);max-width:560px;margin:0 auto 32px;font-size:18px;line-height:1.8}.lx-ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lx-note{color:var(--x-sub);margin:16px 0 0;font-size:12px}.lx-btn{cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:700;display:inline-flex}.lx-btn-primary{background:var(--x-blue);color:#fff}.lx-btn-primary:hover{background:var(--x-blue-d)}.lx-btn-outline{color:#374151;background:#fff;border-color:#d1d5db}.lx-btn-outline:hover{border-color:#9ca3af}.lx-btn-white{color:var(--x-blue);background:#fff}.lx-btn-white:hover{background:var(--x-blue-50)}.lx-block{width:100%;padding:12px 16px;display:flex}.lx-sec{padding:64px 0}.lx-gray{background:var(--x-gray)}.lx-h2{text-align:center;color:var(--x-ink);margin:0 0 8px;font-size:30px;font-weight:700}.lx-h2-gap{margin-bottom:40px}.lx-sub{text-align:center;color:var(--x-sub);margin:0 0 48px}.lx-features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.lx-feature{background:var(--x-gray);border:1px solid #f3f4f6;border-radius:16px;padding:24px}.lx-feature h3{color:var(--x-ink);margin:0 0 8px;font-size:16px;font-weight:700}.lx-feature p{color:var(--x-text);margin:0;font-size:14px;line-height:1.8}.lx-icon{border-radius:12px;margin-bottom:16px;padding:12px;display:inline-flex}.lx-blue{color:#2563eb;background:#eff6ff}.lx-purple{color:#7c3aed;background:#f5f3ff}.lx-green{color:#16a34a;background:#f0fdf4}.lx-amber{color:#d97706;background:#fffbeb}.lx-rose{color:#e11d48;background:#fff1f2}.lx-teal{color:#0d9488;background:#f0fdfa}.lx-plans{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lx-plans-3{grid-template-columns:repeat(3,1fr);max-width:1040px;margin:0 auto}.lx-plans-note{color:var(--x-sub);text-align:center;margin:16px 0 0;font-size:12px;line-height:1.6}.lx-plan{border:1px solid var(--x-line);background:#fff;border-radius:16px;flex-direction:column;padding:32px;display:flex;position:relative}.lx-plan p{margin:0}.lx-plan .lx-plan-name{color:var(--x-sub);margin-bottom:4px;font-size:14px;font-weight:700}.lx-plan-price{color:var(--x-ink);font-size:36px;font-weight:700;line-height:1.2}.lx-plan .lx-plan-meta{color:var(--x-sub);margin:4px 0 24px;font-size:12px}.lx-plan ul{flex:1;margin:0 0 32px;padding:0;list-style:none}.lx-plan li{color:#374151;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.lx-plan li svg{color:#9ca3af;margin-top:3px}.lx-plan-paid{background:var(--x-blue);border-color:var(--x-blue)}.lx-plan-paid .lx-plan-name,.lx-plan-paid .lx-plan-price,.lx-plan-paid .lx-plan-meta,.lx-plan-paid li,.lx-plan-paid li svg,.lx-plan-paid .lx-plan-foot{color:#fff}.lx-plan .lx-plan-foot{text-align:center;margin-top:12px;font-size:12px;line-height:1.6}.lx-reco{color:var(--x-blue);background:#fff;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:16px;right:16px}.lx-steps{grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.lx-step{border:1px solid var(--x-line);background:#fff;border-radius:16px;padding:24px}.lx-num{background:var(--x-blue);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:16px;font-size:14px;font-weight:700;display:inline-flex}.lx-step h3{color:var(--x-ink);margin:0 0 8px;font-size:16px;font-weight:700}.lx-step p{color:var(--x-text);margin:0;font-size:14px;line-height:1.8}.lx-faqwrap{max-width:704px}.lx-faq{border:1px solid var(--x-line);background:#fff;border-radius:12px;margin-bottom:8px;overflow:hidden}.lx-faq summary{color:#1f2937;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:700;list-style:none;display:flex}.lx-faq summary::-webkit-details-marker{display:none}.lx-faq summary:hover{background:var(--x-gray)}.lx-faq summary svg{color:#9ca3af;transition:transform .2s}.lx-faq[open] summary svg{transform:rotate(180deg)}.lx-faq p{color:var(--x-text);border-top:1px solid #f3f4f6;margin:0;padding:12px 20px 16px;font-size:14px;line-height:1.8}.lx-footer{border-top:1px solid var(--x-line);background:var(--x-gray);padding:32px 0}.lx-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.lx-footer-brand{color:var(--x-blue);font-size:14px;font-weight:700}.lx-footer nav{flex-wrap:wrap;gap:8px 24px;display:flex}.lx-footer nav a{color:var(--x-sub);font-size:12px}.lx-footer nav a:hover{color:#374151}.lx-footer-note{color:var(--x-sub);margin:16px 0 4px;font-size:12px}.lx-footer-copy{color:var(--x-sub);text-align:center;margin:8px 0 0;font-size:12px}@media (max-width:860px){.lx-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.lx-hero{padding:48px 0}.lx-title{font-size:32px}.lx-lead{font-size:16px}.lx-ctas{flex-direction:column}.lx-h2{font-size:24px}.lx-features,.lx-plans,.lx-steps{grid-template-columns:1fr}.lx-sec{padding:48px 0}.lx-plan{padding:24px}.lx-footer-row{flex-direction:column}.lx-footer nav{justify-content:center}.lx-footer-note{text-align:center}}.lx-nb{display:inline-block}@media (max-width:420px){.lx-brand svg{display:none}.lx-brand span{font-size:16px}.lx-nav{gap:12px}.lx-pill{padding:6px 12px}}