*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#172332;background:#fff;font-family:Arial,'Noto Sans CJK JP',sans-serif;font-size:16px;line-height:1.8}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.6rem,6vw,5.3rem);line-height:1.22;letter-spacing:-.045em}h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.4;letter-spacing:-.03em}h3{font-size:1.3rem}main,header nav,.wrap{max-width:1180px;margin:auto;padding:0 32px}.demo{background:#172332;color:white;text-align:center;padding:8px 20px;font-size:14px}.demo a{margin-left:20px}nav{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:90px}nav .links{display:flex;gap:25px;align-items:center}nav a{text-decoration:none}.brand{font-weight:800;font-size:1.5rem;letter-spacing:-.04em}.brand small{font-size:14px;font-weight:400;margin-left:10px}.hero{padding:90px 0 80px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#315ce9;margin-bottom:25px}.lede{font-size:1.15rem;max-width:660px;color:#586577}.button,button{background:#204de2;border:0;color:white;display:inline-block;padding:15px 25px;text-decoration:none;cursor:pointer;font-weight:700;border-radius:5px}.button.secondary{background:#edf1fc;color:#173578}.grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.section{padding:75px 0;border-top:1px solid #dce2e9}.section.alt{background:#f1f5fa;margin:0 -32px;padding:65px 32px}.label{font-size:14px;letter-spacing:.07em;color:#52667d}.work{padding:32px;border:1px solid #dce2e9;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start}.work h3{font-size:2rem;margin-bottom:15px}.work .button{margin-top:auto}.num{font-size:3.5rem;font-weight:800;color:#b7c3d2;line-height:1;margin-bottom:30px}.work.blue{background:#ecf2ff}.work.yellow{background:#fff4bd}.lineitem{display:grid;grid-template-columns:240px 1fr;gap:35px;padding:24px 0;border-bottom:1px solid #dce2e9}footer{padding:38px 32px;font-size:14px;background:#172332;color:#d8e2ed}footer .wrap{padding:0}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:18px 16px;border-bottom:1px solid #dce2e9;vertical-align:top}th{background:#edf2f8}td.price{white-space:nowrap;font-weight:700;color:#204de2}details{border-bottom:1px solid #dce2e9;padding:22px 0}summary{cursor:pointer;font-weight:700}details p{margin:20px 0 0;color:#586577}.fields{display:grid;gap:20px}label{display:block;font-weight:700}input,select{width:100%;padding:12px;border:1px solid #aab7c6;border-radius:4px;background:#fff;margin-top:6px}input[type=range]{padding:0;accent-color:#204de2}.result{background:#172332;color:white;padding:40px;border-radius:8px}.result output{font-size:clamp(2.4rem,5vw,4rem);font-weight:700;line-height:1.3;display:block}.result .small{color:#c2ceda}.small{font-size:14px;color:#637083}.metricrow{display:flex;gap:24px;flex-wrap:wrap}.metricrow div{border-left:3px solid #204de2;padding-left:20px;flex:1}.metricrow strong{font-size:1.5rem;display:block}.school{background:#fffcf0;color:#1e2f65}.school header{background:#fffcf0}.school .eyebrow{color:#244ac2}.school .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center}.school .hero img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:150px 150px 16px 16px}.school .section{border-color:#d6d5c3}.school .button,.school button{background:#254acc;border-radius:40px}.school .tabbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:35px}.school .tabbar button{background:transparent;color:#254acc;border:1px solid #254acc}.school .tabbar button[aria-selected=true]{background:#254acc;color:#fff}.coursepanel{background:#fff;padding:36px;border-radius:12px}.school .grid{gap:50px}.notice{border-left:4px solid #315ce9;padding:15px 20px;background:#edf2ff}.school .notice{background:#fff1ac}.confirmation{margin-top:20px;padding:20px;background:#eaf3ff;color:#173578}.hidden{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;background:white;padding:10px;z-index:5}@media(max-width:760px){main,header nav,.wrap{padding:0 22px}nav{min-height:80px;flex-wrap:wrap;padding-top:15px!important;padding-bottom:15px!important}nav .links{gap:16px;font-size:14px;flex-wrap:wrap}.brand small{display:none}.hero{padding:55px 0}.grid,.school .hero{grid-template-columns:1fr}.school .hero img{aspect-ratio:5/4;border-radius:80px 80px 12px 12px}.section{padding:50px 0}.section.alt{margin:0 -22px;padding:50px 22px}.lineitem{grid-template-columns:1fr;gap:4px}.demo a{display:inline-block}.result{padding:28px}td,th{padding:12px;min-width:100px}.work{padding:25px}.school .grid{gap:25px}h1{font-size:2.7rem}}
