.focus-sound{right:var(--sp-3);bottom:var(--sp-3);z-index:89;align-items:flex-end;gap:var(--sp-2);flex-direction:column;display:flex;position:fixed}.focus-sound__toggle{border:2px solid var(--ink);background:var(--surface);width:55px;height:55px;box-shadow:var(--shadow-chunky);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex}.focus-sound__toggle:hover{transform:translateY(-2px)}.focus-sound__toggle:active{transform:translateY(2px);box-shadow:0 2px #1a1b2ee6}.focus-sound__panel{width:min(377px, calc(100vw - var(--sp-4)));background:var(--surface);border:2px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--sp-3)}.focus-sound__panel.is-hidden{display:none}.focus-sound__header{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.focus-sound__title{align-items:center;gap:var(--sp-1);font-size:var(--fs-body);font-weight:900;font-family:var(--font-heading);margin:0;display:flex}.focus-sound__close{background:var(--soft-purple-bg);width:34px;height:34px;color:var(--ink);font-size:var(--fs-h4);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-weight:800;line-height:1;display:flex}.focus-sound__close:hover{background:var(--soft-pink-bg)}.focus-sound__about{margin:0 0 var(--sp-2);font-size:var(--fs-caption);opacity:.85;line-height:1.7}.focus-sound__player{aspect-ratio:16/9;border-radius:var(--r-md);background:var(--ink);overflow:hidden}.focus-sound__player iframe{border:0;width:100%;height:100%;display:block}.focus-sound__note{margin:var(--sp-2) 0 0;font-size:var(--fs-caption);opacity:.7}@media (width<=640px){.focus-sound{right:var(--sp-2);bottom:var(--sp-2)}}:root{--bg:#fff9f2;--surface:#fff;--ink:#1a1b2e;--pop-pink:#ff4d8d;--pop-purple:#7c5cff;--pop-orange:#ff9f1c;--pop-mint:#2ee6a8;--soft-pink-bg:#ffe9f2;--soft-purple-bg:#f0ebff;--r-sm:8px;--r-md:13px;--r-lg:21px;--r-xl:34px;--sp-1:8px;--sp-2:13px;--sp-3:21px;--sp-4:34px;--sp-5:55px;--sp-6:89px;--shadow-chunky:0 4px 0 #1a1b2ee6;--shadow-card:0 8px 24px #7c5cff1f;--fs-caption:13px;--fs-body:16px;--fs-h4:21px;--fs-h3:34px;--fs-h2:clamp(34px, 4vw + 13px, 55px);--fs-h1:clamp(34px, 6vw + 16px, 89px);--font-heading:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", sans-serif;--font-body:"M PLUS Rounded 1c", "Noto Sans JP", "Hiragino Sans", sans-serif}*{box-sizing:border-box}html,body{text-size-adjust:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;font-weight:500;line-height:1.8;overflow-x:clip}img,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-heading)}main{min-height:60vh}.page-shell{max-width:820px;padding:var(--sp-4) var(--sp-3) var(--sp-6);margin:0 auto}.page-title{font-size:var(--fs-h3);margin:0 0 var(--sp-2);font-weight:900;line-height:1.35}.page-lead{color:var(--ink);opacity:.75;margin:0 0 var(--sp-4)}.section-title{font-size:var(--fs-h3);margin:0 0 var(--sp-3);text-align:center;font-weight:900}.title-accent{color:var(--pop-pink)}.deco{pointer-events:none;animation:7s ease-in-out infinite alternate deco-float;position:absolute}.deco:nth-child(2n){animation-duration:6s;animation-delay:.8s}.deco:nth-child(3n){animation-duration:8s;animation-delay:1.6s}@keyframes deco-float{0%{transform:translateY(0) rotate(var(--deco-rot,0deg))}to{transform:translateY(-13px) rotate(var(--deco-rot,0deg))}}@media (prefers-reduced-motion:reduce){.deco{animation:none}}.navbar{max-width:1020px;padding:var(--sp-3);justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin:0 auto;display:flex}.navbar__brand{align-items:center;gap:var(--sp-1);font-family:var(--font-heading);font-weight:900;font-size:var(--fs-h4);text-decoration:none;display:flex}.navbar__brand img{width:34px;height:34px}.navbar__links{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.navbar__links a{font-family:var(--font-heading);color:var(--ink);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-lg);white-space:nowrap;font-weight:800;text-decoration:none;transition:background .15s,color .15s}.navbar__links a:hover{background:var(--soft-purple-bg)}.navbar__links a.is-active{background:var(--pop-purple);color:#fff}.site-footer{border-top:3px solid var(--soft-purple-bg);padding:var(--sp-4) var(--sp-3);text-align:center;color:var(--ink);opacity:.75;font-size:var(--fs-caption)}.site-footer__links{gap:var(--sp-3);margin-top:var(--sp-1);flex-wrap:wrap;justify-content:center;display:flex}.site-footer__links a{text-decoration:underline}.site-footer__credit{margin-top:var(--sp-1);font-size:var(--fs-caption)}.btn{justify-content:center;align-items:center;gap:var(--sp-1);border-radius:var(--r-lg);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-body);font-weight:800;font-family:var(--font-heading);cursor:pointer;border:none;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn-primary{background:var(--pop-pink);color:#fff;box-shadow:var(--shadow-chunky)}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:active{box-shadow:none;transform:translateY(2px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{background:var(--surface);color:var(--ink);border:3px solid var(--ink);box-shadow:var(--shadow-chunky)}.btn-ghost:hover{transform:translateY(-2px)}.btn-ghost:active{box-shadow:none;transform:translateY(2px)}.btn-lg{font-size:var(--fs-h4);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-xl)}.btn-next{margin:var(--sp-3) auto 0;display:flex}.hero{padding:var(--sp-5) 0 var(--sp-6);text-align:center;position:relative}.hero__headline{font-size:var(--fs-h1);margin:0 auto var(--sp-3);max-width:15em;font-weight:900;line-height:1.2}.hero__marker{color:var(--pop-pink);text-decoration:underline;text-decoration-color:var(--pop-orange);text-underline-offset:6px;text-decoration-thickness:8px}.hero__sub{font-size:var(--fs-h4);opacity:.8;margin:0 0 var(--sp-4);font-weight:700}.hero__mascot-row{justify-content:center;align-items:flex-end;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.preview-section,.units-section,.features-section,.pcguide-section{padding:var(--sp-5) 0;position:relative}.home .preview-section,.home .features-section,.home .cta-section{padding-inline:max(var(--sp-3), calc(50vw - 389px));margin-inline:calc(50% - 50vw)}.home .preview-section{background:var(--soft-purple-bg)}.home .features-section{background:var(--soft-pink-bg)}.home .preview-section .title-accent,.home .features-section .title-accent{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pop-pink);text-underline-offset:4px;text-decoration-thickness:6px}.preview-card{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-4);box-shadow:var(--shadow-card)}.features-row{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.feature-card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:var(--sp-4) var(--sp-3);text-align:center}.feature-card img{width:55px;height:55px;margin:0 auto var(--sp-2)}.feature-card:first-child img{transform:rotate(-6deg)}.feature-card:nth-child(3) img{transform:rotate(5deg)}.feature-card h3{font-size:var(--fs-h4);margin:0 0 var(--sp-1);font-weight:900}.feature-card p{opacity:.75;font-size:var(--fs-caption);margin:0}.cta-section{text-align:center;padding:var(--sp-5) 0;position:relative}.home .cta-section{background:var(--pop-purple);padding-block:var(--sp-6)}.home .cta-section .section-title{color:#fff;font-size:var(--fs-h2)}.home .cta-section .title-accent{color:#fff;text-decoration:underline;text-decoration-color:var(--pop-orange);text-underline-offset:6px;text-decoration-thickness:8px}.unit-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;display:grid}.unit-grid .unit-card:nth-child(2n){margin-top:var(--sp-2)}.unit-card:nth-child(odd) .unit-card__badge{transform:rotate(-5deg)}.unit-card:nth-child(2n) .unit-card__badge{transform:rotate(4deg)}.unit-card{align-items:center;gap:var(--sp-3);background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-3);color:inherit;box-shadow:var(--shadow-card);text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.unit-card:hover{transform:translateY(-4px)rotate(-.8deg);box-shadow:0 13px 34px #7c5cff33}.unit-card.is-disabled{opacity:.5;cursor:not-allowed}.unit-card.is-disabled:hover{transform:none}.unit-card__badge{flex:none;width:55px;height:55px}.unit-card__chapter{font-size:var(--fs-caption);background:var(--soft-purple-bg);color:var(--pop-purple);border-radius:var(--r-sm);padding:0 var(--sp-1);margin:0;font-weight:800;display:inline-block}.unit-card__title{font-size:var(--fs-body);margin:var(--sp-1) 0 2px;font-weight:900}.unit-card__subtitle{font-size:var(--fs-caption);opacity:.7;margin:0 0 var(--sp-1)}.unit-card__count{font-size:var(--fs-caption);color:var(--pop-pink);margin:0;font-weight:800}.unit-breadcrumb{font-size:var(--fs-caption);opacity:.7;margin:0 0 var(--sp-3)}.unit-page-header{align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-3);display:flex}.unit-page-header__badge{width:55px;height:55px;transform:rotate(-5deg)}.unit-page-header__title{font-size:var(--fs-h3);margin:0;font-weight:900;line-height:1.3}.unit-page-header .unit-card__chapter{color:var(--unit-color,var(--pop-purple));background:color-mix(in srgb, var(--unit-color,var(--pop-purple)) 12%, #fff)}.unit-breadcrumb a{text-decoration:underline}.inline-guide-link{color:var(--pop-purple);text-underline-offset:3px;font-weight:800;text-decoration:underline 2px}.progress-track{background:var(--soft-purple-bg);border-radius:var(--r-sm);height:13px;margin-bottom:var(--sp-1);overflow:hidden}.progress-fill{border-radius:var(--r-sm);background:linear-gradient(90deg, var(--unit-color,var(--pop-purple)), var(--pop-pink));height:100%;transition:width .35s}.progress-caption{align-items:center;gap:var(--sp-1);font-size:var(--fs-caption);margin-bottom:var(--sp-3);font-weight:800;display:flex}.progress-caption img{width:21px;height:21px}.question-card{background:var(--surface);border-radius:var(--r-xl);border-top:8px solid var(--unit-color,var(--pop-purple));padding:var(--sp-4);box-shadow:var(--shadow-card)}.question-card__meta{font-size:var(--fs-caption);background:var(--soft-pink-bg);color:var(--pop-pink);border-radius:var(--r-sm);padding:0 var(--sp-2);margin:0 0 var(--sp-2);font-weight:800;display:inline-block}.question-card__text{font-size:var(--fs-h4);margin:0 0 var(--sp-3);font-weight:800;line-height:1.6}.question-card__choices{gap:var(--sp-2);flex-direction:column;display:flex}.choice-btn{align-items:center;gap:var(--sp-2);text-align:left;padding:var(--sp-2) var(--sp-3);border:3px solid var(--soft-purple-bg);border-radius:var(--r-lg);background:var(--surface);font-family:var(--font-body);font-weight:700;font-size:var(--fs-body);cursor:pointer;transition:border-color .12s,background .12s,transform .12s;display:flex}.choice-btn:hover:not(:disabled){border-color:var(--pop-purple);transform:translateY(-2px)}.choice-btn:disabled{cursor:default}.choice-btn.is-correct{border-color:var(--pop-mint);background:#e9fcf4}.choice-btn.is-wrong{border-color:var(--pop-pink);background:var(--soft-pink-bg)}.choice-btn.is-picked{border-color:var(--pop-purple);background:var(--soft-purple-bg)}.choice-btn.is-picked .choice-btn__label{background:var(--pop-purple);color:#fff}.choice-btn__label{background:var(--soft-purple-bg);width:34px;height:34px;color:var(--pop-purple);font-family:var(--font-heading);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.choice-btn.is-correct .choice-btn__label{background:var(--pop-mint);color:#fff}.choice-btn.is-wrong .choice-btn__label{background:var(--pop-pink);color:#fff}.explanation-row{align-items:flex-start;gap:var(--sp-2);margin-top:var(--sp-3);display:flex}.explanation-row .mascot{margin-top:var(--sp-2);flex:none}.explanation-bubble{border-radius:var(--r-xl);padding:var(--sp-3) var(--sp-4);background:var(--surface);box-shadow:var(--shadow-card);flex:1;position:relative}.explanation-bubble:before{content:"";border:13px solid #0000;border-right-color:var(--surface);border-left-width:0;position:absolute;top:34px;left:-13px}.explanation-bubble.is-correct{background:#e9fcf4}.explanation-bubble.is-correct:before{border-right-color:#e9fcf4}.explanation-bubble.is-wrong{background:var(--soft-pink-bg)}.explanation-bubble.is-wrong:before{border-right-color:var(--soft-pink-bg)}.explanation-bubble__verdict{align-items:center;gap:var(--sp-1);font-family:var(--font-heading);font-weight:900;font-size:var(--fs-h4);margin:0 0 var(--sp-1);display:flex}.explanation-bubble__verdict img{width:34px;height:34px}.explanation-bubble__body{margin:0}.correct-flash{animation:.5s ease-out correct-flash}@keyframes correct-flash{0%{box-shadow:0 0 #2ee6a8b3}to{box-shadow:0 0 0 34px #2ee6a800}}.unit-complete{text-align:center;padding:var(--sp-3) 0 var(--sp-4)}.unit-complete__stamp{animation:.55s cubic-bezier(.2,1.6,.45,1) stamp-pop;display:inline-block}@keyframes stamp-pop{0%{opacity:0;transform:scale(2.2)rotate(8deg)}60%{opacity:1;transform:scale(.92)rotate(-9deg)}to{transform:scale(1)rotate(-8deg)}}.unit-complete__score{font-family:var(--font-heading);font-size:var(--fs-h4);color:var(--pop-purple);font-weight:900}.unit-complete__note{opacity:.75}.unit-complete__actions{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.wrong-review{margin:var(--sp-4) 0}.wrong-review__title{font-size:var(--fs-h4);margin:0 0 var(--sp-2);font-weight:800}.wrong-review__item{background:var(--soft-pink-bg);border-radius:var(--r-lg);padding:var(--sp-3);margin-bottom:var(--sp-2)}.wrong-review__question{margin:0 0 var(--sp-1);font-weight:800}.wrong-review__answer{color:var(--pop-purple);margin:0 0 var(--sp-1);font-weight:800}.wrong-review__explanation{opacity:.8;margin:0}.reflection-box{margin-top:var(--sp-4);padding:var(--sp-3);background:var(--soft-purple-bg);border-radius:var(--r-xl)}.reflection-box__prompt{font-family:var(--font-heading);margin:0 0 var(--sp-2);font-weight:800}.reflection-box__input{border:3px solid var(--surface);border-radius:var(--r-md);width:100%;padding:var(--sp-2);font-family:var(--font-body);font-size:var(--fs-body);resize:vertical;background:var(--surface)}.reflection-box__input:focus{outline:3px solid var(--pop-purple)}.reflection-box__actions{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2);display:flex}.ad-disclosure{background:var(--soft-pink-bg);border:2px solid var(--pop-pink);color:var(--ink);font-size:var(--fs-caption);padding:2px var(--sp-1);border-radius:var(--r-sm);font-weight:800;display:inline-block}.pc-guide .ad-disclosure{width:fit-content;margin:var(--sp-3) 0;display:block}.reader-worries,.term-table-section{margin:var(--sp-5) 0}.reader-worries ul{margin:var(--sp-3) 0 0;gap:var(--sp-2);flex-direction:column;padding:0;list-style:none;display:flex}.reader-worries li{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-2) var(--sp-3);box-shadow:var(--shadow-card)}.reader-worries li:before{content:"🤔 "}.term-table{gap:var(--sp-1);margin-top:var(--sp-3);flex-direction:column;display:flex}.term-table__row{gap:var(--sp-2);background:var(--surface);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);box-shadow:var(--shadow-card);grid-template-columns:minmax(90px,auto) 1fr;align-items:baseline;display:grid}.term-table__term{font-family:var(--font-heading);color:var(--pop-purple);white-space:nowrap;font-weight:800}.term-table__translation{opacity:.85}.stage-block{margin:var(--sp-6) 0 var(--sp-5);padding-top:var(--sp-4);border-top:3px dashed var(--soft-purple-bg)}.stage-block__chapter{font-size:var(--fs-caption);color:var(--ink);border:2px solid var(--tier-color,var(--pop-purple));background:color-mix(in srgb, var(--tier-color,var(--pop-purple)) 12%, #fff);padding:0 var(--sp-2);border-radius:var(--r-sm);margin:0 0 var(--sp-1);font-weight:800;display:inline-block}.stage-block__label{font-size:var(--fs-h3);margin:0 0 var(--sp-1);font-weight:900}.stage-block__persona{opacity:.75;margin:0 0 var(--sp-2)}.stage-block__needline{background:var(--soft-purple-bg);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-2);margin:0 0 var(--sp-2);font-weight:800;display:inline-block}.stage-block__explanation{margin:0 0 var(--sp-3)}.stage-block__warning{background:var(--soft-pink-bg);border-radius:var(--r-lg);padding:var(--sp-3);margin:0 0 var(--sp-3)}.stage-block .explanation-row{margin-bottom:var(--sp-3)}.game-aside{align-items:flex-start;gap:var(--sp-2);background:var(--soft-purple-bg);border-radius:var(--r-lg);padding:var(--sp-3);margin-top:var(--sp-4);display:flex}.game-aside img{flex:none;width:34px;height:34px}.game-aside h3{font-size:var(--fs-body);margin:0 0 4px;font-weight:800}.game-aside p{opacity:.8;margin:0}.pc-tier-list{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.pc-tier-card{background:var(--surface);border-radius:var(--r-xl);border-top:8px solid var(--tier-color,var(--pop-purple));padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-card)}.pc-tier-card__head{align-items:center;gap:var(--sp-2);display:flex}.pc-tier-card__head img{width:34px;height:34px}.pc-tier-card__label{font-size:var(--fs-caption);color:var(--ink);border:2px solid var(--tier-color,var(--pop-purple));background:color-mix(in srgb, var(--tier-color,var(--pop-purple)) 12%, #fff);padding:0 var(--sp-2);border-radius:var(--r-sm);margin:0;font-weight:800;display:inline-block}.pc-tier-card__persona{opacity:.75;margin:var(--sp-1) 0}.pc-tier-card__model{font-size:var(--fs-h4);margin:0 0 4px;font-weight:900}.pc-tier-card__felt{margin:0 0 var(--sp-2)}.pc-tier-card__spec{font-size:var(--fs-caption);opacity:.7;margin:0 0 var(--sp-3)}.pc-tier-card__for{font-size:var(--fs-caption);background:var(--soft-pink-bg);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-2);margin:0 0 var(--sp-2);font-weight:700}.pc-tier-card__for:before{content:"🎯 こんな人に：";font-weight:800}.pc-tier-card__role-note{font-size:var(--fs-caption);background:var(--soft-purple-bg);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-2);margin:0 0 var(--sp-2)}.pc-tier-card__role-note:before{content:"🧭 "}.pc-tier-card__checked{font-size:var(--fs-caption);opacity:.6;margin:0 0 var(--sp-2)}.pc-tier-card__pending{opacity:.6;font-size:var(--fs-caption);border:2px dashed var(--soft-purple-bg);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-md);display:inline-block}.exam-flow{gap:var(--sp-2);margin:0 0 var(--sp-3);flex-direction:column;display:flex}.exam-flow__step{background:var(--surface);border-radius:var(--r-lg);border-left:8px solid var(--tier-color,var(--pop-purple));padding:var(--sp-2) var(--sp-3);box-shadow:var(--shadow-card)}.exam-flow__step h3{font-size:var(--fs-body);margin:0 0 4px;font-weight:900}.exam-flow__step p{opacity:.8;margin:0}.exam-faq{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-3);box-shadow:var(--shadow-card);margin-bottom:var(--sp-2)}.exam-faq__q{font-size:var(--fs-body);margin:0 0 var(--sp-1);font-weight:900}.exam-faq__q:before{content:"Q. ";color:var(--pop-pink)}.exam-faq__a{opacity:.85;margin:0}.exam-guide__cta{padding-block:var(--sp-5)}.pc-guide__updated{margin-top:var(--sp-4);opacity:.7;font-size:var(--fs-caption)}.pcguide-teaser{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:var(--sp-4);align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex;position:relative}.pcguide-teaser img{width:89px;height:89px}.pcguide-teaser__body{flex:260px}.pcguide-teaser__body h3{font-size:var(--fs-h4);margin:var(--sp-1) 0;font-weight:900}.pcguide-teaser__body p{margin:0 0 var(--sp-2);opacity:.75}.legal-page h2{font-size:var(--fs-h4);margin:var(--sp-4) 0 var(--sp-1);font-weight:900}.legal-list dt{margin-top:var(--sp-3);font-weight:800}.legal-list dd{margin:var(--sp-1) 0 0;opacity:.8}.legal-page__updated{margin-top:var(--sp-4);opacity:.7;font-size:var(--fs-caption)}@media (width<=640px){:root{--fs-h1:min(34px, 9.2vw)}.navbar{text-align:center;justify-content:center}.explanation-row{flex-direction:column;align-items:center}.explanation-bubble:before{display:none}}