.school-views{padding:85px max(22px,calc((100vw - 1120px)/2));background:#f7fbf8;color:#174b54}.school-views-heading{text-align:center;margin-bottom:35px}.school-views-heading h2{margin:10px 0;font-size:clamp(28px,3vw,42px)}.school-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.school-tabs button{background:#e5eeea;border:0;border-radius:14px 14px 0 0;padding:22px 28px;font-weight:800;font-size:21px;text-align:left;display:flex;justify-content:space-between;align-items:center;color:#47685b}.school-tabs button span{font:14px Georgia,serif;opacity:.65}.school-tabs button[aria-selected=true]{background:#174f45;color:#fff}.school-panel{background:white;border:1px solid #dce8e1;border-top:5px solid #174f45;padding:40px;border-radius:0 0 22px 22px;box-shadow:0 16px 40px #194f4508}.school-panel[hidden]{display:none}.school-overview{display:flex;gap:28px;align-items:flex-start;border-bottom:1px solid #e1ebe6;padding-bottom:28px}.school-stage{background:#edf5ed;padding:6px 14px;border-radius:30px;white-space:nowrap;font-size:13px;font-weight:700}.school-overview h3{font-family:var(--serif);font-size:28px;line-height:1.5;margin-bottom:12px}.school-overview p{font-size:14px;max-width:670px}.school-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;margin:30px 0}.school-content article{min-width:0}.school-label{font-size:10px;letter-spacing:.12em;color:#728d7f}.school-content h4{font-size:21px;margin:7px 0 18px}.school-approach ul{list-style:none;margin:0;padding:0;font-size:14px}.school-approach li{padding:9px 0 9px 20px;position:relative}.school-approach li:before{content:'✓';position:absolute;left:0;color:#54882d}.school-placeholder{background:#f5f8f6;border-radius:10px;padding:18px;font-size:14px}.school-placeholder p{font-size:12px;margin-top:7px;color:#667e73}.school-fees{font-size:13px;margin:0}.school-fees>div{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #e6ede8}.school-fees dd{margin:0;color:#76877d}.school-contact{display:flex;width:fit-content;gap:35px;margin-left:auto;border-bottom:1px solid #174f45;padding:10px 0;font-size:14px;font-weight:700}.school-draft{margin:20px 0 0;font-size:12px;text-align:center;color:#6c8075}.school-views~.closing-grid{grid-template-columns:1fr 1fr}@media(max-width:760px){.school-views{padding:55px 18px}.school-tabs{gap:5px}.school-tabs button{padding:16px 12px;font-size:16px}.school-tabs button span{display:none}.school-panel{padding:25px 20px}.school-overview{display:block}.school-stage{display:inline-block;margin-bottom:15px}.school-overview h3{font-size:24px}.school-content{grid-template-columns:1fr;gap:24px}.school-content article+article{border-top:1px solid #e1ebe6;padding-top:22px}.school-content h4{margin-bottom:12px}.school-contact{margin:0;width:100%;justify-content:space-between}.school-draft{text-align:left;font-size:11px}.school-views~.closing-grid{grid-template-columns:1fr}}
.school-overview h3{text-wrap:balance}

.school-course{background:#f5f8f6;border-radius:10px;padding:15px 17px;margin-bottom:12px;font-size:15px}.school-course p{font-size:12px;margin-top:6px;color:#526f61}.school-fees dd{color:#174f45;font-weight:700;text-align:right}.school-fee-note{font-size:11px;line-height:1.8;color:#647b6e;margin-top:14px}

.school-photo{margin:28px 0 32px;position:relative;border-radius:16px;overflow:hidden;background:#e2ece7;aspect-ratio:2.5}.school-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}.school-photo-elementary img{object-position:50% 20%}.school-photo-senior img{object-position:50% 45%}.school-photo figcaption{position:absolute;right:14px;bottom:12px;background:#ffffffeb;color:#174b54;font-size:11px;letter-spacing:.07em;padding:5px 12px;border-radius:20px}.school-overview{border-bottom:0;padding-bottom:0}@media(max-width:760px){.school-photo{aspect-ratio:1.35;margin:24px -6px;border-radius:12px}.school-photo figcaption{font-size:9px;right:8px;bottom:8px;padding:3px 9px}.school-photo img{object-position:50% 50%}}

.school-photo{aspect-ratio:2}.school-photo img,.school-photo-elementary img,.school-photo-senior img{object-position:50% 50%}@media(max-width:760px){.school-photo{aspect-ratio:1.35}}
.school-photo img,.school-photo-elementary img,.school-photo-senior img{object-position:50% 25%}

.school-photo-elementary{max-width:none}.school-photo-elementary img{object-position:center}

.school-fees dt{flex:1;min-width:0}.school-fees dd{flex-shrink:0}.school-fees>div{align-items:baseline}

.school-customize{margin:26px 0 30px;padding:20px 24px;background:#edf6ed;border-left:4px solid #568d38;border-radius:0 12px 12px 0}.school-customize strong{display:block;font-size:19px;color:#285c35;line-height:1.6}.school-customize p{margin:7px 0 0;font-size:13px;line-height:1.9;color:#476554}@media(max-width:760px){.school-customize{padding:18px;margin:24px 0}.school-customize strong{font-size:17px}.school-customize p{font-size:12px}}

.school-tabs{grid-template-columns:repeat(4,1fr)}.school-ringo-intro{margin:28px 0;padding:42px 32px;border-radius:16px;background:linear-gradient(120deg,#fff8e9,#f0f7e8);color:#315f38}.school-ringo-intro>span{font-size:13px;letter-spacing:.12em}.school-ringo-intro strong{display:block;font-family:var(--serif);font-size:clamp(27px,3.2vw,40px);line-height:1.6;margin:14px 0}.school-ringo-intro p{font-size:13px}.school-ringo-link{display:inline-block;font-size:12px;border-bottom:1px solid #54882d;color:#315f38;padding:6px 0}@media(max-width:760px){.school-tabs button{font-size:14px;padding:16px 5px;justify-content:center}.school-ringo-intro{padding:28px 20px}}