.school-header{position:fixed;z-index:100;top:0;left:0;width:100%;transition:background .3s,box-shadow .3s}.school-header.is-scrolled{background:rgba(255,255,255,.9);box-shadow:0 8px 30px rgba(41,59,58,.08);backdrop-filter:blur(14px)}.school-header__inner{display:flex;min-height:92px;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;flex-direction:column;line-height:1.25}.wordmark__eyebrow{font-size:.6rem;font-weight:700;letter-spacing:.17em}.wordmark__name{font-family:'Noto Serif JP',serif;font-size:1.3rem;font-weight:600;letter-spacing:.08em}.school-nav ul{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none}.school-nav li{flex:none}.school-nav a,.school-nav__parent{font-size:.83rem;font-weight:600;white-space:nowrap}.school-nav a:not(.nav-contact):hover,.school-nav a:not(.nav-contact):focus-visible,.school-nav__parent:hover,.school-nav__parent:focus-visible{color:var(--color-main-coral)}.school-nav .nav-contact{padding:10px 18px;border-radius:999px;color:#fff;background:var(--ink)}.school-nav__item--has-submenu{position:relative}.school-nav__parent{display:flex;align-items:center;gap:5px;padding:0;border:0;color:inherit;background:transparent;font-family:inherit;line-height:inherit;cursor:pointer}.school-nav__indicator{font-size:.92em;font-weight:500;line-height:1}.school-nav .school-nav__submenu{position:absolute;top:calc(100% + 10px);left:50%;display:block;min-width:232px;padding:8px;visibility:hidden;border:1px solid rgba(41,59,58,.09);border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(41,59,58,.1);opacity:0;transform:translate(-50%,-4px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.school-nav .school-nav__submenu:before{position:absolute;right:0;bottom:100%;left:0;height:11px;content:""}.school-nav .school-nav__submenu a{display:block;padding:9px 12px;border-radius:6px}.school-nav .school-nav__submenu a:hover,.school-nav .school-nav__submenu a:focus-visible{background:color-mix(in srgb,var(--color-mint) 24%,transparent)}.school-nav__item--has-submenu:hover>.school-nav__submenu,.school-nav__item--has-submenu.is-submenu-open>.school-nav__submenu{visibility:visible;opacity:1;transform:translate(-50%,0)}.school-nav__item--has-submenu.is-submenu-click-closed:hover>.school-nav__submenu{visibility:hidden;opacity:0;transform:translate(-50%,-4px)}.menu-toggle{display:none;width:46px;height:46px;padding:11px;border:0;border-radius:50%;background:#fff;box-shadow:0 8px 25px rgba(41,59,58,.1)}.menu-toggle>span:not(.screen-reader-text){display:block;height:2px;margin:4px 0;background:var(--ink);transform-origin:center;transition:opacity .2s ease,transform .25s ease} .hero{position:relative;min-height:760px;overflow:hidden;padding:150px 0 80px;background:linear-gradient(135deg,#f8fffc 0%,#fff8f5 53%,#fcf7ff 100%)}.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:7vw}.hero__copy h1{margin:0 0 28px;font-family:'Noto Serif JP',serif;font-size:clamp(3rem,6vw,5.65rem);font-weight:500;line-height:1.28;letter-spacing:.035em}.hero__copy h1 em{color:#cf6f77;font-style:normal}.hero__lead{max-width:590px;margin-bottom:34px;color:#526663;font-size:1.03rem}.hero__actions{display:flex;align-items:center;gap:24px}.hero__visual{position:relative;margin:0}.hero__image-wrap{overflow:hidden;border-radius:48% 48% 26% 26%/38% 38% 25% 25%;box-shadow:var(--shadow)}.hero__image-wrap img{width:100%;aspect-ratio:4/5;object-fit:cover}.hero__visual figcaption{position:absolute;right:-18px;bottom:35px;padding:18px 22px;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 14px 40px rgba(41,59,58,.14);backdrop-filter:blur(10px)}.hero__visual figcaption span,.hero__visual figcaption strong{display:block}.hero__visual figcaption span{color:#cf6f77;font-size:.65rem;font-weight:700;letter-spacing:.12em}.hero__visual figcaption strong{font-size:.86rem;line-height:1.6}.hero__orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}.hero__orb--mint{width:390px;height:390px;top:-130px;right:20%;background:var(--mint)}.hero__orb--coral{width:210px;height:210px;bottom:40px;left:-75px;background:#f9b7a8}.hero__orb--lavender{width:270px;height:270px;right:-90px;bottom:-50px;background:var(--lavender)}.hero__scroll{position:absolute;z-index:3;bottom:32px;left:4%;font-size:.6rem;font-weight:700;letter-spacing:.16em;writing-mode:vertical-rl}.hero__scroll span{display:block;width:1px;height:48px;margin:10px auto 0;background:var(--ink)} .home-about{background:#fff}.home-about__grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;margin-top:58px}.home-about__copy .lead{font-family:'Noto Serif JP',serif;font-size:clamp(1.25rem,2vw,1.65rem);line-height:2}.home-about__copy>p:not(.lead){margin:24px 0 34px;color:var(--muted)}.home-about__images{position:relative;padding:0 0 90px 70px}.home-about__main{width:82%;margin-left:auto;border-radius:44% 44% 24px 24px}.home-about__sub{position:absolute;bottom:0;left:0;width:46%;border:10px solid #fff;border-radius:28px;box-shadow:var(--shadow)} .home-program{position:relative;background:#edf9f5}.home-program:before{content:"";position:absolute;inset:35px;border:1px solid rgba(67,143,130,.18);border-radius:45px;pointer-events:none}.program-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:58px}.program-card{min-height:260px;padding:28px 22px;border:1px solid rgba(67,143,130,.15);border-radius:90px 90px 26px 26px;background:rgba(255,255,255,.82);text-align:center}.program-card:nth-child(2),.program-card:nth-child(5){margin-top:34px}.program-card span{color:#cf6f77;font-family:serif;font-size:.75rem}.program-card h3{margin:30px 0 15px;font-family:'Noto Serif JP',serif;font-size:1.75rem}.program-card p{color:var(--muted);font-size:.85rem} .home-data{background:#fff}.home-data__panel{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;padding:clamp(38px,6vw,76px);border-radius:var(--radius);background:linear-gradient(125deg,#fff2ee,#f8effb);box-shadow:var(--shadow)}.home-data__intro h2{margin:0;font-family:'Noto Serif JP',serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:500;line-height:1.5}.home-data__intro>p:not(.eyebrow){color:var(--muted)}.data-cards{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:12px}.data-cards article{display:flex;min-height:230px;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:100px 100px 24px 24px;background:#fff;text-align:center}.data-cards article:nth-child(2){transform:translateY(-18px)}.data-cards span,.data-cards p{font-size:.76rem}.data-cards strong{margin:10px 0;color:#cc7076;font-family:serif;font-size:2.5rem;line-height:1}.data-cards small{font-family:'Noto Sans JP',sans-serif;font-size:.75rem} .home-voice{background:#fcf8fc}.home-voice__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;margin-top:55px}.home-voice figure{margin:0;overflow:hidden;border-radius:50% 50% 24px 24px}.home-voice figure img{width:100%;aspect-ratio:1/1.08;object-fit:cover}.home-voice blockquote{margin:0 0 26px;padding:0;font-family:'Noto Serif JP',serif;font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.9}.home-voice__grid>div>p{margin-bottom:34px;color:var(--muted)} .home-pathways{background:#fff}.pathway-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:52px}.pathway-card{position:relative;display:flex;min-height:330px;overflow:hidden;flex-direction:column;justify-content:space-between;padding:34px;border-radius:var(--radius);transition:transform .3s,box-shadow .3s}.pathway-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.pathway-card--library{color:#fff;background:linear-gradient(145deg,#315b78,#6f91a7)}.pathway-card--library:after{content:"静";position:absolute;right:15px;bottom:-90px;color:rgba(255,255,255,.08);font-family:serif;font-size:14rem}.pathway-card--graduates{background:linear-gradient(145deg,#f8d6cc,#e8cee8)}.pathway-card__label{font-size:.7rem;font-weight:700;letter-spacing:.18em}.pathway-card p{margin:0}.pathway-card h3{position:relative;z-index:1;margin:5px 0;font-family:'Noto Serif JP',serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500}.pathway-card__arrow{position:absolute;right:32px;bottom:30px;font-size:1.5rem} .home-contact{padding:clamp(90px,12vw,170px) 0;color:#fff;background:linear-gradient(120deg,#448f82,#7aada5);text-align:center}.home-contact__inner{max-width:780px}.home-contact .eyebrow{color:#d9fff5}.home-contact h2{margin:0 0 24px;font-family:'Noto Serif JP',serif;font-size:clamp(2rem,4.5vw,3.8rem);font-weight:500;line-height:1.55}.home-contact p:not(.eyebrow){margin-bottom:35px} .school-footer{padding:76px 0 24px;background:#253a38;color:#eef8f5;font-family:'Noto Sans JP',sans-serif}.school-footer__brand{text-align:center}.wordmark--footer{display:inline-flex}.school-footer__brand>p{margin:12px 0 0;color:#afc6c1}.school-footer__map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,5vw,72px);margin-top:58px;padding-top:48px;border-top:1px solid rgba(255,255,255,.14)}.school-footer__group-label{margin:0 0 8px;color:#bfe6d2;font-size:.72rem;font-weight:700;letter-spacing:.18em}.school-footer__group h2{margin:0 0 24px;font-family:'Noto Sans JP',sans-serif;font-size:clamp(1rem,1.5vw,1.22rem);font-weight:600}.school-footer__group ul{margin:0;padding:0;list-style:none}.school-footer__group li{border-top:1px solid rgba(255,255,255,.14)}.school-footer__group li:last-child{border-bottom:1px solid rgba(255,255,255,.14)}.school-footer__group a{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:16px;color:#eef8f5;font-size:.88rem}.school-footer__group a:after{color:#bfe6d2;content:'›';font-size:1.25rem}.school-footer__group a:hover{color:var(--color-mint)}.school-footer__member{margin:52px auto}.school-footer__member a{display:flex;width:min(100%,410px);min-height:62px;align-items:center;justify-content:center;margin:auto;border:1px solid rgba(238,248,245,.65);border-radius:999px;color:#eef8f5;font-weight:600;letter-spacing:.04em;transition:background-color .25s ease,color .25s ease}.school-footer__member a:hover{color:var(--color-deep-green);background:var(--color-white)}.school-footer__legal{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);color:#afc6c1;font-size:.72rem}.school-footer__legal nav{display:flex;flex-wrap:wrap;gap:12px 20px}.school-footer__legal a:hover{color:var(--color-white)}.school-footer__legal small{flex:0 0 auto} @media(max-width:960px){body.is-school-menu-open{overflow:hidden}.school-header__inner{min-height:78px}.wordmark,.menu-toggle{position:relative;z-index:1002}.menu-toggle{display:block}.menu-toggle[aria-expanded=true]>span:nth-child(1){transform:translateY(10px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true]>span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.school-nav{position:fixed;z-index:1001;inset:0;display:none;width:100%;height:100vh;height:100dvh;padding:106px 24px 36px;overflow-x:hidden;overflow-y:auto;border-radius:0;background:#fff;box-shadow:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.school-nav.is-open{display:block}.school-nav>ul{width:min(100%,620px);align-items:stretch;flex-direction:column;gap:0;margin-inline:auto}.school-nav>ul>li{width:100%;border-bottom:1px solid rgba(41,59,58,.1)}.school-nav>ul>li:last-child{margin-top:20px;border-bottom:0}.school-nav a,.school-nav__parent{font-size:clamp(1.375rem,3.3vw,1.5rem);line-height:1.45}.school-nav>ul>li>a:not(.nav-contact),.school-nav__parent{display:flex;width:100%;min-height:58px;align-items:center;justify-content:space-between;gap:20px;padding:13px 4px;text-align:left}.school-nav>ul>li>a:not(.nav-contact):after,.school-nav .school-nav__submenu a:after{flex:none;color:#78918b;font-size:.9em;font-weight:400;content:'→'}.school-nav__parent{border:0;color:inherit;background:transparent;font-family:inherit;cursor:pointer}.school-nav__indicator{font-size:1em}.school-nav .school-nav__submenu{position:static;display:none;min-width:0;margin:0 0 12px 10px;padding:2px 0 4px 16px;visibility:visible;border:0;border-left:1px solid rgba(41,59,58,.16);border-radius:0;background:transparent;box-shadow:none;opacity:1;transform:none}.school-nav__item--has-submenu:hover>.school-nav__submenu{display:none}.school-nav__item--has-submenu.is-submenu-open>.school-nav__submenu{display:block;transform:none}.school-nav .school-nav__submenu:before{display:none}.school-nav .school-nav__submenu li{width:100%}.school-nav .school-nav__submenu a{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:16px;padding:9px 8px;color:#526663;font-size:.9rem;line-height:1.6;white-space:normal}.school-nav .nav-contact{display:flex;min-height:54px;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;color:#fff;background:var(--ink);font-size:1rem}.program-grid{grid-template-columns:repeat(3,1fr)}.program-card:nth-child(2),.program-card:nth-child(5){margin-top:0}} @media(max-width:960px){.menu-toggle:before,.menu-toggle:after{position:absolute;top:50%;left:50%;width:20px;height:2px;border-radius:999px;background:var(--ink);content:"";opacity:0;transform:translate(-50%,-50%);transition:opacity .18s ease}.menu-toggle[aria-expanded=true]>span:not(.screen-reader-text){opacity:0;transform:none}.menu-toggle[aria-expanded=true]:before{opacity:1;transform:translate(-50%,-50%) rotate(45deg)}.menu-toggle[aria-expanded=true]:after{opacity:1;transform:translate(-50%,-50%) rotate(-45deg)}.school-nav{padding:112px 24px 40px;background:#fff7f3}.school-nav>ul{counter-reset:school-menu;gap:0}.school-nav>ul>li{counter-increment:school-menu;border-bottom:0}.school-nav>ul>li+li:not(:last-child){margin-top:8px}.school-nav>ul>li:last-child{counter-increment:none;margin-top:34px}.school-nav a,.school-nav__parent{font-size:clamp(1.375rem,5.7vw,1.5rem);font-weight:500;line-height:1.45}.school-nav>ul>li>a:not(.nav-contact),.school-nav__parent{min-height:62px;gap:14px;padding:10px 2px;font-family:'Noto Serif JP',serif;font-size:clamp(1.25rem,5.3vw,1.375rem);line-height:1.5}.school-nav>ul>li>a:not(.nav-contact):before,.school-nav__parent:before{flex:0 0 27px;color:#f38091;content:counter(school-menu,decimal-leading-zero);font-family:'Noto Sans JP',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.12em;line-height:1}.school-nav>ul>li>a:not(.nav-contact):after,.school-nav__indicator{margin-left:auto;color:#78918b;font-family:'Noto Sans JP',sans-serif;font-size:.78rem;font-weight:400;line-height:1}.school-nav .school-nav__submenu{margin:0 0 10px 41px;padding:0 0 8px;border-left:0}.school-nav .school-nav__submenu a{min-height:40px;justify-content:flex-start;gap:10px;padding:6px 2px;color:#526663;font-family:'Noto Sans JP',sans-serif;font-size:.86rem;font-weight:500;line-height:1.55}.school-nav .school-nav__submenu a:before{width:14px;height:1px;flex:0 0 14px;background:#78918b;content:""}.school-nav .school-nav__submenu a:after{display:none}.school-nav .nav-contact{min-height:48px;padding:10px 20px;font-family:'Noto Sans JP',sans-serif;font-size:.9rem}} /* Header account shortcut: secondary to the existing contact CTA. */ .school-nav__shortcuts,.school-nav__en{display:none} .school-nav__mobile-item,.school-nav__library-banner{display:none} .school-nav>ul{gap:clamp(14px,1.55vw,26px)} .school-nav .nav-login,.school-nav .nav-contact{display:flex;min-height:42px;align-items:center;justify-content:center;padding:9px 16px;border:1px solid transparent;border-radius:999px;transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease} .school-nav .nav-login{border-color:var(--ink);color:var(--ink);background:transparent} .school-nav a.nav-login:focus-visible{border-color:#f38091;color:#c95f70;background:#fff0ed;outline:2px solid rgba(243,128,145,.28);outline-offset:3px;transform:translateY(-1px)} .school-nav a.nav-contact:focus-visible{border-color:#315f56;color:#fff;background:#315f56;outline:2px solid rgba(49,95,86,.24);outline-offset:3px;transform:translateY(-1px)} @media(hover:hover) and (pointer:fine){.school-nav a.nav-login:hover{border-color:#f38091;color:#c95f70;background:#fff0ed;transform:translateY(-1px)}.school-nav a.nav-contact:hover{border-color:#315f56;color:#fff;background:#315f56;transform:translateY(-1px)}} @media(hover:none),(pointer:coarse){.school-nav a.nav-login:active{border-color:#f38091;color:#c95f70;background:#fff0ed;transform:scale(.98)}.school-nav a.nav-contact:active{border-color:#315f56;color:#fff;background:#315f56;transform:scale(.98)}} @media(max-width:960px){.school-nav>ul>li.school-nav__action{counter-increment:none;border-bottom:0}.school-nav>ul>li.school-nav__action--login{margin-top:30px}.school-nav>ul>li.school-nav__action--contact{margin-top:10px}.school-nav>ul>li>a.nav-login{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;padding:10px 20px;border:1px solid var(--ink);border-radius:999px;color:var(--ink);background:transparent;font-family:'Noto Sans JP',sans-serif;font-size:.9rem;font-weight:600;line-height:1.45}.school-nav>ul>li>a.nav-login:before,.school-nav>ul>li>a.nav-login:after{display:none}.school-nav>ul>li.school-nav__action--contact:last-child{margin-top:10px}} /* Editorial two-column navigation for the mobile menu. */ @media(max-width:960px){.school-nav{padding:104px 24px 34px}.school-nav>ul{display:grid;width:min(100%,620px);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:26px 18px}.school-nav>ul>li,.school-nav>ul>li+li:not(:last-child),.school-nav>ul>li:last-child{width:auto;margin:0;border:0;counter-increment:none}.school-nav>ul>li:has(>.school-nav__parent).is-submenu-open{grid-column:1/-1}.school-nav__shortcuts{display:grid!important;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 6px!important;padding:0 0 24px;border-bottom:1px solid rgba(38,74,67,.12)!important}.school-nav__shortcut{display:flex!important;min-height:48px!important;align-items:center!important;justify-content:center!important;padding:10px 14px!important;border-radius:999px!important;font-family:'Noto Sans JP',sans-serif!important;font-size:.86rem!important;font-weight:600!important;line-height:1.4!important;text-align:center!important}.school-nav__shortcut:before,.school-nav__shortcut:after{display:none!important}.school-nav__shortcut--login{border:1px solid #264a43;color:#264a43;background:transparent}.school-nav__shortcut--consulting{border:1px solid #f38091;color:#fff;background:#e97889}.school-nav>ul>li>a:not(.nav-contact),.school-nav__parent,.school-nav>ul>li>a.nav-contact{position:relative;display:block;width:100%;min-height:76px;padding:0;border:0;border-radius:0;color:#264a43;background:transparent;font-family:'Noto Sans JP',sans-serif;text-align:left}.school-nav>ul>li>a:not(.nav-contact):before,.school-nav>ul>li>a:not(.nav-contact):after,.school-nav>ul>li>a.nav-contact:before,.school-nav>ul>li>a.nav-contact:after,.school-nav__parent:before{display:none}.school-nav__label{display:block;min-width:0}.school-nav__en{display:block;color:#264a43;font-family:'Noto Sans JP',sans-serif;font-size:clamp(1.38rem,6.2vw,1.72rem);font-weight:700;line-height:1.05;letter-spacing:.015em}.school-nav__ja{display:block;margin-top:8px;color:#657a75;font-family:'Noto Sans JP',sans-serif;font-size:clamp(.75rem,3.35vw,.86rem);font-weight:500;line-height:1.45;letter-spacing:.01em}.school-nav__indicator{position:absolute;top:4px;right:2px;margin:0;color:#78918b;font-size:.8rem}.school-nav .school-nav__submenu{grid-column:1/-1;margin:13px 0 0;padding:8px 0 4px;border:0;border-top:1px solid rgba(38,74,67,.11);background:transparent}.school-nav .school-nav__submenu a{min-height:42px;padding:8px 2px;color:#526663;font-size:.83rem}.school-nav .school-nav__submenu a:before{width:12px;flex-basis:12px;background:#f38091}.school-nav>ul>li.school-nav__action--login{display:none}.school-nav>ul>li.school-nav__action--contact,.school-nav>ul>li.school-nav__action--contact:last-child{display:block;margin:0}.school-nav>ul>li>a.nav-contact .school-nav__en{color:#264a43}.school-nav>ul>li>a.nav-contact .school-nav__ja{color:#657a75}} @media(max-width:960px){.school-nav>ul>li.school-nav__shortcuts>a.school-nav__shortcut{display:flex;width:100%;min-height:48px;padding:10px 14px;border-radius:999px;text-align:center}.school-nav>ul>li.school-nav__shortcuts>a.school-nav__shortcut--login{border:1px solid #264a43;color:#264a43;background:transparent}.school-nav>ul>li.school-nav__shortcuts>a.school-nav__shortcut--consulting{border:1px solid #e97889;color:#fff;background:#e97889}} @media(max-width:380px){.school-nav{padding-inline:20px}.school-nav>ul{gap:23px 14px}.school-nav__en{font-size:1.34rem}.school-nav__ja{font-size:.75rem}} @media(max-width:960px){ .school-nav>ul>li.school-nav__desktop-item{display:none} .school-nav>ul>li.school-nav__mobile-item{display:block} .school-nav>ul>li.school-nav__library-banner{display:block;grid-column:1/-1;margin-top:2px} .school-nav>ul>li.school-nav__library-banner>a{position:relative;display:flex;min-height:122px;align-items:center;justify-content:space-between;gap:20px;padding:22px 22px;overflow:hidden;border:1px solid rgba(38,74,67,.08);border-radius:20px;background:#fff;text-align:left} .school-nav>ul>li.school-nav__library-banner>a:before,.school-nav>ul>li.school-nav__library-banner>a:after{display:none} .school-nav__library-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%} .school-nav__library-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,250,.78) 0%,rgba(255,253,250,.54) 42%,rgba(255,253,250,.1) 100%)} .school-nav__library-banner .school-nav__label,.school-nav__library-arrow{position:relative;z-index:1} .school-nav__library-banner .school-nav__en{font-size:1.18rem;letter-spacing:.1em} .school-nav__library-banner .school-nav__ja{margin-top:7px;color:#526963;font-size:.84rem} .school-nav__library-arrow{flex:none;color:#e97889;font-family:'Noto Sans JP',sans-serif;font-size:1rem;line-height:1} } /* School 404: the default fallback for unknown and school-side URLs. */ .school-not-found{display:grid;min-height:clamp(650px,82vh,860px);place-items:center;padding:150px 24px 112px;background:#fff7f3}.school-not-found__inner{width:min(840px,100%);text-align:center}.school-not-found__label{margin:0 0 22px;color:#f38091;font-size:.78rem;font-weight:700;letter-spacing:.27em}.school-not-found h1{margin:0;color:#264a43;font-family:'Noto Serif JP',serif;font-size:clamp(2rem,3.7vw,3.25rem);font-weight:500;line-height:1.5;letter-spacing:.035em}.school-not-found__message{margin:28px 0 0;color:#596462;font-size:.96rem;line-height:2}.school-not-found__actions{display:flex;justify-content:center;gap:12px;margin-top:40px;flex-wrap:wrap}.school-not-found__button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:20px;padding:11px 21px;border:1px solid #315149;border-radius:999px;color:#315149;background:transparent;font-size:.84rem;font-weight:600;transition:color .25s,background-color .25s,border-color .25s}.school-not-found__button:hover,.school-not-found__button:focus-visible{color:#fff;background:#315149}.school-not-found__button:focus-visible{outline:2px solid #f38091;outline-offset:3px}.school-not-found__button--primary{color:#fff;background:#315149}.school-not-found__button--primary:hover,.school-not-found__button--primary:focus-visible{border-color:#243f39;background:#243f39} @media(max-width:767px){.school-not-found{min-height:100svh;padding:118px 20px 78px}.school-not-found__label{margin-bottom:17px}.school-not-found h1{font-size:clamp(1.65rem,7.2vw,2.05rem);line-height:1.55}.school-not-found__message{margin-top:22px;font-size:.9rem;line-height:1.85}.school-not-found__actions{align-items:stretch;margin-top:31px;flex-direction:column}.school-not-found__button{width:100%;min-height:50px}} @media(max-width:767px){.hero{min-height:auto;padding:120px 0 75px}.hero__inner{grid-template-columns:1fr;gap:48px}.hero__copy h1{font-size:clamp(2.7rem,13vw,4.5rem)}.hero__lead br{display:none}.hero__actions{align-items:flex-start;flex-direction:column}.hero__visual{width:86%;margin-left:auto}.hero__visual figcaption{right:auto;bottom:20px;left:-38px}.hero__scroll{display:none}.home-about__grid,.home-voice__grid,.home-data__panel{grid-template-columns:1fr}.home-about__images{margin-top:20px;padding:0 0 55px 35px}.program-grid{grid-template-columns:repeat(2,1fr)}.program-card{min-height:220px;border-radius:70px 70px 22px 22px}.program-card:last-child{grid-column:1/-1;width:50%;margin-inline:auto}.home-program:before{inset:16px}.home-data__panel{gap:40px}.data-cards{grid-template-columns:1fr 1fr}.data-cards article:nth-child(2){transform:none}.data-cards article:last-child{grid-column:1/-1;width:50%;margin:auto}.pathway-grid{grid-template-columns:1fr}.pathway-card{min-height:260px}.school-footer{padding:58px 0 20px}.school-footer__map{grid-template-columns:1fr;gap:40px;margin-top:42px;padding-top:38px}.school-footer__group h2{margin-bottom:18px}.school-footer__member{margin:42px auto}.school-footer__legal{align-items:center;flex-direction:column;gap:16px;padding-top:20px;font-size:.75rem;text-align:center}.school-footer__legal nav{justify-content:center;gap:8px 16px}.school-footer__legal a{white-space:nowrap}.school-footer__legal small{width:100%;text-align:center;white-space:nowrap}} /* 2026 school top: first view, empathy and About. */ .school-hero{position:relative;min-height:min(880px,100svh);overflow:hidden;padding:clamp(130px,13vh,170px) 0 85px;background:linear-gradient(145deg,#fbfffd 0%,#fffaf7 47%,#fff 72%,#fbf7fd 100%)} .school-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(480px,1fr) minmax(500px,1.05fr);align-items:center;gap:clamp(24px,3vw,48px)} .school-hero__copy{position:relative;z-index:3;padding-left:clamp(0px,2vw,28px)} .school-hero__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:#438f82;font-size:.7rem;font-weight:700;letter-spacing:.2em} .school-hero__eyebrow:before{width:34px;height:1px;background:#78bdae;content:""} .school-hero h1{margin:0;color:#264a43;font-family:'Noto Serif JP',serif;font-size:clamp(2.9rem,4.1vw,3.3rem);font-weight:500;line-height:1.48;letter-spacing:.025em} .school-hero__line{display:block;white-space:nowrap}.school-hero h1 b{position:relative;color:#264a43;font-weight:500;white-space:nowrap} .school-hero h1 b:after{position:absolute;right:-.05em;bottom:.02em;left:-.04em;z-index:-1;height:.24em;border-radius:999px;background:#ffe3dd;content:"";transform:rotate(-2deg)} .school-hero__lead{margin:30px 0 34px;color:#f38091;font-family:'Noto Sans JP',sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.16em;white-space:nowrap} .school-hero__link{display:inline-flex;align-items:center;gap:14px;padding-bottom:5px;border-bottom:1px solid rgba(49,71,67,.4);font-size:.82rem;font-weight:600;letter-spacing:.05em} .school-hero__link span{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:#fff;background:#e58d87} .school-hero__art{position:relative;z-index:2} .school-hero__copy--draft-art{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)} .school-hero__inner--draft{display:block} .school-hero__art--draft{width:min(100%,1440px);margin-inline:auto} .school-hero__art--draft img{display:block;width:100%;height:auto;object-fit:contain} @media(min-width:768px){.school-hero__picture--final{display:block;aspect-ratio:1440/1024;overflow:visible;background:transparent}.school-hero__art-canvas--pc{width:96%;margin-left:auto;transform:none}.school-hero__copy--draft-art{position:absolute;top:18%;left:clamp(24px,5vw,72px);z-index:3;width:min(36%,520px);height:auto;padding:0;overflow:visible;clip:auto;white-space:normal;clip-path:none;transform:translateY(-50%)}.school-hero h1 b:after{content:none}} .hero-illustration{position:relative;margin:0;padding:18px;border:1px solid rgba(255,255,255,.92);border-radius:49% 42% 46% 38%/43% 49% 39% 46%;background:rgba(255,255,255,.36);box-shadow:0 38px 90px rgba(66,121,108,.13);transform:rotate(1deg);backdrop-filter:blur(5px)} .hero-illustration:before,.hero-illustration:after{position:absolute;z-index:-1;border-radius:50%;content:""} .hero-illustration:before{top:5%;right:2%;width:32%;aspect-ratio:1;background:#ffe3dc} .hero-illustration:after{bottom:5%;left:0;width:25%;aspect-ratio:1;background:#e9d8eb} .hero-illustration svg{display:block;width:100%;height:auto;overflow:visible} .hero-illustration figcaption{position:absolute;right:10%;bottom:4%;margin:0;color:#74918b;font-size:.55rem;font-weight:700;letter-spacing:.18em} .hero-illustration__woman--left{transform-origin:50% 70%;animation:school-meet-left 5.8s ease-in-out infinite} .hero-illustration__woman--right{transform-origin:50% 70%;animation:school-meet-right 5.8s ease-in-out infinite} .school-hero__glow{position:absolute;display:none;border-radius:50%;filter:blur(2px);animation:school-float 7s ease-in-out infinite} .school-hero__glow--mint{top:8%;right:38%;width:155px;height:155px;background:rgba(168,222,209,.45)} .school-hero__glow--coral{right:2%;bottom:12%;width:110px;height:110px;background:rgba(242,142,134,.25);animation-delay:-2.5s} .school-hero__small-word{position:absolute;z-index:1;color:rgba(67,143,130,.48);font-family:serif;font-size:.68rem;font-style:italic;letter-spacing:.14em;transform:rotate(-8deg)} .school-hero__small-word--one{top:25%;right:4%}.school-hero__small-word--two{bottom:12%;left:3%;transform:rotate(8deg)} .home-empathy{position:relative;padding:clamp(38px,4.5vw,66px) 0 clamp(92px,12vw,170px);background:#fff;text-align:center} .home-empathy:before{position:absolute;top:0;left:50%;width:1px;height:55px;background:linear-gradient(#b6ddd3,transparent);content:""} .home-empathy__inner{max-width:820px} .home-empathy__opening{margin:0 0 52px;color:#334a46;font-family:'Noto Serif JP',serif;font-size:clamp(1.55rem,3vw,2.45rem);font-weight:500;line-height:1.9;letter-spacing:.055em} .home-empathy__body{position:relative;padding:clamp(36px,5vw,58px);border-radius:42px;background:linear-gradient(135deg,rgba(237,249,245,.78),rgba(255,245,243,.7) 56%,rgba(249,240,250,.65));box-shadow:inset 0 0 0 1px rgba(121,177,164,.08)} .home-empathy__body:before{position:absolute;top:-13px;left:50%;width:26px;height:26px;border-radius:50%;background:#f38091;content:"";transform:translateX(-50%);box-shadow:-26px 12px 0 -7px #bfe6d2,27px 12px 0 -7px #d7c9ea} .home-empathy__body p{margin:0;color:#526663;font-size:clamp(.98rem,1.5vw,1.08rem);line-height:2.25} .home-empathy__body p+p{margin-top:27px}.home-empathy__body strong{color:#c96873;font-weight:600;background:linear-gradient(transparent 68%,rgba(242,142,134,.18) 68%)} .home-about-new{position:relative;overflow:hidden;padding-top:clamp(80px,7vw,108px);background:#f0faf6} .home-about-new__inner{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:start;gap:clamp(58px,7vw,105px)} .home-about-new__visual{position:relative;min-height:590px} .home-about-new__photo{position:relative;overflow:hidden;border-radius:3px;box-shadow:0 24px 58px rgba(51,91,82,.12)} .home-about-new__photo--primary{width:72%;margin-left:auto} .home-about-new__photo--secondary{z-index:1;width:60%;margin-top:-18%;margin-left:2%} .home-about-new__photo:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(38,73,65,.13));content:""} .home-about-new__photo img{width:100%;object-fit:cover}.home-about-new__photo--primary img{aspect-ratio:1/1;object-position:52% 42%}.home-about-new__photo--secondary img{aspect-ratio:3/2;object-position:52% 45%} @media(min-width:768px){.home-about-new__photo--primary img{aspect-ratio:4/5;object-fit:cover;object-position:52% 42%}.home-about-new__photo--secondary img{aspect-ratio:1/1;object-fit:cover;object-position:center}} .home-about-new__note{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:12px;margin:0;padding:17px 22px;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 16px 42px rgba(51,91,82,.12);color:#526663;font-family:'Noto Serif JP',serif;font-size:.86rem} .home-about-new__note span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#fff;background:#70bbaa;font-family:'Noto Sans JP',sans-serif;font-size:.66rem} .home-about-new__label{margin:0 0 var(--home-space-label-heading);color:#d36f78;font-size:.72rem;font-weight:700;letter-spacing:.24em} .home-about-new__copy{position:relative} .home-about-new__heading{position:relative;margin-bottom:var(--home-space-heading-intro)} .home-about-new__backdrop{position:absolute;top:38%;left:clamp(-155px,-10vw,-120px);color:var(--sd-bg-base,#fff7f3);font-family:'Noto Serif JP',serif;font-size:clamp(4.8rem,7vw,7rem);font-weight:600;letter-spacing:.06em;line-height:1;transform:translateY(-50%) rotate(90deg);pointer-events:none;user-select:none;white-space:nowrap} .home-about-new__copy h2{position:relative;z-index:1;margin:0;color:#314743;font-family:'Noto Serif JP',serif;font-size:clamp(1.75rem,2.6vw,2.45rem);font-weight:500;line-height:1.6;letter-spacing:.04em} .home-about-new__text{padding-left:0} .home-about-new__text p{margin:0;color:#566b67;line-height:2.15}.home-about-new__text p+p{margin-top:var(--home-space-paragraph)} .home-about-new__button{margin-top:var(--home-space-button);gap:14px;background:rgba(255,255,255,.72)} .home-heading-sp-break{display:none} @keyframes school-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-14px,0)}} @keyframes school-meet-left{0%,100%{transform:rotate(0)}50%{transform:rotate(1.5deg) translateX(3px)}} @keyframes school-meet-right{0%,100%{transform:rotate(0)}50%{transform:rotate(-1.5deg) translateX(-3px)}} @media(max-width:1060px){.school-hero{min-height:auto}.school-hero__inner{grid-template-columns:minmax(390px,1fr) minmax(390px,1fr);gap:18px}.school-hero h1{font-size:clamp(2.55rem,4.8vw,3rem)}.home-about-new__inner{gap:50px}.home-about-new__visual{min-height:510px}} @media(max-width:767px){.school-hero{padding:112px 0 68px}.school-hero__inner{grid-template-columns:1fr;gap:40px}.school-hero__copy{padding:0 6px}.school-hero h1{font-size:clamp(2.3rem,11vw,3.1rem);line-height:1.45}.school-hero__line{white-space:normal}.school-hero__lead{margin:22px 0 25px;font-size:.9rem;letter-spacing:.04em}.school-hero__art{width:min(100%,560px);margin:0 auto}.school-hero__art--draft{width:min(138%,720px);margin-left:50%;transform:translateX(-50%)}.hero-illustration{padding:8px}.hero-illustration figcaption{font-size:.45rem}.school-hero__glow--mint{top:22%;right:-50px}.school-hero__small-word{display:none}.home-empathy{padding:85px 0 96px}.home-empathy__opening{margin-bottom:38px;font-size:clamp(1.35rem,6.3vw,1.85rem);line-height:1.85}.home-empathy__body{padding:36px 22px;border-radius:28px;text-align:left}.home-empathy__body p{font-size:.95rem;line-height:2}.home-empathy__pc{display:none}.home-about-new__inner{grid-template-columns:1fr;gap:40px}.home-about-new__visual{position:relative;width:65.2%;min-height:0;order:-1;margin-left:auto;padding:0}.home-about-new__photo--primary{width:75.7%;margin-left:auto}.home-about-new__photo--secondary{z-index:2;width:68.8%;margin-top:-20.4%;margin-left:0;overflow:visible}.home-about-new__photo--secondary picture{display:block}.home-about-new__photo--secondary img{width:100%;height:auto;aspect-ratio:auto;border-radius:inherit;object-fit:contain;object-position:initial}.home-about-new__heading{margin-bottom:var(--home-space-heading-intro)}.home-about-new__copy h2{font-size:var(--home-section-title-sp);line-height:1.43;letter-spacing:.01em}.home-about-new__text p{font-size:.95rem;line-height:2}.home-about-new__button{width:100%}.home-heading-sp-break{display:block}} @media(max-width:767px){.school-hero__inner{gap:34px}.home-about-new{margin-top:-48px;padding-top:24px}.home-about-new__inner{gap:40px}} @media(prefers-reduced-motion:reduce){.school-hero__glow,.hero-illustration__woman--left,.hero-illustration__woman--right{animation:none}} /* Unified message treatment retained after restoring the prior first view. */ .home-empathy__text{max-width:760px;margin-inline:auto;color:#526663;text-align:left} .home-empathy__text p{margin:0;font-size:clamp(1rem,1.5vw,1.08rem);font-weight:400;line-height:2.25} .home-empathy__text p+p{margin-top:28px} .home-about-new__visual{padding:0}@media(max-width:767px){.home-empathy__text p{font-size:.95rem;line-height:2}.home-empathy__text p+p{margin-top:24px}} /* Home news ticker: existing published standard posts. */ body.home{--home-space-paragraph:28px;--home-space-label-heading:32px;--home-space-heading-intro:32px;--home-space-content:64px;--home-space-section:56px;--home-space-button:32px;overflow-x:hidden} body.home .home-about-new{padding-bottom:var(--home-space-section)} body.home .home-concerns,body.home .home-movie,body.home .home-learning,body.home .home-voice-cards,body.home .home-school-data,body.home .home-instagram{padding-block:var(--home-space-section)} .school-hero{--home-news-boundary-offset:clamp(78px,calc(310px - 15.625vw),110px);overflow-x:clip;overflow-y:visible} .home-news{position:absolute;z-index:8;bottom:var(--home-news-boundary-offset);left:-16px;transform:translateY(50%);width:min(680px,calc(100% - 48px));min-height:76px;padding:11px 126px 11px 40px;border:1px solid rgba(255,255,255,.62);border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 10px 26px rgba(45,79,72,.09);backdrop-filter:blur(12px)} .home-news__item{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:15px;min-height:52px;animation:home-news-in .4s ease both} .home-news__meta{display:contents} .home-news__item[hidden]{display:none}.home-news__item time{color:#7d918d;font-size:.72rem;font-weight:600;letter-spacing:.06em} .home-news__label{padding:4px 10px;border-radius:999px;color:#fff;background:#72b9a9;font-size:.65rem;font-weight:700;letter-spacing:.1em} .home-news__item a{overflow:hidden;font-size:.9rem;font-weight:600;line-height:1.55;text-overflow:ellipsis;white-space:nowrap} .home-news__item a:hover{text-decoration:underline;text-underline-offset:4px} .home-news__controls{position:absolute;right:20px;top:50%;display:flex;align-items:center;gap:7px;transform:translateY(-50%)} .home-news__controls button{display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid #dbe6e2;border-radius:50%;color:#526663;background:#fff;cursor:pointer} .home-news__controls button:hover{background:color-mix(in srgb,var(--color-mint) 28%,#fff)}.home-news__controls span{min-width:34px;color:#879894;font-size:.65rem;text-align:center} .home-empathy__text{text-align:center} .home-about-new__button{display:flex;width:fit-content;margin:var(--home-space-button) 0 0;padding:10px 24px;min-height:48px} @keyframes home-news-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}} @media(max-width:767px){.school-hero{--home-news-shift:clamp(60px,16vw,68px);--home-news-half-height:43px;--home-news-boundary-offset:calc(45px + var(--home-news-half-height));padding-bottom:45px}.school-hero__art--draft{width:min(112%,620px)}.home-news{position:relative;top:calc(0px - var(--home-news-shift));bottom:auto;left:-10px;transform:none;width:min(calc(100% - 22px),560px);min-height:0;margin:44px auto calc(0px - var(--home-news-shift)) 0;padding:10px 18px;border-radius:18px;background:rgba(255,255,255,.78);touch-action:pan-y}.home-news__item{display:block;min-height:0;padding-right:0}.home-news__meta{display:flex;min-height:42px;align-items:center;gap:8px;padding-right:126px}.home-news__item a{display:block;width:100%;margin-top:0;white-space:normal}.home-news__controls{top:10px;right:9px;gap:0;flex-direction:row;transform:none}.home-news__controls span{min-width:34px;order:2;font-size:.75rem}.home-news__controls [data-news-prev]{order:1}.home-news__controls [data-news-next]{order:3}.home-news__controls button{width:42px;height:42px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:1rem}.home-news__controls button:hover{background:transparent}.home-news__controls button:focus-visible{border-radius:4px;outline:2px solid currentColor;outline-offset:-5px}.home-empathy__text{text-align:center}.home-about-new__button{width:fit-content;margin:var(--home-space-button) 0 0;padding-inline:22px}} @media(prefers-reduced-motion:reduce){.home-news__item{animation:none}} /* Standard posts are concise school news, separate from library articles. */ .school-news-single{padding-top:92px;color:#33413f;background:#faf9f5}.school-news-container{width:min(800px,calc(100% - 48px));margin-inline:auto}.school-news-hero{background:#faf9f5}.school-news-hero__inner{padding-block:clamp(52px,6vw,76px) clamp(24px,3vw,36px)}.school-news-hero__label{margin:0 0 14px;color:#f38091;font-size:.72rem;font-weight:700;letter-spacing:.24em}.school-news-hero h1{max-width:780px;margin:0;color:#29443e;font-family:'Noto Serif JP',serif;font-size:clamp(1.9rem,3.6vw,3.1rem);font-weight:500;line-height:1.48;letter-spacing:.035em;overflow-wrap:anywhere}.school-news-hero time{display:block;margin-top:18px;color:#7c8c88;font-size:.78rem;font-weight:600;letter-spacing:.08em}.school-news-article__main{padding-block:clamp(20px,2vw,28px) clamp(80px,10vw,124px)}.school-news-article__featured{margin:0 0 clamp(44px,6vw,68px);overflow:hidden;border-radius:18px;background:#f0f1ed}.school-news-article__featured img{display:block;width:100%;height:auto}.school-news-article__content{min-height:clamp(90px,12vw,150px);color:#3f4947;font-size:clamp(.96rem,1.5vw,1.05rem);line-height:2;overflow-wrap:anywhere}.school-news-article__content>:first-child{margin-top:0}.school-news-article__content>:last-child{margin-bottom:0}.school-news-article__content p{margin:0 0 1.8em}.school-news-article__content h2,.school-news-article__content h3{color:#29443e;font-family:'Noto Serif JP',serif;font-weight:500}.school-news-article__content h2{margin:3.4em 0 1.25em;padding-bottom:.65em;border-bottom:1px solid rgba(49,81,73,.18);font-size:clamp(1.45rem,2.8vw,2rem);line-height:1.6}.school-news-article__content h3{margin:2.7em 0 1em;font-size:clamp(1.18rem,2vw,1.48rem);line-height:1.65}.school-news-article__content ul,.school-news-article__content ol{margin:1.4em 0 2em;padding-left:1.5em}.school-news-article__content li+li{margin-top:.65em}.school-news-article__content a{color:#367f71;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}.school-news-article__content blockquote{margin:2.2em 0;padding:1.2em 1.5em;border-left:3px solid #bfe6d2;color:#556460;background:#f1f7f4}.school-news-article__content img{max-width:100%;height:auto}.school-news-article__footer{margin-top:clamp(48px,7vw,76px);padding-top:30px;border-top:1px solid rgba(49,81,73,.15)}.school-news-back{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:24px;padding:10px 20px;border:1px solid #315149;border-radius:999px;color:#315149;font-size:.84rem;font-weight:600;transition:color .25s,background-color .25s}.school-news-back:hover,.school-news-back:focus-visible{color:#fff;background:#315149}.school-news-back:focus-visible{outline:2px solid #f38091;outline-offset:3px} @media(max-width:767px){.school-news-single{padding-top:78px}.school-news-container{width:min(100% - 40px,800px)}.school-news-hero__inner{padding-block:40px 24px}.school-news-hero__label{margin-bottom:11px;font-size:.66rem}.school-news-hero h1{font-size:clamp(1.6rem,7.4vw,2.1rem);line-height:1.5}.school-news-hero time{margin-top:15px;font-size:.73rem}.school-news-article__main{padding-block:20px 76px}.school-news-article__featured{margin-bottom:38px;border-radius:12px}.school-news-article__content{min-height:72px;font-size:.96rem;line-height:1.95}.school-news-article__content h2{margin-top:3em}.school-news-article__footer{margin-top:46px;padding-top:26px}.school-news-back{width:100%}} /* Dedicated standard-post NEWS archive. */ .school-news-archive{min-height:70vh;padding-top:92px;color:#33413f;background:#fffdfc} .school-news-archive__container{width:min(1000px,calc(100% - 48px));margin-inline:auto} .school-news-archive__hero{background:#fffdfc} .school-news-archive__hero .school-news-archive__container{padding-block:clamp(60px,7vw,96px) clamp(48px,6vw,72px)} .school-news-archive__label{margin:0 0 18px;color:#f38091;font-family:"Nunito",sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.24em} .school-news-archive__hero h1{margin:0;color:#29443e;font-family:'Noto Serif JP',serif;font-size:clamp(2.15rem,4.4vw,3.75rem);font-weight:500;line-height:1.48;letter-spacing:.035em} .school-news-archive__main{padding-block:clamp(28px,4vw,44px) clamp(80px,10vw,124px)} .school-news-filters{display:flex;align-items:flex-end;gap:clamp(28px,4vw,56px);margin:0 0 clamp(34px,5vw,52px);overflow-x:auto;border-bottom:1px solid rgba(49,81,73,.15);scrollbar-width:none} .school-news-filters::-webkit-scrollbar{display:none} .school-news-filters a{position:relative;min-height:48px;flex:0 0 auto;padding:8px 2px 17px;color:#7c8c88;font-size:.9rem;font-weight:600;white-space:nowrap;transition:color .2s ease} .school-news-filters a:after{position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:999px;background:#f38091;content:"";opacity:0;transform:scaleX(.45);transition:opacity .2s ease,transform .2s ease} .school-news-filters a:hover,.school-news-filters a:focus-visible,.school-news-filters a[aria-current="page"]{color:#29443e} .school-news-filters a[aria-current="page"]:after{opacity:1;transform:scaleX(1)} .school-news-filters a:focus-visible{border-radius:2px;outline:2px solid #f38091;outline-offset:3px} .school-news-list{border-top:1px solid rgba(49,81,73,.15)} .school-news-list__item{margin:0;border-bottom:1px solid rgba(49,81,73,.15)} .school-news-list__link{display:block;padding-block:30px;color:inherit} .school-news-list__item.has-post-thumbnail .school-news-list__link{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:34px} .school-news-list__image{margin:0;overflow:hidden;border-radius:14px;background:#f0f1ed} .school-news-list__image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .35s ease} .school-news-list__body{min-width:0} .school-news-list__meta{display:flex;align-items:center;gap:12px;color:#7c8c88;font-size:.75rem;font-weight:600;letter-spacing:.07em} .school-news-list__meta span{color:#f38091;font-family:"Nunito",sans-serif;font-size:.66rem;font-weight:700;letter-spacing:.16em} .school-news-list__body h2{margin:14px 0 20px;color:#29443e;font-family:'Noto Serif JP',serif;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:500;line-height:1.65;letter-spacing:.025em;overflow-wrap:anywhere;transition:color .25s ease} .school-news-list__more{display:inline-flex;align-items:center;gap:14px;color:#526663;font-size:.78rem;font-weight:600} .school-news-list__link:hover .school-news-list__image img{transform:scale(1.025)} .school-news-list__link:hover .school-news-list__body h2,.school-news-list__link:focus-visible .school-news-list__body h2{color:#cf6f77} .school-news-list__link:focus-visible{border-radius:4px;outline:2px solid #f38091;outline-offset:5px} .school-news-pagination{margin-top:48px} .school-news-pagination ul{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0;list-style:none} .school-news-pagination a,.school-news-pagination .current{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(49,81,73,.2);border-radius:50%;font-size:.82rem;font-weight:600} .school-news-pagination .current{border-color:#315149;color:#fff;background:#315149} .school-news-pagination a:hover,.school-news-pagination a:focus-visible{border-color:#315149;background:#f3f7f5}.school-news-pagination a:focus-visible{outline:2px solid #f38091;outline-offset:3px} .school-news-archive__empty{margin:0;text-align:center} @media(max-width:767px){.school-news-archive{padding-top:78px}.school-news-archive__container{width:min(100% - 40px,1000px)}.school-news-archive__hero .school-news-archive__container{padding-block:46px 42px}.school-news-archive__label{margin-bottom:14px;font-size:.66rem}.school-news-archive__hero h1{font-size:clamp(1.8rem,8.7vw,2.45rem);line-height:1.5}.school-news-archive__main{padding-block:24px 76px}.school-news-filters{gap:24px;margin-bottom:30px}.school-news-filters a{min-height:44px;padding-bottom:14px;font-size:.82rem}.school-news-list__link,.school-news-list__item.has-post-thumbnail .school-news-list__link{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:14px;padding-block:20px}.school-news-list__image{border-radius:9px}.school-news-list__image img{aspect-ratio:16/10}.school-news-list__meta{gap:8px;font-size:.68rem}.school-news-list__meta span{font-size:.6rem}.school-news-list__body h2{margin:8px 0 10px;font-size:1rem;line-height:1.65}.school-news-list__more{gap:8px;font-size:.7rem}.school-news-list__item:not(.has-post-thumbnail) .school-news-list__link{grid-template-columns:1fr}.school-news-pagination{margin-top:38px}} /* Concrete concerns carousel between About and Program. */ .home-concerns{position:relative;overflow:hidden;padding-block:clamp(68px,8vw,112px);background:#fff8f5} .home-concerns__panel{padding-block:0} .home-concerns__header{position:relative;max-width:900px;margin:0 auto 32px;text-align:center} .home-concerns__header .eyebrow{margin:0 0 var(--home-space-label-heading);color:#f38091;font-size:.74rem;font-weight:700;line-height:1.8;letter-spacing:.22em;text-align:center} .home-concerns__header h2{margin:0;color:#314743;font-family:'Noto Serif JP',serif;font-size:clamp(2rem,2.8vw,2.3rem);font-weight:500;line-height:1.5;letter-spacing:.035em} .home-concerns__header p:not(.eyebrow){margin:var(--home-space-heading-intro) auto 0;color:#647773;font-size:1rem;line-height:2;text-align:center} .concerns-slider{position:relative;padding-inline:56px} .concerns-slider__viewport{overflow:hidden;padding:32px 0 34px;touch-action:pan-y} .concerns-slider__track{display:flex;width:max-content;gap:22px;will-change:transform;transition:transform .48s cubic-bezier(.22,.61,.36,1)} .concern-card{position:relative;z-index:0;display:flex;width:clamp(205px,20vw,255px);min-height:220px;flex:0 0 clamp(205px,20vw,255px);align-items:center;flex-direction:column;justify-content:center;padding:20px 22px;border:1px solid rgba(73,119,108,.13);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 7px 20px rgba(59,93,85,.06);filter:saturate(.82);opacity:.46;transform:translateY(6px) scale(.82);transition:transform .48s cubic-bezier(.22,.61,.36,1),opacity .48s ease,box-shadow .48s ease,background .48s ease,filter .48s ease} .concern-card.is-prev,.concern-card.is-next{z-index:1}.concern-card.is-prev{transform-origin:right center}.concern-card.is-next{transform-origin:left center} .concern-card.is-current{z-index:2;background:#fff;box-shadow:0 12px 28px rgba(59,93,85,.12);filter:none;opacity:1;transform:translateY(0) scale(1)} .concern-card p{width:100%;margin:8px 0 0;color:#3d5350;font-family:'Noto Sans JP',sans-serif;font-size:.96rem;font-weight:600;line-height:1.75;text-align:center} .concern-card__illustration{display:grid;width:100%;min-height:112px;place-items:center;background:transparent} .concern-card__illustration svg{width:min(100%,112px);height:82px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round} .concern-card__illustration img{display:block;width:min(100%,150px);height:112px;object-fit:contain} .concern-card__illustration--career{color:#cc7f73} .concern-card__illustration--love{color:#a77c9d} .concern-card__illustration--cloud{color:#6f9f98} .concern-card__illustration--compass{color:#b99153} .concern-card__illustration--steps{color:#7399a2} .concern-card__illustration--people{color:#6c9f8e} .concern-card__icon{position:relative;display:block;width:66px;height:66px;border-radius:22px;background:#e4f5ef} .concern-card__icon:before,.concern-card__icon:after,.concern-card__icon span:before,.concern-card__icon span:after{position:absolute;content:""} .concern-card__icon--1:before,.concern-card__icon--1:after{top:18px;width:18px;height:18px;border:2px solid #69ad9e;border-radius:50%}.concern-card__icon--1:before{left:13px}.concern-card__icon--1:after{right:13px}.concern-card__icon--1 span:before{left:15px;bottom:12px;width:36px;height:13px;border:2px solid #69ad9e;border-top:0;border-radius:0 0 18px 18px} .concern-card__icon--2{background:#fff0e9}.concern-card__icon--2:before{left:16px;bottom:16px;width:34px;height:27px;border-left:2px solid #db8b7c;border-bottom:2px solid #db8b7c}.concern-card__icon--2:after{left:21px;top:20px;width:29px;height:15px;border-top:3px solid #db8b7c;transform:skewY(-25deg)} .concern-card__icon--3{background:#f4e9f4}.concern-card__icon--3:before{top:17px;left:15px;width:36px;height:31px;border:2px solid #ad83ad;border-radius:50% 50% 44% 44%}.concern-card__icon--3:after{top:27px;left:27px;width:12px;height:12px;border-right:2px solid #ad83ad;border-bottom:2px solid #ad83ad;transform:rotate(45deg)} .concern-card__icon--4{background:#eef2fb}.concern-card__icon--4:before{top:15px;left:15px;width:36px;height:36px;border:2px dashed #8298c0;border-radius:50%}.concern-card__icon--4:after{top:29px;left:29px;width:8px;height:8px;border-radius:50%;background:#8298c0} .concern-card__icon--5{background:#fff5d9}.concern-card__icon--5:before{top:14px;left:20px;width:25px;height:31px;border:2px solid #d3a946;border-radius:50%}.concern-card__icon--5:after{left:27px;bottom:13px;width:12px;height:2px;background:#d3a946;box-shadow:0 5px 0 #d3a946} .concern-card__icon--6{background:#e8f6f7}.concern-card__icon--6:before{top:19px;left:13px;width:40px;height:25px;border-bottom:2px solid #66aeb2;border-radius:50%}.concern-card__icon--6:after{top:23px;left:19px;width:27px;height:12px;border-top:3px solid #66aeb2;transform:skewY(-18deg)} .concerns-slider__arrow{--concerns-arrow-shift:-70%;position:absolute;top:50%;z-index:5;display:grid;width:54px;height:54px;padding:0;place-items:center;border:1px solid rgba(38,74,67,.24);border-radius:50%;color:#264a43;background:#fffdfc;box-shadow:0 8px 22px rgba(38,74,67,.14);font-size:1.35rem;font-weight:700;line-height:1;cursor:pointer;transform:translateY(var(--concerns-arrow-shift));transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .2s ease} .concerns-slider__arrow--prev{left:0}.concerns-slider__arrow--next{right:0}.concerns-slider__arrow:hover{border-color:rgba(38,74,67,.38);background:#f4faf6;box-shadow:0 11px 27px rgba(38,74,67,.19);transform:translateY(var(--concerns-arrow-shift)) scale(1.05)}.concerns-slider__arrow:active{box-shadow:0 4px 12px rgba(38,74,67,.13);transform:translateY(var(--concerns-arrow-shift)) scale(.96)}.concerns-slider__arrow:focus-visible{outline:3px solid rgba(243,128,145,.34);outline-offset:3px}.concerns-slider__arrow:disabled{border-color:rgba(38,74,67,.12);color:rgba(38,74,67,.35);background:#fffdfc;box-shadow:none;cursor:not-allowed;opacity:.62;transform:translateY(var(--concerns-arrow-shift))} .concerns-slider__navigation{display:flex;align-items:center;justify-content:center;margin-top:4px}.concerns-slider__dots{display:flex;align-items:center;gap:8px} .concerns-slider__dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#cbd8d4;cursor:pointer;transition:width .25s,background .25s} .concerns-slider__dots button[aria-current="true"]{width:25px;border-radius:999px;background:#70bbaa} @media(min-width:768px){ .concerns-slider__track{gap:36px} .concern-card{margin-inline:clamp(-22.95px,-1.8vw,-18.45px);transform-origin:center} .concern-card.is-prev,.concern-card.is-next{transform-origin:center} .concern-card:has(~ .concern-card.is-current){transform:translateX(clamp(-22.95px,-1.8vw,-18.45px)) translateY(6px) scale(.82)} .concern-card.is-current~.concern-card{transform:translateX(clamp(18.45px,1.8vw,22.95px)) translateY(6px) scale(.82)} } @media(max-width:767px){.home-empathy{padding-top:62px}.home-empathy:before{display:none}.home-concerns__panel{padding-block:0}.home-concerns__header{margin-bottom:24px;text-align:center}.home-concerns__header .eyebrow{margin-bottom:var(--home-space-label-heading)}.home-concerns__header h2{font-size:var(--home-section-title-sp);line-height:1.43;letter-spacing:.01em;white-space:nowrap}.home-concerns__header p:not(.eyebrow){max-width:34em;margin-top:var(--home-space-heading-intro);font-size:.94rem;line-height:1.9;letter-spacing:normal}.home-concerns__header p br:not(.home-heading-sp-break){display:none}.concerns-slider{margin-inline:-16px;padding-inline:12px}.concerns-slider__viewport{padding:20px 0 24px}.concerns-slider__track{gap:10px}.concern-card{width:68vw;min-height:218px;flex-basis:68vw;padding:18px 20px;border-radius:22px;transform:translateY(10px) scale(.82)}.concern-card.is-current{transform:translateY(0) scale(1)}.concern-card p{font-size:.94rem}.concern-card__illustration{min-height:116px}.concern-card__illustration svg{height:116px}.concern-card__illustration img{width:min(100%,156px);height:116px}.concerns-slider__arrow{--concerns-arrow-shift:-75%;width:48px;height:48px;font-size:1.2rem}.concerns-slider__navigation{margin-top:4px}} @media(prefers-reduced-motion:reduce){.concerns-slider__track,.concern-card,.concerns-slider__dots button{transition:none}} /* Home sections following the concerns carousel. */ .home-section-heading{max-width:820px;margin:0 auto var(--home-space-content);text-align:center} .home-section-heading .eyebrow{margin-bottom:var(--home-space-label-heading)} .home-section-heading h2{margin:0;color:#314743;font-family:'Noto Serif JP',serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:500;line-height:1.55;letter-spacing:.035em} .home-movie .home-section-heading h2,.home-learning .home-section-heading h2,.home-voice-cards .home-section-heading h2,.home-school-data .home-section-heading h2{font-size:clamp(2rem,2.8vw,2.3rem)} .home-section-heading>p:last-child:not(.eyebrow){margin:var(--home-space-heading-intro) auto 0;color:#617571;line-height:2} .home-section-action{margin:48px 0 0;text-align:center} .home-section-action .button{display:inline-flex;justify-content:center} .home-movie{background:#fff} .home-movie__frame{width:min(900px,100%);aspect-ratio:16/9;margin:0 auto;overflow:hidden;border-radius:30px;background:#edf4f2;box-shadow:0 24px 65px rgba(50,84,77,.12)} .home-movie__frame iframe{display:block;width:100%;height:100%;border:0} .home-learning{background:#fff7f3} .home-learning .home-section-heading{margin-bottom:var(--home-space-content)}.home-learning__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px;padding-top:0} .home-learning__card{--home-learning-accent:#f38091;--home-learning-label:#fde9e5;position:relative;display:flex;min-height:310px;align-items:center;flex-direction:column;padding:48px 32px 30px;border:1px solid rgba(38,74,67,.08);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(38,74,67,.045);text-align:center} .home-learning__card--consulting{--home-learning-accent:#ffd7a6;--home-learning-label:#fff0dc}.home-learning__card--community{--home-learning-accent:#bfe6d2;--home-learning-label:#e7f5ee} .home-learning__icon{display:grid;width:112px;height:112px;place-items:center;color:var(--home-learning-accent)} .home-learning__icon svg{display:block;width:84px;height:66px;fill:none;stroke:color-mix(in srgb,var(--home-learning-accent) 72%,#264a43);stroke-linecap:round;stroke-linejoin:round;stroke-width:2} .home-learning__icon img{display:block;width:112px;height:112px;max-width:none;object-fit:contain} .home-learning__card h3{position:absolute;top:0;left:50%;min-width:178px;margin:0;padding:11px 24px;border-radius:14px;background:var(--home-learning-label);color:#314743;font-family:'Noto Sans JP',sans-serif;font-size:1.05rem;font-weight:600;line-height:1.45;white-space:nowrap;transform:translate(-50%,-50%)} .home-learning__card p{margin:30px 0 0;color:#617571;font-size:.9rem;line-height:1.85;text-align:center} .home-voice-cards{background:#fff} .home-voice-cards__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px} .home-voice-card{overflow:hidden;border:1px solid rgba(92,121,114,.12);border-radius:28px;background:#fff;box-shadow:0 16px 46px rgba(52,81,75,.08)} .home-voice-card__image{display:block;overflow:hidden;background:#edf5f2;aspect-ratio:16/9} .home-voice-card__image:empty:before{display:block;width:100%;height:100%;background:linear-gradient(145deg,#e4f4ef,#faeef8);content:""} .home-voice-card__image img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease} .home-voice-card:hover .home-voice-card__image img{transform:scale(1.03)} .home-voice-card__body{padding:27px}.home-voice-card h3{margin:0 0 16px;color:#314743;font-family:'Noto Serif JP',serif;font-size:1rem;font-weight:500;line-height:1.65}.home-voice-card__body p{margin:0 0 22px;color:#657773;font-size:.9rem;line-height:1.9}.home-voice-card .text-link{font-size:.82rem} .home-school-data{background:#f8f2fa} .home-school-data__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px} .home-school-data__card{display:flex;min-height:165px;align-items:center;flex-direction:column;justify-content:center;padding:14px 24px;border-radius:28px;background:#fff;text-align:center;box-shadow:0 15px 42px rgba(81,61,85,.07)} .home-school-data__card h3{margin:0 0 4px;color:#5f746f;font-size:.85rem;letter-spacing:.08em}.home-school-data__card strong{display:block;margin-bottom:4px;color:#cb7079;font-family:'Noto Serif JP',serif;font-size:clamp(1.65rem,2.6vw,2.25rem);font-weight:500}.home-school-data__card p{margin:0;color:#667874;font-size:.86rem;line-height:1.9} .home-school-data__visual{display:grid;width:120px;height:38px;overflow:hidden;place-items:center;color:#264a43}.home-school-data__visual svg{display:block;width:120px;max-width:100%;height:38px;overflow:hidden}.data-figure{fill:none;stroke:#bfe6d2;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.data-figure--main{stroke:#f38091}.data-donut__track,.data-donut__value{fill:none;stroke-width:9}.data-donut__track{stroke:#e7f1ed}.data-donut__value{stroke:#f38091;stroke-dasharray:62 38;stroke-linecap:round;transform:rotate(-90deg);transform-origin:40px 29px}.data-location__pin{fill:none;stroke:#bfe6d2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.data-location__core{fill:#f38091} .home-data-life-field .home-school-data{padding-bottom:clamp(32px,3vw,44px)} @media(max-width:767px){body.home{--home-section-title-sp:clamp(22px,6.3vw,26px);--home-space-paragraph:24px;--home-space-label-heading:24px;--home-space-heading-intro:24px;--home-space-content:48px;--home-space-section:40px;--home-space-button:32px}.home-section-heading{margin-bottom:var(--home-space-content)}body.home .home-section-heading h2{font-size:var(--home-section-title-sp);line-height:1.43;letter-spacing:.01em}.home-section-heading>p:last-child:not(.eyebrow){font-size:.94rem;line-height:1.9}.home-movie__frame{border-radius:18px}.home-learning__grid,.home-voice-cards__grid{grid-template-columns:1fr}.home-learning__grid{grid-auto-rows:1fr;gap:48px;padding-top:0}.home-learning__card{height:100%;min-height:0;padding:42px 22px 24px}.home-learning__icon{width:76px;height:72px}.home-learning__icon img{width:88px;height:88px}.home-learning__card h3{min-width:176px;padding:10px 20px;font-size:1rem}.home-learning__card p{margin-top:16px;font-size:.84rem;line-height:1.75}.home-section-action{margin-top:32px}.home-section-action .button{width:100%}.home-voice-card__image{aspect-ratio:16/9}.home-voice-card__image img{object-fit:contain}.home-voice-card__body{padding:24px}.home-voice-card h3{margin-bottom:16px;font-size:1.0625rem;line-height:1.65}.home-school-data__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.home-school-data__card{min-width:0;min-height:142px;padding:12px 8px}.home-school-data__card:first-child{min-height:150px;grid-column:1/-1;padding-inline:24px}.home-school-data__card:nth-child(n+2) h3{white-space:nowrap}.home-school-data__card:nth-child(n+2) strong{font-size:clamp(1.25rem,5.4vw,1.5rem);white-space:nowrap}.home-school-data__card:nth-child(n+2) .home-school-data__visual{max-width:100%}} @media(prefers-reduced-motion:reduce){.home-voice-card__image img{transition:none}} /* Instagram: locally stored post images arranged as a gentle arc. */ .home-instagram{overflow:hidden;padding-top:clamp(48px,6vw,76px);background:#f8f2fa} .home-data-life-field .home-instagram{padding-top:clamp(32px,3vw,44px)} .home-instagram__heading{margin-bottom:clamp(20px,2.5vw,36px)} .home-instagram__heading h2{font-size:clamp(1.75rem,2.4vw,2.15rem)} .home-instagram__viewport{width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden;padding:24px 0 118px} .home-instagram__track{display:flex;width:max(1740px,calc(100vw + 300px));max-width:none;align-items:flex-start;justify-content:space-between;gap:24px;margin-left:50%;transform:translateX(-50%)} .home-instagram__card{--ig-y:0px;--ig-rotate:0deg;position:relative;display:block;width:270px;flex:0 0 270px;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:0 12px 28px rgba(52,75,70,.1);transform:translateY(var(--ig-y)) rotate(var(--ig-rotate));aspect-ratio:1} /* Six equally spaced points on one circle (radius approximately 2700px). */ .home-instagram__card:nth-child(1){--ig-y:clamp(102px,6vw,130px);--ig-rotate:-15.8deg}.home-instagram__card:nth-child(2){--ig-y:clamp(36px,2.2vw,48px);--ig-rotate:-9.4deg}.home-instagram__card:nth-child(3){--ig-y:clamp(4px,.25vw,6px);--ig-rotate:-3.1deg}.home-instagram__card:nth-child(4){--ig-y:clamp(4px,.25vw,6px);--ig-rotate:3.1deg}.home-instagram__card:nth-child(5){--ig-y:clamp(36px,2.2vw,48px);--ig-rotate:9.4deg}.home-instagram__card:nth-child(6){--ig-y:clamp(102px,6vw,130px);--ig-rotate:15.8deg} .home-instagram__card--sp-draft{display:none} .home-instagram__card img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .4s ease} @media(hover:hover){.home-instagram__card:hover img,.home-instagram__card:focus-visible img{transform:scale(1.06)}} .home-instagram__action{margin-top:0} @media(max-width:767px){.home-instagram__viewport{overflow:visible;padding:0}.home-instagram__track{position:relative;display:block;width:100%;height:clamp(300px,82vw,350px);margin:0;transform:none}.home-instagram__card,.home-instagram__card:nth-child(n){position:absolute;top:var(--ig-center-y,0);left:var(--ig-center-x,50%);display:block;width:clamp(105px,30.45vw,126px);min-width:0;border:0;border-radius:0;background:transparent;opacity:0;transform:translateX(-50%) rotate(var(--ig-tangent-angle,0deg))}.home-instagram__track[data-instagram-positioned] .home-instagram__card{opacity:1}.home-instagram__action{width:calc(100% - 40px);margin:24px auto 0}.home-instagram__action .button{width:100%}} @media(max-width:767px){.home-data-life-field .home-school-data{padding-bottom:24px}.home-data-life-field .home-instagram{padding-top:24px}.home-instagram__heading{margin-bottom:24px}} @media(prefers-reduced-motion:reduce){.home-instagram__card img{transition:none}} /* Final home CTA: two future consultation links, currently non-navigating buttons. */ .home-final-cta{position:relative;isolation:isolate;overflow:hidden;padding:clamp(105px,11vw,165px) 0;background:linear-gradient(125deg,#f8ded6 0%,#f6cfc3 50%,#f8e6d6 100%)} .home-final-cta:before,.home-final-cta:after{position:absolute;inset:0;z-index:0;opacity:0;content:"";transition:opacity .7s ease} .home-final-cta:before{background:linear-gradient(115deg,#e9a4a3 0%,#efaaa0 42%,#ffd7a6 100%)} .home-final-cta:after{background:linear-gradient(115deg,#a8d8f2 0%,#a0d2cf 50%,#bfe6d2 100%)} .home-final-cta:has(.home-final-cta__card--warm:focus-visible):before{opacity:1} .home-final-cta:has(.home-final-cta__card--cool:focus-visible):after{opacity:1} @media(hover:hover) and (pointer:fine){.home-final-cta:has(.home-final-cta__card--warm:hover):before{opacity:1}.home-final-cta:has(.home-final-cta__card--cool:hover):after{opacity:1}} .home-final-cta__orbit{position:absolute;z-index:1;width:clamp(330px,34vw,520px);height:auto;overflow:visible;pointer-events:none;will-change:transform} .home-final-cta__orbit path{fill:none} .home-final-cta__orbit text{fill:rgba(255,255,255,.24);font-family:'Noto Sans JP',sans-serif;font-size:34px;font-weight:500;letter-spacing:.16em} .home-final-cta__orbit--upper{top:clamp(-210px,-12vw,-135px);right:clamp(-190px,-10vw,-105px);animation:home-final-cta-orbit-clockwise 34s linear infinite} .home-final-cta__orbit--lower{bottom:clamp(-225px,-13vw,-145px);left:clamp(-195px,-11vw,-115px);animation:home-final-cta-orbit-counter 38s linear infinite} @keyframes home-final-cta-orbit-clockwise{to{transform:rotate(360deg)}} @keyframes home-final-cta-orbit-counter{to{transform:rotate(-360deg)}} .home-final-cta__heading{position:relative;z-index:2;margin:0 auto clamp(34px,4vw,52px);padding:0 24px;text-align:center} .home-final-cta__eyebrow{margin:0 0 10px;color:#e65b73;font-size:.72rem;font-weight:700;letter-spacing:.22em;line-height:1.4} .home-final-cta__title{margin:0;color:#264a43;font-family:'Noto Serif JP',serif;font-size:clamp(2.125rem,2.6vw,2.375rem);font-weight:600;letter-spacing:.035em;line-height:1.45} .home-final-cta__grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,54px)} .home-final-cta__card{position:relative;display:flex;min-height:188px;align-items:center;justify-content:space-between;gap:30px;padding:clamp(32px,4vw,50px);border:0;border-radius:8px;color:#264a43;background:#fff;box-shadow:0 18px 44px rgba(66,64,54,.08);font:inherit;text-align:left;text-decoration:none;cursor:pointer} .home-final-cta__label{font-family:'Noto Sans JP',sans-serif;font-size:clamp(1.25rem,1.55vw,1.375rem);font-weight:600;letter-spacing:.035em} .home-final-cta__arrow{position:relative;z-index:1;display:grid;width:88px;height:88px;flex:0 0 88px;place-items:center;color:#264a43;font-size:2.15rem;line-height:1;transition:transform .35s ease} .home-final-cta__arrow:before{position:absolute;inset:0;z-index:-1;border-radius:50%;background:#f8e2dc;content:"";transform:scale(1);transition:transform .4s ease} .home-final-cta__card:focus-visible .home-final-cta__arrow{transform:translateX(6px)} .home-final-cta__card:focus-visible .home-final-cta__arrow:before{transform:scale(1.1)} @media(hover:hover) and (pointer:fine){.home-final-cta__card:hover .home-final-cta__arrow{transform:translateX(6px)}.home-final-cta__card:hover .home-final-cta__arrow:before{transform:scale(1.1)}} .home-final-cta__card:focus-visible{outline:3px solid rgba(38,74,67,.65);outline-offset:5px} @media(max-width:767px){.home-final-cta{padding:78px 0}.home-final-cta:has(.home-final-cta__card--warm:active):before{opacity:1}.home-final-cta:has(.home-final-cta__card--cool:active):after{opacity:1}.home-final-cta__orbit{width:285px}.home-final-cta__orbit text{fill:rgba(255,255,255,.18);font-size:29px}.home-final-cta__orbit--upper{top:-128px;right:-142px}.home-final-cta__orbit--lower{bottom:-145px;left:-150px}.home-final-cta__heading{margin-bottom:30px;padding:0 12px}.home-final-cta__title{font-size:clamp(1.5rem,6.2vw,1.625rem);line-height:1.43;letter-spacing:.01em}.home-final-cta__grid{width:min(calc(100% - 32px),var(--container));grid-template-columns:minmax(0,1fr);gap:24px}.home-final-cta__card{width:100%;min-width:0;min-height:112px;gap:16px;padding:20px;border-radius:7px}.home-final-cta__label{min-width:0;font-size:clamp(1.0625rem,4.6vw,1.1875rem);white-space:nowrap}.home-final-cta__arrow{width:54px;height:54px;flex-basis:54px;font-size:1.4rem}} @media(max-width:767px) and (hover:none), (max-width:767px) and (pointer:coarse){.home-final-cta:before,.home-final-cta:after{transition-duration:.12s}.home-final-cta__card--warm:active{background:#fff5f1}.home-final-cta__card--cool:active{background:#f1faf8}.home-final-cta__card:active .home-final-cta__arrow{transform:translateX(6px)}.home-final-cta__card:active .home-final-cta__arrow:before{transform:scale(1.1)}} @media(prefers-reduced-motion:reduce){.home-final-cta:before,.home-final-cta:after,.home-final-cta__arrow,.home-final-cta__arrow:before{transition:none}.home-final-cta__orbit{animation:none}} /* Small mobile shortcut shown after the first view and hidden near the page-end CTA. */ .school-floating-cta{display:none} @media(max-width:767px){.school-floating-cta{position:fixed;right:18px;bottom:calc(26px + env(safe-area-inset-bottom,0px));z-index:90;display:block;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .24s ease,transform .24s ease}.school-floating-cta.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.school-floating-cta__tab{display:flex;width:118px;height:118px;align-items:center;justify-content:center;flex-direction:column;padding:11px 14px 14px;overflow:hidden;border:1px solid #dfe5e3;border-radius:50%;color:#264a43;background:#fff;box-shadow:0 9px 27px rgba(50,71,66,.14);font-family:'Noto Sans JP',sans-serif;font-size:.78rem;font-weight:700;line-height:1.2;letter-spacing:.02em;text-align:center;text-decoration:none;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease}.school-floating-cta__icon{display:block;width:76px;height:68px;flex:0 0 68px;margin:0 0 3px;object-fit:contain;pointer-events:none;transform:translateY(-4px)}.school-floating-cta__text{display:block;color:#f38091;font-weight:600;white-space:nowrap;transform:translateY(-4px)}.school-floating-cta__tab:active{filter:brightness(.98);box-shadow:0 5px 17px rgba(50,71,66,.12);transform:scale(.96)}body.is-school-menu-open .school-floating-cta{opacity:0;pointer-events:none;transform:translateY(10px)}} @media(max-width:767px){.school-floating-cta__tab--reservation{border-color:#f38091;color:#fff;background:#f38091;box-shadow:0 9px 27px rgba(201,96,115,.2)}.school-floating-cta__calendar{display:block;width:44px;height:44px;flex:0 0 44px;margin:0 0 6px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transform:translateY(-2px)}.school-floating-cta__tab--reservation .school-floating-cta__text{color:#fff;font-size:.76rem;font-weight:600;line-height:1.35;letter-spacing:.04em;white-space:normal;transform:translateY(-2px)}} @media(prefers-reduced-motion:reduce){.school-floating-cta{transition:none}} @media(max-width:767px){.school-hero__art--final{width:100%;margin-left:0;transform:none}.school-hero__picture--final{display:block;width:min(112%,620px);margin-left:50%;transform:translateX(-50%)}} /* Learning pillars: give the finished artwork more presence without growing the cards. */ @media(min-width:768px){ .home-learning__card{min-height:310px;padding:42px 32px 28px} .home-learning__icon{width:150px;height:150px} .home-learning__icon img{width:150px;height:150px} .home-learning__card p{margin-top:12px} } @media(max-width:767px){ .home-learning__card{padding:38px 22px 22px} .home-learning__icon{width:120px;height:120px} .home-learning__icon img{width:120px;height:120px} .home-learning__card p{margin-top:10px} } /* PC home FV final artwork balance: scale visually without increasing hero height. */ @media(min-width:1280px){ .school-hero__inner--draft{width:min(calc(100% - clamp(48px,5vw,80px)),1360px);transform:translateY(-50px)} .school-hero__art--draft{width:min(100%,1120px)} .school-hero__art-canvas--pc{transform-origin:left center;transform:translateX(3%) scale(1.1)} .school-hero__copy--draft-art{left:clamp(40px,4vw,58px)} } @media(min-width:1440px){.school-hero__inner--draft{transform:translateY(-60px)}.school-hero__art-canvas--pc{transform-origin:center;transform:translateX(6%) scale(1.21)}} @media(min-width:1600px){.school-hero__inner--draft{transform:translateY(-70px)}.school-hero__art-canvas--pc{transform:translateX(6%) scale(1.26)}} /* Top FV layered artwork: one responsive stage, separate position and motion layers. */ .school-hero__art-canvas{position:relative;aspect-ratio:1440/1024;overflow:visible} .school-hero__art-canvas--sp,.school-hero__mobile-copy{display:none} .school-hero__art-stage{position:absolute;overflow:visible} .school-hero__art-stage--pc{top:11.230469%;left:9.722222%;width:90.277778%;aspect-ratio:1300/835} .school-hero__art-part{position:absolute;display:block;transform:none} .school-hero__art-part--base,.school-hero__art-part--decor{inset:0} .school-hero__art-part--base{z-index:1} .school-hero__art-part--flowers{z-index:2;top:37.724551%;left:41.769231%;width:30.769231%} .school-hero__art-part--decor{z-index:3} .school-hero__art-motion{display:block;width:100%;height:100%;transform-origin:center;will-change:transform} .school-hero__art-motion--flowers{transform-origin:50% 92%} .school-hero__art-motion--decor{transform-origin:52% 55%} .school-hero__art-stage img{display:block;width:100%;height:auto;margin:0;object-fit:contain;transform:none} .school-hero__art-motion--base{animation:school-hero-layer-base 10.8s ease-in-out -2.1s infinite} .school-hero__art-motion--flowers{animation:school-hero-layer-flowers 8.6s ease-in-out -4.3s infinite} .school-hero__art-motion--decor{animation:school-hero-layer-decor 16s cubic-bezier(.45,0,.55,1) 1.35s infinite} @keyframes school-hero-layer-base{0%,100%{transform:translate3d(0,0,0) rotate(0)}28%{transform:translate3d(.5px,-4px,0) rotate(.04deg)}57%{transform:translate3d(-.5px,-6px,0) rotate(-.06deg)}81%{transform:translate3d(.25px,-2px,0) rotate(.03deg)}} @keyframes school-hero-layer-flowers{0%,100%{transform:rotate(-.72deg) skewX(.12deg)}23%{transform:rotate(.62deg) skewX(-.18deg)}51%{transform:rotate(1.12deg) skewX(-.3deg)}76%{transform:rotate(-.38deg) skewX(.14deg)}} @keyframes school-hero-layer-decor{0%,50%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(1.6deg) scale(1.01)}75%{transform:rotate(-1.6deg) scale(.997)}} @keyframes school-hero-layer-base-sp{0%,100%{transform:translate3d(0,0,0) rotate(0)}28%{transform:translate3d(.375px,-4px,0) rotate(.03deg)}57%{transform:translate3d(-.375px,-6px,0) rotate(-.045deg)}81%{transform:translate3d(.188px,-2px,0) rotate(.023deg)}} @keyframes school-hero-layer-flowers-sp{0%,100%{transform:rotate(-.54deg) skewX(.09deg)}23%{transform:rotate(.47deg) skewX(-.135deg)}51%{transform:rotate(.84deg) skewX(-.225deg)}76%{transform:rotate(-.285deg) skewX(.105deg)}} @keyframes school-hero-layer-decor-sp{0%,50%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(1.28deg) scale(1.008)}75%{transform:rotate(-1.28deg) scale(.998)}} @media(max-width:767px){ .school-hero__art-canvas--pc{display:none} .school-hero__art-canvas--sp{display:block;width:100%;aspect-ratio:750/1160;background:transparent} .school-hero__art-stage--sp{top:-2.75%;left:0;width:100%;aspect-ratio:750/1050} .school-hero__art-stage--sp .school-hero__art-part--flowers{top:25.619048%;left:27.6%;width:52.533333%} .school-hero__art-stage--sp .school-hero__art-motion--base{animation-name:school-hero-layer-base-sp} .school-hero__art-stage--sp .school-hero__art-motion--flowers{animation-name:school-hero-layer-flowers-sp} .school-hero__art-stage--sp .school-hero__art-motion--decor{animation-name:school-hero-layer-decor-sp;transform-origin:54% 47%} .school-hero__mobile-copy{position:absolute;z-index:4;top:71.55%;right:5.5%;left:auto;display:block;width:64%;color:#264a43;font-family:'Noto Serif JP',serif;font-size:clamp(1.76rem,7.5vw,1.94rem);font-weight:500;line-height:1.58;letter-spacing:.025em;text-align:right;white-space:nowrap} .school-hero__mobile-copy-line,.school-hero__mobile-copy-lead{display:block} .school-hero__mobile-copy b{color:#264a43;font-weight:500} .school-hero__mobile-copy-lead{margin-top:6px;color:#f38091;font-family:'Noto Sans JP',sans-serif;font-size:clamp(.56rem,2.25vw,.64rem);font-weight:500;line-height:1.5;letter-spacing:.07em} } @media(prefers-reduced-motion:reduce){.school-hero__art-motion{animation:none!important;transform:none!important;will-change:auto}} @media(max-width:767px){.home-empathy{padding-top:31px}} /* Top FV entrance: quiet line-by-line copy and artwork reveal. */ .school-hero__copy.reveal,.school-hero__art.reveal{opacity:1;transform:none;transition:none} .school-hero__copy.reveal .school-hero__line,.school-hero__copy.reveal .school-hero__lead{opacity:0;filter:blur(1.5px);translate:0 10px;scale:.995;transition:opacity .85s cubic-bezier(.22,1,.36,1),filter .75s ease,translate .95s cubic-bezier(.22,1,.36,1),scale .95s cubic-bezier(.22,1,.36,1)} .school-hero__copy.reveal.is-visible .school-hero__line,.school-hero__copy.reveal.is-visible .school-hero__lead{opacity:1;filter:none;translate:0 0;scale:1} .school-hero__copy.reveal.is-visible .school-hero__line:first-child{transition-delay:.08s} .school-hero__copy.reveal.is-visible .school-hero__line:nth-child(2){transition-delay:.24s} .school-hero__copy.reveal.is-visible .school-hero__lead{transition-delay:.44s} .school-hero__art.reveal .school-hero__picture--final{opacity:1;filter:none;translate:0 0;scale:1;transition:none} .school-hero__art.reveal .school-hero__art-part,.school-hero__art.reveal .school-hero__mobile-copy{opacity:0;filter:blur(1px);translate:0 10px;scale:.992;transition:opacity 1.05s cubic-bezier(.22,1,.36,1),filter .9s ease,translate 1.15s cubic-bezier(.22,1,.36,1),scale 1.15s cubic-bezier(.22,1,.36,1)} .school-hero__art.reveal.is-visible .school-hero__art-part,.school-hero__art.reveal.is-visible .school-hero__mobile-copy{opacity:1;filter:none;translate:0 0;scale:1} .school-hero__art.reveal.is-visible .school-hero__art-part--base,.school-hero__art.reveal.is-visible .school-hero__art-part--flowers,.school-hero__art.reveal.is-visible .school-hero__art-part--decor{transition-delay:.12s} .school-hero__art.reveal.is-visible .school-hero__mobile-copy{transition-delay:.12s} @media(prefers-reduced-motion:reduce){.school-hero__copy.reveal .school-hero__line,.school-hero__copy.reveal .school-hero__lead,.school-hero__art.reveal .school-hero__picture--final,.school-hero__art.reveal .school-hero__art-part,.school-hero__art.reveal .school-hero__mobile-copy{opacity:1;filter:none;translate:0 0;scale:1;transition:none}} /* Official school logo shared by the school header, mobile menu header and footer. */ .wordmark{display:block;flex:0 0 auto;line-height:normal} .wordmark__image{display:block;width:182px;height:auto;transition:width .3s ease} .wordmark--footer{display:inline-block} .wordmark--footer .wordmark__image{width:220px;filter:brightness(0) invert(1);opacity:.92} @media(max-width:960px){.school-header .wordmark__image{width:154px}} @media(max-width:767px){.single-case .school-header.is-scrolled .wordmark__image{width:140px}.wordmark--footer .wordmark__image{width:200px}} /* Keep NEWS article headers compact without affecting the NEWS archive. */ @media(min-width:768px){.school-news-hero__inner{padding-bottom:clamp(28px,3.2vw,42px)}.school-news-article__main{padding-top:clamp(22px,2.2vw,30px)}} /* Refine the NEWS detail H1 scale only. */ .school-news-hero h1{font-size:clamp(1.7rem,3.15vw,2.75rem)} @media(max-width:767px){.school-news-hero h1{font-size:clamp(1.45rem,6.6vw,1.9rem)}}