@charset "UTF-8";:root{--headerH:6vw;--contentW:28vw}.bc01{--bc-color:#e8382f}.bc02{--bc-color:#0054a7}.bc03{--bc-color:#008cd7}.bc04{--bc-color:#6455a3}.bc05{--bc-color:#ea5529}@media screen and (max-width:1024px) and (orientation:portrait){:root{--headerH:55px;--contentW:10vw}}body.is-loading{position:fixed;width:100%;top:0;left:0}.top-op-wrap{height:100vh;width:100%;position:relative;overflow:hidden}.top-op-wrap .top-op-school-logo-img,.top-op-wrap .top-op-subtitle-img,.top-op-wrap .top-op-subtitle-img_last{opacity:0}.top-op-wrap .top-op-school-logo-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16vw;animation:opFadeInOut 1.6s ease 0s forwards}.top-op-wrap .top-op-school-logo-img img{width:100%}.top-op-wrap .top-op-subtitle-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20vw;animation:opFadeInOut 1.6s ease 1.6s forwards}.top-op-wrap .top-op-subtitle-img img{width:100%}@keyframes opFadeInOut{0%{opacity:0}25%{opacity:1}75%{opacity:1}100%{opacity:0}}@keyframes opFadeInKeep{0%{opacity:0}100%{opacity:1}}.top-op-wrap .top-op-lead{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;animation:leadFadeOut .8s ease 5.9s forwards}.top-op-wrap .top-op-lead span{display:block;text-align:center;color:#fff;font-family:"Noto Serif JP",serif;font-weight:500;font-size:clamp(2.13rem,2.08vw,4rem);margin-bottom:.5em;opacity:0;transform:translateY(40px);animation:leadLineIn .8s ease forwards}.top-op-wrap .top-op-lead span:nth-child(1){animation-delay:3.2s}.top-op-wrap .top-op-lead span:nth-child(2){animation-delay:3.5s}.top-op-wrap .top-op-lead span:nth-child(3){animation-delay:3.8s}.top-op-wrap .top-op-lead span:nth-child(4){animation-delay:4.1s}@keyframes leadLineIn{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes leadFadeOut{to{opacity:0}}.top-op-wrap ul.top-op-img-container{display:flex;justify-content:space-between;width:64%;margin:auto}.top-op-wrap ul.top-op-img-container li.top-op-img-box{width:18%;opacity:0;transform:translateX(40px)}.top-op-wrap ul.top-op-img-container li.top-op-img-box img{width:100%;height:100vh;object-fit:cover;object-position:50% 50%}.top-op-wrap ul.top-op-img-container li.top-op-img-box:nth-child(1){animation:imgSlideIn .8s ease 5.9s forwards}.top-op-wrap ul.top-op-img-container li.top-op-img-box:nth-child(2){animation:imgSlideIn .8s ease 6.1s forwards}.top-op-wrap ul.top-op-img-container li.top-op-img-box:nth-child(3){animation:imgSlideIn .8s ease 6.3s forwards}.top-op-wrap ul.top-op-img-container li.top-op-img-box:nth-child(4){animation:imgSlideIn .8s ease 6.5s forwards}.top-op-wrap ul.top-op-img-container li.top-op-img-box:nth-child(5){animation:imgSlideIn .8s ease 6.7s forwards}@keyframes imgSlideIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.top-op-wrap h1.main-title{position:absolute;top:50%;left:50%;font-family:Butler,serif;font-weight:900;line-height:1;letter-spacing:0;font-size:clamp(8.53rem,8.33vw,16rem);color:#fff;white-space:nowrap;opacity:0;transform:translate(-50%,-50%);animation:titlePass 2s linear 7.5s,titleSettle .8s ease 9.5s forwards}@keyframes titlePass{0%{opacity:1;transform:translate(120vw,-50%) scale(3)}100%{opacity:1;transform:translate(-300vw,-50%) scale(3)}}@keyframes titleSettle{0%{opacity:0;transform:translate(-50%,-50%)}100%{opacity:1;transform:translate(-50%,-50%)}}.top-op-wrap .top-op-subtitle-img_last{position:absolute;top:56%;left:50%;width:16vw;opacity:0;transform:translate(-50%,10px);animation:subtitleIn .4s ease 10.3s forwards}.top-op-wrap .top-op-subtitle-img_last img{width:100%}@keyframes subtitleIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}.top-op-wrap .scroll-guide{position:fixed;right:2vw;bottom:2vw;z-index:100;opacity:0;transition:opacity .4s ease;animation:scrollGuideIn .6s ease 11.2s forwards}.top-op-wrap .scroll-guide span{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:clamp(1.1rem,.69vw,1.33rem);font-weight:400;transform:scale(.8);letter-spacing:.2em;writing-mode:vertical-rl;text-orientation:mixed}.top-op-wrap .scroll-guide span::after{content:"";width:1px;height:4vw;min-height:40px;background:#fff;margin-top:1vw;animation:scrollLine 1.5s ease-in-out infinite}.top-op-wrap .scroll-guide.is-hide{animation:none;opacity:0;pointer-events:none}@keyframes scrollGuideIn{from{opacity:0}to{opacity:1}}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}.top-navi-wrap{padding:8vw 20vw}.top-navi-wrap .top-navi-container a.top-navi-box{display:flex;margin-bottom:2vw;opacity:0;transform:translateY(60px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.top-navi-wrap .top-navi-container a.top-navi-box .img-box{width:60%;margin-right:8%;position:relative;overflow:hidden}.top-navi-wrap .top-navi-container a.top-navi-box .img-box::before{position:absolute;content:"CROSSING";font-family:Butler,serif;font-weight:900;line-height:1;letter-spacing:0;font-size:clamp(2.84rem,2.78vw,5.33rem);color:#fff;top:55%;left:50%;transform:translate(-50%,-50%);z-index:2}.top-navi-wrap .top-navi-container a.top-navi-box .img-box::after{position:absolute;content:"";background:var(--bc-color);width:100%;height:100%;top:0;left:0;mix-blend-mode:multiply;z-index:1;opacity:0;transition:opacity .6s ease}.top-navi-wrap .top-navi-container a.top-navi-box .img-box img{width:100%;display:block;transform:scale(1);transition:transform .8s cubic-bezier(.22,1,.36,1)}.top-navi-wrap .top-navi-container a.top-navi-box h2.navi-title{opacity:1;display:flex;align-items:center;justify-content:center;text-align:center;width:32%;background:#fff;color:var(--bc-color);font-family:"Noto Serif JP",serif;font-weight:500;font-size:clamp(2.84rem,2.78vw,5.33rem);line-height:1;position:relative;transition:background-color .6s ease,color .6s ease}.top-navi-wrap .top-navi-container a.top-navi-box h2.navi-title::before{position:absolute;content:"×";color:#fff;font-size:clamp(2.84rem,2.78vw,5.33rem);top:50%;left:-20%;transform:translateY(-50%)}.top-navi-wrap .top-navi-container a.top-navi-box:hover{opacity:1}.top-navi-wrap .top-navi-container a.top-navi-box:hover .img-box::after{opacity:1}.top-navi-wrap .top-navi-container a.top-navi-box:hover .img-box img{transform:scale(1.05)}.top-navi-wrap .top-navi-container a.top-navi-box:hover h2.navi-title{background:var(--bc-color);color:#fff}.top-navi-wrap .top-navi-container.is-show .top-navi-box{opacity:1;transform:translateY(0)}.top-navi-wrap .top-navi-container.is-show .top-navi-box:nth-child(1){transition-delay:0s}.top-navi-wrap .top-navi-container.is-show .top-navi-box:nth-child(2){transition-delay:.15s}.top-navi-wrap .top-navi-container.is-show .top-navi-box:nth-child(3){transition-delay:.3s}.top-navi-wrap .top-navi-container.is-show .top-navi-box:nth-child(4){transition-delay:.45s}.top-navi-wrap .top-navi-container.is-show .top-navi-box:nth-child(5){transition-delay:.6s}@keyframes scrollBg{from{background-position:0 0}to{background-position:-1000px 0}}@keyframes ScaleAni{0%{transform:scale(1)}20%{transform:scale(1.05)}30%{transform:scale(.92)}40%{transform:scale(1.05)}50%{transform:scale(.98)}60%{transform:scale(1)}100%{transform:scale(1)}}@keyframes floating-y{0%{transform:translateY(-4%)}100%{transform:translateY(4%)}}@media screen and (max-width:1024px) and (orientation:portrait){.top-op-wrap{overflow:unset;margin-bottom:36vw;padding-top:var(--headerH)}.top-op-wrap .top-op-school-logo-img{width:70%}.top-op-wrap .top-op-subtitle-img{width:40vw}.top-op-wrap .top-op-lead span{font-size:clamp(2.1rem,5.6vw,2.41rem);line-height:2.5}.top-op-wrap ul.top-op-img-container{width:90%;margin-left:10%;flex-direction:column}.top-op-wrap ul.top-op-img-container li.top-op-img-box{width:100%}.top-op-wrap ul.top-op-img-container li.top-op-img-box img{height:14vh}.top-op-wrap ul.top-op-img-container li.top-op-img-box+li{margin-top:8vw}.top-op-wrap h1.main-title{top:calc(44% + var(--headerH));left:50%;font-size:clamp(5rem,13.33vw,5.73rem);writing-mode:vertical-rl}@keyframes titlePass{0%{opacity:1;transform:translate(-50%,120vh) scale(3)}100%{opacity:1;transform:translate(-50%,-300vh) scale(3)}}@keyframes titleSettle{0%{left:50%;opacity:0;transform:translate(-50%,-50%) scale(1)}100%{left:18%;opacity:1;transform:translate(0,-50%) scale(1)}}.top-op-wrap .top-op-subtitle-img_last{top:40%;left:67%;width:40vw}.top-op-wrap .scroll-guide span{font-size:clamp(1.1rem,2.67vw,1.15rem)}.top-navi-wrap{padding:8vw 8vw}.top-navi-wrap .top-navi-container a.top-navi-box{margin-bottom:7vw;position:relative}.top-navi-wrap .top-navi-container a.top-navi-box .img-box{width:100%;margin-right:0}.top-navi-wrap .top-navi-container a.top-navi-box .img-box::before{font-size:clamp(2.6rem,6.93vw,2.98rem);left:25%}.top-navi-wrap .top-navi-container a.top-navi-box .img-box img{object-fit:cover;height:30vw}.top-navi-wrap .top-navi-container a.top-navi-box h2.navi-title{width:10%;font-size:clamp(1.8rem,4.8vw,2.06rem);position:absolute;right:5vw;top:0;bottom:0;writing-mode:vertical-rl}.top-navi-wrap .top-navi-container a.top-navi-box h2.navi-title::before{font-size:clamp(3.2rem,8.53vw,3.67rem);left:-12vw}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.mb-object{display:none!important}.pc-object{display:block!important}.top-op-wrap{height:100vh;overflow:unset;margin-bottom:0;padding-top:0}.top-op-wrap .top-op-school-logo-img{width:24vw}.top-op-wrap .top-op-subtitle-img{width:20vw}.top-op-wrap .top-op-lead span{font-size:clamp(2.1rem,2.73vw,2.8rem);line-height:2}.top-op-wrap ul.top-op-img-container{width:64%;margin-left:auto;flex-direction:row}.top-op-wrap ul.top-op-img-container li.top-op-img-box{width:18%}.top-op-wrap ul.top-op-img-container li.top-op-img-box img{height:80vh}.top-op-wrap ul.top-op-img-container li.top-op-img-box+li{margin-top:0}.top-op-wrap h1.main-title{top:calc(50% - 10vh);left:50%;font-size:clamp(7.2rem,9.38vw,9.6rem);writing-mode:unset}.top-op-wrap .top-op-subtitle-img_last{top:48%;left:50%;width:16vw}.top-op-wrap .scroll-guide span{font-size:clamp(1.1rem,1.3vw,1.33rem)}.top-navi-wrap{padding:8vw 8vw}.top-navi-wrap .top-navi-container a.top-navi-box{margin-bottom:2vw;position:unset}.top-navi-wrap .top-navi-container a.top-navi-box .img-box{width:60%;margin-right:8%}.top-navi-wrap .top-navi-container a.top-navi-box .img-box::before{font-size:clamp(2.6rem,3.39vw,3.47rem);left:50%}.top-navi-wrap .top-navi-container a.top-navi-box .img-box img{object-fit:contain;height:auto}.top-navi-wrap .top-navi-container a.top-navi-box h2.navi-title{width:28%;font-size:clamp(2.2rem,2.86vw,2.93rem);position:unset;right:5vw;top:0;bottom:0;writing-mode:unset}.top-navi-wrap .top-navi-container a.top-navi-box h2.navi-title::before{font-size:clamp(3.2rem,4.17vw,4.27rem);left:52vw}}