#online-lesson .m-sub-mv{background-image:url(../../img/online-lesson/mv-img.jpg?20230911)}#online-lesson .m-title6{width:310px}@media screen and (max-width:640px){#online-lesson .m-sub-mv{background-image:url(../../img/online-lesson/mv-img_sp.jpg?20230220)}#online-lesson .m-title6{width:50%}}#online-lesson .taiken{padding-bottom:100px}#online-lesson .taiken-inner{position:relative;margin-top:100px}#online-lesson .taiken-inner::before{content:"";background-color:#f8f5f1;width:85%;height:100%;position:absolute;top:0;left:0;z-index:-1}@media screen and (max-width:640px){#online-lesson .taiken-inner::before{left:initial;right:0}}#online-lesson .taiken-inner--text{text-align:center;padding:130px 0 70px;position:relative;font-size:17px;font-size:1.0625rem}#online-lesson .taiken-inner--text::before{content:"";position:absolute;top:50px;right:50px;background-image:url(../../img/online-lesson/smartphone.svg);background-repeat:no-repeat;width:413px;height:412px;z-index:-1}@media screen and (max-width:640px){#online-lesson .taiken-inner--text::before{top:350px;right:0;width:280px;height:280px}}#online-lesson .taiken-inner--text::after{content:"";position:absolute;background-image:url(../../img/online-lesson/online-lesson-l.png);background-repeat:no-repeat;width:100%;height:100%;top:50px;left:70%;-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%)}@media screen and (max-width:640px){#online-lesson .taiken-inner--text::after{width:100%;background-size:contain;background-position:center;top:-135px;left:48%;z-index:-1}}#online-lesson .taiken-inner .campaign-bnr{margin-bottom:30px;text-align:center}#online-lesson .feature{margin-top:100px;margin-bottom:100px}#online-lesson .course{position:relative}#online-lesson .course::before,#online-lesson .flow::before{content:"";position:absolute;top:60px;right:0;z-index:-1;background-color:#fcf8e7;width:87%;height:90%}@media screen and (max-width:640px){#online-lesson .course::before{width:100%;height:100%}#online-lesson .flow::before{height:95%}}#online-lesson .course::after{content:"";position:absolute;top:0;right:calc(13% - 100px);background-image:url(../../img/taiken/ball.svg);background-repeat:no-repeat;background-position:top center;width:calc(50% - 100px);height:412px;z-index:-1}@media screen and (max-width:640px){#online-lesson .course::after{content:none;background-size:contain;right:0}}#online-lesson .course .dots{width:94px;height:94px;font-size:18px;font-size:1.125rem;padding:30px 0;margin:0 auto;text-align:center;border-radius:50%;background-color:#e2ba13;position:relative}#online-lesson .course .dots::before{content:"";position:absolute;width:0;height:0;bottom:0;right:10px;-webkit-transform:rotate(330deg);transform:rotate(330deg);border-style:solid;border-width:13px 5.5px 0 5.5px;border-color:#e2ba13 transparent transparent transparent}#online-lesson .course .dots span{position:relative}#online-lesson .course .dots span::before{content:"繝ｻ";color:#fff;position:absolute;top:-1em;left:0}#online-lesson .course--text{font-size:20px;font-size:1.25rem;text-align:center;max-width:533px;width:100%;margin:15px auto;position:relative}@media screen and (max-width:640px){#online-lesson .course--text{font-size:18px;font-size:1.125rem}}@media screen and (max-width:425px){#online-lesson .course--text{font-size:15px;font-size:.9375rem}}#online-lesson .course--text::after,#online-lesson .course--text::before{content:"";position:absolute;top:25%;width:2px;height:44px;background-color:#e2ba13}#online-lesson .course--text::before{left:0;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}#online-lesson .course--text::after{right:0;-webkit-transform:rotate(15deg);transform:rotate(15deg)}#online-lesson .course__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}#online-lesson .course__list--item{max-width:399px;width:100%;margin-bottom:30px}#online-lesson .course__list--item--text{margin-bottom:10px}#online-lesson .lesson-schedule{background-color:#f8f5f1;padding:70px 0 50px;margin-top:100px}#online-lesson .lesson-schedule .tabarea{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:50px 0}#online-lesson .lesson-schedule .tabarea .tabLabel{margin-right:3px;padding:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;color:#fff;background:#01636e;-webkit-transition:.5s;transition:.5s;cursor:pointer}@media screen and (max-width:640px){#online-lesson .lesson-schedule .tabarea .tabLabel{padding:5px}}#online-lesson .lesson-schedule .tabarea .tabLabel:nth-last-of-type(1){margin-right:0}#online-lesson .lesson-schedule .tabarea .tabLabel .sample5-6::before{border:1px solid #fff}@media screen and (max-width:640px){#online-lesson .lesson-schedule .tabarea .tabLabel .sample5-6::before{display:none}}#online-lesson .lesson-schedule .tabarea .tabLabel .sample5-6::after{border-bottom:1px solid #fff;border-right:1px solid #fff}@media screen and (max-width:640px){#online-lesson .lesson-schedule .tabarea .tabLabel .sample5-6::after{display:none}}#online-lesson .lesson-schedule .tabarea input{display:none}#online-lesson .lesson-schedule .tabarea input:checked+.tabLabel{color:#01636e;background:#fff}#online-lesson .lesson-schedule .tabarea input:checked+.tabLabel+.content{padding:50px;height:auto;overflow:auto;background-color:#fff;-webkit-transition:.5s opacity;transition:.5s opacity;opacity:1}@media screen and (max-width:640px){#online-lesson .lesson-schedule .tabarea input:checked+.tabLabel+.content{padding:25px}}#online-lesson .lesson-schedule .tabarea input:checked+.tabLabel .sample5-6::before{border:1px solid #01636e}@media screen and (max-width:640px){#online-lesson .lesson-schedule .tabarea input:checked+.tabLabel .sample5-6::before{display:none}}#online-lesson .lesson-schedule .tabarea input:checked+.tabLabel .sample5-6::after{border-bottom:1px solid #01636e;border-right:1px solid #01636e}@media screen and (max-width:640px){#online-lesson .lesson-schedule .tabarea input:checked+.tabLabel .sample5-6::after{display:none}}#online-lesson .lesson-schedule .tabarea .content{width:100%;height:0;opacity:0}#online-lesson .lesson-schedule .tabarea .content--schedule{overflow:hidden;border:3px solid #707070;margin-bottom:30px;position:relative;z-index:2}@media screen and (max-width:640px){#online-lesson .lesson-schedule .tabarea .content--schedule{overflow-x:scroll;white-space:nowrap}}#online-lesson .lesson-schedule .tabarea .content-image{width:100%}@media screen and (max-width:640px){#online-lesson .lesson-schedule .tabarea .content-image{min-width:640px;overflow-x:scroll}}#online-lesson .voice{margin-top:100px;margin-bottom:200px}@media screen and (max-width:640px){#online-lesson .voice{margin-top:50px;margin-bottom:50px}}#online-lesson .voice--main{position:relative}#online-lesson .voice--img{text-align:center;position:relative;z-index:-1}#online-lesson .voice--text{text-align:center;position:absolute;width:435px;background-color:#fff;bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);padding:100px 0 30px}@media screen and (max-width:640px){#online-lesson .voice--text{position:static;width:90%;-webkit-transform:none;transform:none;margin-top:-30px;margin-left:auto;margin-right:auto}}#online-lesson .voice--title{font-size:30px;font-size:1.875rem;position:relative}#online-lesson .voice--title::before{content:"";position:absolute;background-image:url(../../img/top/voice.svg);width:55px;height:47px;background-repeat:no-repeat;bottom:35px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#online-lesson .flow{padding:100px 0;position:relative}@media screen and (max-width:640px){#online-lesson .flow{padding:100px 0}}@media screen and (max-width:640px){#online-lesson .flow::before{width:100%}}#online-lesson .flow__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:30px 0}#online-lesson .flow__list--item{background-color:#fff;width:30%;padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:30px;position:relative;min-height:320px}@media screen and (max-width:640px){#online-lesson .flow__list--item{width:46%}}@media screen and (max-width:425px){#online-lesson .flow__list--item{width:100%}}#online-lesson .flow__list--item::after,#online-lesson .flow__list--item::before{position:absolute;width:0;height:0;border-style:solid;border-width:21.5px 0 21.5px 22px;border-color:transparent transparent transparent #01636e;z-index:1}#online-lesson .flow__list--item:nth-child(2)::before{content:"";top:50%;left:-10px}@media screen and (max-width:425px){#online-lesson .flow__list--item:nth-child(2)::before{content:none}}#online-lesson .flow__list--item:nth-child(2)::after{content:"";top:50%;right:-60px}@media screen and (max-width:640px){#online-lesson .flow__list--item:nth-child(2)::after{content:none}}@media screen and (max-width:640px){#online-lesson .flow__list--item:nth-child(4)::before{content:"";top:50%;left:-10px}}@media screen and (max-width:425px){#online-lesson .flow__list--item:nth-child(4)::before{content:none}}#online-lesson .flow__list--item:nth-child(5)::before{content:"";top:50%;left:-10px}@media screen and (max-width:640px){#online-lesson .flow__list--item:nth-child(5)::before{content:none}}#online-lesson .flow__list--item:nth-child(5)::after{content:"";top:50%;right:-60px;z-index:999}@media screen and (max-width:640px){#online-lesson .flow__list--item:nth-child(5)::after{content:none}}@media screen and (max-width:640px){#online-lesson .flow__list--item:nth-child(6)::before{content:"";top:50%;left:-10px}}@media screen and (max-width:425px){#online-lesson .flow__list--item:nth-child(6)::before{content:none}}#online-lesson .flow__list--item--num{position:absolute;top:40px;left:-25px;font-size:72px;font-size:4.5rem;line-height:.4;font-family:Overpass,sans-serif;font-style:italic;text-align:center;color:#ecd888}@media screen and (max-width:640px){#online-lesson .flow__list--item--num{left:-15px}}#online-lesson .flow__list--item--num span{font-size:18px;font-size:1.125rem}#online-lesson .flow__list--item--image{text-align:center}#online-lesson .flow__list--item--image img{width:auto;height:114px}#online-lesson .flow__list--item--text{font-size:16px;font-size:1rem;color:#01636e;text-align:center;margin-top:1em;font-weight:700}#online-lesson .qa{padding:100px 0}@media screen and (max-width:640px){#online-lesson .qa{padding:50px 0}}#online-lesson .qa--inner{margin-top:50px}#online-lesson .qa--box{margin-bottom:1px}#online-lesson .qa .question{position:relative;background-color:#e2ba13;padding:20px;padding-left:5em;font-size:16px;font-size:1rem}@media screen and (max-width:640px){#online-lesson .qa .question{font-size:14px;font-size:.875rem;padding-left:3em;padding-right:35px}}#online-lesson .qa .question:hover{cursor:pointer}#online-lesson .qa .question::before{content:"Q.";position:absolute;color:#fff;font-size:36px;font-size:2.25rem;font-family:Overpass,sans-serif;top:5px;left:.5em}@media screen and (max-width:640px){#online-lesson .qa .question::before{font-size:25px;font-size:1.5625rem;top:10px}}#online-lesson .qa .question::after{content:"��";color:#fff;position:absolute;font-size:33px;font-size:2.0625rem;top:2px;right:.5em}@media screen and (max-width:640px){#online-lesson .qa .question::after{font-size:23px;font-size:1.4375rem;top:10px}}#online-lesson .qa .question.active::after{content:"��";position:absolute;color:#fff;font-size:33px;font-size:2.0625rem;font-family:Overpass,sans-serif;top:5px;right:.5em}@media screen and (max-width:640px){#online-lesson .qa .question.active::after{font-size:23px;font-size:1.4375rem;top:13px}}#online-lesson .qa .answer{position:relative;padding:20px;padding-left:5em;background-color:#f8f8f8;font-size:15px;font-size:.9375rem;display:none}@media screen and (max-width:640px){#online-lesson .qa .answer{padding-left:3em;font-size:14px;font-size:.875rem}}#online-lesson .qa .answer::before{content:"A.";position:absolute;font-size:36px;font-size:2.25rem;color:#01636e;font-family:Overpass,sans-serif;top:5px;left:.5em}@media screen and (max-width:640px){#online-lesson .qa .answer::before{font-size:25px;font-size:1.5625rem;top:10px}}#online-lesson .booking--text{text-align:center;font-size:16px;font-size:1rem;margin:60px 0 30px}@media screen and (max-width:640px){#online-lesson .booking--text{font-size:14px;font-size:.875rem}}#online-lesson .course-info{position:relative}#online-lesson .course-info.adult{padding:100px 0}@media screen and (max-width:640px){#online-lesson .course-info::after{width:100%;background-position:center bottom}}@media screen and (max-width:640px)and (max-width:425px){#online-lesson .course-info::after{bottom:-80px}}#online-lesson .course-info--image{margin-top:35px}#online-lesson .course-info--box{width:45%;margin-left:auto;padding:30px;margin-top:-150px;background-color:#fff;position:relative;z-index:1}@media screen and (max-width:640px){#online-lesson .course-info--box{width:95%;margin-right:auto;margin-top:-10px;padding:15px}}#online-lesson .course-info--box--text{font-size:16px;font-size:1rem}#online-lesson .course-info__info{max-width:800px;margin-top:70px;margin-right:auto;margin-left:auto}@media screen and (max-width:640px){#online-lesson .course-info__info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#online-lesson .course-info__info--flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-around}#online-lesson .course-info__info--flex.center{justify-content:center}@media screen and (max-width:640px){#online-lesson .course-info__info--flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#online-lesson .course-info__info--box{width:40%}#online-lesson .course-info__info--flex.center .course-info__info--box{width:auto}@media screen and (max-width:640px){#online-lesson .course-info__info--box{width:100%;margin-bottom:10px}}#online-lesson .course-info__info--box:nth-of-type(3){width:40%}@media screen and (max-width:640px){#online-lesson .course-info__info--box:nth-of-type(3){width:100%}}#online-lesson .course-info__info--box--text{font-size:18px;font-size:1.125rem;border-bottom:2px solid #e2ba13}#online-lesson .course-info__info--box .dateBox{padding:5px}#online-lesson .course-info__info__list{padding:30px 25px;margin-top:30px}#online-lesson .course-info__info__list--item{padding-left:10px;text-indent:-1em}@media screen and (max-width:640px){#online-lesson .course-info__info__list{padding:15px}}#online-lesson .course-info__info__list--item{font-size:15px;font-size:.9375rem}#online-lesson .course2-info--image{text-align:right;margin-top:35px}#online-lesson .course2-info--box{padding:30px;margin-left:10%;margin-top:-120px;width:38%;background-color:#fff;position:relative;z-index:1}@media screen and (max-width:640px){#online-lesson .course2-info--box{width:95%;margin-top:-10px;margin-left:auto;margin-right:auto;padding:15px}}#online-lesson .sec-staff1,#online-lesson .sec-staff2{position:relative;margin-top:100px}#online-lesson .sec-staff1::before,#online-lesson .sec-staff2::before{content:"";background-color:#f8f5f1;width:85%;height:80%;position:absolute;top:100px;z-index:-2}@media screen and (max-width:640px){#online-lesson .sec-staff1::before,#online-lesson .sec-staff2::before{width:100%;height:100%}}#online-lesson .sec-staff1 .staff__list,#online-lesson .sec-staff2 .staff__list{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}#online-lesson .sec-staff1 .staff__list--inner,#online-lesson .sec-staff2 .staff__list--inner{width:50%;margin-top:50px;text-align:right;padding-right:30px;position:relative}@media screen and (max-width:640px){#online-lesson .sec-staff1 .staff__list--inner,#online-lesson .sec-staff2 .staff__list--inner{width:100%;padding-right:0}}#online-lesson .sec-staff1 .staff__list--inner::before,#online-lesson .sec-staff2 .staff__list--inner::before{content:"";position:absolute;top:15px;right:15px;width:379px;height:269px;border:2px solid #e2ba13;z-index:-1}@media screen and (max-width:640px){#online-lesson .sec-staff1 .staff__list--inner::before,#online-lesson .sec-staff2 .staff__list--inner::before{width:65%;right:-15px}}@media screen and (max-width:425px){#online-lesson .sec-staff1 .staff__list--inner::before,#online-lesson .sec-staff2 .staff__list--inner::before{width:95%;height:100%}}#online-lesson .sec-staff1 .staff__list--inner img,#online-lesson .sec-staff2 .staff__list--inner img{max-width:380px;max-height:270px;width:100%;height:100%}@media screen and (max-width:640px){#online-lesson .sec-staff1 .staff__list--inner img,#online-lesson .sec-staff2 .staff__list--inner img{max-width:none;max-height:none;height:auto}}#online-lesson .sec-staff1 .staff--message,#online-lesson .sec-staff2 .staff--message{text-align:left;margin-top:-40px;width:87%;min-height:330px;padding:30px;position:relative;background-color:#fff}@media screen and (max-width:640px){#online-lesson .sec-staff1 .staff--message,#online-lesson .sec-staff2 .staff--message{width:100%;padding:30px 15px;min-height:auto}}#online-lesson .sec-staff1 .staff--message--text,#online-lesson .sec-staff2 .staff--message--text{font-size:14px;font-size:.875rem;line-height:2}#online-lesson .sec-staff1 .staff--position,#online-lesson .sec-staff2 .staff--position{font-size:15px;font-size:.9375rem;color:#01636e;font-family:"Noto Sans JP",sans-serif;font-weight:500}#online-lesson .sec-staff1 .staff-name,#online-lesson .sec-staff2 .staff-name{font-family:"Noto Sans JP",sans-serif;font-weight:500;font-size:18px;font-size:1.125rem;margin-top:5px;margin-bottom:10px}#online-lesson .sec-staff1 .staff-name .post,#online-lesson .sec-staff2 .staff-name .post{font-size:16px;font-size:1rem;border-left:2px solid #e2ba13;padding-left:10px;margin-left:10px}#online-lesson .sec-staff2 .m-title4{position:absolute;right:0;top:25px;text-align:right;padding-right:10%}#online-lesson .sec-staff2 .m-wrapper{padding-top:100px}#online-lesson .sec-staff2 .m-wrapper .staff__list{margin-top:50px}#online-lesson .youtube{margin:130px auto 50px;max-width:700px;width:100%;position:relative;z-index:2;padding-top:39.25%}#online-lesson .youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%}@media screen and (max-width:640px){#online-lesson .youtube{padding-top:56.25%;margin-top:100px}#online-lesson .m-title7::before{bottom:-40%}}