:root{--blue:#004098;--green:#36a93b;--green-dark:#247c2a;--ink:#182b43;--muted:#566479;--pale:#f0f6fd;--line:#dbe5ef;--white:#fff;font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;color:var(--ink);font-size:16px;line-height:1.9;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:white}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #f1bf32;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.55;letter-spacing:.015em}p+p{margin-top:1em}section[id]{scroll-margin-top:100px}.container{max-width:1180px;padding:0 32px;margin:auto}.skip{position:fixed;top:-100px;left:16px;z-index:30;background:white;padding:10px}.skip:focus{top:10px}.draft-bar{background:#edf3fa;text-align:center;font-size:.75rem;letter-spacing:.1em;color:var(--blue);padding:7px 16px;font-weight:700}.draft-bar span{font-size:.8125rem;letter-spacing:.015em;font-weight:400;margin-left:16px}.header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e6edf5}.header-inner{max-width:1280px;margin:auto;padding:18px 32px;display:flex;align-items:center;gap:32px}.brand{margin-right:auto;width:225px;flex-shrink:0}.header nav{display:flex;gap:28px;font-size:.875rem;font-weight:700}.header nav a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:19px 28px;border-radius:100px;background:var(--green-dark);color:white;font-weight:800;line-height:1.5;box-shadow:0 6px 20px #061e4320;transition:background .2s,transform .2s}.button:hover{background:#1d6622;transform:translateY(-2px)}.button.small{padding:13px 22px;font-size:.875rem;gap:16px}.hero{position:relative;color:white;background:linear-gradient(90deg,rgba(0,43,112,.96) 0%,rgba(0,55,133,.88) 50%,rgba(0,49,114,.60) 100%),url('assets/classroom.jpg') center/cover}.hero-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:52px;align-items:center;padding-top:80px;padding-bottom:76px}.eyebrow{color:var(--blue);font-size:.8125rem;letter-spacing:.13em;font-weight:800;margin-bottom:13px}.eyebrow.light{font-size:.9375rem;color:#fff;letter-spacing:.08em}.hero h1{font-size:clamp(2rem,3.25vw,2.9rem);line-height:1.6;letter-spacing:.025em}.underline{background:linear-gradient(transparent 86%,#79ca65 86%,#79ca65 96%,transparent 96%)}.seminar-name{margin-top:24px;font-size:1.0625rem;line-height:1.8}.seminar-name strong{font-size:1.7rem;font-weight:800;letter-spacing:.045em}.hero-description{margin-top:20px;font-size:1rem;color:#e7eef9;line-height:1.95}.hero-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:30px}.hero .button{background:var(--green);font-size:1rem;color:#071e16}.hero .button:hover{background:#59bd55}.text-link{font-size:.875rem;font-weight:700;border-bottom:1px solid #ffffff80;padding-bottom:4px}.hero-note{font-size:.8125rem;margin-top:18px;color:#d5e2f4}.hero-side{padding-top:16px}.side-label{font-weight:700;text-align:center;letter-spacing:.13em;margin-bottom:20px}.feature-chip{display:flex;align-items:center;gap:18px;border-radius:14px;background:white;color:var(--ink);padding:21px;margin-bottom:14px;box-shadow:0 8px 24px #001b4020}.feature-chip strong{font-size:1.0625rem}.feature-chip p{font-size:.8125rem;color:var(--muted);line-height:1.65;margin-top:3px}.chip-number,.chip-icon{border-radius:50%;width:62px;height:62px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--pale);color:var(--blue);font-size:2rem;font-weight:900;line-height:1}.chip-number span{font-size:.8125rem;margin:10px 0 0 2px}.chip-icon{background:#edf7ed;color:var(--green-dark);font-size:.9375rem}.chip-icon.blue{background:var(--pale);color:var(--blue)}.photo-note{font-size:.75rem;text-align:right;color:#dce6f6;margin-top:20px}.quick-info{border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-top:25px;padding-bottom:25px;text-align:center}.quick-grid>div+div{border-left:1px solid var(--line)}.quick-grid span{display:block;font-size:.6875rem;color:var(--blue);letter-spacing:.14em;font-weight:800}.quick-grid strong{font-size:1rem}.section{padding:90px 0}.section h2{font-size:clamp(1.65rem,2.7vw,2.25rem);margin-bottom:20px}.section p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:36px 0}.footer-inner{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer-inner p{font-size:.8125rem}.footer-inner small{margin-left:auto;font-size:.75rem;color:var(--muted)}
@media(max-width:1000px){.header nav{gap:16px}.header-inner{gap:20px}.brand{width:190px}.hero-grid{gap:30px;grid-template-columns:1.5fr 1fr}.hero h1{font-size:2.15rem}.feature-chip{padding:16px;gap:12px}.chip-icon,.chip-number{width:49px;height:49px}.feature-chip strong{font-size:.9375rem}}
@media(max-width:760px){.container{padding-left:22px;padding-right:22px}.draft-bar{font-size:.6875rem;padding:6px 12px}.draft-bar span{display:block;font-size:.75rem;margin-left:0}.header-inner{padding:13px 20px;gap:12px}.brand{width:159px}.header nav{display:none}.header .button{padding:10px 14px;font-size:.75rem;gap:8px}.hero-grid{grid-template-columns:1fr;padding-top:46px;padding-bottom:32px;gap:28px}.hero h1{font-size:clamp(1.7rem,5.8vw,2.7rem)}.hero .eyebrow{font-size:.8125rem}.seminar-name{font-size:.9375rem;margin-top:20px}.seminar-name strong{font-size:1.5rem}.hero-description{font-size:.9375rem}.hero-actions{gap:18px}.hero-actions .button{width:100%;font-size:.9375rem}.hero-actions .text-link{margin:auto}.hero-note{font-size:.75rem}.hero-side{padding:0}.side-label{display:none}.feature-chip{padding:14px 18px;margin-bottom:10px}.feature-chip strong{font-size:1rem}.feature-chip p{font-size:.8125rem}.photo-note{margin-top:13px}.quick-grid{gap:12px;padding-top:20px;padding-bottom:20px;grid-template-columns:1fr;text-align:left}.quick-grid>div{display:flex;align-items:center;gap:16px}.quick-grid>div+div{border-left:0}.quick-grid span{width:85px;flex-shrink:0}.quick-grid strong{font-size:.875rem}.section{padding:60px 0}.section h2{font-size:1.7rem}.footer-inner{gap:16px}.footer-inner small{margin:0}.desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}