*{box-sizing:border-box}:root{--brand-red:#cf1322;--brand-red-dark:#a70f1b;--ink:#18212b;--muted:#667085;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--shadow-soft:0 10px 26px #0f172a14;--shadow-lift:0 20px 50px #0f172a2e;--ease:cubic-bezier(.22, 1, .36, 1)}body{color:var(--ink);background:radial-gradient(circle at 75% 0,#cf132214,#0000 32%),linear-gradient(#f7f9fb 0%,#edf1f5 100%);margin:0;font-family:Arial,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{border-radius:var(--radius-sm)}button,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #cf132240}.site{min-height:100vh;animation:siteEnter .62s var(--ease) both;padding-left:220px}.sidebar{z-index:20;color:#fff;scrollbar-color:#767676 #1b1b1b;scrollbar-width:thin;background:linear-gradient(#cf13221f,#0000 28%),#121212;width:220px;padding:22px 18px;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#1b1b1b}.sidebar::-webkit-scrollbar-thumb{background:#767676;border-radius:999px}.logo{padding:10px 8px 22px;display:block}.logo img{border-radius:var(--radius-md);filter:drop-shadow(0 10px 18px #0000004d);width:100%;height:auto;display:block}.side-link{border-radius:var(--radius-md);text-transform:uppercase;isolation:isolate;transition:background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);border:1px solid #0000;margin-bottom:6px;padding:14px 14px 14px 28px;display:block;position:relative;overflow:hidden}.side-link:before{z-index:-1;content:"";opacity:0;transition:opacity .18s var(--ease), transform .18s var(--ease);background:linear-gradient(90deg,#cf132261,#0000);position:absolute;inset:0;transform:translate(-30%)}.side-link:hover{background:#242424;border-color:#ffffff1a;transform:translate(2px)}.side-link:hover:before{opacity:1;transform:translate(0)}.side-link.active{background:linear-gradient(135deg, var(--brand-red), var(--brand-red-dark));box-shadow:0 12px 28px #cf132238}.triangle{border-bottom:10px solid #d70d1d;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:21px;left:8px}.side-link strong,.side-link small{line-height:1.25;display:block}.side-link small{opacity:.74;font-size:13px}.sponsor-stack{justify-items:start;gap:14px;margin-top:28px;padding-left:10px;display:grid}.sponsor-stack img{border-radius:var(--radius-sm);background:#fff;width:84px;padding:4px}.page{min-height:100vh}.topbar{z-index:15;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#cf1322f0;align-items:center;gap:18px;min-height:56px;padding:8px 24px;display:flex;position:sticky;top:0;box-shadow:0 12px 28px #7a0f162e}.menu-button{color:#333;cursor:pointer;border-radius:var(--radius-sm);width:46px;min-height:36px;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);background:#fff;border:0;place-content:center;gap:5px;display:inline-grid;box-shadow:0 6px 16px #00000024}.menu-button span{background:var(--brand-red);border-radius:999px;width:22px;height:2px;display:block}.menu-button:hover{background:#fff7f7;transform:translateY(-1px);box-shadow:0 8px 20px #0000002e}.since{text-transform:uppercase;font-weight:700}.top-actions{align-items:center;gap:14px;margin-left:auto;font-size:14px;display:flex}.top-actions select,.top-actions input{color:#1f2933;height:34px;transition:border-color .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);background:#fff;border:1px solid #ffffffa6;padding:0 12px}.top-actions select{cursor:pointer;min-width:140px}.top-actions input{width:150px}.top-actions select:hover,.top-actions input:hover,.top-actions select:focus,.top-actions input:focus{border-color:#fff;transform:translateY(-1px);box-shadow:0 8px 22px #55000833}.brand-bar{box-shadow:var(--shadow-soft);background:linear-gradient(#fffffffa,#ffffffe6),url(https://kokusho-edu.jp/assets/frontend/images/slider/176913956201.JPG) 50% 28%/cover;padding:30px 36px 0}.brand-bar h1{color:#222;text-align:center;animation:riseIn .68s var(--ease) both;margin:0 0 24px;font-size:38px;font-weight:700;line-height:1.1}.brand-bar h1 span,.brand-bar h1 small{display:block}.brand-bar h1 small{color:#7c8792;margin-top:10px;font-size:18px;font-weight:500}.main-menu{animation:riseIn .78s var(--ease) 80ms both;justify-content:center;gap:6px;padding-bottom:10px;display:flex}.dropdown{position:relative}.dropdown button{color:#333;cursor:pointer;border-radius:var(--radius-sm);height:48px;transition:color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);background:#fff;border:0;padding:0 20px;font-size:15px}.dropdown button:hover{color:#fff;background:linear-gradient(135deg, var(--brand-red), var(--brand-red-dark));transform:translateY(-2px);box-shadow:0 12px 26px #cf132238}.dropdown-panel{border-radius:var(--radius-md);min-width:220px;animation:menuFloat .18s var(--ease) both;background:#fff;border:1px solid #edf0f3;padding:8px 0;display:none;position:absolute;top:48px;left:0;overflow:hidden;transform:translateY(8px);box-shadow:0 16px 36px #00000029}.dropdown:hover .dropdown-panel{display:block}.dropdown-panel a{padding:10px 16px;font-size:14px;display:block}.dropdown-panel a:hover,.dropdown-panel a.active{color:#fff;background:var(--brand-red)}.hero-grid{grid-template-columns:minmax(320px,42%) minmax(0,1fr);min-height:680px;display:grid;overflow:hidden}.info-column{animation:slideInLeft .72s var(--ease) 80ms both;background:#202020;grid-template-columns:1fr 150px;grid-auto-rows:min-content;gap:0;display:grid}.video-tile{aspect-ratio:16/9;color:#fff;background:#111;grid-column:span 2;position:relative;overflow:hidden}.video-tile img{object-fit:cover;filter:saturate(1.08)contrast(1.06);width:100%;height:100%;transition:transform .42s var(--ease), filter .42s var(--ease);display:block}.video-tile:after{content:"";background:linear-gradient(#0000001a,#000000b8),radial-gradient(circle at 78% 28%,#cf13225c,#0000 34%);position:absolute;inset:0}.video-tile strong,.video-tile small,.play-mark{z-index:2;position:absolute}.play-mark{background:var(--brand-red);text-indent:3px;width:58px;height:58px;transition:transform .22s var(--ease), background .22s var(--ease);border-radius:999px;place-items:center;font-size:22px;display:grid;bottom:86px;left:28px;box-shadow:0 18px 38px #cf132252}.video-tile strong{font-size:25px;bottom:48px;left:28px}.video-tile small{color:#ffffffc7;bottom:26px;left:28px}.video-tile:hover img{filter:saturate(1.18)contrast(1.08);transform:scale(1.05)}.video-tile:hover .play-mark{background:var(--brand-red-dark);transform:scale(1.08)}.date-card{color:#fff;background:linear-gradient(135deg, #ffffff1f, transparent), linear-gradient(135deg, var(--brand-red), var(--brand-red-dark));text-align:center;place-items:center;min-height:160px;display:grid}.date-card span,.date-card strong{display:block}.date-card strong{font-size:28px}.news-card{color:#fff;background:linear-gradient(#0000008f,#0000009e),url(https://kokusho-edu.jp/assets/frontend/images/slider/178245990801.JPG) 50%/cover;min-height:260px;padding:24px}.card-title{margin:0 0 18px;font-size:22px;font-weight:700}.news-card a{transition:color .18s var(--ease), padding-left .18s var(--ease);border-top:1px solid #ffffff38;padding:10px 0;display:block}.news-card a:hover{color:#fff4f5;padding-left:8px}.news-card span{opacity:.82;margin-top:4px;font-size:12px;display:block}.all-news-link{color:#fff;margin-top:12px;text-decoration:underline}.promo-row{grid-column:span 2;grid-template-columns:1fr 1fr;display:grid}.promo{color:#fff;min-height:190px;transition:transform .22s var(--ease), filter .22s var(--ease);background-position:50%;background-size:cover;padding:34px}.promo b,.promo strong,.promo span{margin-bottom:8px;display:block}.promo strong{font-size:26px}.promo:hover{filter:saturate(1.14)contrast(1.04);transform:translateY(-4px)}.course{background:linear-gradient(#c41824bd,#c41824d1),url(https://kokusho-edu.jp/assets/frontend/images/slider/176913956201.JPG) 50%/cover}.facebook{background:linear-gradient(#20488fbd,#20488fd1),url(https://kokusho-edu.jp/assets/frontend/images/slider/178245990801.JPG) 50%/cover}.slider{border-radius:0 0 0 var(--radius-lg);min-height:680px;animation:slideInRight .76s var(--ease) .12s both;background:#111;position:relative;overflow:hidden}.slider img{object-fit:cover;width:100%;height:100%;min-height:680px;animation:photoFade .72s var(--ease) both, slowZoom 5.2s linear both;filter:saturate(1.08)contrast(1.03);display:block}.slider:after{content:"";pointer-events:none;background:linear-gradient(#0000 42%,#0000009e),linear-gradient(90deg,#00000047,#0000 52%);position:absolute;inset:0}.slider-caption{z-index:2;color:#fff;text-shadow:0 12px 30px #00000073;max-width:680px;animation:riseIn .72s var(--ease) .24s both;position:absolute;bottom:clamp(42px,9vw,90px);left:clamp(24px,5vw,64px);right:clamp(24px,5vw,64px)}.slider-caption span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff57;border-radius:999px;margin-bottom:12px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.slider-caption strong{max-width:12ch;font-size:clamp(36px,5vw,68px);line-height:.98;display:block}.slide-dots{z-index:3;gap:10px;display:flex;position:absolute;bottom:28px;left:clamp(24px,5vw,64px)}.slide-dots span{width:10px;height:10px;transition:width .2s var(--ease), background .2s var(--ease);background:#ffffff6b;border-radius:999px}.slide-dots span.active{background:#fff;width:34px}.slide-control{color:#fff;cursor:pointer;border-radius:var(--radius-sm);z-index:3;width:50px;height:60px;transition:background .18s var(--ease), transform .18s var(--ease);background:#0000005c;border:0;font-size:42px;position:absolute;top:50%;transform:translateY(-50%)}.slide-control:hover{background:#cf1322db;transform:translateY(-50%)scale(1.06)}.prev{left:16px}.next{right:16px}.footer{color:#fff;background:#222;grid-template-columns:repeat(5,minmax(140px,1fr));gap:24px;padding:44px 36px;display:grid}.footer h2{color:#f6f6f6;margin:0 0 14px;font-size:18px}.footer a{color:#d5d7da;margin-bottom:8px;font-size:14px;display:block}.copyright{color:#fff;text-align:center;background:var(--brand-red);padding:16px}.copyright p{margin:4px 0}.branch-page{animation:siteEnter .42s var(--ease) both;background:#f4f6f8}.branch-hero{color:#fff;min-height:260px;animation:heroWash .68s var(--ease) both;background:linear-gradient(90deg,#141414d1,#cf1322ad),url(https://kokusho-edu.jp/assets/frontend/images/slider/176913956201.JPG) 50%/cover;padding:72px 44px 48px}.branch-hero p{letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:15px;font-weight:700}.branch-hero h2{max-width:900px;margin:0;font-size:44px;line-height:1.12}.branch-hero span{color:#ffffffd1;margin-top:12px;font-size:20px;display:block}.content-grid{grid-template-columns:minmax(0,1fr) 280px;gap:28px;padding:42px;display:grid}.content-main,.content-side,.form-panel,.faq-list,.news-list-page,.single{border-radius:var(--radius-md);box-shadow:var(--shadow-soft);animation:riseIn .52s var(--ease) both;background:#fff;border:1px solid #e2e6ea}.content-main{padding:32px}.content-main h3,.content-side h3,.card-grid h3,.video-list h3{color:#20252b;margin:0 0 14px}.content-main p{color:#4b5563;max-width:780px;line-height:1.75}.content-side{align-self:start;padding:24px}.content-side a{color:#cf1322;border-top:1px solid #edf0f3;padding:11px 0;display:block}.feature-list{grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px;margin-top:28px;display:grid}.feature-list span{border-left:4px solid var(--brand-red);border-radius:var(--radius-sm);background:#f7f8fa;padding:14px 16px;font-weight:700}.gallery-grid,.card-grid,.video-list{grid-template-columns:repeat(3,minmax(220px,1fr));gap:24px;padding:42px;display:grid}.gallery-grid figure,.card-grid section,.video-list section{border-radius:var(--radius-md);box-shadow:var(--shadow-soft);transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);background:#fff;border:1px solid #e2e6ea;margin:0;overflow:hidden}.gallery-grid figure:hover,.card-grid section:hover,.video-list section:hover{box-shadow:var(--shadow-lift);border-color:#cf132238;transform:translateY(-6px)}.gallery-grid img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.gallery-grid figcaption,.card-grid section,.video-list section{padding:20px}.card-grid p,.video-list p{color:#5b6470;line-height:1.6}.card-grid a,.card-grid button,.form-panel button{color:#fff;background:var(--brand-red);cursor:pointer;border-radius:var(--radius-sm);min-height:38px;transition:background .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);border:0;align-items:center;padding:0 16px;display:inline-flex}.card-grid a:hover,.card-grid button:hover,.form-panel button:hover{background:var(--brand-red-dark);transform:translateY(-2px);box-shadow:0 14px 30px #cf13223d}.video-list iframe{aspect-ratio:16/9;border:0;width:100%}.form-panel{gap:18px;max-width:760px;margin:42px;padding:30px;display:grid}.form-panel label{color:#2f3842;gap:8px;font-weight:700;display:grid}.form-panel input,.form-panel textarea{min-height:42px;font:inherit;border:1px solid #cfd6dd;padding:10px 12px}.form-panel textarea{resize:vertical;min-height:140px}.faq-list{gap:14px;margin:42px;padding:28px;display:grid}.faq-list details{border-radius:var(--radius-sm);background:#fafbfc;border:1px solid #e2e6ea;padding:16px 18px}.faq-list summary{color:#20252b;cursor:pointer;font-weight:700}.faq-list p{color:#56616d;line-height:1.65}.news-list-page{gap:0;margin:42px;padding:0;display:grid;overflow:hidden}.news-list-page a{transition:background .18s var(--ease), transform .18s var(--ease);border-bottom:1px solid #e8ecef;grid-template-columns:120px 1fr auto;align-items:center;gap:18px;padding:18px 24px;display:grid}.news-list-page a:hover{background:#fff5f6;transform:translate(4px)}.news-list-page time,.single time,.news-list-page span,.back-link{color:#cf1322;font-weight:700}.single{margin:42px}.back-link{margin-top:18px;display:inline-block}.timeline{gap:22px;max-width:820px;margin:42px;display:grid;position:relative}.timeline section{border-radius:var(--radius-md);box-shadow:var(--shadow-soft);transition:transform .2s var(--ease), border-color .2s var(--ease);background:#fff;border:1px solid #e2e6ea;padding:22px 22px 22px 56px;position:relative}.timeline section:hover{border-color:#cf13223d;transform:translate(4px)}.timeline section span{background:var(--brand-red);border-radius:50%;width:16px;height:16px;position:absolute;top:28px;left:22px}.map-placeholder{color:#59616a;background:linear-gradient(90deg,#ffffffd9,#ffffff8c),repeating-linear-gradient(45deg,#dfe5eb 0 1px,#0000 1px 18px);border:1px solid #cfd6dd;place-items:center;min-height:260px;margin-top:20px;font-weight:700;display:grid}@media (width<=980px){.site{padding-left:0}.sidebar{transition:transform .18s;transform:translate(-100%)}.menu-open .sidebar{transform:translate(0)}.top-actions{flex-wrap:wrap;justify-content:flex-end}.topbar{align-items:flex-start}.hero-grid{grid-template-columns:1fr}.slider{order:-1}.slider-caption{bottom:92px}.slider-caption strong{max-width:560px;font-size:clamp(32px,5vw,44px);line-height:1.02}.slide-control{width:46px;height:46px;font-size:34px;top:auto;bottom:24px;transform:none}.slide-control:hover{transform:scale(1.06)}.prev{left:auto;right:82px}.next{right:24px}.footer{grid-template-columns:repeat(2,minmax(140px,1fr))}.content-grid,.gallery-grid,.card-grid,.video-list{grid-template-columns:1fr}}@media (width<=680px){.topbar{flex-direction:column;align-items:flex-start}.top-actions,.main-menu,.promo-row{grid-template-columns:1fr;width:100%;display:grid}.brand-bar{padding:22px 18px 0}.brand-bar h1{font-size:30px}.dropdown-panel{box-shadow:none;position:static}.dropdown:hover .dropdown-panel{display:block}.info-column{grid-template-columns:1fr}.video-tile,.promo-row{grid-column:auto}.slider,.slider img{min-height:420px}.footer{grid-template-columns:1fr}.branch-hero,.content-grid,.gallery-grid,.card-grid,.video-list{padding-left:18px;padding-right:18px}.branch-hero h2{font-size:34px}.form-panel,.faq-list,.news-list-page,.single,.timeline{margin:24px 18px}.feature-list,.news-list-page a{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes siteEnter{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes photoFade{0%{opacity:.42}to{opacity:1}}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.055)}}@keyframes menuFloat{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes heroWash{0%{background-position:50% 45%}to{background-position:50%}}