/* Learning as an illustrated editorial spread: clear reading order, varied photographic scale. */
.learning .subjects{margin-top:100px;padding-top:58px;border-top:1px solid #b9cec2}
.subjects .mini-heading{max-width:720px;margin-bottom:42px}
.subjects .subject-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 42px;margin-top:0;align-items:start}
.subjects .subject-grid article{display:block;min-width:0}
.subjects .subject-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;grid-column:auto;grid-row:auto;border-radius:4px}
.subjects .subject-copy{padding:24px 0 0}
.subjects .subject-type{display:inline-block;margin:0 0 14px;padding:0 0 4px;border-bottom:2px solid var(--orange);font-size:17px}
.subjects .subject-grid h4{font-size:27px;line-height:1.7;letter-spacing:.04em;text-wrap:pretty}
.subjects .subject-grid p{font-size:18px;line-height:1.95;margin:15px 0 0;letter-spacing:.04em}
.subjects .subject-health{grid-column:1/-1;display:grid!important;grid-template-columns:1.15fr 1fr;align-items:center!important;gap:44px}
.subjects .subject-health img{border-radius:50% 50% 4px 4px / 17% 17% 4px 4px}
.subjects .subject-health .subject-copy{padding:0}
.subjects .subject-money{background:#fffdf7;padding:22px 22px 30px;transform:rotate(-1deg);border-bottom:3px solid #dac8a6}
.subjects .subject-money .subject-copy{transform:rotate(1deg)}
.subjects .subject-digital{margin-top:70px}
.subjects .subject-digital img{border-radius:4px 70px 4px 4px;aspect-ratio:1.3}
.subjects .subject-culture{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1.2fr;align-items:center!important;gap:44px;background:#fff;padding:30px}
.subjects .subject-culture img{grid-column:2;grid-row:1;border-radius:3px}
.subjects .subject-culture .subject-copy{grid-column:1;grid-row:1;padding:0}
@media(max-width:640px){
 .learning .subjects{margin-top:64px;padding-top:38px}
 .subjects .mini-heading{margin-bottom:30px}.subjects .mini-heading h3{font-size:24px;line-height:1.8}
 .subjects .subject-grid{display:block}
 .subjects .subject-grid article{margin:0 0 46px;display:block!important}
 .subjects .subject-grid article:last-child{margin-bottom:0}
 .subjects .subject-grid h4{font-size:24px;line-height:1.7}
 .subjects .subject-grid p{font-size:18px;line-height:1.95}
 .subjects .subject-copy,.subjects .subject-health .subject-copy{padding:22px 0 0}
 .subjects .subject-money{padding:18px 18px 25px;transform:none;border-radius:3px 3px 24px 3px}
 .subjects .subject-money .subject-copy{transform:none}
 .subjects .subject-digital{padding:0 0 0 16px;border-left:2px solid #b9cec2}
 .subjects .subject-digital img{aspect-ratio:3/2;border-radius:3px 48px 3px 3px}
 .subjects .subject-culture{padding:20px 20px 26px;background:#fff}
 .subjects .subject-culture img{aspect-ratio:1.6}
 .subjects .subject-culture .subject-copy{padding-top:22px}
 .subjects .subject-type{font-size:16px;margin-bottom:10px}
}
/* v12: concrete next step before the application form. */
.schedule-note{max-width:780px;margin:38px auto 0;padding:28px 32px;background:#fffdf7;border-left:3px solid var(--green)}
.schedule-note h3{font-size:23px;line-height:1.8;margin-bottom:12px}
.schedule-note p{font-size:18px;line-height:1.95;margin-bottom:18px}
@media(max-width:640px){.schedule-note{padding:22px 20px}.schedule-note h3{font-size:21px}.schedule-note .inline-link{display:inline-block;padding:8px 0}}
.hero-open .hero-fact dd>.hero-class-time{font-size:16px;line-height:1.7;margin-top:8px}
.schedule-note .class-time{font-size:30px;color:var(--green);line-height:1.6;margin:12px 0 20px}
.class-time span{display:block;font-size:17px;margin-top:4px}
.class-timetable{margin:0 0 24px}.class-timetable>div{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.class-timetable dt,.class-timetable dd{font-size:18px;line-height:1.8;margin:0}.class-timetable dd b{display:block;font-size:16px}
@media(max-width:640px){.schedule-note h3{font-size:20px}.schedule-note .class-time{font-size:27px}.class-timetable dt,.class-timetable dd{font-size:16px}}
.steps .schedule-note .class-time{font-size:27px;line-height:1.6;text-decoration:none}
.steps .schedule-note .class-time span{display:block;font-size:17px;text-decoration:none}
.hero-open .opening-date{font-size:18px;line-height:1.9;color:var(--green);margin:18px 0 0;letter-spacing:.03em}
.opening-date .phrase+.phrase{margin-left:.6em}
.join .opening-date{font-size:20px;line-height:1.9;margin:20px 0}
@media(max-width:640px){.hero-open .opening-date{font-size:17px}.opening-date .phrase{display:block}.opening-date .phrase+.phrase{margin-left:0}.join .opening-date{font-size:18px}}