#l_modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:500;width:100vw;height:100dvh;background:rgba(0,0,0,.8);cursor:pointer;transition:opacity .3s;pointer-events:none;opacity:0}
#l_modal.is-show{opacity:1;pointer-events:auto}
#l_modal .wrapper{width:var(--width);max-height:85dvh;margin:0 auto}
#l_modal .wrapper .close{text-align:right;color:var(--white900);margin-bottom:1rem;padding:0 4rem;font-size:2.6rem}
#l_modal .wrapper .close span{transition:opacity .3s;cursor:pointer;cursor:pointer}
#l_modal .wrapper .close span:hover{opacity:var(--opacity500)}
#l_modal .wrapper .close span i{position:relative;top:1rem;display:inline-block;width:4rem;height:4rem;margin-right:1rem}
#l_modal .wrapper .close span i:after,#l_modal .wrapper .close span i:before{content:'';position:absolute;margin:auto;top:1.8rem;left:0;width:4rem;height:.2rem;background:var(--white900);transform:rotate(45deg)}
#l_modal .wrapper .close span i:after{transform:rotate(-45deg)}
#l_modal .panel{height:0;overflow:hidden}
#l_modal .panel.is-show{height:auto}
#l_modal #modal_reason02_teacher{overflow-x:visible}
#l_modal #modal_reason02_teacher .swiper .swiper-wrapper .swiper-slide{padding:0 4rem}
#l_modal #modal_reason02_teacher .swiper .swiper-wrapper .swiper-slide .box{max-height:calc(85dvh - 5.1rem);overflow-x:hidden;overflow-y:scroll;background:var(--white900);cursor:auto;padding:2rem 6.6rem 6.6rem}
#l_modal #modal_reason02_teacher .swiper .swiper-wrapper .swiper-slide .box::-webkit-scrollbar{display:none}
#l_modal #modal_reason02_teacher .swiper .swiper-wrapper .swiper-slide .box .inner{position:relative;text-align:center}
#l_modal #modal_reason02_teacher .swiper .swiper-wrapper .swiper-slide .box .inner p.txt{text-align:left;font-size:2.4rem;text-align:justify;text-justify:inter-ideograph;margin-top:4rem;line-height:1.8}
#l_modal #modal_reason02_teacher .swiper .swiper-button-next,#l_modal #modal_reason02_teacher .swiper .swiper-button-prev{width:4.4rem;height:4.4rem;background:url(../img/i_arr_swiper.webp) no-repeat center;background-size:cover;border:.2rem solid var(--white900)}
#l_modal #modal_reason02_teacher .swiper .swiper-button-next:after,#l_modal #modal_reason02_teacher .swiper .swiper-button-prev:after{display:none}
#l_modal #modal_reason02_teacher .swiper .swiper-button-prev{left:1.8rem;transform:rotate(180deg)}
#l_modal #modal_reason02_teacher .swiper .swiper-button-next{right:1.8rem}
#l_modal #modal_reason04{overflow-x:visible}
#l_modal #modal_reason04 .swiper .swiper-wrapper .swiper-slide{padding:0 4rem}
#l_modal #modal_reason04 .swiper .swiper-wrapper .swiper-slide .box{max-height:calc(85dvh - 5.1rem);overflow-x:hidden;overflow-y:scroll;background:var(--white900);cursor:auto}
#l_modal #modal_reason04 .swiper .swiper-wrapper .swiper-slide .box::-webkit-scrollbar{display:none}
#l_modal #modal_reason04 .swiper .swiper-wrapper .swiper-slide .box .inner{position:relative}
#l_modal #modal_reason04 .swiper .swiper-wrapper .swiper-slide .box .inner .btn{position:absolute;bottom:0;left:0;z-index:10;width:100%;padding:0 3rem 5rem}
#l_modal #modal_reason04 .swiper .swiper-button-next,#l_modal #modal_reason04 .swiper .swiper-button-prev{width:4.4rem;height:4.4rem;background:url(../img/i_arr_swiper.webp) no-repeat center;background-size:cover;border:.2rem solid var(--white900)}
#l_modal #modal_reason04 .swiper .swiper-button-next:after,#l_modal #modal_reason04 .swiper .swiper-button-prev:after{display:none}
#l_modal #modal_reason04 .swiper .swiper-button-prev{left:1.8rem;transform:rotate(180deg)}
#l_modal #modal_reason04 .swiper .swiper-button-next{right:1.8rem}
#l_modal #modal_skill_curriculum{overflow-x:visible}
#l_modal #modal_skill_curriculum .swiper .swiper-wrapper .swiper-slide{padding:0 4rem}
#l_modal #modal_skill_curriculum .swiper .swiper-wrapper .swiper-slide .box{max-height:calc(85dvh - 5.1rem);overflow-x:hidden;overflow-y:scroll;background:var(--white900);cursor:auto}
#l_modal #modal_skill_curriculum .swiper .swiper-wrapper .swiper-slide .box::-webkit-scrollbar{display:none}
#l_modal #modal_skill_curriculum .swiper .swiper-wrapper .swiper-slide .box .inner{position:relative}
#l_modal #modal_skill_curriculum .swiper .swiper-wrapper .swiper-slide .box .inner h3.hd{text-align:center;background:#f06f08;color:var(--white900);font-size:3.2rem;font-weight:var(--fontBold);padding:1rem 0 .7rem}
#l_modal #modal_skill_curriculum .swiper .swiper-wrapper .swiper-slide .box .inner ul{padding:2.5rem 3rem;font-weight:var(--fontMedium)}
#l_modal #modal_skill_curriculum .swiper .swiper-wrapper .swiper-slide .box .inner ul li{font-size:2.6rem;padding:1rem 1.5rem .8rem;background:#fafbed;border-left:1rem solid #f06f08;border-radius:.2rem}
#l_modal #modal_skill_curriculum .swiper .swiper-wrapper .swiper-slide .box .inner ul li+li{margin-top:1rem}
#l_modal #modal_skill_curriculum .swiper .swiper-button-next,#l_modal #modal_skill_curriculum .swiper .swiper-button-prev{width:4.4rem;height:4.4rem;background:url(../img/i_arr_swiper.webp) no-repeat center;background-size:cover;border:.2rem solid var(--white900)}
#l_modal #modal_skill_curriculum .swiper .swiper-button-next:after,#l_modal #modal_skill_curriculum .swiper .swiper-button-prev:after{display:none}
#l_modal #modal_skill_curriculum .swiper .swiper-button-prev{left:1.8rem;transform:rotate(180deg)}
#l_modal #modal_skill_curriculum .swiper .swiper-button-next{right:1.8rem}
#l_modal #modal_campaign{padding:0 4rem;position:relative;}
#l_modal #modal_campaign a{position:absolute;left: 2rem;bottom: 4rem; width: 62.5rem;margin-bottom: 0;padding: 0;}
#l_modal #modal_campaign .modal_campaign__img {position: relative;}
#l_modal #modal_campaign a img{transition:opacity .5s}
#l_modal #modal_campaign a:hover{opacity:1}
#l_modal #modal_campaign a:hover img{opacity:.6}



#l_modal .wrapper{width:var(--width);max-height:95dvh;overflow-y: scroll;}
#l_modal #modal_campaign{padding:0 4rem;position:relative;}
#l_modal .wrapper::-webkit-scrollbar{display:none}
#l_modal #modal_campaign a{position:absolute;left: 2rem;bottom: 4rem; width: 62.5rem;margin-bottom: 0;padding: 0;}
#l_modal #modal_campaign .modal_campaign__img {position: relative;background:url(../img/modal_line_bg.webp) no-repeat center top; background-size: cover;}
#l_modal #modal_campaign a img{transition:opacity .5s}
#l_modal #modal_campaign a:hover{opacity:1}
#l_modal #modal_campaign a:hover img{opacity:.6}

#l_modal #modal_campaign .line--03 a:before{display: none;}
#l_modal #modal_campaign .line--03 a{position:relative;left: auto;bottom: auto; width: 100%;margin-bottom: 0;padding: 0;}
#l_modal #modal_campaign .line--03 a {border: none;background: none;padding: 0;}
  

#bodywrap{display:flex;width:var(--width);margin:0 auto;background:var(--white900)}
#bodywrap #l_container{flex-shrink:0;width:var(--width)}
#bodywrap #l_container section{position:relative}
#bodywrap #l_side{display:flex;align-items:center;justify-content:center;position:sticky;top:0;height:100vh;margin-left:4rem}
#bodywrap #l_side .wrapper{width:30rem;padding:2rem;background:var(--black900)}
#bodywrap #l_side .logo{display:flex;align-items:center;justify-content:center;color:var(--white900);line-height:1.3}
#bodywrap #l_side .logo picture{position:relative;top:.1rem;flex-shrink:0;width:6.4rem;margin-right:1rem;background:var(--white900);mask:url(../img/logo.svg) no-repeat center;background-size:100% auto!important}
#bodywrap #l_side .logo picture img{width:100%;opacity:0}
#bodywrap #l_side .logo .name p.sub{font-size:1.28rem;font-weight:var(--fontBold)}
#bodywrap #l_side .logo .name p.main{font-size:1.8rem;font-weight:var(--fontBlack)}
#bodywrap #l_side .line{background:var(--white900);margin-top:1rem;text-align:center;padding-bottom:1.5rem; padding-top: 0;}
#bodywrap #l_side .line h3{display:flex;align-items:center;justify-content:center;background:#4cc764;color:var(--white900);font-weight:var(--fontBold);padding:.2rem;margin-bottom:1rem}
#bodywrap #l_side .line h3:before{content:'';display:inline-block;position:relative;width:3.6rem;height:3.6rem;background:url(../img/social_line.webp) no-repeat center;background-size:100% auto}
#bodywrap #l_side .line h3 small{font-size:1.2rem}
#bodywrap #l_side .line picture.qr img{width:18rem}
#bodywrap #l_side .bnr{margin-top:2rem}
@media screen and (max-width:1500px){
#bodywrap #l_side{display:none}
}