@font-face{font-family:Noto;src:url('assets/noto-jp.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:ZenStudy;src:url('assets/zen-hero-study-v7.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:TypeStudyC;src:url('assets/type-c-hero-v7.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
.page-home[data-type-variant=a] .scene-caption h1{font-family:Noto,sans-serif;font-weight:900;font-size:clamp(52px,6.4vw,100px);letter-spacing:0;line-height:1.5}
.page-home[data-type-variant=b] .scene-caption h1{font-family:ZenStudy,Noto,sans-serif;font-weight:700;font-size:clamp(52px,6.4vw,100px);letter-spacing:.055em;line-height:1.5}
.page-home[data-type-variant=c] .scene-caption h1{font-family:TypeStudyC,Noto,sans-serif;font-weight:600;font-size:clamp(52px,6.4vw,100px);letter-spacing:.025em;line-height:1.5}
.page-home[data-type-variant=d] .scene-caption h1{font-family:Noto,sans-serif;font-weight:500;font-size:clamp(52px,6.4vw,100px);letter-spacing:.12em;line-height:1.5}
.type-study{margin:0;background:#f2f5f7;color:#142d3e;font-family:Noto,sans-serif;font-synthesis:none}
.type-study *{box-sizing:border-box}
.type-study a{color:inherit;text-decoration:none}
.type-study-head{padding:27px 38px 23px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #d8e0e6}
.type-study-head p{font:600 10px/1.5 Arial,sans-serif;letter-spacing:.13em;margin:0 0 7px}
.type-study h1{font-size:28px;line-height:1.5;letter-spacing:.04em;margin:0}
.type-study-head>a{font-size:12px;padding:15px 20px;border:1px solid #d8e0e6}
.type-study main{max-width:1680px;padding:0 38px 22px;margin:auto}
.type-intro{font-size:12px;line-height:1.8;margin:18px 0}
.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 26px}
.type-card{background:#fff;min-width:0;border:1px solid #d8e0e6}
.type-card-head{height:72px;display:flex;align-items:center;padding:10px 20px;gap:16px}
.type-card-head>strong{font:700 34px/1 Arial,sans-serif;color:#269bdc}
.type-card-head h2{font-size:18px;line-height:1.5;margin:0 0 3px}
.type-card-head p{font:500 10px/1.5 Arial,sans-serif;letter-spacing:.02em;color:#64727c;margin:0}
.type-recommend{margin-left:auto;background:#142d3e;color:#fff;padding:6px 10px;font-size:10px;white-space:nowrap}
.type-scene{display:block;position:relative;aspect-ratio:16/9;container-type:inline-size;overflow:hidden;color:white!important;background:linear-gradient(#0b1f3329,#0b1f3355),url('assets/aerial-hero-v5.webp') center 54%/cover}
.type-logo{position:absolute;width:26%;height:auto;left:37%;top:15%}
.type-headline{position:absolute;inset:42% 0 auto;text-align:center;margin:0;color:#fff;line-height:1.5;font-size:6.4cqw;text-shadow:0 2px 16px #081b2e40;font-feature-settings:'palt' 1}
.type-a .type-headline{font-family:Noto,sans-serif;font-weight:900;letter-spacing:0}
.type-b .type-headline{font-family:ZenStudy,Noto,sans-serif;font-weight:700;letter-spacing:.055em}
.type-c .type-headline{font-family:TypeStudyC,Noto,sans-serif;font-weight:600;letter-spacing:.025em}
.type-d .type-headline{font-family:Noto,sans-serif;font-weight:500;letter-spacing:.12em}
.type-scene-note{position:absolute;left:0;right:0;bottom:12%;text-align:center;font-size:1.25cqw;letter-spacing:.1em}
.type-open{position:absolute;right:16px;bottom:13px;font-size:9px;border-bottom:1px solid #ffffff90;padding-bottom:3px}
.type-description{font-size:11px;line-height:1.7;margin:0;padding:12px 20px;min-height:43px;color:#64727c}
.type-foot{font-size:11px;line-height:1.8;margin:17px 0 0;color:#64727c}
.type-card a:focus-visible{outline:3px solid #41b5fa;outline-offset:-3px}
@media(max-width:1050px){.page-home[data-type-variant] .scene-caption h1{font-size:clamp(42px,6.4vw,68px)}}
@media(max-width:700px){.type-study-head{padding:20px;gap:15px}.type-study h1{font-size:21px}.type-study-head>a{font-size:10px;padding:10px}.type-study main{padding:0 16px 20px}.type-grid{grid-template-columns:1fr;gap:20px}.type-intro{font-size:11px}.type-card-head{padding:10px 16px;height:67px}.type-card-head h2{font-size:17px}.type-description{font-size:10px;padding:11px 16px}.type-open{font-size:8px;bottom:10px;right:12px}.page-home[data-type-variant] .scene-caption h1{font-size:clamp(27px,8.4vw,39px);line-height:1.65}.page-home[data-type-variant=b] .scene-caption h1{letter-spacing:.025em}.page-home[data-type-variant=d] .scene-caption h1{font-size:clamp(25px,7.9vw,37px);letter-spacing:.08em}}
