#l_animation{display:none;position:relative;z-index:1000;pointer-events:none}
#l_animation .pageLoad{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:100;width:100%;height:100vh;background:var(--black900);color:var(--white900);font-size:3rem}
#l_animation .pageLoad p{filter:blur(10rem);opacity:0}
#l_animation .pageShift{position:fixed;top:0;left:0;z-index:100;width:100%;height:100vh;pointer-events:auto;transform:scaleY(0);transform-origin:bottom center;background:#ffffa2}
#l_container{position:relative;z-index:100;padding-left:38rem;min-height:100vh}
#l_container section{position:relative}
#l_container #pageTtl{overflow:clip}
#l_container #pageTtl .m_parts_pageTtl{margin:0}
#l_container #topicPath{padding:10rem 0 3rem}
#l_container #topicPath ul{font-size:1.4rem}
#l_container #topicPath ul li{position:relative;display:inline;color:var(--black900)}
#l_container #topicPath ul li+li{margin-left:.5rem;padding-left:2rem}
#l_container #topicPath ul li+li:before{content:'';position:absolute;margin:auto;top:.7rem;left:0;width:.7rem;height:.7rem;border-top:.1rem solid var(--black900);border-right:.1rem solid var(--black900);transform:rotate(45deg)}
#l_container #topicPath ul li a{text-decoration:underline;color:var(--black500)}
#l_footer{position:relative;z-index:100}
#l_footer #fixedCta{display:none}
#l_footer #footer{padding:8rem 0 8rem 38rem}
#l_footer #footer .daigaku{display:none}
#l_footer #footer ul.social{display:none}
#l_footer #footer p.info{display:none}
#l_footer #footer p.copy{text-align:center;font-size:1.3rem}
#l_header{position:relative;z-index:300}
#l_header .fixedLogo{display:none}
#l_header .drawerBtn{display:none}
#l_header .gnav{position:fixed;top:0;left:0;z-index:10}
#l_header .gnav .wrapper{display:flex;flex-direction:column;width:38rem;height:100dvh;padding:2rem 0;background:var(--blueGrad);color:var(--white100);font-weight:var(--fontBold);overflow:clip}
#l_header .gnav .wrapper::-webkit-scrollbar{width:.4rem;height:.4rem}
#l_header .gnav .wrapper .logo{text-align:center;margin-bottom:8rem}
#l_header .gnav .wrapper .logo a{display:inline-block}
#l_header .gnav .wrapper .logo a img{width:29.8rem}
#l_header .gnav .wrapper ul.main{margin-bottom:2.5rem}
#l_header .gnav .wrapper ul.main li+li{border-top:.1rem solid var(--white100)}
#l_header .gnav .wrapper ul.main li dl dt{position:relative;padding:1.2rem 3.8rem 1rem;font-size:2.1rem;cursor:pointer;transition:background .3s,color .3s,opacity .3s;letter-spacing:.1em}
#l_header .gnav .wrapper ul.main li dl dt:hover{opacity:var(--opacity500)}
#l_header .gnav .wrapper ul.main li dl dt:after,#l_header .gnav .wrapper ul.main li dl dt:before{content:'';position:absolute;margin:auto;top:2.9rem;right:2rem;width:1.7rem;height:.1rem;background:var(--white100);transition:transform .3s var(--easeOutCubic),background .3s}
#l_header .gnav .wrapper ul.main li dl dt:after{transform:rotate(90deg)}
#l_header .gnav .wrapper ul.main li dl dt.is-active{background:var(--white100);color:var(--black900)}
#l_header .gnav .wrapper ul.main li dl dt.is-active:after{will-change:transform,background;transform:rotate(0);background:var(--black900)}
#l_header .gnav .wrapper ul.main li dl dd{position:absolute;top:0;left:0;z-index:-1;width:35rem;height:100dvh;background:rgba(255,255,255,.8);box-shadow:1rem 0 1rem rgba(0,0,0,.1);transition:transform .7s var(--easeOutExpo);font-size:1.7rem}
#l_header .gnav .wrapper ul.main li dl dd.is-active{transform:translateX(38rem)}
#l_header .gnav .wrapper ul.main li dl dd .inner{height:100%;font-weight:var(--fontMedium);border-bottom:.1rem solid var(--white100)}
#l_header .gnav .wrapper ul.main li dl dd .inner a{position:relative;display:block;padding:1.5rem 2.5rem 1.4rem;color:var(--black900);border-top:.1rem solid var(--white100)}
#l_header .gnav .wrapper ul.main li dl dd .inner a:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:2.5rem;width:1.5rem;height:1.5rem;background:var(--black900);mask:url(/c/asset/img/i_arr.svg) no-repeat center;mask-size:100% auto}
#l_header .gnav .wrapper ul.main li.about dl dd{padding-top:24.7rem}
#l_header .gnav .wrapper ul.main li.course dl dd{padding-top:30.7rem}
#l_header .gnav .wrapper ul.main li.life dl dd{padding-top:36.8rem}
#l_header .gnav .wrapper ul.main li.admissions dl dd{padding-top:42.9rem}
#l_header .gnav .wrapper ul.main li>a{position:relative;display:block;padding:1.2rem 3.8rem 1rem;font-size:2.1rem;letter-spacing:.1em}
#l_header .gnav .wrapper ul.main li>a:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:2.2rem;width:1.5rem;height:1.5rem;background:var(--white100);mask:url(/c/asset/img/i_arr.svg) no-repeat center;mask-size:100% auto}
#l_header .gnav .wrapper ul.cta{margin-top:auto;padding:0 2rem}
#l_header .gnav .wrapper ul.cta li+li{margin-top:1rem}
#l_header .gnav .wrapper ul.cta li a{position:relative;display:block;border-radius:.8rem;border:.1rem solid var(--white100);background:var(--blue200);color:var(--black900);font-size:2rem;padding:1rem 1.5rem 1rem 9rem;letter-spacing:.1em}
#l_header .gnav .wrapper ul.cta li a img{position:absolute;top:1.1rem;left:2.8rem;z-index:10;width:3.6rem}
#l_header .gnav .wrapper ul.cta li.noIcon a{padding:1rem;text-align:center;border:.1rem solid var(--white100);background:var(--white100);font-size:2rem}
#l_header .gnav .wrapper .college{margin-top:4rem;padding:0 2rem}
#l_header .gnav .wrapper .college .daigaku img{width:23.8rem}
#l_header .gnav .wrapper .college p.address{margin-top:1rem;font-size:1.3rem;font-weight:var(--fontRegular)}
#l_header .gnav .wrapper ul.social{display:flex;align-items:center;column-gap:1.8rem;margin-top:2rem;padding:0 2rem}
#l_header .gnav .wrapper ul.social li{width:2.4rem}
#l_header .gnav .wrapper ul.social li a{display:inline-block}
#l_modal{position:relative;z-index:500}
@media screen and (max-width:767px){
#l_container{padding:0}
#l_container #topicPath{padding:10rem 0 3rem 0}
#l_container #topicPath ul{font-size:2rem}
#l_container #topicPath ul li+li{padding-left:2.5rem}
#l_container #topicPath ul li+li:before{top:1.1rem;width:1.1rem;height:1.1rem;border-top:.2rem solid var(--black900);border-right:.2rem solid var(--black900)}
#l_footer #fixedCta{display:block;position:fixed;bottom:-.5rem;left:0;z-index:100;width:100%}
#l_footer #fixedCta ul{display:flex;filter:drop-shadow(0 -.3rem 1.5rem rgba(0, 0, 0, .2))}
#l_footer #fixedCta ul li{flex-grow:1;border-radius:3rem 3rem 0 0;overflow:clip;background:var(--white100)}
#l_footer #fixedCta ul li+li a{border-left:.1rem solid var(--white100)}
#l_footer #fixedCta ul li a{display:flex;align-items:center;justify-content:center;column-gap:1rem;font-size:2.7rem;font-weight:var(--fontBold);background:var(--blue100);padding:2.5rem 0}
#l_footer #fixedCta ul li a i{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:4rem}
#l_footer #footer{padding:8rem 0 18rem;background:var(--black500);color:var(--white100)}
#l_footer #footer .wrap{padding:0 12rem}
#l_footer #footer .daigaku{display:block}
#l_footer #footer .daigaku img{width:50.4rem}
#l_footer #footer ul.social{display:flex;justify-content:center;column-gap:6rem;margin-top:7.5rem}
#l_footer #footer ul.social li a{display:inline-block;width:5.4rem}
#l_footer #footer p.info{display:block;margin-top:7.5rem;font-size:2rem}
#l_footer #footer p.copy{font-size:2rem;text-align:left;margin-top:4rem}
#l_header{position:fixed;top:0;left:0;width:100%;height:10rem;background:var(--white100);transition:height .7s var(--easeOutExpo)}
#l_header.is-fixed{height:12rem}
#l_header .fixedLogo{display:block;position:fixed;top:1.3rem;left:2.5rem;z-index:5}
#l_header .fixedLogo a{display:inline-block;width:18.2rem}
#l_header .drawerBtn{display:block;position:fixed;top:0;right:0;z-index:20;width:10rem;height:10rem;cursor:pointer;transition:transform .7s var(--easeOutExpo)}
#l_header .drawerBtn.is-fixed{transform:translateY(1.1rem)}
#l_header .drawerBtn i{position:absolute;left:1.75rem;width:6.5rem;height:.3rem;background:var(--black900);transition:background .5s,opacity .5s,top .5s,transform .5s}
#l_header .drawerBtn i:nth-child(1){top:3rem}
#l_header .drawerBtn i:nth-child(2){top:4.6rem}
#l_header .drawerBtn i:nth-child(3){top:6.2rem}
#l_header .drawerBtn.is-open i{background:var(--white100)}
#l_header .drawerBtn.is-open i:nth-child(1){top:4.6rem;transform:rotate(45deg)}
#l_header .drawerBtn.is-open i:nth-child(2){opacity:0}
#l_header .drawerBtn.is-open i:nth-child(3){top:4.6rem;transform:rotate(-45deg)}
#l_header .gnav.is-fixed .wrapper{will-change:width,height,border-radius,overflow,background;width:0;height:0dvh}
#l_header .gnav.is-open .wrapper{will-change:width,height,border-radius,overflow,background;width:100%;height:100dvh;border-radius:0;overflow-y:scroll}
#l_header .gnav .wrapper{width:31rem;height:17rem;padding:2rem 0 5rem;border-radius:0 0 4rem 0;transition:width .5s var(--easeOutExpo),height .7s var(--easeOutExpo),border-radius .7s var(--easeOutExpo),background .7s var(--easeOutExpo)}
#l_header .gnav .wrapper .logo{text-align:left;margin-bottom:5rem;padding:0 2.5rem}
#l_header .gnav .wrapper .logo a img{width:25rem}
#l_header .gnav .wrapper ul.main{width:75rem}
#l_header .gnav .wrapper ul.main li dl dt{font-size:3.6rem;padding:2rem 2.5rem 2rem}
#l_header .gnav .wrapper ul.main li dl dt:after,#l_header .gnav .wrapper ul.main li dl dt:before{top:5.5rem;right:3.9rem;width:2.5rem;height:.2rem}
#l_header .gnav .wrapper ul.main li dl dt.is-active{background:0 0;color:var(--white100)}
#l_header .gnav .wrapper ul.main li dl dt.is-active:after{background:var(--white100)}
#l_header .gnav .wrapper ul.main li dl dd{position:static;display:none;width:auto;height:auto;box-shadow:unset;font-size:3rem}
#l_header .gnav .wrapper ul.main li dl dd .inner{font-weight:var(--fontRegular);padding:0;border-bottom:none}
#l_header .gnav .wrapper ul.main li dl dd .inner a{padding:1.5rem 6.5rem}
#l_header .gnav .wrapper ul.main li dl dd .inner a:after{right:4.2rem;width:2.2rem;height:2.2rem}
#l_header .gnav .wrapper ul.main li.about dl dd{padding-top:0}
#l_header .gnav .wrapper ul.main li.course dl dd{padding-top:0}
#l_header .gnav .wrapper ul.main li.life dl dd{padding-top:0}
#l_header .gnav .wrapper ul.main li.admissions dl dd{padding-top:0}
#l_header .gnav .wrapper ul.main li>a{font-size:3.6rem;padding:2rem 2.5rem 2rem}
#l_header .gnav .wrapper ul.main li>a:after{right:4.2rem;width:2.2rem;height:2.2rem}
#l_header .gnav .wrapper ul.cta li a{font-size:3.6rem;padding:2rem 2rem 2rem 13rem}
#l_header .gnav .wrapper ul.cta li a img{top:2rem;left:3.1rem;width:7rem}
#l_header .gnav .wrapper ul.cta li.noIcon a{padding:2rem 2rem 2rem 13rem;text-align:left;font-size:3.6rem}
#l_header .gnav .wrapper .college{margin-top:10rem;padding:0 2.5rem}
#l_header .gnav .wrapper .college .daigaku img{width:40rem}
#l_header .gnav .wrapper .college p.address{font-size:2rem}
#l_header .gnav .wrapper ul.social{column-gap:3rem;margin-top:4rem;padding:0 2.5rem}
#l_header .gnav .wrapper ul.social li{width:5.4rem}
}
/*# sourceMappingURL=layout.css.map */