:root{--color-background:#f7f8f6;--color-surface:#fff;--color-surface-muted:#eef2ef;--color-ink:#112b2e;--color-muted:#536665;--color-primary:#0a6c62;--color-primary-hover:#07584f;--color-primary-soft:#e4f1ec;--color-on-primary:#fff;--color-border:#d9e1dc;--color-control-border:#768983;--color-accent:#bd8b3f;--color-danger:#b23d38;--color-danger-soft:#fff0ee;--color-warning:#815318;--color-warning-soft:#fff4df;--color-focus:#0a6c62;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-control:8px;--radius-card:12px;--radius-large:20px;--radius-pill:999px;--size-control:48px;--size-control-compact:44px;--size-content:1200px;--size-reading:720px;--type-caption:12px;--type-small:14px;--type-body:16px;--type-lead:18px;--type-h3:24px;--type-h2:32px;--type-h1:48px;--duration-fast:.12s;--duration-standard:.18s}*{box-sizing:border-box}body{background:var(--color-background);color:var(--color-ink);margin:0;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:16px;line-height:1.75}a{color:var(--color-primary);text-underline-offset:4px}button,input{font:inherit}button,a,input{touch-action:manipulation}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:var(--type-h1);letter-spacing:-.025em;margin-bottom:var(--space-6);line-height:1.35}h2{font-size:var(--type-h2);margin-bottom:var(--space-6);line-height:1.4}h3{font-size:var(--type-h3)}p{margin-bottom:var(--space-4)}small,.small{font-size:var(--type-small)}.lead{font-size:var(--type-lead)}.muted,small{color:var(--color-muted)}.eyebrow{letter-spacing:.16em;color:var(--color-primary);margin-bottom:var(--space-4);font-size:12px;font-weight:700}.break{overflow-wrap:anywhere}header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header-inner{max-width:1280px;min-height:88px;padding:var(--space-4) var(--space-10);align-items:center;gap:var(--space-8);margin:auto;display:flex}.brand{padding:var(--space-2);background:var(--color-surface);flex-shrink:0;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.brand-logo{width:104px;height:auto;display:block}nav{gap:var(--space-8);align-items:center;margin-left:auto;display:flex}nav a{color:var(--color-muted);border-bottom:2px solid #0000;align-items:center;min-height:44px;font-size:14px;text-decoration:none;display:flex}nav a[aria-current=page]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.environment{background:var(--color-warning-soft);color:var(--color-warning);text-align:center;padding:var(--space-2) var(--space-5);font-size:13px}main{max-width:1280px;min-height:65vh;padding:var(--space-12) var(--space-10) var(--space-20);margin:auto}footer{border-top:1px solid var(--color-border);padding:var(--space-10);text-align:center;color:var(--color-muted)}footer .brand-logo{width:128px}footer p{margin-top:var(--space-4);margin-bottom:var(--space-2)}.page-intro{padding:var(--space-8) 0 var(--space-16);max-width:800px}.page-intro.compact{padding-bottom:var(--space-8)}.section-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);display:flex}.section-heading h2,.section-heading .field{margin-bottom:0}.section-heading .field{width:320px}.section-heading .eyebrow{margin-bottom:var(--space-2)}.button{border-radius:var(--radius-control);min-height:var(--size-control);padding:var(--space-2) var(--space-5);justify-content:center;align-items:center;gap:var(--space-3);cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast);white-space:normal;text-align:center;border:1px solid #0000;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.button-primary{background:var(--color-primary);color:var(--color-on-primary)}.button-primary:hover{background:var(--color-primary-hover)}.button-secondary{background:var(--color-surface);border-color:var(--color-control-border);color:var(--color-ink)}.button-secondary:hover,.button-ghost:hover{background:var(--color-surface-muted)}.button-ghost{color:var(--color-primary);background:0 0}.button-destructive{background:var(--color-danger);color:#fff}.button:active{transform:translateY(1px)}.button:disabled{opacity:.55;cursor:not-allowed}.full{width:100%}.card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--space-8)}.card h2{font-size:24px}.badge{background:var(--color-primary-soft);min-height:28px;color:var(--color-primary);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);align-items:center;font-size:12px;font-weight:600;display:inline-flex}.lecture-grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lecture-card{padding:0;overflow:hidden}.lecture-cover{aspect-ratio:16/10;background:var(--color-primary-soft);padding:var(--space-8);border-bottom:1px solid var(--color-border);flex-direction:column;justify-content:space-between;display:flex}.lecture-cover span{letter-spacing:.12em;color:var(--color-primary);font-size:11px}.lecture-cover strong{font-size:26px;font-weight:600;line-height:1.6}.lecture-card-body{padding:var(--space-6)}.lecture-card h2{margin:var(--space-4) 0;font-size:20px}.lecture-card h2 a{color:var(--color-ink);text-decoration:none}.lecture-card .button{justify-content:space-between;width:100%}.lecture-card .muted{font-size:14px}.metadata{color:var(--color-muted);border-top:1px solid var(--color-border);padding-top:var(--space-4);font-size:14px}.field{margin-bottom:var(--space-5)}.field label{margin-bottom:var(--space-2);font-size:14px;font-weight:600;display:block}.field input{background:var(--color-surface);min-height:48px;color:var(--color-ink);border:1px solid var(--color-control-border);border-radius:var(--radius-control);padding:var(--space-2) var(--space-4);width:100%}.field small{margin-top:var(--space-2);display:block}.alert{border-radius:var(--radius-control);padding:var(--space-4);margin:var(--space-4) 0;background:var(--color-primary-soft);color:var(--color-ink);overflow-wrap:anywhere;font-size:14px}.alert-error{background:var(--color-danger-soft);color:var(--color-danger)}.alert p:last-child{margin-bottom:0}.stack{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:1s linear infinite spin;display:inline-block}.loading{gap:var(--space-3);padding:var(--space-6) 0;color:var(--color-muted);align-items:center;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{gap:var(--space-20);max-width:1000px;margin:var(--space-10) auto;grid-template-columns:1fr 1fr;display:grid}.auth-layout>div:first-child{padding-top:var(--space-12)}.divider{align-items:center;gap:var(--space-4);color:var(--color-muted);margin:var(--space-6) 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--color-border);flex:1;height:1px}.detail-grid{gap:var(--space-16);grid-template-columns:minmax(0,1fr) 360px;display:grid}.back-link{margin-bottom:var(--space-8);display:inline-block}.detail-grid h1{margin-top:var(--space-5);font-size:36px}.detail-cover{background:var(--color-primary-soft);border-radius:var(--radius-card);padding:var(--space-10);margin:var(--space-8) 0 var(--space-12);flex-direction:column;justify-content:center;min-height:280px;display:flex}.detail-cover h2{font-size:32px}.price{font-variant-numeric:tabular-nums;margin:var(--space-4) 0;font-size:40px;font-weight:700}.price span{color:var(--color-muted);font-size:14px;font-weight:400}.terms{margin:var(--space-6) 0}.terms>div{justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-size:14px;display:flex}.terms dt{color:var(--color-muted);white-space:nowrap}.terms dd{text-align:right;margin:0}.narrow{max-width:660px;margin:var(--space-8) auto}.narrow h1{font-size:32px}.status-mark{color:var(--color-primary);margin-bottom:var(--space-4);font-size:40px;display:block}.empty{text-align:center;padding:var(--space-16)}.watch-heading{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.watch-heading h1{margin-bottom:0;font-size:32px}.watch-grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 320px;display:grid}.player{background:var(--color-ink);border-radius:var(--radius-large);margin-bottom:var(--space-4);position:relative;overflow:hidden}video{aspect-ratio:16/9;width:100%;display:block}.player-status{color:var(--color-on-primary);padding:var(--space-2) var(--space-4);margin:0;font-size:14px}.watch-grid h2{font-size:24px}hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.skip-link{background:var(--color-surface);z-index:10;padding:16px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:10px}.mobile-only{display:none}@media (width<=1023px){.lecture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 320px}.watch-grid{grid-template-columns:1fr}.auth-layout{gap:var(--space-8)}}@media (width<=767px){main{padding:var(--space-8) var(--space-5) var(--space-12)}.header-inner{padding:var(--space-4) var(--space-5);gap:var(--space-4);flex-wrap:wrap;min-height:auto}.header-inner>.button{min-height:44px;padding:var(--space-2) var(--space-3);margin-left:auto;font-size:14px}.brand-logo{width:96px}nav{gap:0 var(--space-4);order:3;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}nav a{white-space:nowrap;justify-content:center;min-height:44px}.environment{text-align:left;font-size:12px}.page-intro{padding:var(--space-5) 0 var(--space-10)}h1{font-size:32px}h2{font-size:26px}.mobile-only{display:block}.section-heading{flex-direction:column;align-items:stretch}.section-heading .field{width:100%}.lecture-grid{grid-template-columns:1fr}.lecture-cover{padding:var(--space-8)}.card{padding:var(--space-6)}.lecture-card{padding:0}.auth-layout,.detail-grid{gap:var(--space-8);grid-template-columns:1fr;margin:0}.auth-layout>div:first-child{padding-top:0}.auth-layout h1,.detail-grid h1{font-size:32px}.detail-cover{padding:var(--space-8)}.detail-cover h2{font-size:28px}.watch-heading{flex-direction:column;align-items:flex-start}.watch-heading h1,.narrow h1{font-size:28px}.watch-grid{gap:var(--space-6)}footer{padding:var(--space-8) var(--space-5)}.empty{padding:var(--space-10) var(--space-6)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.series-section{margin-bottom:var(--space-8)}.series-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.series-choice{font:inherit;text-align:left;min-height:var(--size-control);padding:var(--space-6);border:1px solid var(--color-control-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-ink);cursor:pointer}.series-choice strong{font-size:var(--type-lead);margin-bottom:var(--space-2);display:block}.series-choice span{font-size:var(--type-small);color:var(--color-muted);display:block}.series-choice:hover{background:var(--color-surface-muted)}.series-choice[aria-pressed=true]{background:var(--color-primary-soft);border:2px solid var(--color-primary);padding:calc(var(--space-6) - 1px)}.catalog-controls{gap:var(--space-6);margin-bottom:var(--space-8);align-items:flex-end;display:flex}.catalog-controls .field{flex:1;min-width:0;margin:0}.field select{font:inherit;width:100%;min-height:var(--size-control);padding:var(--space-2) var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink)}.edition-label{color:var(--color-muted);font-size:var(--type-small);margin:var(--space-3) 0}.learning-objectives{padding-left:var(--space-6)}.learning-objectives li{margin-bottom:var(--space-3)}@media (width<=767px){.series-grid{grid-template-columns:1fr}.catalog-controls{align-items:stretch;gap:var(--space-4);flex-direction:column}.series-choice{padding:var(--space-5)}.series-choice[aria-pressed=true]{padding:calc(var(--space-5) - 1px)}}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=700px){.plan-grid{grid-template-columns:1fr}}.pagination{justify-content:center;align-items:center;gap:var(--space-4);margin:var(--space-8) 0;flex-wrap:wrap;width:auto;display:flex}.pagination span{font-size:var(--type-small);font-variant-numeric:tabular-nums}.pagination a.button{color:var(--color-ink);border:1px solid var(--color-control-border);min-height:var(--size-control)}.admin-heading{justify-content:space-between;gap:var(--space-6);align-items:center;display:flex}.admin h1{font-size:36px}.admin h2{font-size:26px}.admin-nav{gap:var(--space-4);border-bottom:1px solid var(--color-border);margin:var(--space-6) 0 var(--space-8);flex-wrap:wrap;width:100%;display:flex}.admin-nav a{min-height:48px}.admin-nav a.active{border-bottom:3px solid var(--color-primary)}.admin-stats{gap:var(--space-4);margin:var(--space-8) 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.admin-stats .card{padding:var(--space-5)}.admin-stats strong{font-variant-numeric:tabular-nums;font-size:28px}.admin .card{margin:var(--space-6) 0}.admin-stats .card{margin:0}.admin-table{max-width:100%;overflow-x:auto}.admin-table table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{padding:var(--space-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border)}.admin-table thead{background:var(--color-surface-muted)}.admin-table small{overflow-wrap:anywhere;max-width:280px;display:block}.admin-table meter{width:100%;min-width:120px;accent-color:var(--color-primary);display:block}.admin-fields{border:0;min-width:0;padding:0}.field textarea{width:100%;font:inherit;padding:var(--space-4);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:var(--radius-control);line-height:1.6}.admin-issue{padding:var(--space-6) 0;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere}.admin-issue small{margin-bottom:var(--space-4);display:block}@media (width<=900px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.admin-heading{display:block}.admin-nav{gap:var(--space-2) var(--space-4)}.admin-nav a{font-size:14px}.admin-stats strong{font-size:24px}.admin .card{padding:var(--space-4)}.admin-table th,.admin-table td{padding:var(--space-3);min-width:110px}.admin h1{font-size:30px}}.header-inner nav a:has(small){flex-direction:column;justify-content:center;align-items:flex-start;gap:0;line-height:1.5}.header-inner nav small{color:var(--color-muted);font-size:11px;font-weight:400}.course-plans{gap:var(--space-10);display:grid}.course-plan{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface-muted);padding:var(--space-8)}.course-plan-heading h2{margin-bottom:var(--space-4)}.course-plan-heading .lead{margin-bottom:var(--space-2)}.course-options{gap:var(--space-6);margin:var(--space-6) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.plan-option{flex-direction:column;display:flex}.plan-option .terms{flex:1}.plan-option-heading{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.plan-option h3{margin:0}.annual-option{border:2px solid var(--color-primary)}.saving-note{color:var(--color-primary)}.learning-overview{margin-bottom:var(--space-12)}.learning-stats,.achievement-grid{gap:var(--space-4);margin:var(--space-6) 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.learning-stats .card,.achievement-grid .card{padding:var(--space-5)}.learning-stats strong{font-variant-numeric:tabular-nums;font-size:26px}.learning-stats p{font-size:14px}.learning-week{margin:var(--space-6) 0;gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:center;display:grid}.learning-week progress{width:100%;height:14px;accent-color:var(--color-primary)}.learning-days{gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.learning-days>div{align-items:center;gap:var(--space-2);flex-direction:column;font-size:12px;display:flex}.learning-days strong{border:1px solid var(--color-border);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.learning-days .studied strong{background:var(--color-primary);color:var(--color-on-primary)}.achievement-grid h3{margin:var(--space-4) 0 var(--space-2);font-size:18px}.achievement-grid p{margin:0;font-size:14px}.learning-history{margin:var(--space-6) 0}.learning-history summary{cursor:pointer;min-height:44px;font-weight:600}.learning-history-row{justify-content:space-between;align-items:center;gap:var(--space-6);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;display:flex}.learning-history-row p{margin:0}@media (width<=1100px){.header-inner{flex-wrap:wrap}.header-inner nav{gap:var(--space-4)}.learning-stats,.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.header-inner nav{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner nav a{white-space:normal;text-align:center;font-size:13px}.header-inner nav a:has(small){align-items:center}.course-plan{padding:var(--space-5)}.course-options{gap:var(--space-4);grid-template-columns:1fr}.course-plan h2{font-size:26px}.course-plan .lead{font-size:16px}.plan-option .price{font-size:34px}.learning-week{gap:var(--space-4);grid-template-columns:1fr}.learning-stats strong{font-size:22px}.learning-history-row{align-items:flex-start;gap:var(--space-2);flex-direction:column}.learning-stats .card,.achievement-grid .card{padding:var(--space-4)}}.pdf-view-entry{margin-bottom:var(--space-6)}.pdf-view-entry .button{width:100%}.pdf-toolbar{align-items:center;gap:var(--space-4);padding:var(--space-4);margin:var(--space-6) 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-wrap:wrap;display:flex}.pdf-toolbar form{align-items:center;gap:var(--space-2);margin:0;display:flex}.pdf-toolbar input{width:5rem;min-height:44px}.pdf-toolbar label{align-items:center;gap:var(--space-2);display:flex}.pdf-toolbar select{font:inherit;max-width:100%;min-height:44px}.pdf-viewport{border:1px solid var(--color-border);background:var(--color-surface);max-width:100%;margin-bottom:var(--space-6);overflow:auto}.pdf-viewport img{height:auto;display:block}@media (width<=600px){.pdf-toolbar{gap:var(--space-2);padding:var(--space-3)}.pdf-toolbar form{flex-basis:100%;order:3;justify-content:center}.pdf-toolbar>label{order:4;justify-content:center;width:100%}.pdf-toolbar>.button{padding-inline:var(--space-3);flex:1}}@media print{.pdf-reader .pdf-viewport{display:none}}.contact-page section{margin-top:var(--space-10)}.contact-page h2{font-size:var(--type-h3)}.contact-page .button{margin-bottom:var(--space-3)}