:root{--color-bg:#f5f8fb;--color-surface:#fff;--color-surface-variant:#eef3f8;--color-text:#0f172a;--color-text-secondary:#475569;--color-divider:#dbe4ee;--color-primary:#0369a1;--color-primary-strong:#075985;--color-primary-container:#e0f2fe;--color-on-primary-container:#0c4a6e;--color-accent:#0ea5e9;--color-ink:#0f172a;--color-success:#15803d;--color-success-container:#dcfce7;--color-error:#b91c1c;--color-error-container:#fee2e2;--color-warning:#b45309;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--measure:760px;--wide:1040px;--shadow-raised:0 1px 2px #0f172a0f, 0 4px 16px #0f172a0f;--shadow-phone:0 24px 48px #0f172a38;--hero-bg:#e0f2fe;--hero-fg:#0c4a6e;--hero-muted:#0369a1;--hero-button-bg:#0369a1;--hero-button-fg:#fff;--hero-ghost-border:#0369a166;--app-accent:#0ea5e9;--app-accent-deep:#0369a1}.theme-ocean{--hero-bg:#0369a1;--hero-fg:#fff;--hero-muted:#e0f2fe;--hero-button-bg:#fff;--hero-button-fg:#0369a1;--hero-ghost-border:#ffffff8c;--app-accent:#0369a1;--app-accent-deep:#075985}@media (prefers-color-scheme:dark){:root{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-variant:#273449;--color-text:#f1f5f9;--color-text-secondary:#cbd5e1;--color-divider:#334155;--color-primary:#38bdf8;--color-primary-strong:#7dd3fc;--color-primary-container:#0c4a6e;--color-on-primary-container:#e0f2fe;--color-accent:#38bdf8;--color-ink:#f1f5f9;--color-success:#4ade80;--color-success-container:#14532d;--color-error:#fca5a5;--color-error-container:#7f1d1d;--color-warning:#fbbf24;--shadow-raised:0 1px 2px #0000004d, 0 4px 16px #0000004d;--shadow-phone:0 24px 48px #00000080;--hero-bg:#0c4a6e;--hero-fg:#e0f2fe;--hero-muted:#bae6fd;--hero-button-bg:#e0f2fe;--hero-button-fg:#0c4a6e;--hero-ghost-border:#e0f2fe80}.theme-ocean{--hero-bg:#075985;--hero-fg:#fff;--hero-muted:#bae6fd;--hero-button-bg:#fff;--hero-button-fg:#075985;--hero-ghost-border:#ffffff8c}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--color-bg);color:var(--color-text);font-feature-settings:"palt";-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans JP,Noto Sans CJK JP,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,Yu Gothic,Meiryo,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}a:hover{color:var(--color-primary-strong)}h1,h2,h3{margin:0 0 var(--space-3);letter-spacing:-.01em;font-weight:700;line-height:1.35}h1{font-size:1.75rem}h2{margin-top:var(--space-6);font-size:1.3rem}h3{margin-top:var(--space-5);font-size:1.05rem}p,ul,ol{margin:0 0 var(--space-4)}.container{max-width:var(--wide);padding:0 var(--space-4);margin:0 auto}.container--narrow{max-width:var(--measure)}@media (min-width:720px){.container{padding:0 var(--space-5)}}.section{padding-block:var(--space-7)}.section--tint{background:var(--color-surface);border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}.section__title{margin:0 0 var(--space-5);font-size:1.45rem}.section__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.section__head .section__title{margin-bottom:0}.section__more{align-items:center;gap:var(--space-1);font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.eyebrow{color:var(--color-text-secondary);margin-bottom:var(--space-2);letter-spacing:.02em;font-size:.875rem;font-weight:600}.lead{color:var(--color-text-secondary);font-size:1.0625rem}.disclaimer{color:var(--color-text-secondary);font-size:.8125rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand{align-items:center;gap:var(--space-2);color:var(--color-text);letter-spacing:-.01em;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.brand--footer{margin-bottom:var(--space-3)}.logo-mark{border-radius:7px;flex:none}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-divider);z-index:10;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:60px;display:flex}.site-nav{gap:var(--space-1);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav__link{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text);white-space:nowrap;align-items:center;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}@media (max-width:480px){.site-nav__link{padding:0 var(--space-2);font-size:.875rem}.brand__name{font-size:1.0625rem}}.site-nav__link:hover{background:var(--color-surface-variant);color:var(--color-primary-strong)}.site-footer{border-top:1px solid var(--color-divider);background:var(--color-surface);margin-top:var(--space-8);padding:var(--space-7) 0 var(--space-6);color:var(--color-text-secondary);font-size:.875rem}.site-footer__grid{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:720px){.site-footer__grid{grid-template-columns:1.4fr 1fr 1fr}}.site-footer__blurb{max-width:34em}.site-footer__heading{color:var(--color-text);margin-bottom:var(--space-2);font-weight:700}.site-footer__list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-weight:700;font:inherit;cursor:pointer;border:1px solid #0000;font-weight:700;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.button:hover{background:var(--color-primary-strong);color:#fff}.button:focus-visible,.choice:focus-visible,.chapter-card:focus-visible,.q-card:focus-visible,.site-nav__link:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.button--secondary{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.button--secondary:hover{background:var(--color-primary-container);color:var(--color-primary-strong)}.button--store{background:var(--color-ink);color:#fff;border-color:var(--color-ink)}.button--store:hover{background:var(--color-primary-strong);border-color:var(--color-primary-strong)}@media (prefers-color-scheme:dark){.button--store{color:#0f172a}.button--store:hover{color:#0f172a;background:#e0f2fe;border-color:#e0f2fe}}.button--onhero{background:var(--hero-button-bg);color:var(--hero-button-fg);border-color:var(--hero-button-bg)}.button--onhero:hover{background:var(--hero-button-bg);color:var(--hero-button-fg);opacity:.92}.button--ghost{color:var(--hero-fg);border-color:var(--hero-ghost-border);background:0 0}.button--ghost:hover{color:var(--hero-fg);background:#ffffff1f}.chip{background:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:var(--radius-sm);padding:0 var(--space-2);white-space:nowrap;align-items:center;font-size:.8125rem;font-weight:600;line-height:1.7;display:inline-flex}.chip--neutral{background:var(--color-surface-variant);color:var(--color-text-secondary)}.chip--small{font-size:.75rem;font-weight:500;line-height:1.6}.meta-row{margin:0 0 var(--space-3);gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.ratio{background:var(--color-surface-variant);border-radius:999px;height:6px;display:block;overflow:hidden}.ratio--thin{height:4px}.ratio__bar{background:var(--app-accent);border-radius:999px;height:100%;display:block}.hero{background:var(--color-surface);border-bottom:1px solid var(--color-divider);overflow:hidden}.hero__grid{gap:var(--space-6);padding-top:var(--space-7);padding-bottom:var(--space-7);align-items:center;display:grid}@media (min-width:900px){.hero__grid{padding-top:var(--space-8);grid-template-columns:1.15fr .85fr;padding-bottom:0}}.hero__title{margin-bottom:var(--space-4);font-size:clamp(1.9rem,4vw,2.75rem);line-height:1.25}.hero__actions{gap:var(--space-3);margin:var(--space-5) 0;flex-wrap:wrap;display:flex}.stats{gap:var(--space-5);margin:var(--space-6) 0 0;grid-template-columns:repeat(3,auto);justify-content:start;display:grid}.stats__item dt{color:var(--color-text-secondary);font-size:.8125rem;font-weight:600}.stats__item dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:1.9rem;font-weight:700;line-height:1.2}.stats__unit{color:var(--color-text-secondary);margin-left:2px;font-size:.9375rem;font-weight:600}.hero__visual{display:none}@media (min-width:900px){.hero__visual{align-self:end;height:440px;display:block;position:relative}}.phone-stack{position:absolute;inset:0}.phone{width:250px;box-shadow:var(--shadow-phone);background:#0f172a;border:9px solid #0f172a;border-bottom:0;border-radius:40px 40px 0 0;margin:0;overflow:hidden}.phone img{border-radius:31px 31px 0 0;width:100%}.phone--stack-0{z-index:2;position:absolute;bottom:-40px;left:4%}.phone--stack-1{z-index:1;transform-origin:100% 100%;opacity:.96;position:absolute;bottom:-110px;right:2%;transform:scale(.92)}.app-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:720px){.app-grid{gap:var(--space-5);grid-template-columns:1fr 1fr}}.app-card{background:var(--color-surface);border:1px solid var(--color-divider);border-top:4px solid var(--app-accent);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex}.app-card:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px)}.app-card__head{gap:var(--space-3);align-items:center;display:flex}.app-icon{border-radius:22%;flex:none}.app-card__name{margin:0;font-size:1.05rem;font-weight:700}.app-card__exam{color:var(--color-text-secondary);margin:0;font-size:.8125rem}.app-card__title{margin:0;font-size:1.15rem}.app-card__title a{color:var(--color-text);text-decoration:none}.app-card__title a:hover{color:var(--color-primary-strong)}.app-card__source{color:var(--color-text-secondary);flex:1;margin:0;font-size:.875rem}.app-card>p:last-child{margin:var(--space-2) 0 0}.steps{gap:var(--space-5);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.steps{grid-template-columns:repeat(3,1fr)}}.step__icon{border-radius:var(--radius-md);background:var(--color-primary-container);width:44px;height:44px;color:var(--color-on-primary-container);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:inline-flex}.step__title{margin:0 0 var(--space-2)}.step p{color:var(--color-text-secondary);margin:0;font-size:.9375rem}.hub-hero{background:var(--hero-bg);color:var(--hero-fg);overflow:hidden}.hub-hero a:not(.button){color:inherit}.hub-hero .breadcrumbs{color:var(--hero-muted)}.hub-hero__grid{gap:var(--space-6);padding-top:var(--space-6);padding-bottom:var(--space-7);display:grid}@media (min-width:900px){.hub-hero__grid{padding-top:var(--space-6);grid-template-columns:1.2fr .8fr;align-items:end;padding-bottom:0}.hub-hero__copy{padding-bottom:var(--space-7)}}.hub-hero__app{align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-4);display:flex}.hub-hero__name{margin:0;font-size:1.05rem;font-weight:700}.hub-hero__exam{color:var(--hero-muted);margin:0;font-size:.875rem}.hub-hero__title{margin-bottom:var(--space-4);font-size:clamp(1.6rem,3.2vw,2.25rem);line-height:1.3}.hub-hero__lead{color:var(--hero-muted);max-width:36em;font-size:1.0625rem}.theme-sky .hub-hero__lead{color:var(--hero-fg);opacity:.85}.hub-hero__actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.hub-hero__visual{display:none}@media (min-width:900px){.hub-hero__visual{justify-content:center;align-items:flex-end;height:380px;display:flex;position:relative}.hub-hero__visual .phone{width:260px;position:absolute;bottom:-60px}}.spec-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (min-width:900px){.spec-grid{grid-template-columns:repeat(4,1fr)}}.spec{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.spec__label{margin:0 0 var(--space-2);flex-direction:column;display:flex}.spec__label strong{font-size:1rem}.spec__label span{color:var(--color-text-secondary);font-size:.75rem}.spec__num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-primary);margin:0;font-size:1.6rem;font-weight:700;line-height:1.2}.spec__unit{color:var(--color-text-secondary);margin-left:2px;font-size:.875rem}.spec__sep{margin:0 var(--space-2);color:var(--color-divider);font-weight:400}.spec__meta{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:.8125rem}.chapter-grid{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.chapter-grid{gap:var(--space-4);grid-template-columns:1fr 1fr}}.chapter-card{gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);height:100%;padding:var(--space-4) var(--space-5);color:var(--color-text);grid-template-columns:auto 1fr auto;align-items:start;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:grid}.chapter-card:hover{border-color:var(--app-accent-deep);box-shadow:var(--shadow-raised);color:var(--color-text)}.chapter-card__num{border-radius:var(--radius-md);background:var(--color-primary-container);width:40px;height:40px;color:var(--color-on-primary-container);justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex}.chapter-card__body{gap:var(--space-2);min-width:0;display:grid}.chapter-card__title{font-size:1.05rem;line-height:1.4}.chapter-card__intro{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.chapter-card__meta{color:var(--color-text-secondary);font-size:.8125rem}.chapter-card__arrow{color:var(--color-text-secondary);margin-top:11px}.page-head{background:var(--color-surface);border-bottom:1px solid var(--color-divider);border-top:4px solid var(--app-accent);padding:var(--space-5) 0 var(--space-6)}.page-head__title{font-size:clamp(1.5rem,3vw,2rem)}.page-head__ratio{gap:var(--space-2);max-width:32em;display:grid}.page-head__ratio-text{color:var(--color-text-secondary);font-size:.875rem}.q-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.q-card{gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-text);grid-template-columns:auto 1fr auto;align-items:center;min-height:56px;text-decoration:none;transition:border-color .15s,background-color .15s;display:grid}a.q-card:hover{border-color:var(--color-primary);color:var(--color-text)}.q-card__num{min-width:44px;height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-variant);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:inline-flex}.q-card__body{gap:var(--space-1);min-width:0;display:grid}.q-card__text{line-height:1.55}.q-card__body .chip{justify-self:start}.q-card__arrow{color:var(--color-text-secondary)}.q-card--locked{background:var(--color-surface-variant);border-style:dashed}.q-card--locked .q-card__text{color:var(--color-text-secondary)}.quiz{margin-top:var(--space-2)}.quiz__head{gap:var(--space-1) var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr auto;align-items:baseline;display:grid}.quiz__head .ratio{grid-column:1/-1}.quiz__where{color:var(--color-text-secondary);margin:0;font-size:.875rem}.quiz__where a{color:inherit;text-decoration:none}.quiz__where a:hover{color:var(--color-primary-strong);text-decoration:underline}.quiz__counter{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin:0;font-size:.875rem}.quiz__counter strong{color:var(--color-text);font-size:1.05rem}.quiz__card{background:var(--color-surface);border:1px solid var(--color-divider);border-top:4px solid var(--app-accent);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-raised)}@media (min-width:720px){.quiz__card{padding:var(--space-6)}}.question__text{margin-bottom:var(--space-5);font-size:1.2rem;font-weight:600;line-height:1.7}.choices{margin:0 0 var(--space-4);gap:var(--space-2);padding:0;list-style:none;display:grid}.choice{gap:var(--space-3);text-align:left;background:var(--color-surface-variant);width:100%;color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font:inherit;cursor:pointer;border:2px solid #0000;align-items:flex-start;min-height:52px;line-height:1.6;transition:border-color .15s,background-color .15s;display:flex}.choice:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-surface)}.choice:disabled{cursor:default}.choice__id{background:var(--color-surface);width:30px;height:30px;color:var(--color-primary);border:1px solid var(--color-divider);border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;font-size:.9375rem;font-weight:700;display:inline-flex}.choice__text{flex:1;padding-top:2px}.choice__mark{flex:none;align-self:center;align-items:center;display:inline-flex}.choice__mark--correct{color:var(--color-success)}.choice__mark--incorrect{color:var(--color-error)}.choice--correct{border-color:var(--color-success);background:var(--color-success-container)}.choice--correct .choice__id{background:var(--color-success);color:#fff;border-color:var(--color-success)}.choice--incorrect{border-color:var(--color-error);background:var(--color-error-container)}.choice--incorrect .choice__id{background:var(--color-error);color:#fff;border-color:var(--color-error)}.choice--dim{opacity:.6}.verdict{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-weight:700;display:flex}.verdict--idle{color:var(--color-text-secondary);font-size:.9375rem;font-weight:500}.verdict--correct{color:var(--color-success)}.verdict--incorrect{color:var(--color-error)}details.explanation{background:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}details.explanation summary{cursor:pointer;padding:var(--space-1) 0;font-weight:700}details.explanation p{margin:var(--space-3) 0 0;line-height:1.8}.references{color:var(--color-text-secondary);margin-top:var(--space-5);font-size:.9375rem}.references__title{margin:0 0 var(--space-2);color:var(--color-text);font-size:.9375rem}.references ul{padding-left:1.2em}.references__id{color:var(--color-primary);font-weight:700}.pager{gap:var(--space-3);margin:var(--space-6) 0;grid-template-columns:1fr auto 1fr;align-items:center;font-size:.9375rem;display:grid}.pager__link{align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);justify-self:start;font-weight:600;text-decoration:none;display:inline-flex}.pager__link--next{justify-self:end}.pager__link:hover{border-color:var(--color-primary)}.pager__center{text-align:center;font-size:.875rem}.cta{gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-divider);border-left:4px solid var(--app-accent);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-6) 0;grid-template-columns:auto 1fr;display:grid}.cta__icon{align-self:start}.cta__eyebrow{margin:0 0 var(--space-1);color:var(--color-text-secondary);font-size:.8125rem;font-weight:600}.cta__title{margin:0 0 var(--space-2);font-size:1.25rem}.cta__lead{margin:0 0 var(--space-4);color:var(--color-text-secondary)}.cta__buttons{gap:var(--space-3);margin:0 0 var(--space-2);flex-wrap:wrap;display:flex}.cta__note{color:var(--color-text-secondary);margin:0;font-size:.8125rem}@media (max-width:480px){.cta{grid-template-columns:1fr}.cta__buttons .button{width:100%}}.breadcrumbs{color:var(--color-text-secondary);margin:var(--space-4) 0;font-size:.8125rem}.breadcrumbs ol{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";margin:0 var(--space-1)}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.table-wrap{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9375rem}th,td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider);vertical-align:top;white-space:nowrap}thead th{color:var(--color-text-secondary);background:var(--color-surface-variant);font-weight:600}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}tbody th{font-weight:700}