html,body{margin:0;background:#fff}

.edC{
  --acc:#f2a413; --ink:#1e3a5f; --body:#3f5570; --sub:#7d90a5; --line:#dfe7ef;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:var(--ink);color:#fff;padding:clamp(52px,6.5vw,96px) 24px;
}
.edC__in{max-width:960px;margin:0 auto;text-align:center}
.edC__head h2{margin:0;font-size:clamp(22px,3vw,30px);font-weight:800}
.edC__head p{margin:12px 0 0;font-size:13.5px;color:rgba(255,255,255,.65)}
.edC__grid{margin:clamp(30px,4vw,46px) 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.edC__grid div{background:rgba(255,255,255,.07);border-radius:20px;padding:28px 20px;display:grid;gap:10px}
.edC__grid b{font-size:clamp(34px,5vw,50px);font-weight:800;letter-spacing:-.03em;color:var(--acc);
  font-variant-numeric:tabular-nums;line-height:1}
.edC__grid small{font-size:.42em;margin-left:3px}
.edC__grid span{font-size:12.5px;color:rgba(255,255,255,.75)}
.edC__schools{
  margin:clamp(28px,3.5vw,42px) 0 0;padding:0;list-style:none;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
}
.edC__schools li{
  font-size:12.5px;font-weight:700;padding:8px 16px;border-radius:99px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);color:rgba(255,255,255,.86);
}
@media (max-width:700px){ .edC__grid{grid-template-columns:1fr} }