#l_container{overflow:clip}
#l_container section{position:relative;z-index:10;padding-top:8rem;overflow:clip}
#l_container section:last-child{padding-bottom:18rem}
#l_container #pageTtl{padding-top:15rem;height:39.3rem;text-align:center;color:var(--white100);overflow:hidden}
#l_container #pageTtl:before{content:'';position:absolute;margin:auto;top:0;left:0;width:100%;height:100%;background:url(/asset/img/pageTtl_bg.webp) no-repeat bottom center;background-size:cover!important}
#l_container #pageTtl .ttl{position:relative;z-index:10}
#l_container #pageTtl .ttl em.en{font-family:var(--en);letter-spacing:.02em;font-weight:700;display:block;font-size:9.3rem;line-height:1;overflow:hidden;letter-spacing:.05em}
#l_container #pageTtl .ttl span.ja{display:block;margin-top:.5rem;font-size:2.6rem;letter-spacing:.15em}
#l_container #modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:0;z-index:500;background:rgba(0,0,0,.7);cursor:pointer;opacity:0;pointer-events:none;overflow:hidden;padding:0}
#l_container #modal.is-show{height:100%;padding:1.5rem;opacity:1;pointer-events:auto}
#l_container #modal .wrapper{position:relative;cursor:auto}
#l_container #modal .wrapper button.close{transition:opacity .3s;cursor:pointer;position:absolute;top:-5rem;right:-6rem;background:var(--white100);width:3.6rem;height:3.6rem;border-radius:9rem;border:1px solid var(--red500)}
#l_container #modal .wrapper button.close:hover{opacity:var(--opacity500)}
#l_container #modal .wrapper button.close:after,#l_container #modal .wrapper button.close:before{content:'';position:absolute;margin:auto;top:1.7rem;left:0;right:0;width:1.2rem;height:1px;background:var(--red500)}
#l_container #modal .wrapper button.close:before{transform:rotate(45deg)}
#l_container #modal .wrapper button.close:after{transform:rotate(-45deg)}
#l_container #modal .panel{position:relative;max-height:0;opacity:0;pointer-events:none}
#l_container #modal .panel.is-show{max-height:100%;opacity:1;pointer-events:auto}
#l_container #modal .staff{width:100rem}
#l_container #modal .staff .swiper{border-radius:1rem}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide{height:auto;max-height:75vh;overflow-y:scroll}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide::-webkit-scrollbar{width:0;height:0}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner{min-height:100%;display:flex;padding:5rem;background:var(--white100)}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .imgBox{flex-shrink:0;width:28.5rem;text-align:center;margin-right:4rem}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .imgBox .profile{margin-top:3.5rem}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .imgBox .profile h4.name{font-size:2rem;letter-spacing:.15em;color:var(--blue500)}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .imgBox .profile span.en{display:block;font-family:var(--en);letter-spacing:.02em;font-weight:700;font-weight:var(--fontBold);font-size:1.6rem;color:var(--red500)}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .imgBox .profile span.position{display:block;font-weight:var(--fontBold);font-size:1.4rem;color:#858585;margin-top:.8rem}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .txtBox dl+dl{margin-top:2.6rem}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .txtBox dl dt{font-size:1.4rem;color:var(--blue500);font-weight:var(--fontBold)}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .txtBox dl dd{font-size:1.5rem;line-height:1.7;margin-top:.2rem}
#l_container #modal .staff .swiper-button-next,#l_container #modal .staff .swiper-button-prev{transition:opacity .3s;cursor:pointer;background:var(--white100);width:3.6rem;height:3.6rem;border-radius:9rem;border:1px solid var(--red500)}
#l_container #modal .staff .swiper-button-next:hover,#l_container #modal .staff .swiper-button-prev:hover{opacity:var(--opacity500)}
#l_container #modal .staff .swiper-button-next:after,#l_container #modal .staff .swiper-button-prev:after{content:'';position:absolute;margin:auto;top:0;left:0;width:100%;height:100%;background:var(--red500);mask:url(/asset/img/i_arr.svg) no-repeat center;mask-size:.8rem auto}
#l_container #modal .staff .swiper-button-prev{left:-6rem;transform:rotate(180deg)}
#l_container #modal .staff .swiper-button-next{right:-6rem}
#l_container #modal .gallery,#l_container #modal .team{width:100rem}
#l_container #modal .gallery .swiper .swiper-wrapper .swiper-slide,#l_container #modal .team .swiper .swiper-wrapper .swiper-slide{display:flex;align-items:center;justify-content:center;height:auto;max-height:75vh}
#l_container #modal .gallery .swiper .swiper-wrapper .swiper-slide picture,#l_container #modal .team .swiper .swiper-wrapper .swiper-slide picture{max-height:100%;overflow-y:scroll}
#l_container #modal .gallery .swiper .swiper-wrapper .swiper-slide picture::-webkit-scrollbar,#l_container #modal .team .swiper .swiper-wrapper .swiper-slide picture::-webkit-scrollbar{width:0;height:0}
#l_container #modal .gallery .swiper-button-next,#l_container #modal .gallery .swiper-button-prev,#l_container #modal .team .swiper-button-next,#l_container #modal .team .swiper-button-prev{transition:opacity .3s;cursor:pointer;background:var(--white100);width:3.6rem;height:3.6rem;border-radius:9rem;border:1px solid var(--red500)}
#l_container #modal .gallery .swiper-button-next:hover,#l_container #modal .gallery .swiper-button-prev:hover,#l_container #modal .team .swiper-button-next:hover,#l_container #modal .team .swiper-button-prev:hover{opacity:var(--opacity500)}
#l_container #modal .gallery .swiper-button-next:after,#l_container #modal .gallery .swiper-button-prev:after,#l_container #modal .team .swiper-button-next:after,#l_container #modal .team .swiper-button-prev:after{content:'';position:absolute;margin:auto;top:0;left:0;width:100%;height:100%;background:var(--red500);mask:url(/asset/img/i_arr.svg) no-repeat center;mask-size:.8rem auto}
#l_container #modal .gallery .swiper-button-prev,#l_container #modal .team .swiper-button-prev{left:-6rem;transform:rotate(180deg)}
#l_container #modal .gallery .swiper-button-next,#l_container #modal .team .swiper-button-next{right:-6rem}
#l_footer{position:relative;z-index:110;padding:8rem 6rem;background:var(--blue500);color:var(--white100);letter-spacing:.1em}
#l_footer .toTop{position:absolute;top:-8.2rem;right:2rem}
#l_footer .toTop a{display:block;position:relative;width:5.6rem;height:5.6rem;border-radius:9rem;border:1px solid var(--red500);background:var(--white100)}
#l_footer .toTop a:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:0;left:0;margin:auto;width:1rem;height:1.5rem;background:var(--red500);mask:url(/asset/img/i_arr.svg) no-repeat center;mask-size:100% auto;transform:rotate(-90deg)}
#l_footer .toTop a img{display:none}
#l_footer .wrap{display:flex;justify-content:space-between;font-size:1.4rem;font-weight:var(--fontBold)}
#l_footer .wrap .logo{flex-shrink:0;text-align:center}
#l_footer .wrap .logo a{display:inline-block;width:17.6rem}
#l_footer .wrap .nav{display:flex}
#l_footer .wrap .nav .mainNav .social{display:flex;align-items:center;column-gap:3rem}
#l_footer .wrap .nav .mainNav .social span a{display:inline-block;position:relative;width:2.8rem;height:2.8rem;background:var(--white100);border-radius:9rem;text-align:center}
#l_footer .wrap .nav .mainNav .social span a:before{content:'';position:absolute;margin:auto;top:0;left:0;z-index:10;width:100%;height:100%;background:var(--blue500);mask-size:1.6rem auto!important}
#l_footer .wrap .nav .mainNav .social span a img{opacity:0;width:1.6rem}
#l_footer .wrap .nav .mainNav .social span.x a:before{mask:url(/asset/img/social_x.svg) no-repeat center}
#l_footer .wrap .nav .mainNav .social span.instagram a:before{mask:url(/asset/img/social_instagram.svg) no-repeat center}
#l_footer .wrap .nav .mainNav .row{display:flex;margin-top:2.5rem}
#l_footer .wrap .nav .mainNav .row ul{width:16rem}
#l_footer .wrap .nav .mainNav .row ul li{margin-bottom:2rem}
#l_footer .wrap .nav .mainNav .row ul li:last-child{margin-bottom:0}
#l_footer .wrap .nav .subNav dl dt{opacity:.5;padding-top:.2rem;margin-bottom:2.8rem}
#l_footer .wrap .nav .subNav dl dd .row{display:flex}
#l_footer .wrap .nav .subNav dl dd .row ul{width:16rem}
#l_footer .wrap .nav .subNav dl dd .row ul li{margin-bottom:2rem}
#l_footer .wrap .nav .subNav dl dd .row ul li:last-child{margin-bottom:0}
#l_footer p.copy{font-family:var(--en);font-weight:var(--fontMedium);font-size:1rem;letter-spacing:.1em;margin-top:3.5rem}
#l_header{position:fixed;top:0;left:0;z-index:300;width:100%;color:var(--white100);font-size:1.5rem;font-weight:var(--fontBlack);letter-spacing:.1em}
#l_header.is-blue .bg,#l_header.is-fixed .bg,#l_header.is-nav .bg{background:var(--blue500)}
#l_header .bg{display:flex;align-items:center;padding:0 2rem 0 4rem;transition:background .5s}
#l_header .bg .logo{position:relative;z-index:10;flex-shrink:0;margin-right:3rem}
#l_header .bg .logo a{display:inline-block;width:4.2rem}
#l_header .bg nav.gnav{width:100%}
#l_header .bg nav.gnav .inner{display:flex;align-items:center}
#l_header .bg nav.gnav ul{display:flex;column-gap:3rem}
#l_header .bg nav.gnav ul li>a{position:relative;z-index:5;display:inline-block;padding:2.5rem 0;border-bottom:.2rem solid transparent;transition:border .3s}
#l_header .bg nav.gnav ul li>a:hover{opacity:1;border-bottom:.2rem solid var(--white100)}
#l_header .bg nav.gnav ul li dl{position:relative}
#l_header .bg nav.gnav ul li dl dt{position:relative;z-index:5;padding:2.5rem 1.5rem 2.5rem 0;cursor:pointer;border-bottom:.2rem solid transparent;transition:border .3s}
#l_header .bg nav.gnav ul li dl dt:after{content:'';position:absolute;margin:auto;top:3.2rem;right:0;width:.8rem;height:1.2rem;background:var(--white100);mask:url(/asset/img/i_arr02.svg) no-repeat center;mask-size:100% auto;transform:rotate(90deg)}
#l_header .bg nav.gnav ul li dl dt:hover{border-bottom:.2rem solid var(--white100)}
#l_header .bg nav.gnav ul li dl dt.is-active:after{transform:rotate(-90deg)}
#l_header .bg nav.gnav ul li dl dd{position:absolute;top:100%;left:-20%;z-index:300;width:140%;letter-spacing:.15em;background:var(--blue500);font-weight:var(--fontBold);font-size:1.5rem;transition:opacity .3s;opacity:0;pointer-events:none;padding:.5rem 0 1rem}
#l_header .bg nav.gnav ul li dl dd a{position:relative;display:block;text-align:center;padding:.5rem 0}
#l_header .bg nav.gnav ul li dl dd.is-active{opacity:1;pointer-events:auto}
#l_header .bg nav.gnav .social{position:relative;z-index:10;display:flex;align-items:center;column-gap:1.5rem;margin-left:auto}
#l_header .bg nav.gnav .social span a{display:inline-block;width:2.8rem;height:2.8rem;background:var(--white100);border-radius:9rem;text-align:center}
#l_header .bg nav.gnav .social span a img{width:1.6rem;vertical-align:middle}
#l_header .bg .drawerBtn{display:none}
@media screen and (max-width:767px){
#l_container section{padding-top:5rem}
#l_container section:last-child{padding-bottom:15rem}
#l_container #pageTtl{padding-top:11.5rem;height:25.1rem}
#l_container #pageTtl:before{background:url(/asset/img/pageTtl_bg@sp.webp) no-repeat center;top:5rem;height:calc(100% - 5rem)}
#l_container #pageTtl .ttl em.en{font-size:4.3rem}
#l_container #pageTtl .ttl span.ja{margin-top:.8rem;font-size:1.4rem}
#l_container #modal .wrapper{width:100%}
#l_container #modal .wrapper button.close{top:-5rem;right:0}
#l_container #modal .staff{width:100%}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide{max-height:65vh}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner{display:block;padding:1rem 1rem 4rem}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .imgBox{display:flex;align-items:center;width:100%;margin:0 0 2.5rem}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .imgBox picture.img{flex-shrink:0;width:14.6rem;margin-right:1rem}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .imgBox .profile{width:100%;margin:0}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .imgBox .profile h4.name{font-size:1.6rem}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .imgBox .profile span.en{font-size:1rem}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .imgBox .profile span.position{font-size:1.2rem;margin-top:.6rem}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .txtBox dl+dl{margin-top:2.5rem}
#l_container #modal .staff .swiper .swiper-wrapper .swiper-slide .inner .txtBox dl dd{font-size:1.4rem}
#l_container #modal .staff .swiper-button-next,#l_container #modal .staff .swiper-button-prev{top:auto;bottom:-5.5rem;margin:0}
#l_container #modal .staff .swiper-button-prev{left:13.4rem}
#l_container #modal .staff .swiper-button-next{right:13.4rem}
#l_container #modal .gallery,#l_container #modal .team{width:100%}
#l_container #modal .gallery .swiper .swiper-wrapper .swiper-slide,#l_container #modal .team .swiper .swiper-wrapper .swiper-slide{max-height:65vh}
#l_container #modal .gallery .swiper-button-next,#l_container #modal .gallery .swiper-button-prev,#l_container #modal .team .swiper-button-next,#l_container #modal .team .swiper-button-prev{top:auto;bottom:-5.5rem;margin:0}
#l_container #modal .gallery .swiper-button-prev,#l_container #modal .team .swiper-button-prev{left:13.4rem}
#l_container #modal .gallery .swiper-button-next,#l_container #modal .team .swiper-button-next{right:13.4rem}
#l_footer{padding:6rem 12rem 4.5rem 1.5rem}
#l_footer .toTop{top:-5.5rem;right:1.5rem}
#l_footer .toTop a{width:4rem;height:4rem}
#l_footer .wrap{font-size:1.2rem}
#l_footer .wrap .logo{position:absolute;top:6.2rem;right:2rem;z-index:10}
#l_footer .wrap .logo a{width:8.7rem}
#l_footer .wrap .nav .mainNav .social{column-gap:1.5rem;position:absolute;top:20rem;right:3.3rem;z-index:10}
#l_footer .wrap .nav .mainNav .social span a{width:2.2rem;height:2.2rem}
#l_footer .wrap .nav .mainNav .social span a:before{mask-size:1.2rem auto!important}
#l_footer .wrap .nav .mainNav .social span a img{width:1.2rem}
#l_footer .wrap .nav .mainNav .row{flex-direction:column;row-gap:1.8rem;margin-top:0}
#l_footer .wrap .nav .mainNav .row ul{width:11rem}
#l_footer .wrap .nav .mainNav .row ul li{margin-bottom:1.8rem}
#l_footer .wrap .nav .subNav dl dt{padding-top:0;font-size:1rem;margin-bottom:2rem}
#l_footer .wrap .nav .subNav dl dd .row{flex-direction:column;row-gap:1.8rem}
#l_footer .wrap .nav .subNav dl dd .row ul{width:auto}
#l_footer .wrap .nav .subNav dl dd .row ul li{margin-bottom:1.8rem}
#l_footer p.copy{margin-top:4.5rem}
#l_header{font-size:1.2rem;font-weight:var(--fontBold);background:var(--blue500)}
#l_header .bg{padding:1rem}
#l_header .bg .logo{margin:0}
#l_header .bg .logo a{width:2.9rem}
#l_header .bg nav.gnav{position:fixed;top:0;left:0;z-index:5;height:100dvh;padding-top:5.2rem;background:var(--blue500);transition:opacity .5s;opacity:0;pointer-events:none}
#l_header .bg nav.gnav.is-open{opacity:1;pointer-events:auto}
#l_header .bg nav.gnav.is-open .social,#l_header .bg nav.gnav.is-open ul li{--delay:0.05s;transition:transform .4s var(--easeOutCubic),opacity .3s;transition-delay:calc(var(--delay) * var(--index));transform:translateX(0);opacity:1}
#l_header .bg nav.gnav:before{content:'';position:absolute;margin:auto;top:5.2rem;left:1.5rem;right:1.5rem;height:1px;background:#3b5480}
#l_header .bg nav.gnav .inner{display:block;height:100%;overflow-X:hidden;overflow-y:scroll;padding:0 1.5rem 3rem}
#l_header .bg nav.gnav ul{display:block}
#l_header .bg nav.gnav ul li{border-bottom:1px solid #3b5480;transform:translateX(5rem);opacity:0}
#l_header .bg nav.gnav ul li>a{display:block;padding:1.5rem 0;border-bottom:none}
#l_header .bg nav.gnav ul li>a:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:.8rem;width:.7rem;height:.7rem;background:var(--white100);mask:url(/asset/img/i_arr.svg) no-repeat center;mask-size:100% auto;transition:transform .3s var(--easeOutCubic)}
#l_header .bg nav.gnav ul li>a:hover{border-bottom:none}
#l_header .bg nav.gnav ul li dl dt{padding:1.5rem 0;border-bottom:none}
#l_header .bg nav.gnav ul li dl dt:before{content:'';position:absolute;margin:auto;top:0;bottom:0;right:.9rem;width:.6rem;height:1px;background:var(--white100)}
#l_header .bg nav.gnav ul li dl dt:after{top:0;bottom:0;right:.9rem;width:.6rem;height:1px;mask:none}
#l_header .bg nav.gnav ul li dl dt:hover{border-bottom:none}
#l_header .bg nav.gnav ul li dl dt.is-active:after{transform:rotate(0)}
#l_header .bg nav.gnav ul li dl dd{display:none;position:relative;top:auto;left:0;width:100%;background:0 0;padding:0;text-align:left;font-size:1.2rem;letter-spacing:.15em;transform:translateY(0);opacity:1;pointer-events:auto}
#l_header .bg nav.gnav ul li dl dd a{color:var(--white100);padding:1.5rem;text-align:left;border-top:1px dashed #3b5480}
#l_header .bg nav.gnav ul li dl dd a:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:.8rem;width:.7rem;height:.7rem;background:var(--white100);mask:url(/asset/img/i_arr.svg) no-repeat center;mask-size:100% auto;transition:transform .3s var(--easeOutCubic)}
#l_header .bg nav.gnav .social{justify-content:center;margin-top:3rem;transform:translateX(5rem);opacity:0}
#l_header .bg nav.gnav .social span a{width:2.2rem;height:2.2rem}
#l_header .bg nav.gnav .social span a img{width:1.2rem}
#l_header .bg .drawerBtn{display:block;position:absolute;top:0;right:0;z-index:10;width:5.2rem;height:5.2rem;background:var(--blue500)}
#l_header .bg .drawerBtn i{position:absolute;left:2rem;width:1.4rem;height:1px;background:var(--white100);transition:.3s opacity,top .3s var(--easeOutCubic),transform .3s var(--easeOutCubic)}
#l_header .bg .drawerBtn i:nth-child(1){top:2.1rem}
#l_header .bg .drawerBtn i:nth-child(2){top:2.6rem}
#l_header .bg .drawerBtn i:nth-child(3){top:3.1rem}
#l_header .bg .drawerBtn.is-open i:nth-child(1){top:2.6rem;transform:rotate(45deg)}
#l_header .bg .drawerBtn.is-open i:nth-child(2){opacity:0}
#l_header .bg .drawerBtn.is-open i:nth-child(3){top:2.6rem;transform:rotate(-45deg)}
}
/*# sourceMappingURL=layout.css.map */