#l_animation{height:0;pointer-events:none}
#l_animation .pageBackground{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;background:var(--white300);opacity:0}
#l_animation .pageBackground .particle{width:100%;height:100%;filter:blur(4rem)}
#l_animation .pageBackground .particle canvas{width:100%;height:100%}
#l_container{position:relative;z-index:100;overflow:clip}
#l_container #topicPath{padding:10rem 5rem 2rem}
#l_container #topicPath.bg-white{background:var(--white100)}
#l_container #topicPath.bg-gray{background:var(--white200)}
#l_container #topicPath.bg-grayGrad{background:linear-gradient(0deg,#f4f4f3 0,#fff 100%)}
#l_container #topicPath ul li{display:inline;line-height:1.8}
#l_container #topicPath ul li:after{content:'・';color:var(--black800);margin:0 .5rem 0 .8rem}
#l_container #topicPath ul li:last-child:after{display:none}
#l_container #topicPath ul li a{color:var(--gray700)}
#l_footer{position:relative;z-index:200;overflow:clip}
#l_footer #fixedCta{display:none}
#l_footer #visual{position:sticky;top:0;left:0;z-index:-1;height:0}
#l_footer #visual .wrap{overflow:clip}
#l_footer #visual .bg{width:100%;height:100vh;background:url(/asset/img/footer_visual.webp) no-repeat center;background-size:cover!important;animation:imgZoom 15s linear infinite}
#l_footer #contact{position:relative;z-index:5;padding:5rem;background:var(--white100);margin-top:-.2rem}
#l_footer #contact .bg{background:var(--gray700);border-radius:2rem;padding:14rem 8rem}
#l_footer #contact .wrap{display:flex;align-items:center;justify-content:space-between;color:var(--white100)}
#l_footer #contact .ttlBox h2.ttl{color:var(--white100);margin-bottom:3rem}
#l_footer #contact .btnBox{display:flex;align-items:center;column-gap:3rem;text-align:center}
#l_footer #contact .btnBox .contact a,#l_footer #contact .btnBox .download a{display:inline-block;width:30rem;padding:1.8rem 0 2.1rem;font-size:2rem;border-radius:9rem;color:var(--white100);background:var(--orange500)}
#l_footer #contact .btnBox .contact a:after,#l_footer #contact .btnBox .download a:after{content:'';display:inline-block;position:relative;top:.4rem;width:2.4rem;height:2.4rem;margin-left:.8rem;background:var(--white100);mask:url(/asset/img/i_contact.svg) no-repeat center;mask-size:100% auto!important}
#l_footer #contact .btnBox .download a{background:var(--mint500)}
#l_footer #contact .btnBox .download a:after{mask:url(/asset/img/i_download.svg) no-repeat center;mask-size:100% auto!important}
#l_footer #sitemap{position:relative;z-index:5;padding:10rem 0 15rem;background:var(--black500);color:var(--white100)}
#l_footer #sitemap .wrap{display:flex;justify-content:space-between}
#l_footer #sitemap .wrap .logoBox{flex-shrink:0;width:40rem}
#l_footer #sitemap .wrap .logoBox a{display:inline-block;width:21rem}
#l_footer #sitemap .wrap .linkBox{display:flex;flex-direction:column;align-items:flex-end;width:96rem}
#l_footer #sitemap .wrap .linkBox ul.main{display:flex;column-gap:3rem}
#l_footer #sitemap .wrap .linkBox ul.main li{position:relative;padding-left:2rem}
#l_footer #sitemap .wrap .linkBox ul.main li:before{content:'';position:absolute;margin:auto;top:.9rem;left:0;width:.7rem;height:.7rem;border-radius:1rem;background:var(--white100)}
#l_footer #sitemap .wrap .linkBox ul.main li dl dt{margin-bottom:2rem}
#l_footer #sitemap .wrap .linkBox ul.main li dl dd{position:relative;font-size:1.4rem;padding-left:2rem}
#l_footer #sitemap .wrap .linkBox ul.main li dl dd:before{content:'';position:absolute;margin:auto;top:0;left:0;width:.1rem;height:100%;background:var(--gray500)}
#l_footer #sitemap .wrap .linkBox ul.main li dl dd a{display:block}
#l_footer #sitemap .wrap .linkBox ul.main li dl dd a+a{margin-top:.8rem}
#l_footer #sitemap .wrap .linkBox ul.sub{display:flex;flex-wrap:wrap;row-gap:2rem;column-gap:2.5rem;font-size:1.4rem;margin-top:5rem;padding-left:2.8rem}
#l_footer #sitemap .loopTxt{position:absolute;bottom:-4.5rem;left:0;z-index:10;width:100%;white-space:nowrap;font-size:10rem;font-family:var(--en);font-weight:var(--fontThin);line-height:1}
#l_footer #sitemap .loopTxt .inner{display:inline-flex;align-items:center;gap:3rem;will-change:transform;animation:loopTxtX 60s linear infinite}
#l_footer #sitemap .loopTxt span{flex:0 0 auto}
#l_footer #copyright{position:relative;z-index:5;padding:2rem 0 2rem;background:var(--black500);color:var(--white100)}
#l_footer #copyright p{text-align: center;font-size: 12px;}
#l_footer #brand{position:relative;padding-top:60rem}
#l_footer #brand .bg{background:var(--gray800)}
#l_footer #brand .wrap{display:flex;align-items:center;justify-content:space-between;padding:3rem 5rem}
#l_footer #brand .logo{flex-shrink:0;width:24rem}
#l_footer #brand .vision{width:32.4rem}
#l_header{position:relative;top:0;left:0;z-index:300}
#l_header .normalHeader{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4rem 5rem 0 4rem;transform:translateY(-100%)}
#l_header .normalHeader .logo{position:relative;z-index:30;padding-top:.5rem}
#l_header .normalHeader .logo a{display:inline-block;width:46.2rem}
#l_header .normalHeader button.drawerBtn{display:none}
#l_header .normalHeader .gnav{font-size:1.4rem;font-weight:var(--fontBold)}
#l_header .normalHeader .gnav .sub{display:flex;align-items:center;justify-content:flex-end;column-gap:2.5rem;text-align:center}
#l_header .normalHeader .gnav .sub .mail{position:relative}
#l_header .normalHeader .gnav .sub .mail a{position:relative;display:inline-block;color:var(--black400);padding-right:2.5rem}
#l_header .normalHeader .gnav .sub .mail a:after{content:'';position:absolute;margin:auto;top:.4rem;right:0;width:2rem;height:1.4rem;margin-left:.5rem;background:var(--black400);mask:url(/asset/img/i_mail.svg) no-repeat center;mask-size:100% auto}
#l_header .normalHeader .gnav .sub .language{margin-right:3rem}
#l_header .normalHeader .gnav .sub .language a.is-cur{pointer-events:none;text-decoration:underline}
#l_header .normalHeader .gnav .sub .contact a,#l_header .normalHeader .gnav .sub .download a{display:inline-block;width:16rem;padding:1.1rem 0 1.4rem;border-radius:9rem;color:var(--white100);background:var(--orange500)}
#l_header .normalHeader .gnav .sub .contact a:after,#l_header .normalHeader .gnav .sub .download a:after{content:'';display:inline-block;position:relative;top:.4rem;width:2rem;height:2rem;margin-left:.5rem;background:var(--white100);mask:url(/asset/img/i_contact.svg) no-repeat center;mask-size:100% auto!important}
#l_header .normalHeader .gnav .sub .download a{background:var(--mint500)}
#l_header .normalHeader .gnav .sub .download a:after{mask:url(/asset/img/i_download.svg) no-repeat center;mask-size:100% auto!important}
#l_header .normalHeader .gnav .main{margin-top:3rem;color:var(--black400)}
#l_header .normalHeader .gnav .main ul{display:flex;column-gap:3rem}
#l_header .normalHeader .gnav .main ul li{padding-bottom:.5rem;transition:border .3s;border-bottom:.2rem solid transparent}
#l_header .normalHeader .gnav .main ul li.is-cur{will-change:border-bottom;border-bottom:.2rem solid var(--mint500)}
#l_header .normalHeader .gnav .main ul li a{position:relative}
#l_header .normalHeader .gnav .main ul li dl{position:relative}
#l_header .normalHeader .gnav .main ul li dl dt{position:relative;padding-right:2.5rem;cursor:pointer}
#l_header .normalHeader .gnav .main ul li dl dt:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:0;width:2rem;height:2rem;background:var(--mint500);mask:url(/asset/img/i_arr01.svg) no-repeat center;mask-size:100% auto;transition:transform .3s var(--easeOutCubic);transform:rotate(90deg)}
#l_header .normalHeader .gnav .main ul li dl dd{position:absolute;top:100%;left:0;padding-top:1rem;transition:max-height .3s var(--easeOutCubic);max-height:0;overflow:clip;filter:drop-shadow(.1rem .6rem .6rem rgba(0, 0, 0, .06))}
#l_header .normalHeader .gnav .main ul li dl dd.forEmployers{width:26rem}
#l_header .normalHeader .gnav .main ul li dl dd.about{width:10rem}
#l_header .normalHeader .gnav .main ul li dl dd .inner{background:var(--white100);border-radius:.8rem;padding:2rem}
#l_header .normalHeader .gnav .main ul li dl dd .inner a{display:block}
#l_header .normalHeader .gnav .main ul li dl dd .inner a+a{margin-top:.8rem}
#l_header .normalHeader .gnav .main ul li dl:hover dt:after{transform:rotate(-90deg)}
#l_header .normalHeader .gnav .main ul li dl:hover dd{max-height:12rem}
#l_header .normalHeader .gnav .main ul li:nth-child(1) dl dd .inner{width:26rem}
#l_header .normalHeader .gnav .main ul li:nth-child(3) dl dd .inner{width:10rem}
#l_header .fixedHeader{position:fixed;top:0;left:0;z-index:300;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5rem;background:rgba(255,255,255,.95);box-shadow:0 1rem 2rem rgba(0,0,0,.03);transform:translateY(-100%);transition:transform .4s var(--easeOutCubic)}
#l_header .fixedHeader .logo{position:relative;z-index:30;padding-top:.5rem}
#l_header .fixedHeader .logo a{display:inline-block;width:26.4rem}
#l_header .fixedHeader .gnav{display:flex;align-items:center;column-gap:4.5rem;font-size:1.4rem;font-weight:var(--fontBold)}
#l_header .fixedHeader .gnav .main ul{display:flex;align-items:center;column-gap:2rem;height:9rem}
#l_header .fixedHeader .gnav .main ul li{padding:.5rem 0;transition:border .3s;border-bottom:.2rem solid transparent}
#l_header .fixedHeader .gnav .main ul li.is-cur{will-change:border-bottom;border-bottom:.2rem solid var(--mint500)}
#l_header .fixedHeader .gnav .main ul li a{display:flex;align-items:center;position:relative}
#l_header .fixedHeader .gnav .main ul li dl{position:relative}
#l_header .fixedHeader .gnav .main ul li dl dt{display:flex;align-items:center;position:relative;padding-right:2.5rem;cursor:pointer}
#l_header .fixedHeader .gnav .main ul li dl dt:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:0;width:2rem;height:2rem;background:var(--mint500);mask:url(/asset/img/i_arr01.svg) no-repeat center;mask-size:100% auto;transition:transform .3s var(--easeOutCubic);transform:rotate(90deg)}
#l_header .fixedHeader .gnav .main ul li dl dt br{display:none}
#l_header .fixedHeader .gnav .main ul li dl dd{position:absolute;top:100%;left:0;padding-top:1rem;transition:max-height .3s var(--easeOutCubic);max-height:0;overflow:clip;filter:drop-shadow(.1rem .6rem .6rem rgba(0, 0, 0, .06))}
#l_header .fixedHeader .gnav .main ul li dl dd.forEmployers{width:26rem}
#l_header .fixedHeader .gnav .main ul li dl dd.about{width:10rem}
#l_header .fixedHeader .gnav .main ul li dl dd .inner{background:var(--white100);border-radius:.8rem;padding:2rem}
#l_header .fixedHeader .gnav .main ul li dl dd .inner a{display:block;height:auto}
#l_header .fixedHeader .gnav .main ul li dl dd .inner a+a{margin-top:.8rem}
#l_header .fixedHeader .gnav .main ul li dl:hover dt:after{transform:rotate(-90deg)}
#l_header .fixedHeader .gnav .main ul li dl:hover dd{max-height:12rem}
#l_header .fixedHeader .gnav .main ul li:nth-child(1) dl dd .inner{width:26rem}
#l_header .fixedHeader .gnav .main ul li:nth-child(3) dl dd .inner{width:10rem}
#l_header .fixedHeader .gnav .sub{display:flex;column-gap:2rem;text-align:center}
#l_header .fixedHeader .gnav .sub .contact a,#l_header .fixedHeader .gnav .sub .download a{display:inline-block;width:16rem;padding:1rem 0 1.5rem;border-radius:9rem;color:var(--white100);background:var(--orange500)}
#l_header .fixedHeader .gnav .sub .contact a:after,#l_header .fixedHeader .gnav .sub .download a:after{content:'';display:inline-block;position:relative;top:.5rem;width:2rem;height:2rem;margin-left:.5rem;background:var(--white100);mask:url(/asset/img/i_contact.svg) no-repeat center;mask-size:100% auto!important}
#l_header .fixedHeader .gnav .sub .download a{background:var(--mint500)}
#l_header .fixedHeader .gnav .sub .download a:after{mask:url(/asset/img/i_download.svg) no-repeat center;mask-size:100% auto!important}
#l_header.is-fixed .fixedHeader{transform:translateY(0)}
#l_modal{position:relative;z-index:500}
@media screen and (max-width:1500px){
#l_header .fixedHeader .gnav .main ul li dl dt br{display:block}
}
@media screen and (max-width:1408px){
#l_container #topicPath{padding:10rem 2rem 2rem}
#l_footer #contact{padding:2rem}
#l_footer #contact .wrap{width:120rem}
}
@media screen and (max-width:767px){
#l_container #topicPath{padding:5rem 1rem 1.5rem;font-size:1.1rem}
#l_footer #fixedCta{display:block;position:fixed;bottom:0;left:0;z-index:10;width:100%;text-align:center;padding:1rem 0;transition:transform 1.3s var(--easeOutCubic);transform:translateY(250%)}
#l_footer #fixedCta.is-fixed{transform:translateY(0)}
#l_footer #fixedCta .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,50%));column-gap:2rem;padding:0 2.5rem}
#l_footer #fixedCta .contact a,#l_footer #fixedCta .download a{display:block;padding:1rem 0 1.5rem;border-radius:9rem;font-weight:var(--fontBold);color:var(--white100);background:var(--orange500);font-size:1.4rem}
#l_footer #fixedCta .contact a:after,#l_footer #fixedCta .download a:after{content:'';display:inline-block;position:relative;top:.4rem;width:2rem;height:2rem;margin-left:.5rem;background:var(--white100);mask:url(/asset/img/i_contact.svg) no-repeat center;mask-size:100% auto!important}
#l_footer #fixedCta .download a{background:var(--mint500)}
#l_footer #fixedCta .download a:after{mask:url(/asset/img/i_download.svg) no-repeat center;mask-size:100% auto!important}
#l_footer #visual .bg{animation:imgZoomSp 15s linear infinite;background:url(/asset/img/footer_visual@sp.webp) no-repeat center}
#l_footer #contact{padding:5rem 1rem}
#l_footer #contact .bg{padding:8rem 0}
#l_footer #contact .wrap{width:100%;display:block;padding:0 2rem}
#l_footer #contact .ttlBox{margin-bottom:4rem}
#l_footer #contact .ttlBox h2.ttl{margin-bottom:4rem;font-size:2.4rem}
#l_footer #contact .btnBox{flex-direction:column;row-gap:2rem;padding:0 1.5rem}
#l_footer #contact .btnBox .contact,#l_footer #contact .btnBox .download{width:100%}
#l_footer #contact .btnBox .contact a,#l_footer #contact .btnBox .download a{display:block;width:100%;padding:2rem 0;font-size:2rem;font-weight:var(--fontBold)}
#l_footer #contact .btnBox .contact a:after,#l_footer #contact .btnBox .download a:after{margin-left:.8rem;width:2.2rem;height:2.2rem}
#l_footer #sitemap{padding:9rem 0 10.5rem}
#l_footer #sitemap .wrap{flex-direction:column;row-gap:10rem;padding:0 6rem}
#l_footer #sitemap .wrap .logoBox{width:100%;text-align:center}
#l_footer #sitemap .wrap .logoBox a{width:17rem}
#l_footer #sitemap .wrap .linkBox{display:block;width:100%}
#l_footer #sitemap .wrap .linkBox ul.main{flex-direction:column;row-gap:5rem}
#l_footer #sitemap .wrap .linkBox ul.main li{padding-left:2rem;font-weight:var(--fontBold)}
#l_footer #sitemap .wrap .linkBox ul.main li:before{top:1rem}
#l_footer #sitemap .wrap .linkBox ul.main li dl dd{font-weight:var(--fontRegular);padding:0 0 .2rem 0}
#l_footer #sitemap .wrap .linkBox ul.main li dl dd:before{left:-2rem}
#l_footer #sitemap .wrap .linkBox ul.main li dl dd a+a{margin-top:1rem}
#l_footer #sitemap .wrap .linkBox ul.sub{display:block;margin-top:8rem;padding:0}
#l_footer #sitemap .wrap .linkBox ul.sub li+li{margin-top:3rem}
#l_footer #sitemap .loopTxt{bottom:-3rem;font-size:6.2rem}
#l_footer #copyright{padding:2rem 0 8rem}
#l_footer #copyright p{text-align: center;font-size: 12px;}
#l_footer #brand{padding-top:31.5rem;line-height:1}
#l_footer #brand .wrap{padding:2.5rem 2rem}
#l_footer #brand .logo{width:11rem}
#l_footer #brand .vision{width:14.5rem}
#l_header .normalHeader{position:fixed;padding:1.4rem 2rem;background:rgba(255,255,255,.95)}
#l_header .normalHeader .logo{padding-top:.3rem}
#l_header .normalHeader .logo a{width:20.4rem}
#l_header .normalHeader button.drawerBtn{display:block;position:fixed;top:.5rem;right:1.2rem;z-index:30;width:4.5rem;height:4.5rem;overflow:visible;text-align:center;border:.1rem solid transparent}
#l_header .normalHeader button.drawerBtn i{position:absolute;left:1rem;z-index:5;width:2.2rem;height:1px;background:var(--black800)}
#l_header .normalHeader button.drawerBtn i:nth-child(1){top:1rem}
#l_header .normalHeader button.drawerBtn i:nth-child(2){z-index:10;top:1.6rem}
#l_header .normalHeader button.drawerBtn i:nth-child(3){top:2.2rem}
#l_header .normalHeader button.drawerBtn span{position:absolute;bottom:.6rem;left:-.1rem;width:100%;font-size:.7rem;font-weight:var(--fontMedium);font-family:var(--en);letter-spacing:.04em;transition:opacity .3s}
#l_header .normalHeader button.drawerBtn.is-open{border-radius:9rem;border:.1rem solid var(--black800)}
#l_header .normalHeader button.drawerBtn.is-open i{width:1.4rem;height:.2rem;top:2.1rem;left:1.5rem}
#l_header .normalHeader button.drawerBtn.is-open i:nth-child(1){transform:rotate(45deg)}
#l_header .normalHeader button.drawerBtn.is-open i:nth-child(2){left:2.1rem;width:.2rem;height:.2rem;border-radius:0;background:var(--white100)}
#l_header .normalHeader button.drawerBtn.is-open i:nth-child(3){transform:rotate(-45deg)}
#l_header .normalHeader button.drawerBtn.is-open span{opacity:0}
#l_header .normalHeader .gnav{position:absolute;top:0;left:0;z-index:20;width:100%;height:100vh;overflow-y:scroll;display:flex;flex-direction:column;font-size:1.6rem;padding:15rem 5.5rem 10rem;background:rgba(255,255,255,.8);backdrop-filter:blur(1rem);transition:opacity .3s;opacity:0;pointer-events:none}
#l_header .normalHeader .gnav .sub{justify-content:flex-start;column-gap:4rem;order:2;margin-top:7rem;font-size:1.4rem}
#l_header .normalHeader .gnav .sub .mail:after{content:'';position:absolute;margin:auto;top:.3rem;right:-2rem;width:1px;height:1.6rem;background:var(--gray600)}
#l_header .normalHeader .gnav .sub .mail a{color:var(--black800);padding:0 0 0 3rem}
#l_header .normalHeader .gnav .sub .mail a:after{right:auto;top:.45rem;left:0}
#l_header .normalHeader .gnav .sub .contact,#l_header .normalHeader .gnav .sub .download{display:none}
#l_header .normalHeader .gnav .main{order:1;margin-top:0}
#l_header .normalHeader .gnav .main ul{flex-direction:column;row-gap:5rem}
#l_header .normalHeader .gnav .main ul li{padding-bottom:0}
#l_header .normalHeader .gnav .main ul li.is-cur{border:none}
#l_header .normalHeader .gnav .main ul li.is-cur a:before{background:var(--mint500)}
#l_header .normalHeader .gnav .main ul li.is-cur dl dt:before{background:var(--mint500)}
#l_header .normalHeader .gnav .main ul li a{display:block;padding-left:2rem}
#l_header .normalHeader .gnav .main ul li a:before{content:'';position:absolute;margin:auto;top:1rem;left:-.35rem;width:.7rem;height:.7rem;border-radius:9rem;border:.1rem solid var(--mint500)}
#l_header .normalHeader .gnav .main ul li dl dt{padding:0 0 0 2rem}
#l_header .normalHeader .gnav .main ul li dl dt:before{content:'';position:absolute;margin:auto;top:1rem;left:-.35rem;width:.7rem;height:.7rem;border-radius:9rem;border:.1rem solid var(--mint500)}
#l_header .normalHeader .gnav .main ul li dl dt:after{display:none}
#l_header .normalHeader .gnav .main ul li dl dt.is-active:after{transform:rotate(-90deg)!important}
#l_header .normalHeader .gnav .main ul li dl dd{display:block;position:relative;max-height:unset;font-size:1.4rem;margin-top:2rem;padding:0 0 .2rem 1.7rem;font-weight:var(--fontRegular)}
#l_header .normalHeader .gnav .main ul li dl dd:before{content:'';position:absolute;margin:auto;left:0;width:.1rem;height:100%;background:var(--gray600)}
#l_header .normalHeader .gnav .main ul li dl dd.forEmployers{width:100%}
#l_header .normalHeader .gnav .main ul li dl dd.about{width:100%}
#l_header .normalHeader .gnav .main ul li dl dd .inner{background:0 0;padding:0;border-radius:0}
#l_header .normalHeader .gnav .main ul li dl dd .inner a:before{display:none}
#l_header .normalHeader .gnav .main ul li dl dd .inner a+a{margin-top:1rem}
#l_header .normalHeader .gnav.is-open{opacity:1;pointer-events:auto}
#l_header .fixedHeader{display:none}
}
/*# sourceMappingURL=layout.css.map */
