html{-webkit-overflow-scrolling:touch}.relative{position:relative}.absolute{position:absolute}.flex{display:flex}.i-flex{display:flex !important}.flex-block{display:flex}.block-flex{display:block}@media screen and (max-width:767px){.flex-block{display:block !important}.block-flex{display:flex}.sp-flex-center{display:flex;justify-content:center}.sp-align-center{align-items:center}.sp-space-around{justify-content:space-around !important}}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.flex_wrap{display:flex;flex-direction:row;flex-wrap:wrap}.flex_center{display:flex;justify-content:center}.align-center{align-items:center}.flex-end{align-items:flex-end}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.side-s{overflow-x:auto;white-space:nowrap}.side-s::-webkit-scrollbar{display:none}.btn{padding:20px 10px 20px 20px;border-radius:5px;font-size:16px !important}.arrow-r-gray{width:90px;margin:20px 10px 30px auto}.img_box img{width:100%;height:auto}.font10{font-size:10px}.font12{font-size:12px}.font14{font-size:14px}.font16{font-size:16px}.font18{font-size:18px}.font20{font-size:20px}.font22{font-size:22px}.font24{font-size:24px}.font26{font-size:26px}.font28{font-size:28px}.font30{font-size:30px}.font36{font-size:36px}.font40{font-size:40px !important}.font44{font-size:44px}.font43{font-size:43px !important}.font46{font-size:46px}.font50{font-size:50px}.font58{font-size:58px}.font100{font-size:100px}.font120{font-size:120px}.note{font-size:12px;align-items:flex-end}.movie-title{font-family:Garamond;font-size:70px;line-height:24px;position:absolute;margin-top:-12px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}.movie-title span{font-family:'游ゴシック';font-weight:bold;font-size:25px;line-height:4}.movie,.std-t-movie-img,.ls-movie-img, .ba-movie-img{max-width:1600px;width:70%;margin:40px auto 0;}.f990{max-width:1600px;width:90%;margin:10vw auto;width:100%}.mw1025{max-width:1025px}.mw1200{max-width:1200px}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0{margin-left:0}#footer_bn_box{max-width:386px;width:30vw;position:fixed;bottom:0;right:0;z-index:200}#footer_bn_box button{width:100%}#footer_bn_box img{width:100%;vertical-align:top}.mv{margin-top:90px}.mv-img img{width:100vw}.mv-reserva{display:inline-block;position:relative;left:8px}.mv-reserva img{width:30vw}.mv-bnr{margin-top:30px;margin:30px 30px 0 auto}.mv-bnr ul{margin:0 0 0 auto;width:980px}.mv-bnr ul li{width:300px;margin-right:20px}.mv-bnr ul li:last-child{width:50px;margin-right:0}.mv-bnr li img{width:100%}.mv .bg-c-gray{width:82%;height:300px;z-index:-1;bottom:-200px;right:0}.mv-acs{left:3vw;bottom:3vw}.mv-scrl{margin-right:30px;width:20px}.mv-reserva{width:16vw}.h1 span:before{content:"";position:absolute;display:block;width:100%;height:.6em;left:0;bottom:-4px;background-color:#fbb03b;z-index:-1}.h1-border{width:200px;line-height:1.7}.indent2{text-indent:-1.5em;padding-left:2em}#jelca-logo{width:60px}.btm0{bottom:0}.score-example-left .absolute{width:100%}.versant-score{max-width:600px;margin-right:30px}.txt-tb-center{align-items:center}.tri-gray{width:0;height:0;margin:4px;border-style:solid;border-width:100px 100px 0 0;border-color:#999 transparent transparent transparent}.tri-gray p{top:-93px;right:-42px}#reasonsList li{width:23%;font-size:26px}#consulting{background-image:url("../../img/top/new/cslt-bg.jpg");background:contain;width:100%;background-size:cover;height:auto;background-repeat:no-repeat;overflow:hidden;background-position:center top}#consulting .f990{margin:8% auto 11%}.cnslt-l{width:40%;margin-right:70px}.cnslt-r{max-width:800px;width:48%;margin:-30px}.cnslt-l .img_box,.cnslt-r .img_box{width:67%;margin:0 auto}.tplan-list li{width:33%}.tplan-list li img:first-child{width:100%}.shadow-b{width:100%;height:95%;background-color:rgb(0,27,42,50%);top:0}.shadow-b:hover{background-color:inherit}.tplan-list li div div{width:70px;margin:10px 10px 0 auto;bottom:16px;left:20px;font-size:18px;font-weight:bold}.tplan-list li a:hover div{opacity:1 !important}.tplan-list li div div img{width:50px;margin-left:10px}#s1000h.bg-c-gray{background-color:#f2f2f2}.tplan-bgn{width:600px;height:276px;right:0;z-index:-1}.tplan-bgn.bg-c-gray{background-color:#f2f2f2}.pdca-list{width:120%}.pdca-list li{width:20%}.pdca-list li:nth-child(2),.pdca-list li:nth-child(4),.pdca-list li:nth-child(6),.pdca-list li:nth-child(8){width:1%;position:relative;text-align:center;align-items:center;display:flex;justify-content:center}.pdca-list li:nth-child(8){width:3%}.pdca-list li img{width:100%}.pdca-list li .tri-gray{border-width:53px 53px 0 0}.pdca-list li .tri-gray p{top:-50px;left:2px;font-size:12px}.pdca-list li:nth-child(5) .tri-gray p,.pdca-list li:nth-child(7) .tri-gray p{font-size:10px}.pdca-list .gray-border-b-s{border-bottom:3px solid #ccc}#goal .shadow-b:hover .tri-gray p{color:#10386b}.std-t .img_box{width:60%}.std-t-movie{margin-top:-240px;margin-bottom:150px}.std-t-movie .movie-title{margin-top:-12px}.std-t-movie .vertical-line{height:94px;margin:0 auto 60px}.rs-list li{width:30%;margin-bottom:80px}.rs-list li .border_gray{padding:20px;border:3px solid #f8f8f8}.rs-list h3{font-size:18px}.rs-list .img_box{width:80px;height:72px;position:relative;text-align:center;align-items:center;display:flex;justify-content:center}.fellow-h{top:130px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:1}.fellow-prof{width:1600px;margin:0 auto;position:relative}.fellow-prof .vertical-line-gray{width:3px;height:50px;margin-top:484px;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}.fellow .bg-c-gray{width:100%;background-color:#f2f2f2;height:190px;position:absolute;z-index:-1;top:216px}.fellow h3{font-size:32px}.fellow h3 span{font-size:22px}.fellow-prof-name-s,.fellow-prof-name{bottom:130px}.fellow-prof-name{margin-right:250px}.fellow-prof-name-s p{padding-top:28px}.fellow-prof-name p{padding-top:28px}.fellow-prof h4{width:100%;padding:0 20px;font-size:44px}.fellow-prof h4 span{font-size:14px}.fellow-prof h4 small{font-size:24px}.r-l-box,.r-l-box2{max-width:1430px;width:100%}.r-l-box{margin:300px 0 0 auto}.r-l-box1{margin:380px 0 0 auto}.r-l-box2{margin:300px auto 0 0}.r-l-box3{padding-bottom:100px}.r-l-box .arrow-r-gray,.r-l-box2 .arrow-r-gray{width:60px;margin-top:60px}.r-l-box .w800,.r-l-box2 .w800{max-width:685px}#students .bg-c-blue,#consultant .bg-c-blue,#coaches .bg-c-blue{z-index:-1;height:260px;width:40%;top:-16px}#consultant .bg-c-blue{width:39vw}#gap .bg-c-gray,#school .bg-c-gray,#students .bg-c-gray,#consultant .bg-c-gray,#coaches .bg-c-gray{z-index:-2;width:89vw;right:0;height:374px;top:50px;background-color:#f2f2f2}#school .bg-c-gray{width:82%;height:360px;top:89px}#gap .bg-c-gray{width:85% !important;height:2300px;top:288px;left:0}.student-h3,.consultant-h3,.coaches-h3{margin:0 auto;line-height:1.4;margin-bottom:10px}.student-h3 h3,.consultant-h3 h3,.coaches-h3 h3{font-size:28px;margin-bottom:40px;padding-top:20px}.student-h3 h3 span,.consultant-h3 h3 span,.coaches-h3 h3 span{font-size:22px}.gm-review-list-flame{margin-top:60px}.gm-review-list-flame-in{width:2500px}.gm-review-list{max-width:800px;width:100%;padding:40px;background-color:#f6f7f9;overflow-y:auto;position:relative}.gm-review-list p:first-child{font-size:20px}.gm-review-list .modal-x{cursor:pointer;top:20px;right:30px;font-size:20px}.gm-reveiw-list-str{display:inline;font-size:20px}.gm-reveiw-list-str span{font-weight:bold;color:#fbb03b;margin-right:8px}.gm-reveiw-list-title{font-size:20px;display:inline;font-weight:bold}.gm-review-list-com{margin-top:20px;font-size:18px;white-space:normal}.gm-reivew-list-btn{width:120px;margin-top:30px}#performance{background-image:url("../../img/top/new/pfmnc-bg.jpg");background:contain;width:100%;background-size:cover;height:730px;background-repeat:no-repeat;overflow:hidden;background-position:center bottom}#performance h2{font-size:90px;line-height:1.2;padding-top:120px}#performance h2 span{font-size:56px}#performance h3{font-size:34px}#performance div{width:750px;margin:0 auto}.pf-list{width:930px}.pf-list ul{margin-top:-70px}.pf-list ul li{width:39%}.pf-list .arrow-r-gray{width:50px;margin:4px 10px 0 auto}.original h3{margin-right:50px;display:flex;align-items:center;font-size:1.7vw}.original.bg-c-gray{background-color:#f2f2f2}.original.f990{width:75%}.pf-status{margin-top:90px}.pf-status h3{font-size:23px}#data h2{font-size:72px;margin-top:20vw}#data .note{font-size:18px}#data .vertical-line-gray{border-left:3px solid #ccc}#data .gray-border-b-s{width:74%;border-bottom:3px solid #ccc;margin:80px auto 60px}#gap{max-width:1300px}.gap-list ul li{width:380px;margin-bottom:30px;filter:drop-shadow(0 3px 5px rgba(0,0,0,0.2))}.gap-img{height:238.16px}.gap-list .img_box p{right:0;padding:5px 20px;z-index:2}.gap-list i{color:#bec5cf}.gap-list h4{line-height:1.3}.gap-list h5{font-size:14px}.gap-list .gray-border-b-s{border-bottom:1px solid #ccc}.gap-list .empty-list{width:380px}.review-btn{width:270px;margin:0 auto;text-align:center;border-radius:5px;background-color:#c5c5c5;padding:15px 20px;font-size:20px;color:#fff !important}.review-btn .img_box{width:36px}.review-btn .absolute{right:10px}.v-score{margin-top:-30px}.rate{position:relative;display:inline-block;color:#fbb03b;font-style:normal}.review-list{width:56vw;margin:50px auto 40px}.review-list li{margin:0 10px 30px}.review-list li p span{color:#fbb03b}.review-list li:nth-child(5n){}.review-list .empty-list{width:125px}.rate:before,.rate:after{content:"★★★★★"}.rate:before{color:#ccc}.rate:after{position:absolute;left:0;top:0;overflow:hidden}.rate-4-9:after{width:4.9em;color:#fbb03b}.rate-4-5:after{width:4.5em;color:#fbb03b}.rate-4:after{width:4em;color:#fbb03b}.rate-3:after{width:3em;color:#fbb03b}.rate-2:after{width:2em;color:#fbb03b}.rate-1:after{width:1em;color:#fbb03b}.program-top-img{background-image:url("../../img/top/new/program-bg.jpg");background:contain;width:100%;background-size:contain;height:810px;background-repeat:no-repeat;overflow:hidden;background-position:center bottom}.program-list-flame{width:66%;margin-top:-240px}.program-list-flame h2{font-size:44px}.program-list-flame h2 span{font-size:32px}.program-list{width:82%;font-weight:bold}.program-list table{font-size:16px}.program-list table tbody tr:nth-child(odd){background-color:#e5e5e5}.program-list table tbody tr td:first-child{width:45%;border-right:2px solid #fff}.program-list table thead{border-top:2px solid #e5e5e5;border-left:2px solid #e5e5e5}.program-list table thead tr th{padding:10px 20px}.program-list-main{width:98%;margin:10px 0 0 auto}.program-list table tbody tr td{padding:20px 30px}.cp-box{ auto}.cp-box .w50{width:49.6%;}.cp-box .flex-block{width:70%;margin:0 auto;justify-content: space-around;}.cp-box .bg-c-gray{display:inline-block;padding:20px 70px;background-color:#e5e5e5}.cp-box h2{font-size:34px}.cp-box .border_right_white{border-right:solid white 3px}.price h3{width:468px;font-size:48px;margin-right:160px}.price h3 span{font-size:31px}.price h3 .note{font-size:14px}.price-list li p{font-size:48px;line-height:1.2}.price-list li p small{font-size:22px}.price .note{font-size:16px}.tab-area{display:flex;justify-content:center;cursor:pointer;border-bottom:2px solid #e5e5e5}.tab-area .tab:first-child,.tab2:first-child{margin-left:400px}.tab,.tab2{width:300px;padding:14px 40px;font-size:18px;font-weight:bold;text-align:center;color:white;border-right:1px solid #50637b;border-left:1px solid #222e3e;background-color:#222e3e}.tab.active,.tab2.active2{background-color:gray;border:0}.tab .img_box,.tab2 .img_box{right:16px;top:14%;height:100%}.content-area{font-size:30px;text-align:center;border-bottom:2px solid #e5e5e5}.contents,.contents2{display:none}.contents.show,.contents2.show2{display:block}.contents ul li,.contents2 ul li{border-bottom:2px solid #e5e5e5;padding-top:60px;padding-right:300px;padding-bottom:60px}.contents ul li:last-child,.contents2 ul li:last-child{border-bottom:inherit}.price-list li div:first-child{width:166px;padding-right:50px}#warranty .f990{margin-bottom:270px}#warranty h2{font-size:72px}#warranty h2 span{font-size:30px}#warranty h3{font-size:46px}#warranty h3 span{font-size:24px}.each-warranty.border_gray{border:3px solid #e5e5e5}.arrow-b{margin:0 auto 50px;width:260px}.arrow-b-t{background-color:#e5e5e5;width:150px;height:30px;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center}.arrow-b-t p{top:10px;font-size:24px}.arrow-b-b{width:0;height:0;border-style:solid;border-width:50px 130px 0 130px;border-color:#e5e5e5 transparent transparent transparent}#counseling-02{background-image:url("../img/cl-bg-04.webp");}#counseling-03{background-image:url("../../img/top/new/cl-bg-01.webp");}#counseling-04{background-image:url("../../img/top/new/cl-bg-02.webp");}#counseling-05{background-image:url("../../img/top/new/cl-bg-03.webp");}#counseling-06{background-image:url("../../img/top/new/cl-bg-05.webp");}#counseling-07{background-image:url("../../img/top/new/cl-bg-07.webp");}#counseling-08{background-image:url("../../img/top/new/cl-bg-08.webp");}#counseling-09{background-image:url("../../img/top/new/cl-bg-09.webp");}#counseling-10{background-image:url("../../img/top/new/cl-bg-10.webp");}#counseling-11{background-image:url("../../img/top/new/cl-bg-11.webp");}#counseling-12{background-image:url("../../img/top/new/cl-bg-12.webp");}#counseling-13{background-image:url("../../img/top/new/cl-bg-13.webp");}#counseling-14{background-image:url("../../img/top/new/cl-bg-14.webp");}#counseling-15{background-image:url("../../img/top/new/cl-bg-15.webp");}#counseling-16{background-image:url("../../img/top/new/cl-bg-16.webp");}#counseling-17{background-image:url("../../img/top/new/cl-bg-17.webp");}#counseling-02,#counseling-03,#counseling-04,#counseling-05,#counseling-06,#counseling-07,#counseling-08,#counseling-09,#counseling-10,#counseling-11,#counseling-12,#counseling-13,#counseling-14,#counseling-15,#counseling-16,#counseling-17{background:contain;width:100%;background-size:cover;height:800px;background-repeat:no-repeat;overflow:hidden;background-position:center top}#counseling-02 .f990,#counseling-03 .f990,#counseling-04 .f990,#counseling-05 .f990,#counseling-06 .f990,#counseling-07 .f990,#counseling-08 .f990,#counseling-09 .f990,#counseling-10 .f990,#counseling-11 .f990,#counseling-12 .f990,#counseling-13 .f990,#counseling-14 .f990,#counseling-15 .f990,#counseling-16 .f990,#counseling-17 .f990{margin:240px auto 0}#counseling-02 .reserve-btn{width:360px;border-radius:5px;background-color:#f7931e}#counseling-02 .reserve-btn .img_box,#contact .reserve-btn .img_box{position:absolute;right:10px;width:25px}#counseling-02 .border_gray,#counseling-03 .border_gray,#counseling-04 .border_gray,#counseling-05 .border_gray,#counseling-06 .border_gray,#counseling-07 .border_gray,#counseling-08 .border_gray,#counseling-09 .border_gray,#counseling-10 .border_gray,#counseling-11 .border_gray,#counseling-12 .border_gray,#counseling-13 .border_gray,#counseling-14 .border_gray,#counseling-15 .border_gray,#counseling-16 .border_gray,#counseling-17 .border_gray{border:3px solid #999}#counseling-02 p,#counseling-03 p,#counseling-04 p,#counseling-05 p,#counseling-06 p,#counseling-07 p,#counseling-08 p,#counseling-09 p,#counseling-10 p,#counseling-11 p,#counseling-12 p,#counseling-13 p,#counseling-14 p,#counseling-15 p,#counseling-16 p,#counseling-17 p{font-size:20px;font-weight:600}.cl-step h4{font-size:28px}.cl-step{width:100%}.cl-step .gray-border-b{width:100%}.cl-step-flame{width:calc(1025px + 160px);margin-top:-120px;}.cl-step .img_box{width:130px;height:210px}.cl-step .ml30{width:100%}.cl-step img{filter:drop-shadow(5px 6px 7px rgba(0,0,0,0.5))}#contact .tri-gray{border-width:120px 120px 0 0}#contact .tri-gray p{position:relative;width:100px;top:-108px;right:-10px}#contact h3{font-size:43px;margin-top:-70px}#contact .reserve-btn{width:400px;border-radius:5px}#contact .border_gray{border:3px solid #e5e5e5}#contact .bg-c-gray{background-color:#e5e5e5 !important}.number{font-size:40px}.contact-btn{width:300px !important;margin:20px auto 0}.contact-link{width:100%;height:100%;z-index:2;display:block}.info{background-color:#333}.info h2{font-size:18px}.info h2 span{font-size:14px}.info .img_box{width:30px}.info-box,.media-box{min-width:150px}.cs-intro{padding:0 0 50px 0}.cs-intro h2{font-size:40px;line-height:1.4;margin-bottom:30px}.cs-intro p{font-size:22px}.cs-intro .contact-link{width:700px;margin:30px auto 0;font-size:30px}.cs-intro .bg-c-orange{height:100px;border-radius:9px;filter:drop-shadow(0 3px 5px rgba(0,0,0,0.5))}.cs-intro img{position:absolute;right:10px;width:50px !important;height:16px!important;top:35px}.col-flex-block{display:flex}.column-mv{width:92.1875%;max-width:1180px;margin:90px auto 0}.col-bg-gray{background-color:#e5e5e5;height:360px}.bg-gray-d{background-color:#e5e5e5}.col-flame{width:92.1875%;max-width:1180px;margin:50px auto}.col-main{width:calc(100% - 4.24% - 300px)}.col-main h1{font-size:40px;text-align:left;color:#000;line-height:1.4;margin-bottom:50px}.col-main h1 span,.col-main h2 span,.col-main h3 span{position:relative}.col-main h1 span,.col-main h2 span{font-size:32px;}.b-orange{background:linear-gradient(transparent 50%,#fbb03b 0)}.col-main h2{font-size:32px;margin-top:-10px;margin-bottom:30px;padding-top:90px}.col-main h3{font-size:20px;position:relative;border-bottom:3px solid #10386ba3;color:#10386b;margin-bottom:40px;}.col-main-h3-bd{width:80px;height:2.5px;margin:20px 0 40px;background-color:#ccc}.col-main ul{background-color:#f2f2f2;padding:30px;margin:30px 0}.col-main ul li{list-style:disc;list-style-position:inside;padding-left:2em;text-indent:-1.5em}.col-main .num-li li{list-style:decimal;list-style-position:inside}.col-main .no-li li{list-style:none;list-style-position:inside}.col-main .bg-c-white{background-color:#fff !important}.col-main .img_box{margin:70px 0}.col-link-img.mb0{margin-bottom:0 !important}.col-link-img.mt30{margin-top:30px !important}.col-link-img .img_box a{display:flex;justify-content:center}.col-link-img p{margin-top:0;text-align:left;font-weight:bold}.col-link-img a img{width:20%;height:100%;margin-right:10px}.col-main .img_box.schedule-ex{margin:70px auto}.col-link-img a{color:-webkit-link;display:flex;align-items:center}.col-side{width:300px}@media screen and (max-width:1300px){.col-bg-gray{height:28.3vw}}@media screen and (max-width:991px){.col-flex-block{display:block}.col-bg-gray{height:30.6vw}.column-mv{width:100%}.col-main{max-width:800px;width:100%;margin:0 auto}.col-side{width:100%}}@media screen and (max-width:767px){.column-mv{margin-top:50px}.col-flame{width:100%}.col-main h1{font-size:30px}.col-main h2{font-size:24px !important;margin-bottom:20px}.col-main h2 span{font-size:24px !important}.col-main h3{font-size:18px;margin:0 0 20px;padding-top:50px;}.col-main-h3-bd{height:2px;margin:20px 0 36px}.col-main ul{background-color:#f2f2f2;padding:12px;margin:30px 0}.col-main .img_box{margin:40px 0}.col-main .img_box.schedule-ex{width:70%;margin:40px auto}.col-main .reserve-btn{height:54px !important}.col-main .cs-intro img{top:20px;}.col-link-img img{width:100%}.col-link-img p{text-align:left}}.full-w{margin:0 calc(50% - 50vw);width:100vw !important}@media screen and (max-width:1600px){.f990{width:77%}.side-s-16{overflow-x:auto;white-space:nowrap}.side-s-16::-webkit-scrollbar{display:none}.mv-acs{left:9vw}.mv-scrl{margin-right:30px;width:20px}.mv-reserva{width:16vw;bottom:-1vw}#movie-toraiz .movie{width:100%;height:auto;}.movie,.std-t-movie-img,.ls-movie-img,.ba-movie-img{width:80%;height:auto;height:26vw}.movie-title{font-size:6vw}.movie-title span{font-size:2vw}.score-example-left{margin-bottom:10vmin}.score-example-left h2{font-size:2.5vw}#reason h2{font-size:3vw !important}#reasonsList p{font-size:1.4vw}#reasonsList p span{font-size:1.2vw}.tri-gray{border-width:5vw 5vw 0 0}.arrow-r-gray{width:4vw;margin:0 5% 5% auto}.tri-gray p{top:-5vw;right:-2.7vw}.cnslt-l{width:50%;margin-right:3%}.cnslt-l h2{font-size:3vw}#consulting h3,#s1000h h3{font-size:1.4vw}.tplan-list li p{font-size:1.5vw}.tplan-list li p span{font-size:1.5vw}.tplan-list li div div{width:5vw;margin:10% 10% 0 auto}.tplan-bgn-box,.tplan-bgn{height:20vw}.tplan-bgn-box .mb101{font-size:2.1vw}.tplan-bgn-box .img_box{width:34%}.std-t-movie{margin-top:-180px;margin-bottom:150px}#movie-toraiz .movie-title{font-size:4vw}.movie-title span{font-size:1.4vw}.rs-list h3,.rs-list h3 em{font-size:1.2vw}.rs-list .img_box{width:4vw;height:auto;}.fellow-prof{width:100%}.fellow-h{top:6vw}.fellow h3{font-size:2vw}.fellow h3 span{font-size:1.4vw}.fellow-prof-name-s,.fellow-prof-name{}.fellow-prof h4{font-size:2.5vw}.fellow-prof-name,.fellow-prof-name-s p{margin:0 !important;padding-bottom:10px}.fellow-prof-name-s p{padding-top:2vw}.fellow-prof-name p{padding-bottom:6vw;padding-top:2vw}.fellow .bg-c-gray{background-color:#fff}.r-l-box1-text,.r-l-box2-text,.r-l-box3-text{width:640px}.r-l-box1-img,.r-l-box2-img,.r-l-box3-img{width:570px}.r-l-box,.r-l-box2{max-width:1500px;width:90%}.r-l-box{margin:10vw 0 0 auto}.r-l-box2{margin:10vw auto 0 0}.program-list-flame h2{font-size:2.5vw;padding:5vw 0 7vw}.program-list-flame h2 span{font-size:2.2vw}.prglist table{font-size:1.3vw}.program-list table tbody tr td{padding:1vw}.cp-box h2{font-size:2vw}.cp-box .flex-block{width:90%}.price h3{width:30vw;margin-right:7vw;font-size:3.2vw}.price h3 span{font-size:2.1vw}.contents ul li,.contents2 ul li{padding-right:1vw}.price-list li p{font-size:4vw}.price-list li div:first-child{padding-right:20px;font-size:2.1vw}#warranty h3{font-size:2.5vw;margin-bottom:2vw}#warranty h3 span{font-size:1vw}.each-warranty{width:25vw}.each-warranty:first-child{margin-right:6vw}#contact h3{font-size:3.2vw}#gap h2,#g-review h2{font-size:3vw}.gm-review-list p:first-child,.gm-reveiw-list-title,.gm-review-list-com{font-size:14px}.gm-review-list .modal-x{cursor:pointer;top:10px;right:20px;font-size:20px !important}.original h3,.pf-status h3{font-size:2vw}.original h3{margin-right:2vw;width:680px}.original{padding:30px}#data .note{font-size:1vw}.fellow-prof .vertical-line-gray{margin-top:34vw}.program-top-img{height:41vw}.program .f990{width:77%}#school h2{font-size:3vw}#school h2 span{font-size:2.2vw}#school .bg-c-gray{max-width:91vw;width:100%;height:320px}#counseling-02,#counseling-03,#counseling-04,#counseling-05,#counseling-06,#counseling-07,#counseling-08,#counseling-09,#counseling-10,#counseling-11,#counseling-12,#counseling-13,#counseling-14,#counseling-15,#counseling-16,#counseling-17{height:600px}#counseling-02 .f990,#counseling-03 .f990,#counseling-04 .f990,#counseling-05 .f990,#counseling-06 .f990,#counseling-07 .f990,#counseling-08 .f990,#counseling-09 .f990,#counseling-10 .f990,#counseling-11 .f990,#counseling-12 .f990,#counseling-13 .f990,#counseling-14 .f990,#counseling-15 .f990,#counseling-16 .f990,#counseling-17 .f990{margin:70px auto 0}#warranty .f990{margin-bottom:15vw}.program-list-flame{margin-top:-150px}.tab,.tab2{width:260px;padding:10px 40px;font-size:16px}.student-h3,.consultant-h3,.coaches-h3{width:75%;margin:0 auto;line-height:1.4;margin-bottom:10px}.h1{margin-top:20vw !important}.mb240{margin-bottom:15vw}.mt13vw{margin-top:13vw !important}.mb13vw{margin-bottom:13vw !important}.mb8vw{margin-bottom:8vw !important}.mt0-16{margin-top:0}.pt80-16{padding-top:80px}.cl-step-flame{padding:60px 90px 40px}.std-t-movie .vertical-line{height:60px}.pdca-list{width:100%}.pdca-list li .tri-gray{border-width:50px 56px 0 0}.pdca-list li .tri-gray p{top:-46px;left:4px;font-size:10px}.pdca-list h4{font-size:16px;margin-bottom:0}.pdca-list .font12{font-size:14px;line-height:1.4;padding:0 15px}.pdca-list .shadow-b{height:94%}}@media screen and (max-width:1400px){.std-t-movie{margin-top:-160px}.pdca-list .font12{font-size:1vw}}@media screen and (max-width:1200px){.mv-acs{left:2vw;bottom:-1vw}.pdca-list .shadow-b{height:13vw}.pdca-list .shadow-b .txt-center{margin-top:-5px}.std-t-movie{margin-top:-130px}.fellow h3{font-size:23px}.r-l-box1-img,.r-l-box3-img{margin-left:50px}.r-l-box2-img{margin-right:50px}.mv-bnr ul{width:70vw}.mv .bg-c-gray{bottom:-16vw}}@media screen and (max-width:1800px){.program .f990{width:77%}}@media screen and (max-width:767px){.f990{width:100%;margin:100px auto}.sp-mt80{margin-top:80px !important}.fellow-prof{width:100%}.r-l-box,.r-l-box2{width:100%}#gap{width:100%}.fellow-prof h4{width:100%}.cnslt-r{width:100%}#contact .reserve-btn{width:100% !important}.sp-w100{width:100% !important}.sp-w50{width:50% !important}.sp-w200{width:200% !important}.sp-full-w{margin:0 calc(50% - 50vw);width:100vw !important}.h1{margin-top:40px !important;font-size:5.7vw}.h1-border{width:80px}h2{font-size:22px !important}.sp-txt-l{text-align:left}.sp-txt-r{text-align:right}.sp-txt-c{text-align:center}section{padding-right:20px;padding-left:20px}.sp-block{display:flex}.sp-flex-re{flex-wrap:inherit}.sp-re-position{position:inherit}.note{align-items:flex-start}.note p{font-size:11px}#jelca-logo{width:100px}.movie,.std-t-movie-img,.ls-movie-img,.ba-movie-img{height:173px !important}.score-example-left h2{font-size:22px}.versant-score{width:260px;margin:0 20px 0 auto !important}#reason h2{font-size:6vw !important}#reasonsList li{width:45%;margin-bottom:20px}#reasonsList li p,#reasonsList li p span{font-size:4vw}.tri-gray{margin:2px;border-width:50px 50px 0 0}.tri-gray p{top:-50px;right:-25px}#reasonsList li .arrow-r-gray{width:30px;margin:5px 10px 5px auto}#consulting{background-image:url("../../img/top/new/cslt-bg-sp.webp");height:auto}.tplan-list{width:700px}.tplan-list li{width:11%;width:140px}.tplan-list li p{font-size:8px}.tplan-list li div div{bottom:10px;left:12px}.tplan-list li div div img{width:30px;margin-left:10px}.std-t .note{width:226px;margin:0 0 0 auto;font-size:8px}.cnslt-l h2{width:114% !important;font-size:26px !important;margin-top:18vw}.cnslt-l .img_box,.cnslt-r .img_box{width:56%}.cnslt-r{margin:0}.cnslt-l-l{width:37%}.cnslt-r h3{font-size:18px}#consulting h3{font-size:5vw}.tplan-bgn-box .mb101{font-size:3.5vw}.tplan-bgn-box{margin-bottom:80px}.std-t-movie{margin-top:-110px}.std-t-movie .vertical-line{height:30px;margin:0 auto 30px}#students .bg-c-blue,#consultant .bg-c-blue,#coaches .bg-c-blue{top:0}#consultant .bg-c-blue{width:42vw}#consultant .bg-c-gray,#coaches .bg-c-gray{height:230px !important}.consultant-list ul{width:2660px;justify-content:inherit}.coach-list ul{width:1380px;justify-content:inherit}.school-list ul{width:2690px;justify-content:inherit}.std-list ul{width:1920px;justify-content:inherit}.com-list ul{width:6100px}.com-list2 ul{width:2100px}.com-list ul li,.com-list2 ul li,.std-list ul li,.school-list ul li,.coach-list ul li,.consultant-list ul li{width:320px;margin-right:3vw;filter:drop-shadow(0 3px 5px rgba(0,0,0,0.2))}.com-list ul li,.com-list2 ul li,.std-list ul li{margin-right:5vw}.sp-std-time{width:150px}.rs-list li{width:47%;margin-bottom:30px}.rs-list h3,.rs-list h3 em{font-size:10px}.rs-list li .border_gray{padding:10px;border:3px solid #f8f8f8}.rs-list .img_box{width:24px;height:auto;}.rs-list p{font-size:10px;text-align:left;display:inline-block}.fellow-h{width:100%;top:112px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:1}.fellow-h p{font-size:12px;line-height:1.4}.fellow h3{font-size:16px}.fellow-img{height:182px}.fellow-prof-name{margin-top:-10px;top:inherit}.fellow-prof-name-s h4 small,.fellow-prof-name h4 small{font-size:10px}.fellow-prof-name-s{margin-top:0;right:0;top:inherit}.fellow-prof-name-s .img_box,.fellow-prof-name .img_box{width:20px;position:absolute;bottom:0;right:10px}.fellow-prof h4{margin:0 0 0 auto;padding:0;font-size:16px;text-align:left}.fellow-prof h4 span{margin-top:10px;font-size:10px;transform:scale(0.8);text-align:left;display:inline-block;text-align:center}.fellow-prof-name-s h4 span{margin-bottom:18px}.fellow-prof p{text-align:left}.fellow-prof .vertical-line-gray{margin-top:50vw;height:20px}.r-l-box{margin-top:140px}.r-l-box h3 span,.r-l-box2 h3 span{font-size:14px}.r-l-box1 h3 span{font-size:13px}.r-l-box h3{font-size:20px;line-height:1.7}.r-l-box2 h3{font-size:20px;line-height:1.7}.r-l-box .arrow-r-gray,.r-l-box2 .arrow-r-gray{width:50px;margin-top:20px}.r-l-box2{margin-top:80px}.r-l-box3{margin-top:80px}#performance{background-image:url("../../img/top/new/pfmnc-bg-sp.webp");height:auto}#performance h2{font-size:52px !important}#performance h3{font-size:16px !important}#performance div{width:inherit;margin:0 auto;text-align:left;padding:0 20px 100px}.side-s-sp{overflow-x:auto}.side-s-sp::-webkit-scrollbar{display:none}.pf-list ul{margin-top:0;z-index:100}.pf-list ul li{width:42%;z-index:100}.pf-list .arrow-r-gray{width:36px;margin:0 10px 0 auto}.pf-list{margin-top:-70px !important;z-index:100}.pf-status h3{font-size:12px}.original{padding:20px}#data .gray-border-b-s{width:100%;margin:30px auto 40px}#gap h2{font-size:18px !important}.gap-list ul li{width:300px;margin-bottom:30px;margin-left:20px;filter:drop-shadow(0 3px 5px rgba(0,0,0,0.2))}.gap-img{height:188.02px}.gap-list ul li:first-child{margin-left:0}.gap-list ul li:last-child{margin-left:0}.gap-list ul li .bg-c-white{width:300px;height:221px}.gap-list ul{width:2000px}.cl-step-flame{padding:0}.review-list li{margin:0 5px 30px;width:20%}.review-list li h3{font-size:14px}.review-list li p{font-size:10px}.program-top-img{background-image:url("../../img/top/new/program-bg-sp.webp");background-size:contain;height:262px}.program-list-flame{margin-top:-60px;width:100% !important}.program-list-flame h2{font-size:20px !important}.program-list-flame h2 span{font-size:16px !important}.program-list table tbody tr td{padding:10px 5px;font-size:10px !important}.program-list table thead th{font-size:10px}.program-list table thead tr th{padding:10px 10px}#school .bg-c-gray{max-width:98vw;height:310px;top:36px}.cp-box .bg-c-gray{width:100%;display:inline-block;padding-right:10px;padding-left:10px}.cp-box h2{font-size:18px !important}.tab,.tab2{width:120px;font-size:10px}.tab-area{justify-content:flex-end}.price-list li div:first-child{padding-right:20px;width:124px}.price-list li h4{font-size:14px}.price-list li p{font-size:24px;line-height:1.4}.price-list li p small{font-size:12px}.contents ul li,.contents2 ul li{padding-top:30px;padding-bottom:30px}.contents ul li a,.contents2 ul li a{font-size:10px}#warranty h2{font-size:34px !important}#warranty h2 span{font-size:14px !important}#warranty h3{font-size:22px}.each-warranty{width:50%}.each-warranty:first-child{margin-right:3vw;margin-left:1vw}.each-warranty:last-child{margin-right:1vw}.cp-box .border_right_white{border:0}#counseling-02{background-image:url("../../img/top/new/cslt-bg-sp.webp");height:370px}#counseling-02 .f990,#counseling-03 .f990,#counseling-04 .f990,#counseling-05 .f990,#counseling-06 .f990,#counseling-07 .f990,#counseling-08 .f990,#counseling-09 .f990,#counseling-10 .f990,#counseling-11 .f990,#counseling-12 .f990,#counseling-13 .f990,#counseling-14 .f990,#counseling-15 .f990,#counseling-16 .f990,#counseling-17 .f990{margin:80px 0 0}#counseling-02 p,#counseling-02 h2,#counseling-03 p,#counseling-03 h2,#counseling-04 p,#counseling-04 h2,#counseling-05 p,#counseling-05 h2,#counseling-06 p,#counseling-06 h2,#counseling-07 p,#counseling-07 h2,#counseling-08 p,#counseling-08 h2,#counseling-09 p,#counseling-09 h2,#counseling-10 p,#counseling-10 h2,#counseling-11 p,#counseling-11 h2,#counseling-12 p,#counseling-12 h2,#counseling-13 p,#counseling-13 h2,#counseling-14 p,#counseling-14 h2,#counseling-15 p,#counseling-15 h2,#counseling-16 p,#counseling-16 h2,#counseling-17 p,#counseling-17 h2{width:310px}#counseling-02 .reserve-btn{width:300px}.sp-w280{width:280px}.sp-txt-center{text-align:center}.sp-txt-left{text-align:left}.sp-lineblock{display:inline-block}.cl-step-flame{margin-top:-54px !important;margin-bottom:40px !important}.cl-step-flame h3{font-size:18px}.cl-step .img_box{width:120px;height:135px;margin-right:5px}.cl-step-flame h4{font-size:16px}#contact h3{margin-top:-15px}#contact .tri-gray{border-width:65px 65px 0 0}#contact .tri-gray p{top:-58px;right:-6px;line-height:1.4;font-size:12px}#contact h3{font-size:21px}#contact .reserve-btn{width:280px !important}.number{font-size:22px}.lh1-4{line-height:1.4 !important}#contact .form-btn{width:90% !important}.form-btn div{font-size:12px}.form-btn .img_box{width:32px}.info .img_box{width:25px;margin-left:20px}.info-box,.media-box{min-width:inherit;width:100px}.w800{width:100%}.vertical-line{border-left:3px solid #10386b;width:0;height:25px;margin:0 auto -13px}#movie-toraiz .movie{width:100%}#consulting .flex_center{justify-content:inherit}#consulting h3,#s1000h h3{font-size:4.6vw}.std-t-movie-img{width:100%}.sp-cnslt-l-l{width:100%;justify-content:inherit;margin:0}.cnslt-l{width:100%}.sp-cnslt-l-r{width:62vw;margin-right:10px}.plan-bgn-box,.tplan-bgn{height:20vw}.consultant-h3,.coaches-h3,.student-h3{margin:0 0 0 20px}.consultant-h3 h3,.coaches-h3 h3,.student-h3 h3{font-size:3.6vw !important;margin-bottom:20px}.consultant-h3 h3 span,.coaches-h3 h3 span,.student-h3 h3 span{font-size:2.5vw !important}#performance h2 span{font-size:30px}.data-line{margin:0 15px}.original h3{font-size:6vw;padding:10px 0 10px}#gap .bg-c-gray{height:400px}.gm-review-list-flame{margin-top:40px}.gm-review-list-flame-in{width:1000px}.gm-review-list{padding:18px;background-color:#f6f7f9}.review-list .empty-list{width:20%}.mv{margin:0!important}.mv-reserva{bottom:55px}#footer_bn_box{max-width:300px;width:100%;position:fixed;bottom:0;right:0;z-index:200}#footer_bn_box button{width:100%}#footer_bn_box img{width:100%;vertical-align:top}.cs-intro{margin-top:50px;margin-bottom:50px;padding:0}.cs-intro p{font-size:16px}.cs-intro .contact-link{width:300px}.cs-intro .bg-c-orange{height:inherit}.cs-intro img{width:25px !important;height:8px!important;top:16px}.review-btn{width:240px !important;padding:10px 20px;margin:0 auto}.review-btn .bold{font-size:16px !important}.sp-flex{display:flex !important}main{overflow:hidden}.cnslt-l .no-time{font-size:24px !important}}main{overflow:hidden}@media screen and (max-width:400px){.col-bg-gray{background-color:inherit}}@media screen and (max-width:320px){.sp-std-time{width:130px}.cnslt-l .no-time{font-size:20px !important}.fellow-h{top:90px}.r-l-box1 h3 span{font-size:12px}.fellow-img{height:150px}}
/* 新料金ページ */
.price-mv.col-bg-gray{
height: 100%;
}
.price-mv .column-mv{
width: 100%;
max-width: inherit;
}
.price-mv-list{
width: 650px;
bottom: 0;
margin-bottom: 11.5vw;
z-index: 1;
}
.price-mv-list ul{
margin-left: 12px;
flex-direction: row;
flex-wrap: wrap;
}
.price-mv-list ul li{
width: 50%;
}
.price-mv-list ul li .bg-c-white{
background: rgba(255,255,255,0.95);
}
.price-btn{
width: 92%;
margin: 20px auto 0;
padding: 13px;
border-radius: 5px;
border: 2px solid #cccccc;
}
.bn-ip{
/* width: 400px; */
width: 20%;
/* bottom: 120px;
right: 180px; */
right: 30px;
bottom: 50px;
}
.r-arrow{
width: 10%;
right: 7px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
/*.price-mv-list ul li:nth-child(2) .price-btn,
.price-mv-list ul li:nth-child(4) .price-btn{
margin-left: 16px;
} */
.lh0{line-height: 0;}
.reco{
background-image: url(../../img/price/new/price-bg.jpg);
background: contain;
width: 100%;
background-size: cover;
height: auto;
background-repeat: no-repeat;
overflow: hidden;
background-position: center top;
}
.re-main #re-recomend.reco{
background-color: #f2f2f2;
background-image: none;
}
.w670{width: 670px;}
.price-movie .mb100{margin-bottom: 100px;}
#recomend .w800,
#toeic-recomend .w800,
#re-recomend .w800{
margin: 12% auto 11%;
}
.reco-list li{
display: table;
text-align: left;
margin-bottom: 30px;
}
.reco-list li p{
vertical-align: middle;
display: table-cell;
}
.reco-list li .img_box{
width: 50px;
}
.price-program .program-list-main{
width: 100%;
border-collapse: separate;
border-spacing: 1px 0px;
}
.price-program .program-list-flame h2{
padding: 5vw 0 2vw;
}
.price-program .program-list-flame h2 span:last-child{
line-height: 6;
font-size: 20px!important;
}
.price-program .program-list-flame h2 span .arrow-b-b{
left: -25px;
}
.price-program .program-list table tbody tr{
background-color: #ffffff;
}
.price-program .program-list table tbody tr td{
vertical-align: middle;
}
.price-program .program-list table tbody tr.bg-c-gray{
background-color: #e5e5e5;
}
.gray-flame td{
border: 2px solid #f5f5f5!important;
padding: 2vw 1.4vw 2vw!important;
}
.price-program .program-list table tbody .accordion-btn .hidden_row:first-child{
border: 2px solid #f5f5f5;
padding: 1vw 1.4vw 3vw;
}
.price-program .arrow-b-b{
position: absolute;
right: 0;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
border-width: 10px 20px 0 20px;
border-color: #4D4D4D transparent transparent transparent;
}
.price-program .program-list p{
margin: 0 20px 30px;
}
.fw500{font-weight: 500;}
.program-list p{
margin: 20px;
}
.ls .each-warranty{
width: 58%;
margin-top: 60px;
margin-right: 0;
padding-bottom: 60px;
}
.ls-text{
width: 550px;
margin: 0 auto;
}
.price-warranty .mb100{
margin-bottom: 100px!important;
}
.payment #school .bg-c-gray{
max-width: none;
width: 100%;
height: 100%;
background-color: #e5e5e5;
top: 5vw;
}
.payment-list-main{
margin-bottom: 0;
padding-bottom: 50px;
}
.payment-list-main table{
margin: 0 auto;
text-align: center;
}
.payment-list-main table tbody tr th{
padding: 10px 60px;
background-color: #001b2a;
}
.payment-list-main table tbody tr td{
padding: 10px 40px;
vertical-align: middle;
}
.payment-list-main table tbody tr td:first-child{
padding: 10px 30px;
background-color: #666666;
color: #ffffff;
font-weight: bold;
text-align: center;
border-right:2px solid #e5e5e5;
border-right:3px solid #ffffff;
}
.payment-list-main table tbody tr th:first-child{
background-color: #ffffff;
}
.payment-list tbody tr th:first-child{
/* background-color: #e5e5e5!important; */
}
.payment-list-main table tbody tr th:nth-child(3){
border-right:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
vertical-align: middle;
}
.payment-list-main table tbody tr td:nth-child(3){
border-right:1px solid #ffffff;
border-left:1px solid #ffffff;
}
.payment-list-main table tbody tr{
border-bottom:2px solid #ffffff;
}
.payment-list-main table tbody tr:last-child{
border-bottom:none;
}
.payment-list-main table tbody tr:nth-child(even) {
background-color: #ffffff;
}
.payment-list-main table tbody tr:nth-child(odd) {
background-color: #f2f2f2;
}
.payment .mt100{
margin-top: 100px!important;
}
#payment-ex,#payment-ex2,#payment-ex3,#payment-ex2-1,#payment-ex2-2,#payment-ex2-3,#payment-ex3-1,#payment-ex3-2,#payment-ex3-3,.payment-ex-def{
cursor: pointer;
}
.payment-ex-table .modal_content,
.payment-ex-table2 .modal_content,
.payment-ex-table3 .modal_content,
.payment-ex-table-def .modal_content{
display: block;
overflow: scroll;
}
.payment-ex-table.payment-list-main table tbody tr th:nth-child(3),
.payment-ex-table2.payment-list-main table tbody tr td:nth-child(3),
.payment-ex-table3.payment-list-main table tbody tr td:nth-child(3),
.payment-ex-table-def.payment-list-main table tbody tr td:nth-child(3){
border-right: none;
}
.payment-ex-table.payment-list-main table tbody tr:last-child,
.payment-ex-table2.payment-list-main table tbody tr:last-child,
.payment-ex-table3.payment-list-main table tbody tr:last-child,
.payment-ex-table-def.payment-list-main table tbody tr:last-child{
border-bottom: none;
}
.payment-ex-table .modal_content table,
.payment-ex-table2 .modal_content table,
.payment-ex-table3 .modal_content table,
.payment-ex-table-def .modal_content table{
margin-bottom: 80px;
z-index: 100;
}
.payment-ex-table h2,
.payment-ex-table2 h2,
.payment-ex-table3 h2,
.payment-ex-table-def h2{
width: 752px;
margin: 80px auto 0;
background-color: #ffffff;
padding-top: 20px;
padding-bottom: 50px;
}
.payment-ex-table table,
.payment-ex-table2 table,
.payment-ex-table3 table,
.payment-ex-table-def table{
border: 19px solid #ffffff;
}
.re-cp .tab{
padding: 10px;
}
.re-cp .tab-area .tab:first-child{
margin-left: 0;
}
.re-cp .tab .img_box{
width: 20px;
margin-top: 2px;
right: 5px;
}
.service-table{
width: 550px;
border: 1px solid #001b2a;
border-radius: 5px;
}
.service-table img{
top: 42%;
right: 13px;
}
@media screen and (max-width: 1600px){
#price-h1 {
margin-top: 17vw !important;
/* margin-top: 40vw !important; */
}
.ls .each-warranty {
width: 73%;
}
.price-mv-list{
width: 550px;
margin-bottom: 9vw;
}
.bn-ip{
bottom:30px;
}
}
@media screen and (max-width: 1300px){
.price-mv-list{
width: 50vw;
}
.price-mv-list{
width: 450px;
margin-bottom: 6vw;
}
.bn-ip{
bottom: 30px;
/* right: 130px; */
}
}
@media screen and (max-width: 1100px){
.ls-text{
width: 100%;
}
.price-btn{
padding: 8px;
font-size: 12px;
}
/* .price-btn div{
font-size: 14px;
} */
.price-mv-list{
width: 400px;
margin-bottom: 5.5vw;
}
.bn-ip{
bottom: 30px;
}
}
@media screen and (max-width: 767px){
.price-mv-list{
width: 82vw;
/* width: 64vw; */
/* margin-bottom: 3vw; */
margin-bottom: 20vw;
margin-left: 1.4vw;
}
.price-mv-list ul{
margin-left: 16px;
margin-top: 0px;
}
/* .price-mv-list ul{
margin-left: 0;
} */
.price-btn{
width: 100%;
margin-top: 7px;
padding: 5px 5px;
}
.price-btn {
border: 1px solid #cccccc;
}
.price-mv-list ul li:nth-child(2) .price-btn,
.price-mv-list ul li:nth-child(4) .price-btn {
margin-left: 6px;
}
#price-h1.sp-mt40vw {
margin-top: 40vw!important;
}
.r-arrow{
right: 3px;
}
.price-movie .std-t-movie-img{
height: auto!important;
}
.price-movie .sp-mb60{margin-bottom: 60px;}
#recomend .sp-font6vw{font-size: 6vw!important;}
.price-movie .f990{
margin-top: 50px;
}
.reco-list li{
margin-bottom: 10px;
}
.course-main .reco-list li{
margin-bottom: 20px;
}
.reco-list li .img_box {
width: 30px;
margin-top: 5px;
}
.reco-list li p {
text-align: left;
}
.reco{
background-image: url(../../img/price/new/price-bg-sp.jpg);
}
#recomend .w800,
#toeic-recomend .w800,
#re-recomend .w800 {
margin: 20% auto 16%;
}
#price-course .sp-font5vw{
font-size: 5vw!important;
}
.program-list p {
font-size: 10px;
margin: 10px 10px 20px;
}
.price-program .arrow-b-b{
border-width: 5px 10px 0 10px;
}
.price-program .program-list-flame h2 span:last-child{
font-size: 12px!important;
}
.price-program .program-list-flame h2 span .arrow-b-b{
left: -15px;
}
.gray-flame td{
padding: 5vw 3vw!important;
}
.ls .each-warranty{
width: 98%;
margin-top: 20px;
margin-left: 0;
padding-bottom: 20px;
}
.payment-list-main table tbody tr th {
padding: 10px;
}
.payment-ex-table.payment-list-main table tbody tr th,
.payment-ex-table2.payment-list-main table tbody tr th,
.payment-ex-table3.payment-list-main table tbody tr th,
.payment-ex-table-def.payment-list-main table tbody tr th{
font-size: 14px;
}
.payment-ex-table table,
.payment-ex-table2 table,
.payment-ex-table3 table,
.payment-ex-table-def table{
border: 12vw solid #ffffff;
}
.payment-ex-table h2,
.payment-ex-table2 h2,
.payment-ex-table3 h2,
.payment-ex-table-def h2{
padding-bottom: 20px;
}
.payment-list-main table tbody tr td:first-child{
padding: 10px;
}
.payment-list-main table tbody tr td {
padding: 10px;
font-size: 12px;
vertical-align: middle;
}
.payment #school .bg-c-gray{
top: 50px;
}
.payment-list-main.sp-mt50{
margin-top: 50px!important;
}
.sp-font24{
font-size: 24px!important;
}
.payment-list-main{
padding-bottom: 0px!important;
}
.price-program .program-list p{
/* margin: 0 10px 30px 20px; */
margin: 0 0 30px 12px;
}
.service-table{
width: 100%;
}
}
/* 新料金ページ */
/* 予約案内ページ */
.cs-mv.col-bg-gray {
height: 100%;
}
.cs-mv .column-mv{
max-width: 1000px;
width: 100%;
}
.cs-mv-list {
/* width: 670px; */
/* width: 100%; */
width: 70%;
/* bottom: 205px; */
bottom: 15vw;
/* margin-bottom: 2vw; */
margin-bottom: 40px;
/* margin-left: 0.3vw; */
/* margin-left: 27px; */
z-index: 1;
}
.cs-btn{
width: 92%;
/* margin: 20px auto 0; */
margin: 20px 0 0;
padding: 13px;
border-radius: 5px;
background: rgba(233,85,32,0.85);
}
.cs-mv-list .cs-btn{
padding: 24px;
}
.cs-mv-list .cs-btn .font1vw{
font-size: 1vw;
}
.cs-mv-list ul li:first-child{
width: 33%;
margin-left: 20px;
display: flex;
/* justify-content: center; */
align-items: center;
}
.cs-mv-list ul li:first-child a{
margin-top: 0;
letter-spacing: 1px;
}
.cs-mv-list ul li:first-child a .r-arrow{
width: 8%;
}
.cs-mv-list ul li:last-child .cs-btn{
background: none;
padding: 0;
margin-right: 0;
}
.cs-mv-list ul li:last-child{
/* width: 45%; */
/* margin-left: 0px; */
display: flex;
justify-content: center;
align-items: center;
right: 0;
width: 24%;
margin-top: 9.5vw;
margin-right: -24vw;
}
.cs-mv-list ul li:last-child a{
margin: 0;
width: 113%;
margin-left: 40px;
}
.cs-mv-list ul li:last-child .cs-btn{
margin-top: 0;
margin-left: 0px;
font-size: 14px;
}
.cs-mv-list ul li:last-child .cs-btn .white{
margin-right: 25px;
}
.cs-mv-list ul li:last-child .cs-btn .img_box img{
margin-bottom: 5px;
}
.cs-mv-list ul li {
width: 36%;
}
.cs-intro-btn ul li{
width: 33%;
}
.cs-intro-btn{
/* width: 50%; */
width: 950px;
margin: 3vw auto;
font-size: 18px;
}
#cs-service ul li{
width: 24%;
filter: drop-shadow(0 0px 5px rgba(0,0,0,0.2));
}
#cs-service .f990{
width: 90%;
}
#cs-service ul li p{
padding: 30px;
}
#cs-service .cl-s .vertical-line-gray{
height: 150px;
}
#cs-service .cl-s .img_box{
width: 380px;
}
#cs-service .cl-s .img_box img{
width: 300px;
margin-left: 3vw;
}
@media screen and (max-width: 1600px){
/* #cs-service .cl-s h2{
font-size: 3vw;
} */
#cs-service .cl-s .img_box{
/* width: 33vw; */
}
#cs-service .cl-s .img_box img{
/* width: 30vw; */
/* margin-left: 0; */
}
/* #cs-service .cl-s .flex p{
font-size: 1.6vw;
} */
#cs-service .cl-s .img_box p{
font-size: 1vw;
}
}
@media screen and (max-width: 1500px){
.cs-mv-list ul li:first-child{
margin-top: 20px;
margin-left: 15px;
}
.cs-mv-list ul li:last-child{
width: 30%;
margin-top: 9vw;
margin-right: -300px;
}
.cs-mv-list .cs-btn {
padding: 18px;
}
}
@media screen and (max-width: 1300px){
#cs-service .cl-s .img_box{
margin-left: 30px;
}
}
@media screen and (max-width: 1200px){
#cs-service .cl-s h2{
font-size: 3vw;
}
#cs-service .cl-s .flex .mr50{
margin-right: 20px;
}
#cs-service .cl-s .img_box{
width: 28vw;
}
#cs-service .cl-s .img_box img{
width: 23vw;
}
}
@media screen and (max-width: 1000px){
.cs-mv-list{
/* width: 58vw; */
}
.cs-mv-list ul li{
width: 40%;
}
.cs-mv-list ul li:first-child{
width: 38%;
/* right: 0; */
}
.cs-mv-list ul li:last-child{
width: 28%;
margin-right: -180px;
}
.cs-mv-list ul li:last-child .cs-btn{
margin-left: 20px;
font-size: 12px;
}
.cs-intro-btn{
width: 80%;
}
.cs-mv-list ul li:last-child{
margin-top: 110px;
}
#cs-service .cl-s .vertical-line-gray{
height: 150px;
margin-top: 30px;
}
.rs-list .img_box{
height: 40px;
}
}
@media screen and (max-width: 767px){
.rs-list .img_box{
width: 24px;
height: auto;
}
.sp-font8{
font-size: 10px!important;
transform: scale(0.8);
}
.cs-mv-list{
width: 90vw;
margin-left: 0;
margin-bottom: 10.5vw;
}
.cs-mv-list ul li:first-child{
width: 65%;
/* margin-top: 32px; */
margin-top: 8px;
/* right: 0; */
}
.cs-mv-list ul li:first-child a .r-arrow{
width: 6%;
}
.cs-mv-list ul li:first-child a{
width: 88%;
/* margin-left: 10px; */
padding: 10px 5px;
letter-spacing: 0px;
}
.cs-mv-list ul li:last-child{
width: 42%;
margin-left: 0px;
margin-right: -30px;
margin-top: 14px;
/* left: 0; */
}
.cs-mv-list ul li:last-child .cs-btn{
padding: 5px 5px 5px 0;
margin-top: 2vw;
margin-left: 0;
}
.cs-mv-list ul li:last-child .cs-btn .white{
margin-right: 0;
}
.cs-mv-list ul li:last-child .cs-btn .img_box{
width: 100%;
}
.cs-intro-btn{
width: 100%;
}
.cs-intro-btn ul li{
width: 32%;
}
.cs-intro-btn ul li a{
border: 1px solid #cccccc;
}
#cs-service .f990{
width: 100%;
margin-top: 50px;
}
#cs-service .vertical-line{
height: 30px;
margin: 0 auto 40px;
}
#cs-service ul li{
width: 100%;
}
#cs-service ul li p {
padding: 20px;
}
#cs-service .cl-s .flex p{
font-size: 2.5vw;
}
#cs-service .cl-s .vertical-line-gray{
height: 100px;
margin-top: 0px;
}
#cs-service .cl-s .img_box p{
font-size: 1.7vw;
}
#cs-service .cl-s .img_box{
width: 33vw;
}
#cs-service .cl-s .img_box img{
margin-left: 0;
width: 30vw;
}
/* #cs-service .cl-s .flex p{
font-size: 1.7vw;
} */
}
/* /予約案内ページ */
/* FAQ */
#cs-flow .w800{
padding: 6vw 0;
}
#cs-flow .white-border-b{
border-bottom: 3px solid #fff;
}
#cs-flow table tbody .bg-c-gray{
background-color: #4d4d4d;
}
#cs-flow table tbody .bg-c-gray td{
padding: 10px 30px;
}
#cs-flow table tbody .bg-c-white td{
padding: 40px 60px;
}
@media screen and (max-width: 767px){
#cs-flow .w800{
padding-top: 50px;
padding-bottom: 100px;
}
#cs-flow table tbody .bg-c-white td {
padding: 20px 30px;
}
#cs-flow table tbody .bg-c-gray td {
padding: 5px 20px;
}
}
/* /FAQ */
/* 予約の流れ */
#cs-reserva-flow .cl-step-flame{
margin-top: 0;
}
#cs-reserva-flow .tab-area{
margin-top: -76px;
width: 80%;
border: none;
}
#cs-reserva-flow .tab{
width: 50%;
background-color: #cccccc;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
color: #000000;
border-right: none;
border-left: none;
}
#cs-reserva-flow .tab:hover{
opacity: .8;
}
#cs-reserva-flow .tab.active:hover{
opacity: 1;
}
#cs-reserva-flow .tab .img_box{
top: inherit;
right: inherit;
margin-right: 20px;
height: inherit;
}
#cs-reserva-flow .tab .img_box img{
margin-bottom: 5px;
}
#cs-reserva-flow .cl-step-flame{
margin-top: 0;
}
#cs-reserva-flow .tab.active{
background-color: white;
}
#cs-reserva-flow .content-area{
font-size: 16px;
border: none;
text-align: left;
}
#cs-reserva-flow #counseling-02{
background-image: url(../../img/cs/new/cl-bg.jpg);
}
.cs-school-status.bg-c-gray{
width: 90%;
margin: 0 0 0 auto;
background-color: #e5e5e5;
}
.cs-school-status .img_box{
width: 60px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 30px;
}
.cs-school-status .flex{
margin-top: -60px;
padding: 100px 7vw 50px;
}
.cs-school-status .cs-school-status-title{
font-size: 22px;
font-weight: 600;
padding-bottom: 10px;
}
.cs-school-status .bg-c-white{
padding-right: 30px;
}
.cs .price-mv .column-mv{
margin-left: 15.5vw;
}
.cs .sub-page-h1{
margin-bottom: 5vw;
line-height: 2.1;
}
.cs .sub-page-h1 span{
/* font-size: 40px; */
font-size: 1.9vw;
background: linear-gradient(135deg, transparent 14px, #10386b 5px);
}
.cs .sub-page-h1 span:last-child{
/* font-size: 47px; */
font-size: 2.3vw;
background: linear-gradient(315deg, transparent 14px, #10386b 5px);
}
.cs .sub-page-h1 span:first-child:before,
.cs .sub-page-h1 span:last-child:after{
content: none;
}
@media screen and (max-width: 1600px){
#cs-reserva-flow .tab-area{
margin-top: -67px;
}
#cs-reserva-flow .tab-area .tab:first-child{
margin-left: 0;
}
#cs-reserva-flow .tab-area{
margin-right: auto;
margin-left: auto;
}
}
@media screen and (max-width: 1080px){
.cs-school-status.bg-c-gray{
width: 94%;
}
.cs-school-status .img_box{
width: 50px;
margin-right: 20px;
}
.cs-school-status .cs-school-status-title{
font-size: 20px;
}
.cs-school-status .bg-c-white{
font-size: 14px;
}
}
@media screen and (max-width: 1000px){
#cs-reserva-flow h2{
font-size: 36px;
}
#cs-reserva-flow .tab-area {
margin-top: -56px;
}
#cs-reserva-flow .tab{
padding: 10px 20px;
font-size: 18px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.cs .sub-page-h1{
line-height: 7vw;
margin-bottom: 2vw;
}
.cs .sub-page-h1 span{
padding: 16px 15px 16px 30px;
}
.cs .sub-page-h1 span:last-child{
padding: 16px 40px 16px 30px;
}
}
@media screen and (max-width: 767px){
.cs .price-mv .column-mv{
margin-left: 0;
}
.cs .sub-page-h1{
width: 105%;
line-height: 11vw;
margin-bottom: 2vw;
margin-left: 15px!important;
}
.cs .sub-page-h1 span:first-child{
padding: 10px 10px 10px 14px;
font-size: 4.5vw;
}
.cs .sub-page-h1 span:last-child{
padding: 10px 10px 10px 14px;
font-size: 5.3vw;
background: linear-gradient( 315deg, transparent 7px, #10386b 5px);
}
#cs-reserva-flow h2{
font-size: 20px!important;
}
#cs-reserva-flow .tab-area{
margin-top: -66px;
width: 100%;
}
#cs-reserva-flow .cl-step-flame{
margin-top: 0!important;
}
#cs-reserva-flow .tab{
font-size: 14px;
text-align: left;
line-height: 1.7;
}
.cs-school-status.bg-c-gray{
width: 100%;
margin-bottom: 30px;
}
.cs-school-status .flex{
margin-top: 0;
padding: 30px 0px 30px 20px;
}
.cs-school-status .img_box{
width: 90px;
}
.cs-school-status .cs-school-status-title{
margin-right: 20px;
font-size: 12px;
}
.cs-school-status .bg-c-white{
font-size: 10px;
padding-right: 20px;
}
}
/* /予約の流れ */
a:hover {
opacity: .9;
}
.side-bar:before{
content: "";
width: 30px;
border-top: 2px solid #999;
top: 53%;
position: absolute;
left: -40px;
}
.side-bar:after {
content: "";
width: 30px;
border-top: 2px solid #999;
top: 53%;
position: absolute;
right: -40px;
}
@media screen and (max-width: 767px){
.course-main #price-h1 em{
font-size: 4vw;
}
}
/* TOEIC コース・料金ページ */
.sp-pr0{padding-right: 0;}
.sp-pl0{padding-left: 0;}
/* .t-price-mv-list{
margin-bottom: 6vw;
} */
.t-course-img{
width: 70%;
}
#toeic-recomend.reco{
background-image: url(../../img/price/toeic/toeic-bg.jpg);
}
#toeic-std .bg-c-gray{
background-color: #e5e5e5!important;
}
#toeic-std .payment-list-main table tbody tr th:first-child{
background-color: #e5e5e5!important;
}
#toeic-program .program-top-img{
background-image: url(../../img/price/toeic/toeic-program.jpg);
height: 48vw;
}
#toeic-program .program-list-flame h2 span{
font-size: 24px;
}
.payment-list-main .toeic-warranty tbody tr th{
padding: 10px 50px;
/* background-color: #000!important; */
background-color: #001b2a!important;
}
.payment-list-main .toeic-warranty tbody tr th:first-child{
/* background-color: #000!important; */
background-color: #001b2a!important;
border-right: 2px solid #ffffff;
}
.payment-list-main .toeic-warranty tbody tr td:first-child{
color: #000;
background: none!important;
border-right: 2px solid #ffffff;
font-weight: normal;
}
.payment-list-main .toeic-warranty tbody tr{
border-bottom: none;
}
.toeic-warranty{
margin-top: 30px!important;
}
.toeic-warranty-note ul{
display: inline-block;
padding-left:1em;
text-indent:-1em;
}
.t-pyament-list-main h3{
font-size: 30px!important;
}
.payment-list-main.t-pyament-list-main{
padding-bottom: 90px;
}
.t-pyament-list-main.f990{
width: 700px;
}
.t-pyament-list-main.mb50{
margin-bottom: 50px!important;
}
#toeic-students .t-student-v{
/* width: 450px; */
border-radius: 5px;
padding: 30px 20px;
}
.mr5{margin-right: 5px;}
#toeic-students .align-base{
align-items: flex-end;
}
#toeic-students .std-list ul{
/* width: 1350px; */
width: 1664px;
}
#toeic-students .std-list ul li img{
border-radius: 5px;
}
.t-payment table tbody tr{
border-bottom: 2px solid #ffffff;
}
.t-payment table tbody tr td:first-child{
border-right: 3px solid #ffffff;
}
.t-payment table tbody tr th:first-child{
background-color: #ffffff!important;
}
.t-payment table tbody tr td:nth-child(3){
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
.t-payment-ex-table .modal_content table{
border: 19px solid #ffffff;
}
.font72{font-size: 72px;}
.font30{font-size: 30px;}
#t-continue .t-continue-intro .bg-c-white{
/* width: 650px; */
}
.ml180{margin-left: 180px;}
.ml170{margin-left: 170px;}
.t-cp{
width: 960px;
}
.detail-t .r-l-box1,
.detail-re .r-l-box1,
.detail-con .r-l-box1{
margin: 200px 0 0 auto;
}
.w43{width:43%;}
.con-fellow .img_box{
width: 49.8%;
}
.font56{font-size: 56px;}
.content-center{
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1600px){
.t-cp{
width: 70%;
}
}
@media screen and (max-width: 1100px){
.t-pyament-list-main{
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (max-width: 767px){
.t-price-mv-list{
/* margin-bottom: 6vw; */
/* margin-bottom: 11vw; */
margin-bottom: 19vw;
}
.bn-ip{
width: 65%;
bottom: -130px;
/* top: 25px; */
/* left: 0;
margin-left: 80px; */
/* margin-left: 24px; */
left: 50%;
-webkit-transform: translateX(-50%);
}
.re-price-mv-list{
/* margin-bottom: 10vw; */
margin-bottom: 5vw;
}
#toeic-recomend .sp-font5vw{
font-size: 5vw!important;
}
#toeic-recomend.reco{
background-image: url(../../img/price/toeic/toeic-bg-sp.jpg);
}
#toeic-program .program-list-flame h2 span{
font-size: 12px!important;
}
#toeic-program .program-list-flame h2{
font-size: 24px!important;
}
.t-pyament-list-main h3 {
font-size: 22px!important;
}
.t-pyament-list-main.f990{
width: 100%;
}
.t-course-img{
width: 100%;
}
.t-payment-ex-table .modal_content table{
width: 100%;
}
.sp-pr5{padding-right: 5px;}
.sp-pl5{padding-left: 5px;}
.sp-mb100{margin-bottom: 100px;}
.payment-list-main.t-pyament-list-main{
padding-bottom: 50px!important;
}
#t-continue .t-continue-intro .bg-c-white{
width: 100%;
}
.t-continue-intro em{
font-size: 40px;
margin-right: 5px;
margin-left: 5px;
}
.payment-list-main .toeic-warranty tbody tr th{
padding: 10px;
}
.t-cp{
width: 100%;
}
.sp-ml40 {
margin-left: 40px;
}
.detail-t .r-l-box1,
.detail-re .r-l-box1,
.detail-con .r-l-box1{
margin-top: 100px;
}
.sp-font4-5vw {
font-size: 4.5vw;
}
}
/* /TOEIC コース・料金ページ */
/* やり直し英語 */
#re-recomend.reco,
#seminar .reco{
background-image: url(../../img/price/re/re-bg.jpg);
}
#re-program .program-top-img{
background-image: url(../../img/price/re/re-program.jpg);
height: 48vw;
}
.font90{font-size: 90px;}
#re-program .program-list-flame h2{
/* font-size: 56px; */
}
.re-course-img.w70{
width: 70%;
}
.f-e-std .f990{
margin: 0 auto;
padding: 10vw 0;
}
.re-parment-ex-table table{
border: 19px solid #ffffff;
}
.font68{font-size: 68px;}
.re-main .r-l-box{
margin-top: 200px;
}
.re-main #price-course .r-l-box2.mt200{
margin-top: 200px;
}
@media screen and (max-width: 1600px){
.re-main .r-l-box{
margin: 10vw 0 0 auto;
}
.re-main #price-course .r-l-box,
.re-main #price-course .r-l-box2.mt200{
margin-top: 10vw;
}
}
@media screen and (max-width: 767px){
#re-recomend .sp-font5-5vw {
font-size: 5.5vw!important;
}
/* #recomend .sp-font6vw{} */
#re-program.program.price-program .program-list-flame h2{
font-size: 14px !important;
}
#re-program .program-list-flame h2 span{
/* font-size: 12px !important; */
}
.sp-font32{font-size: 32px!important;}
.re-course-img.sp-w100{
width: 100%;
}
.f-e-std .f990{
margin: 0 auto;
padding: 20vw 0;
}
.re-parment-ex-table table{
width: 100%;
}
.re-main .r-l-box{
margin-top: 80px;
}
}
/* /やり直し英語 */
/* コンサルタント一覧 */
#consultant-h1{
font-size: 42px;
margin-top: 80px!important;
margin-bottom: 0px;}
#about-consultant.reco{
background-image: url(../../img/staff/consultant-bg.jpg);
}
.mr32{
margin-right: 32px;
}
.font32{font-size: 32px;}
#all-consultant,
#all-coach{
max-width: 1300px;
}
#consultant-score .gray-border-b{
width: 113%;
border-bottom: 2px solid #cccccc;
}
#consultant-score .vertical-line-gray{
height: 100px;
border-left: 2px solid #cccccc;
}
#all-consultant .bg-c-blue,
#all-coach .bg-c-blue{
z-index: -1;
height: 300px;
width: 50%;
top: -50px;
}
.mw1300{max-width: 1300px;}
.w75{width: 75%;}
#all-consultant ul li,
#all-coach ul li{
filter: none;
margin-bottom: 100px;
display: flex;
flex-direction: column;
width: 30%;
}
#all-consultant ul li:last-child{
margin-bottom: 0;
}
#all-consultant h3,
#all-coach h3{
/* font-size: 30px; */
font-size: calc(15px + 0.5vw);
}
#all-consultant .name,
#all-coach .name{
padding: 10px 10px 0;
text-align: right;
font-size: 24px;
}
#all-consultant .name small ,
#all-coach .name small{
font-size: 14px;
margin-right: 10px;
}
.career {
border-top: 1px solid #000000;
line-height: 1.4;
}
.career p {
background-color: #000000;
color: #ffffff;
text-align: center;
display: inline-block;
padding: 0 25px;
margin: 0;
border-top: 1px solid #000000;
position: relative;
font-size: 14px;
}
.career p:after {
border-bottom: solid 20px #ffffff;
border-left: solid 20px transparent;
bottom: 0;
height: 0;
display: block;
position: absolute;
right: 0;
content: "";
}
.score {
font-size: 22px;
/* font-weight: bold; */
position: relative;
}
.score p{
line-height:1.4;
margin-right: 20px;
font-family: "A-OTF\ ゴシックMB101 Pro";
font-weight: bold;
font-size: 24px;
}
.score p span{
font-weight: normal;
}
.score .perfect{
font-size:18px;
}
.career_detail p{
margin-bottom: 30px;
font-size: 16px;
}
.interview_btn {
margin: auto 0 0;
background-color: #e95520;
border-radius: 10px;
text-align: center;
box-shadow: 3px 5px 0px 0px #953200;
/* position: absolute; */
/* bottom: -50px; */
}
.interview_btn a {
color: #ffffff;
font-size: 20px;
font-weight: bold;
text-align: center;
display: block;
padding: 4px 0;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.interview_btn img {
height: 34px;
position: absolute;
left: 20px;
}
#about-consultant .w800{
height: 600px;
margin: 100px auto;
display: flex;
justify-content: center;
align-items: center;
}
.pc-score{
width: 204px;
}
@media screen and (max-width: 1600px){
.mr34{margin-right: 34px;}
#all-consultant h3 {
font-size: calc(16px + 0.5vw);
}
}
@media screen and (max-width: 1200px){
#all-consultant h3 {
font-size: calc(18px + 0.7vw);
}
}
@media screen and (max-width: 900px){
.score p{
font-size: 30px;
}
}
@media screen and (max-width: 767px){
#consultant-h1{
font-size: 5.7vw;
}
#consultant-score .vertical-line-gray{
height: 70px;
}
#consultant-score .gray-border-b{
width: 100%;
}
#consultant-score h2{
width: 160px;
}
#about-consultant.reco{
background-image: url(../../img/staff/consultant-bg-sp.jpg);
}
.sp-mr18{
margin-right: 18px;
}
#all-consultant .name small,
#all-coach .name small{
font-size: 12px;
}
#all-consultant ,
#all-coach{
margin-bottom: 50px;
}
#all-consultant ul,
#all-coach ul{
width: 100%;
/* width: 3600px; */
/* padding-right: 10px;
padding-left: 10px; */
padding-right: 20px;
padding-left: 20px;
}
#all-consultant ul li,
#all-coach ul li{
/* width: 49%; */
/* width: 300px; */
width: 100%;
/* margin-bottom: 50px; */
margin-bottom: 80px;
margin-left: 0;
}
.interview_btn a{
font-size: 14px;
}
#all-consultant ul li:last-child{
margin-bottom: 0;
display: none;
}
#all-consultant .bg-c-blue,
#all-coach .bg-c-blue{
width: 60%;
height: 200px;
top: -14px;
}
#all-consultant ul li h3,
#all-coach ul li h3{
font-size: 17px;
}
#about-consultant .w800{
height: 300px;
margin: 0;
}
#about-consultant .sp-font18{
font-size: 18px!important;
}
.sp-font26{font-size: 26px;}
.sp-font28{font-size: 28px;}
.sp-font30{font-size: 30px;}
#all-consultant .name,
#all-coach .name{
padding: 10px 10px 0;
font-size: 16px;
}
.career p{
padding: 0px 25px 0 10px;
font-size: 10px;
}
.interview_btn{
width: 100%;
/* margin: auto auto 0; */
margin: 10px auto 0;
box-shadow: 2px 2px 0px 0px #953200;
border-radius: 5px;
}
.score p{
font-size: 34px;
margin-right: 20px;
}
.score .perfect{
font-size: 16px;
}
.interview_btn img{
left: 20px;
height: 30px;
}
.career_detail p{
margin-bottom: 10px;
font-size: 12px;
}
.career{
line-height: 1;
}
}
/* /コンサルタント一覧 */
/* コーチ一覧 */
.ml110{
margin-left: 110px;
}
.w113{width: 113%;}
/* .coach-score .gray-border-b{
width: 120%;
} */
.all-coach .sub-page-mv picture,
.all-staff .sub-page-mv picture{
height: 100%;
right: 0;
position: absolute;
}
.all-coach .sub-page-mv,
.all-staff .sub-page-mv{
max-width: 1180px!important;
}
.all-coach .sub-page-mv picture img,
.all-staff .sub-page-mv picture img{
height: 100%;
width: auto;
}
#about-coach.reco{
background-image:url("../../img/coach/coach-bg.jpg");
}
#about-coach .w800{
height: 600px;
margin: 100px auto;
display: flex;
justify-content: center;
align-items: center;
}
.font34{font-size: 34px;}
#about-coach h2{
width: 130%;
}
#all-coach .career_detail{
margin-top: 20px;
}
@media screen and (max-width: 1300px){
#about-coach h2{
width: 100%;
}
.all-coach .sub-page-h1,
.all-staff .sub-page-h1{
margin-top: 50px;
line-height: 2;
font-size: 3.8vw;
}
.all-coach .sub-page-h1 span,
.all-staff .sub-page-h1 span{
font-size: 3.2vw;
padding: 7px 30px 14px 30px;
}
.all-coach .sub-page-h1 span:last-child,
.all-staff .sub-page-h1 span:last-child{
font-size: 3.8vw;
padding: 5px 40px 16px 30px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.all-coach .sub-page-h1,
.all-staff .sub-page-h1{
line-height: 8.4vw;
margin-top: 4vw;
}
.all-coach .sub-page-h1 span,
.all-staff .sub-page-h1 span{
padding: 16px 54px 16px 30px;
font-size: 3vw;
}
.all-coach .sub-page-h1 span:last-child,
.all-staff .sub-page-h1 span:last-child{
padding: 16px 40px 16px 30px;
font-size: 3vw;
}
}
@media screen and (max-width: 1000px){
.w113{width:100%;}
.w120{width: 100%;}
#consultant-score .gray-border-b{
width: 100%;
}
}
@media screen and (max-width: 767px){
/* .coach-score .gray-border-b{
width: 100%;
} */
#about-coach.reco{
background-image:url("../../img/coach/coach-bg-sp.jpg");
}
#about-coach .w800{
height: 300px;
margin: 0;
}
#about-coach .sp-font18{
font-size: 18px!important;
}
.all-coach #consultant-h1,
.all-staff #consultant-h1{
margin-top: 40px!important;
}
.all-coach .sub-page-h1,
.all-staff .sub-page-h1{
margin-top: 5vw;
margin-left: 20px;
line-height: 2.6;
}
.all-coach .sub-page-h1 span,
.all-staff .sub-page-h1 span{
padding: 10px 10px 10px 14px;
}
.all-coach .sub-page-h1 span:last-child,
.all-staff .sub-page-h1 span:last-child{
padding: 10px 8px 10px 14px;
}
.all-staff .sub-page-h1 span:last-child{
font-size: 3.2vw;
}
}
/* /コーチ一覧 */
/* コラム一覧 */
.col-all-mv .col-bg-gray{
height: 100%;
}
#column-pickup,
#column-all {
max-width: 1025px;
margin-top: 80px!important;
margin-bottom: 0px;
}
#column-all {
margin-top: 100px!important;
}
#column-pickup ul li{
filter: none;
margin-bottom: 20px;
display: flex;
flex-direction: column;
width: 49%;
}
#column-all ul li{
filter: none;
margin-bottom: 50px;
display: flex;
flex-direction: column;
width: 30%;
}
#column-all ul li p{
font-size: 18px;
}
#column-all .arrow-r-gray{
width: 60px;
}
.col-all-mv .sub-page-mv{
justify-content: center!important;
}
.col-all-mv picture{
margin-right: 0!important;
}
.col-all-mv picture img{
height: 100%;
width: auto;
}
.col-all-mv .sub-page-h1{
margin-left: 0!important;
}
.col-all-mv .column-mv{
max-width: 1180px!important;
}
.col-01 .sub-page-h1 span:last-child{
font-size: 52px;
}
.col-02 .sub-page-h1{
margin-top: 90px!important;
line-height: 2.3!important;
font-size: 42px!important;
}
.col-03 .sub-page-h1{
margin-top: 70px!important;
font-size: 43px;
line-height: 1.7!important;
}
.col-03 .sub-page-h1 span:first-child,
.col-03 .sub-page-h1 span:last-child{
font-size: 43px;
}
.col-04 .sub-page-h1{
margin-top: 90px!important;
font-size: 36px;
line-height: 1.5!important;
}
.col-04 .sub-page-h1 span:first-child,
.col-04 .sub-page-h1 span:last-child{
font-size: 36px!important;
}
.col-04 .col-all-mv picture{
position: absolute;
transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
top: 60px;
right: 0;
filter: drop-shadow(10px 10px 7px rgba(0,0,0,0.3));
}
.col-04 .col-all-mv picture img{
width: 370px;
height: auto;
display: flex;
justify-content: center;
align-items: center;
}
.col-04 .col-all-mv .sub-page-mv{
justify-content: space-between!important;
}
.col-05 .sub-page-h1,
.col-07 .sub-page-h1{
margin-top: 80px!important;
line-height: 1.7!important;
}
.col-05 .sub-page-h1 span:first-child,
.col-05 .sub-page-h1 span:last-child{
font-size: 41px!important;
}
.col-06 .col-all-mv .sub-page-mv,
.col-08 .col-all-mv .sub-page-mv{
justify-content: space-between!important;
}
.col-06 .col-all-mv picture{
height: 100%;
position: absolute;
right: 0;
}
.col-06 .sub-page-h1{
margin-top: 70px!important;
line-height: 1.7!important;
}
.col-06 .sub-page-h1 span:first-child,
.col-06 .sub-page-h1 span:last-child{
font-size: 40px!important;
}
.col-07 .sub-page-h1 span:first-child,
.col-07 .sub-page-h1 span:last-child{
font-size: 44px!important;
}
.col-08 .sub-page-h1 span:first-child,
.col-08 .sub-page-h1 span:last-child{
font-size: 54px!important;
}
.col-08 .sub-page-h1{
margin-top: 70px!important;
line-height: 2!important;
}
.col-09 .sub-page-h1 span:first-child{
font-size: 28px!important;
}
.col-09 .col-all-mv .column-mv{
justify-content: space-between!important;
}
.col-09 #consultant-score .w800{
max-width: 100%;
}
.col-09 #consultant-score .gray-border-b{
width: 100%;
}
.col-09 #consultant-score h2{
font-size: 28px;
margin: 0;
}
.col-09 #consultant-score h2 span{
font-size: 12px;
background: none;
}
.col-09 #consultant-score .img_box{
margin: 0 0 0 70px;
}
.col-09 #consultant-score .mb50{
margin-top: 70px!important;
}
.col-09 #consultant-score .mb100{
margin-bottom: 70px!important;
}
.col-09 table{
width: 100%;
}
.col-09 table th{
width: 30%;
padding-left: 10px;
background: #404040;
color: #ffffff;
border: solid 1px #000000;
vertical-align: middle;
}
.col-09 table td{
padding-left: 10px;
border: solid 1px #000000;
vertical-align: middle;
}
.faq-mv .sub-page-bg-gray .sub-page-mv{
max-width: 1180px!important;
}
.faq-mv .sub-page-h1{
margin-left: 0;
}
.faq-mv .sub-page-h1 span{
font-size: 38px;
padding: 7px 30px 14px 30px;
}
.faq-mv .sub-page-h1 span:last-child{
font-size: 42px;
}
.faq-mv .img_box picture{
height: 100%;
margin-right: 60px;
position: absolute;
right: 0;
}
.faq-mv .img_box picture img{
height: 100%;
width: auto;
}
ul.colum-toc li{
padding-left: 6em;
text-indent: -2.5em;
}
.colum-toc .toc-0{
padding-left: 2em;
}
.colum-toc .toc-l{
padding-left: 4em;
}
@media screen and (max-width: 1300px){
.col-01 .sub-page-h1 span:last-child{
font-size: 4.2vw;
}
.col-all-mv .column-mv .sub-page-h1{
margin-top: 4vw;
}
.col-all-mv .column-mv{
/* justify-content: space-between!important; */
}
.col-02 .sub-page-h1{
margin-top: 5vw!important;
font-size: 3.2vw!important;
}
.col-03 .sub-page-h1 span:first-child,
.col-03 .sub-page-h1 span:last-child{
font-size: 3.2vw;
}
.col-03 .sub-page-h1{
margin-top: 4vw!important;
line-height: 1.9!important;
}
.col-04 .sub-page-h1 span:first-child,
.col-04 .sub-page-h1 span:last-child{
font-size: 3vw!important;
}
.col-04 .sub-page-h1{
margin-top: 4vw!important;
line-height: 1.9!important;
}
.col-04 .col-all-mv picture{
top: 50px;
}
.col-04 .col-all-mv picture img{
width: 24vw;
}
.col-05 .sub-page-h1 span:first-child,
.col-05 .sub-page-h1 span:last-child{
font-size: 3.4vw!important;
}
.col-05 .sub-page-h1{
margin-top: 4vw!important;
line-height: 2!important;
}
.col-06 .sub-page-h1 span:first-child,
.col-06 .sub-page-h1 span:last-child{
font-size: 3.1vw!important;
}
.col-06 .sub-page-h1{
margin-top: 4vw!important;
line-height: 2!important;
}
.col-07 .sub-page-h1{
margin-top: 4vw!important;
line-height: 2!important;
}
.col-07 .sub-page-h1 span:first-child,
.col-07 .sub-page-h1 span:last-child{
font-size: 3.4vw!important;
}
.col-08 .sub-page-h1{
margin-top: 4vw!important;
line-height: 2!important;
}
.col-08 .sub-page-h1 span:first-child,
.col-08 .sub-page-h1 span:last-child{
font-size: 4.2vw!important;
}
.col-09 .sub-page-h1 span:first-child{
font-size: 2.3vw!important;
}
.col-09 #consultant-score h2 span{
width: 106px;
display: inline-block;
}
.faq-mv .sub-page-h1{
font-size: 3vw;
margin-top: 50px;
}
.faq-mv .sub-page-h1 span{
font-size: 3.2vw;
}
.faq-mv .sub-page-h1 span:last-child{
font-size: 3.8vw;
}
.all-school .sub-page-h1{
margin-top: 4vw!important;
}
}
@media screen and (max-width: 767px){
#column-pickup{
margin-top: 30px!important;
}
#column-pickup .gap-list ul,
#column-all .gap-list ul{
width: 100%;
}
#column-pickup ul li,
#column-all ul li{
width: 100%;
margin-bottom: 20px;
}
#column-all ul li{
flex-direction: inherit;
margin-left: 0;
display: flex;
justify-content: center;
align-items: center;
}
#column-all ul li p {
font-size: 14px;
}
#column-all ul li a.img_box{
/* width: 240px; */
margin-right: 10px;
}
#column-all ul li a.img_box img{
width: 100px;
}
#column-all{
margin-top: 0!important;
}
#column-all .arrow-r-gray{
width: 30px;
margin-bottom: 0;
}
#column-pickup .gray-border-b-s,
#column-all .gray-border-b-s{
width: 35px;
}
.col-all-mv .sub-page-h1 span:first-child{
font-size: 3.4vw!important;
padding: 10px 10px 10px 14px;
}
.col-all-mv .column-mv{
justify-content: center!important;
}
.col-01 .sub-page-h1 span:last-child{
font-size: 3.2vw;
}
.col-02 .sub-page-h1{
margin-top: 7.5vw!important;
margin-left: 20px!important;
line-height: 3.2!important;
}
.col-03 .sub-page-h1{
margin-top: 7.5vw!important;
margin-left: 20px!important;
line-height: 2.6!important;
}
.col-02 .sub-page-h1 span,
.col-02 .col-all-mv .sub-page-h1 span:first-child{
font-size: 3.3vw!important;
}
.col-02 .sub-page-mv.img_box img,
.col-03 .sub-page-mv.img_box img{
margin-right: 0!important;
}
.col-02 .sub-page-mv.img_box picture{
right: 0;
position: absolute;
}
.col-03 .sub-page-mv.img_box picture{
right: -34px;
position: absolute;
}
.col-02 .col-all-mv .column-mv,
.col-03 .col-all-mv .column-mv{
justify-content: space-between!important;
}
.col-03 .sub-page-h1 span:first-child,
.col-03 .sub-page-h1 span:last-child{
font-size: 3.4vw!important;
}
.col-04 .col-all-mv picture{
top: 22px;
filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
right: -30px;
}
.col-04 .sub-page-h1{
margin-top: 7vw!important;
margin-left: 10px!important;
line-height: 2.5!important;
}
.col-04 .col-all-mv picture{
top: 22px;
filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
right: -30px;
}
.col-04 .col-all-mv picture img{
width: 33vw!important;
height: auto!important;
}
.col-05 .sub-page-h1,
.col-07 .sub-page-h1{
margin-top: 7vw!important;
margin-left: 10px!important;
line-height: 2.5!important;
}
.col-05 .sub-page-h1 span:first-child,
.col-05 .sub-page-h1 span:last-child{
font-size: 3.2vw!important;
}
.col-05 .sub-page-mv.img_box img,
.col-07 .sub-page-mv.img_box img{
margin-right: -20px;
}
.col-06 .sub-page-h1{
margin-top: 8vw!important;
margin-left: 10px!important;
line-height: 2.5!important;
}
.col-06 .col-all-mv picture img{
margin-right: -20px;
}
.col-08 .sub-page-h1{
margin-top: 8vw!important;
margin-left: 20px!important;
line-height: 2.5!important;
}
.col-08 .sub-page-h1 span:first-child,
.col-08 .sub-page-h1 span:last-child{
font-size: 3.8vw!important;
}
.col-09 .column-mv{
padding: 0 10px;
}
.col-09 .sub-page-h1 span:first-child{
font-size: 2.8vw!important;
}
.col-09 .sub-page-h1 span:last-child{
font-size: 3.6vw!important;
}
.col-09 .column-mv picture{
width: 100px;
position: absolute;
right: 5px;
}
.col-09 .column-mv picture img{
width: auto!important;
height: 100%!important;
}
.col-09 #consultant-score{
padding: 0!important;
}
.col-09 #consultant-score h2{
font-size: 16px!important;
}
.col-09 #consultant-score h2 span{
font-size: 10px!important;
}
.col-09 #consultant-score .img_box{
margin: 0 0 0 30px;
}
.col-09 #consultant-score .mb50{
margin-top: 50px!important;
}
.col-09 #consultant-score .mb100{
margin-bottom: 50px!important;
}
.col-09 #consultant-score .align-center{
margin-top: 0!important;
}
.faq-mv .sub-page-h1{
margin-top: 5vw !important;
margin-left: 20px !important;
line-height: 2.8 !important;
}
.faq-mv .img_box picture{
margin-right: 0;
}
ul.colum-toc li{
text-indent: -3.5em;
padding-left: 5em;
}
.colum-toc .toc-0{
text-indent: -3.5em;
padding-left: 4em;
}
.colum-toc .toc-l{
text-indent: -2em;
padding-left: 2.5em;
}
}
/* /コラム一覧 */
.toc_container{
border: 2px solid #001B2A;
}
.col-main h2:first-child,
.col-main h2:first-of-type{
margin-top: 50px;
padding-top: 0;
}
.col-main h2{
margin-top: 50px;
}
.col-main h2.txt-center{
margin-bottom: 0px;
}
.col-main h3.txt-center{
margin-top: 0px;
font-size: 30px;
}
.col-customize h2.mt100{
margin-top: 100px;
}
.col-customize h3{
font-size: 20px;
margin-top: 80px;
}
#column h3{
padding: 90px 0 20px;
}
/* .col-main h3::before{ */
#column h3::before{
content: "";
width: 100%;
height: 3px;
display: block;
padding-bottom: 20px;
border-top: 3px solid #10386ba3;
}
@media screen and (max-width: 767px){
.col-customize .col-main ul li{
padding-left: 7em;
text-indent: -7em;
}
.col-main h3.txt-center {
margin-top: 20px;
font-size: 28px;
}
.col-customize h3{
margin-top: 50px;
}
#column h3{
padding-top: 50px;
}
}
/* 各スクールページ */
.school-bg-gray{
background-color: #e5e5e5;
}
.school-mv{
width: 92.1875%;
max-width: 1180px;
margin: 90px auto 0;
line-height: 0;
}
.school-mv h1{
top: 70px;
margin-left: 5px;
font-size: 32px;
font-weight: 500;
line-height: 2.3;
}
.school-mv h1 span{
padding: 10px 15px 16px 30px;
position: relative;
}
.school-mv h1 span:last-child{
/* font-size: 36px; */
font-size: 44px;
padding: 5px 40px 16px 30px;
}
.school-mv h1 span:first-child:before{
border-top: solid 20px #e5e5e5;
border-right: solid 20px transparent;
top: 0;
height: 0;
display: block;
position: absolute;
content: "";
}
.school-mv h1 span:last-child:after{
border-bottom: solid 20px #e5e5e5;
border-left: solid 20px transparent;
bottom: 0;
height: 0;
display: block;
position: absolute;
right: 0;
content: "";
}
.shinjuku-so .school-mv h1 span:last-child:after{
content: none;
}
.school-mv h1.meieki-h1{
/* font-weight: bold; */
font-family: 'Noto Sans Japanese,sans-serif';
line-height: 2.1;
}
.school-mv h1.meieki-h1 span{
padding: 10px 15px 8px 30px;
}
.school-mv h1.meieki-h1 span:last-child{
padding: 5px 40px 4px 30px;
}
.school-mv.img_box img{
width: 113%;
}
.school-mv-list{
bottom: 0;
/* margin-bottom: 6vw; */
margin-bottom: 120px;
margin-left: 0.5vw;
}
.shinjuku-so .school-mv-list{
margin-bottom: 200px;
}
.school-mv-list .rate,
.rate-orange{
color: #F7931E;
}
.school-mv-list .rate:before,
.school-mv-list .rate:after{
font-size: 20px;
}
.school-review{
margin-left: 5px;
display: flex;
align-items: center;
}
.school-map{
}
.school-status div{
padding: 10px 20px;
}
.school-status .bg-c-gray{
background-color: #cccccc;
line-height: 1.4;
font-size: 14px;
display: flex;
align-items: center;
}
.school-rsrb-btn{
}
.school-rsrb-btn .bg-c-orange{
width: 90%;
border-radius: 9px;
filter: drop-shadow(0 3px 5px rgba(0,0,0,0.5));
display: flex;
justify-content: space-between;
padding: 20px 50px;
}
.school-rsrb-btn .img_box{
width: 30px;
margin: 0;
}
.school-student h2,
.school-access h2{
margin-top: 0;
padding: 10px 20px!important;
display: inline-block;
font-size: 16px;
background-color: #999999;
font-weight: 500;
}
.school-access h2:first-child{
width: 100%;
margin-top: 0!important;
padding-top: 10px;
}
.school-student h3{
margin-top: 0;
margin-bottom: 20px;
font-size: 22px;
}
.s-student-prof{
width: 600px;
padding: 0 120px 50px 30px;
}
.school-student .s-student-img{
width: 330px;
margin: 80px 0 0;
/* margin: 0; */
right: 0;
}
.s-student-name{
width: 200px;
margin: 0 0 0 auto;
}
.s-student-name .blue-border{
width: 50px;
border-top: 1px solid #11376B;
}
.school-access ul{
margin: 0;
}
.school-access ul li.n-list{
list-style: none;
}
.school-access h2{
margin-bottom: 0;
}
.l-line{
border-left: 5px solid #E5E5E5;
line-height: 1;
padding: 3px 0 6px 10px;
}
.station td{
width: 30%;
/* border: 2px solid #E5E5E5; */
background-color: white;
font-weight: bold;
padding: 0 20px;
vertical-align: middle;
}
.station td:first-child{
background-color: #666666;
color: white;
text-align: center;
border-top: 2px solid #666666;
/* border-bottom: 2px solid #666666; */
border-left: 2px solid #666666;
}
.station td:nth-child(2){
padding: 0 30px 0 10px;
}
.station tr:last-child td:first-child{
border-bottom: 2px solid #666666;
}
.station td:nth-child(3){
background-color: #F2F2F2;
font-weight: normal;
}
.station td:last-child{
border: none;
font-weight: normal;
text-align: center;
}
.route-detail{
/* width: 53%; */
}
.route-detail table{
/* width: 100%; */
width: 430px;
}
.school-program .program-list-main td,
.school-faq .program-list-main td{
border: 1px solid #e5e5e5;
padding: 20px 30px 20px 20px;
/* font-weight: bold; */
}
.border-n{border: none!important;}
.school-program .fw500,
.school-faq .fw500{
font-weight: 500!important;
}
.school-program .program-list-main .hidden_row td,
.school-faq .program-list-main .hidden_row td{
border: none;
}
.g-map{
width: 100%;
height: 450px;
}
.g-map iframe{
width: 100%;
height: 100%;
}
.school-toc{
/* width: 75%; */
width: 45%;
}
.school-toc ul{
width:100%;
padding: 0;
background-color: #e5e5e5;
}
.school-toc ul:first-child li{
width: 100%;
}
.school-toc ul li{
width: 48%;
padding-left: inherit!important;
text-indent: inherit!important;
}
.s-toc-btn{
border: 2px solid #cccccc;
border-radius: 5px;
}
.col-main .s-toc-btn .img_box{
margin: 0;
}
.school-smooth{
height: 100%;
display: flex;
align-items: center;
line-height: 1!important;
}
@media screen and (max-width: 1300px){
.school-mv h1{
top: 42px;
font-size: 2.5vw;
}
.school-mv h1 span:last-child{
/* font-size: 2.7vw; */
font-size: 3.5vw;
}
.school-student .pc{
display: none!important;
}
.s-student-name .sp{
display: block!important;
margin-top: 20px;
}
.s-student-prof{
width: 100%;
padding: 0 30px 50px;
}
.s-student-name{
width: 100%;
padding: 0 30px 0;
}
.route-detail{
width: inherit;
}
.route-detail table{
width: 420px;
}
}
@media screen and (max-width: 1100px){
.school-mv-list{
/* margin-bottom: 4vw; */
margin-bottom: 5vw;
}
.shinjuku-so .school-mv-list{
margin-bottom: 14vw;
}
.school-mv-list li:nth-child(2){
margin-bottom: 20px;
}
}
@media screen and (max-width: 1000px){
.school-mv h1{
top: 30px;
line-height: 2.5;
}
.school-mv-list li:nth-child(2) {
margin-bottom: 10px;
}
}
@media screen and (max-width: 900px){
.school-mv-list{
/* margin-bottom: 0vw; */
}
}
@media screen and (max-width: 767px){
.school-mv{
width: 100%;
margin-top: 50px;
}
.school-mv.img_box img{
width: 100%;
}
.school-mv-list{
margin-bottom: 4vw;
margin-left: 3vw;
margin-right: 3vw;
}
.shinjuku-so .school-mv-list{
margin-bottom: 7vw;
}
.sp-pt5{
padding-top: 5px!important;
}
.sp-pb5{
padding-bottom: 5px!important;
}
.school-mv h1{
top: 50px;
line-height: 2.5;
}
.shinjuku-so .school-mv h1{
top: 130px;
}
.school-mv h1.meieki-h1{
line-height: 2.5;
font-family: inherit;
}
.school-mv h1 span{
font-size: 4.2vw;
padding: 10px 10px 10px 14px;
}
.school-mv h1.meieki-h1 span{
padding: 10px 10px 10px 14px;
}
.school-mv h1.meieki-h1 span:last-child{
padding: 10px 16px 10px 14px;
}
.school-mv h1 span:first-child{
background: linear-gradient(135deg, transparent 7px, #10386b 7px);
}
.school-mv h1 span:last-child{
background: linear-gradient(315deg, transparent 5px, #10386b 5px);
padding: 10px 16px 10px 14px;
/* font-size: 4.2vw; */
font-size: 5.7vw;
}
.school-mv h1 span:last-child:after,
.school-mv h1 span:first-child:before{
display: none;
}
.school-status .bg-c-gray{
width: 110px;
}
.school-status div{
width: calc(100% - 110px);
padding: 5px;
}
.school-mv h1{
margin-left: 10px;
}
.school-mv-list .rate:before,
.school-mv-list .rate:after{
font-size: 14px;
}
.school-mv-list li:nth-child(2){
margin-bottom: 30px;
}
.school-rsrb-btn .bg-c-orange{
width: 100%;
padding: 20px 20px;
}
.s-student-prof{
width: 100%;
padding: 10px;
}
.school-student h2,
.school-access h2{
width: 100%;
padding: 10px 10px!important;
font-size: 14px !important;
}
.s-student-name{
width: 100%;
margin: 0;
padding: 0;
}
.school-student .s-student-img{
width: 100%;
margin: 0 0 30px;
}
.school-access ul li{
padding-left: 2em!important;
text-indent: -1.5em!important;
}
.station td{
padding: 0;
font-size: 10px;
}
.station td:last-child{
width: 38%;
text-align: center;
padding: 0 10px;
}
.g-map iframe{
height: 350px;
}
.g-map{
height: inherit;
}
.route-detail{
width: 78%;
}
.station td:nth-child(2){
padding: 0 10px 0 10px;
}
.route-detail table{
width: 100%;
}
.school-toc{
width: 95%;
}
.school-toc ul{
width: 80%;
background-color: rgba(229, 229, 229, 0);
}
.school-toc ul li{
width: 49%;
}
.l-line{
line-height: 1.7;
}
}
/* /各スクールページ */
/* スクール一覧 */
.all-school-img{
width: 40%;
}
.all-school-img img{
/* box-shadow: 7px -5px 13px 2px rgb(0 0 0 / 25%); */
}
.all-school .sub-page-h1{
margin-top: 90px!important;
font-size: 42px!important;
line-height: 2.1!important;
}
.all-school .sub-page-h1 span:first-child{
font-size: 38px!important;
padding: 7px 30px 14px 30px!important;
}
.all-school .all-school-img{
height: 100%;
width: auto;
}
.school-tab.tab-area .tab:first-child{
margin-left:0;
}
.school-tab{
border-bottom: none;
padding: 80px 0 30px;
justify-content: inherit;
}
.school-tab .tab{
width: 246px;
margin-right: 20px;
margin-bottom: 20px;
background-color: #ffffff;
border: 1px #cccccc solid;
border-radius: 5px;
color: #001B2A;
font-size: 14px;
}
.school-tab .tab:last-child{
margin-right: 0;
}
.school-tab .tab .img_box{
top: 50%;
}
.school-tab .tab.active{
background-color: #cccccc!important;
}
.all-school-flame .content-area{
border-bottom: none;
}
.all-school-flame .contents ul li{
width: 32%;
padding: 0 0 20px 0;
border-bottom: none;
position: relative;
}
.all-school-flame .contents ul li img{
width: 100%;
}
.school-info{
width: 100%;
bottom: 70px;
}
.school-info h2{
font-size: 42px;
font-weight: 500;
}
.school-info-route{
font-size: 20px;
}
.school-rate{
font-family: A-OTF\ ゴシックMB101 Pro;
}
.all-school-flame .contact-btn{
width: 240px !important;
padding: 10px;
margin-top: 10px;
font-size: 14px;
opacity: .96;
border-radius: 5px;
}
.all-school-flame .contact-btn .img_box{
position: absolute;
right: 6px;
width: 10%;
}
.img_box-black{
background: #000;
}
.img_box-black img{
display: block;
opacity: .7;
}
.all-school .col-all-mv .column-mv{
justify-content: space-around!important;
}
@media screen and (max-width: 1600px){
.all-school-flame .contents ul li{
padding: 0;
margin-bottom: 20px;
}
.school-info h2{
font-size: 1.9vw;
}
.school-rate{
font-size: 1.3vw;
}
.school-info-route {
font-size: 1vw;
}
.school-info{
bottom: 40px;
}
.all-school-flame .contact-btn{
width: 14vw !important;
padding: 0.6vw;
font-size: 1vw;
}
}
@media screen and (max-width: 1300px){
.all-school .sub-page-h1 span:first-child{
font-size: 3.2vw!important;
}
.all-school .sub-page-h1{
margin-top: 4vw!important;
font-size: 3.8vw!important;
line-height: 2!important;
}
}
@media screen and (max-width: 1200px){
.school-tab .tab{
width: 240px;
font-size: 14px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.all-school .sub-page-h1{
line-height: 8.4vw!important;
}
.all-school .sub-page-h1 span:first-child{
padding: 16px 54px 16px 30px!important;
font-size: 3vw!important;
}
.all-school .sub-page-h1 span:last-child{
padding: 16px 40px 16px 30px!important;
font-size: 3.6vw!important;
}
.faq-mv .sub-page-h1{
line-height: 9vw;
margin-top: 30px;
}
.faq-mv .sub-page-h1 span{
padding: 16px 54px 16px 30px;
font-size: 3vw;
}
.faq-mv .sub-page-h1 span:last-child{
padding: 16px 40px 16px 30px;
font-size: 3vw;
}
}
@media screen and (max-width: 1000px){
.all-school-flame .contents ul li{
width: 48%;
padding: 0;
}
.school-info h2 {
font-size: 3.8vw;
}
.school-info-route {
font-size: 1.4vw;
}
.school-rate {
font-size: 2.3vw;
font-family: ゴシックMB101 B,ヒラギノ角ゴシック;
}
.all-school-flame .contact-btn {
width: 18vw;
padding: 5px;
font-size: 1.6vw;
}
}
@media screen and (max-width: 990px){
.school-tab .tab{
width: 280px;
}
}
@media screen and (max-width: 767px){
.all-school-img{
position: absolute;
right: 0;
}
.all-school-img img{
box-shadow: none;
}
.all-school .col-all-mv .column-mv{
justify-content: space-between!important;
}
.all-school .sub-page-h1{
margin-top: 7vw!important;
margin-left: 20px!important;
line-height: 2.6!important;
}
.all-school .sub-page-h1 span:first-child{
font-size: 4vw!important;
}
.all-school .sub-page-h1 span:last-child{
font-size: 4.4vw!important;
}
.all-school-h1{
position: absolute;
margin-top: 0;
margin-left: 20px!important;
top: 37px!important;
}
.school-tab{
width: 230px;
margin: 10px 0 30px!important;
padding: 10px 0 10px 20px;
border: 1px #cccccc solid;
border-radius: 5px;
font-size: 16px;
}
.school-tab .tab{
width: 48%;
margin-right: 0;
padding: 10px 20px;
font-size: 16px;
}
.school-tab .tab:last-child{
padding: 12px 10px;
font-size: 16px;
}
.school-tab .tab .img_box{
right: 5px;
}
.school-area-select{
width: 7%;
top: 66%;
right: 135px;
transform: translateX(50%) rotate(90deg)!important;
}
.all-school-flame .contents ul li{
width: 100%;
margin-bottom: 20px;
}
.all-school-flame .contents{
display: block;
}
.school-info h2 {
font-size: 9vw!important;
}
.school-rate {
font-size: 6vw;
}
.school-info-route {
font-size: 4vw;
}
.all-school-flame .contact-btn{
width: 48vw !important;
font-size: 4vw!important;
}
.all-school .sub-page-h1 span:first-child{
padding: 10px 10px 10px 14px!important;
}
.all-school .sub-page-h1 span:last-child{
}
.faq-mv .sub-page-h1 span{
padding: 10px 10px 10px 14px;
font-size: 3.4vw!important;
}
}
/* /スクール一覧 */
/* FAQ */
#id-faq #conts .faq_list {
border-bottom: 2px solid #bebebe;
}
#id-faq #conts .faq_list dt {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
cursor: pointer;
}
#id-faq #conts .faq_list dt, #id-faq #conts .faq_list dd .inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-right: 10px;
padding-left: 10px;
border-top: 2px solid #bebebe;
font-weight: normal;
}
#id-faq #conts .faq_list dt .icon {
color: #bc9c47;
/* color: #e95520; */
}
#id-faq #conts .faq_list .icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 45px;
font-family: "Garamond";
/* font-family: "Cormorant Garamond", serif; */
font-size: 2.7rem;
/* font-weight: bold; */
line-height: 1;
}
#id-faq #conts .faq_list dt .txt {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: 10px;
}
#id-faq #conts .faq_list dd .txt{
margin-left: 10px;
}
#id-faq #conts .faq_list dt .btn-plus {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
margin-left: 10px;
width: 21px;
height: 2px;
background-color: #bc9c47;
/* background-color: #e95520; */
}
#id-faq #conts .faq_list dt .btn-plus:before {
content: "";
position: absolute;
display: block;
width: 2px;
height: 21px;
top: 50%;
left: 50%;
background-color: inherit;
-webkit-transform: translate(-50%, -50%) rotate(
0deg
);
transform: translate(-50%, -50%) rotate(
0deg
);
}
#id-faq #conts .faq_list dd {
display: none;
}
#id-faq #conts .faq_list dd .inner {
padding-top: 40px;
padding-bottom: 40px;
background-color: #f1efef;
}
#id-faq #conts .faq_list dd .inner .icon {
color: #00253f;
}
#id-faq #conts .faq_list dt.is-open .btn-plus:before {
-webkit-transform: translate(-50%, -50%) rotate(
90deg
);
transform: translate(-50%, -50%) rotate(
90deg
);
}
#id-faq .col-side.border-gray{
/* height: 100%; */
}
@media screen and (max-width: 767px){
#id-faq #conts .faq_list dt {
padding-top: 20px;
padding-bottom: 20px;
min-height: 66px;
}
#id-faq #conts .faq_list dt, #id-faq #conts .faq_list dd .inner {
padding-right: 10px;
padding-left: 10px;
}
#id-faq #conts .faq .icon {
width: 40px;
font-size: 36px;
}
#id-faq #conts .faq_list dt .txt,
#id-faq #conts .faq_list dd .txt{
margin-left: 0;
}
}
/* /FAQ */
/* サブページ共通 */
.sub-page-bg-gray{
/* height: 360px; */
background-color: #e5e5e5;
}
.sub-page-mv{
width: 92.1875%;
height: 360px;
max-width: 1180px;
margin: 90px auto 0;
line-height: 0;
}
.sub-page-h1{
top: 70px;
margin-top: 80px;
margin-left: 5px;
font-size: 38px;
font-weight: 500;
line-height: 2.3;
}
.sub-page-h1 span{
padding: 10px 15px 16px 30px;
position: relative;
}
.sub-page-h1 span:first-child:before {
border-top: solid 20px #e5e5e5;
border-right: solid 20px transparent;
top: 0;
height: 0;
display: block;
position: absolute;
content: "";
}
.sub-page-h1 span:last-child:after {
border-bottom: solid 20px #e5e5e5;
border-left: solid 20px transparent;
bottom: 0;
height: 0;
display: block;
position: absolute;
right: 0;
content: "";
}
.sub-page-h1 span:last-child {
/* font-size: 36px; */
padding: 5px 40px 16px 30px;
}
.col-side.border-gray{
border: 2px solid #e5e5e5;
/* height: 100%; */
display: inline-block;
}
.col-side .gray-border-b{
border-bottom: 2px solid #b2b2b2;
width: 50px;
margin: 0 auto 30px;
}
.p-column ul li{
margin-right: 10px;
margin-left: 10px;
margin-bottom: 40px;
}
.p-column ul li .img_box{
width: 100%;
height: 150px;
position: relative;
overflow: hidden;
}
.p-column ul li .img_box img{
max-width: none;
width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.p-column ul li .img_box img:hover{
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(1.1);
-ms-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
transition: 0.75s;
}
.p-column .gray-arrow img{
width: 28px;
margin-top: 16px;
}
.col-school-side-toc{
position: relative!important;
}
.col-school-side ul li{
position: relative;
}
.col-school-side ul li .img_box-black img{
width: 100%;
}
.col-school-side ul li .school-info{
top: 0;
}
.col-school-side ul li .school-info h2{
text-align: center;
font-size: 20px;
margin-top: 45px;
font-weight: 600;
}
.col-school-side ul li .school-info-route{
text-align: center;
font-size: 11px;
}
.col-school-side ul li .reserve-btn{
width: 150px!important;
border-radius: 5px;
padding: 3px;
margin-top: 10px;
}
.col-school-side ul li .reserve-btn .bold{
font-size: 10px;
}
.col-school-side ul li .reserve-btn .img_box{
width: 16px;
height: 100%;
position: absolute;
right: 4px;
}
.school-online .online-hide{
display: none;
}
@media screen and (max-width: 1300px){
.sub-page-mv{
height: 24.51vw;
}
.sub-page-h1{
top: 42px;
font-size: 2.5vw;
margin-top: 6vw;
}
.sub-page-h1 span:last-child {
/* font-size: 2.7vw; */
}
.sub-page-mv.img_box img{
width: auto;
height: 100%;
}
}
@media screen and (max-width: 1000px){
.sub-page-h1{
top: 30px;
}
}
@media screen and (max-width: 991px){
.p-column ul{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.p-column ul li{
width: 47%;
}
}
@media screen and (max-width: 767px){
.sub-page-mv {
width: 100%;
/* height: 110px; */
height: 30vw;
margin-top: 50px;
}
.sub-page-h1{
margin-left: 10px;
top: 50px;
line-height: 2.5;
}
.sub-page-h1 span{
font-size: 3.9vw;
padding: 10px 10px 10px 14px;
}
.sub-page-h1 span:first-child{
background: linear-gradient(135deg, transparent 7px, #10386b 7px);
}
.sub-page-h1 span:last-child {
background: linear-gradient(315deg, transparent 5px, #10386b 5px);
padding: 10px 16px 10px 14px;
/* font-size: 4.2vw; */
}
.sub-page-h1 span:last-child:after,
.sub-page-h1 span:first-child:before{
display: none;
}
.sub-page-mv picture{
height: 100%;
width: auto;
}
.sub-page-mv.img_box img{
/* width: 100%;
height: auto; */
/* margin-top: 50px; */
margin-right: 10px;
}
.p-column ul li{
width: 43%;
}
.p-column ul li .img_box{
height: 100px;
}
.p-column .gray-arrow{
text-align: right;
}
.p-column .gray-arrow img{
margin: 0;
}
.sp-font13{font-size: 13px;}
.col-school-side{
width: 49%;
margin-top: 20px!important;
}
.col-school-side:first-child{
width: 100%!important;
margin-top: 80px!important;
}
.sp-w49{
width: 49%!important;
/* margin-right: 0;
margin-left: 0;
margin-bottom: 10px!important; */
}
.col-school-side .p-column ul li{
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 10px!important;
}
.col-school-side .p-column ul li .school-info h2{
margin-top: 25px;
font-size: 4vw!important;
}
.school-info-route-flame{
height: 12px;
display: flex;
justify-content: center;
}
.col-school-side.col-side.border-gray{
border: none;
}
.col-school-side .p-column ul{
justify-content: space-between;
}
.school-info-route-flame .school-info-route{
width: 230px;
position: absolute;
font-size: 10px!important;
transform: scale(0.6);
}
.col-school-side .p-column ul li .school-info .school-rate{
font-size: 3vw;
}
.col-school-side ul li .reserve-btn{
width: 100px!important;
margin-top: 5px;
padding: 0;
}
.col-school-side ul li .reserve-btn .bold{
font-size: 10px;
transform: scale(0.8);
}
.col-school-side ul li .reserve-btn .img_box{
width: 12px;
}
.col-school-side-toc{
top: 0!important;
}
}
/* /サブページ共通 */
/* 受講生の声 各記事 */
.mv-voice{
overflow: hidden;
}
.mv-voice .sub-page-mv{
margin-top: 0;
height: 405px;
}
.s-voice-col-main h1, .s-voice-col-main h1 span{
font-size: 40px;
}
.col-main.s-voice-col-main h2:first-child{
margin-top: 0!important;
}
.col-main.s-voice-col-main h2 span{
background: none;
}
.col-main.s-voice-col-main h2 span.b-orange{
background: linear-gradient(transparent 60%,#fbb03b 50%);
}
.col-main.s-voice-col-main h2 em{
font-size: 36px;
}
.s-voice-col-main h3{
/* display: flex; */
align-items: center;
/* margin-top: 60px; */
padding-top: 60px!important;
margin-bottom: 20px;
font-size: 18px;
line-height: 1.4;
/* border: none;
color: #000000; */
}
.s-voice-col-main h3:before{
border-top: 1px solid black;
content: "";
width: 40px;
margin-right: 15px;
}
.s-voice-col-main h3 span{
/* font-size: 20px; */
}
.s-voice-col-main h3 span.b-orange{
background: linear-gradient(transparent 64%,#fbb03b 0);
}
.s-voice-col-main img{
width: 100%;
height: auto;
margin: 70px 0 0;
}
.s-voice-col-main iframe{
width: 100%;
height: 490px;
margin-top: 50px;
}
.col-v-side{
margin-top: 470px;
}
.col-v-side.col-side.border-gray{
border: none;
}
.col-v-side .toc{
border: 2px solid #001B2A;
margin-bottom: 70px;
font-size: 20px;
line-height: 1.4;
}
.col-v-side .toc h2{
font-size: 18px;
font-weight: normal!important;
padding: 16px;
line-height: 1.4;
border-bottom: 2px solid #e5e5e5;
}
.col-v-side .toc h2:last-child{
border-bottom: none;
}
.col-v-side .toc p{
background: #001B2A;
padding: 10px 16px;
line-height: 1.4;
}
.col-v-side .p-column{
border: 2px solid #e5e5e5;
}
.col-v-flame{
position: relative;
}
#toc_container{
width: 300px;
border: 2px solid #001B2A;
margin-bottom: 70px;
font-size: 20px;
line-height: 1.4;
position: absolute;
top: 50px;
right: 0;
}
.toc_title{
background: #001B2A;
padding: 10px 16px;
line-height: 1.4;
font-size: 18px;
color: #ffffff;
text-align: center;
}
.toc_list{
margin: 0!important;
padding: 0!important;
background-color: #ffffff!important;
}
.toc_list li{
list-style: none!important;
padding-left: 0;
text-indent: 0;
font-size: 14px;
font-weight: normal!important;
padding: 16px!important;
line-height: 1.4;
border-bottom: 2px solid #e5e5e5;
text-indent: 0!important;
}
.toc_list li:last-child{
border-bottom: none;
}
.shinjuku-so .toc_list li{
display: none;
}
.shinjuku-so .toc_list li:nth-child(2){
display: block;
border-bottom: none;
}
.s-voice-col-main .img-m{
width: 50%;
margin-right: auto;
margin-left: auto;
display: block;
}
.interview_list{
width: 100%!important;
}
.interview_list li{
width: 390px!important;
margin-bottom: 30px;
filter: drop-shadow(0 3px 5px rgba(0,0,0,0.2));
}
.interview_list_ttl{
margin-top: 0!important;
font-size: 18px!important;
line-height: 1.7;
}
.voice_box_01{
line-height: 0;
}
.voice_box_01 img{
border-radius: 5px 5px 0 0;
}
.voice-detail{
border-radius: 0 0 5px 5px;
}
.interview-flame{
max-width: 1300px;
}
.interview-v-score .v-score{
align-items: flex-end;
}
.interview-v-score .v-score img{
width: 10px;
display: inherit;
}
.interview-v-score .v-score p{
line-height: 1;
}
.flex-end{align-items: flex-end;}
#conts{
padding-top: 0;
}
html{
margin-top: 0 !important;
}
.voice #counseling-02 h2,
.voice #counseling-02 a{
color: #fff!important;
}
.voice .link-color{
color: #1e73be;
}
/*ul.interview_list:after {
content: "";
display: block;
/* width: calc(25% - 10px);
width: 390px!important;
}*/
.interview-job,
.interview-v-score{
position: relative;
}
.interview-job:before {
content: "";
display: block;
width: 50px;
height: 2px;
background-color: #11376B;
position: absolute;
top: -14px;
left: 0;
}
.interview-job .job{
line-height: 1.4;
}
.interview-v-score:before {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: #11376B;
position: absolute;
top: -4px;
right: 0;
opacity: .42;
}
#id-voice #conts .interview_list{
background-color: inherit;
}
.voice-mv .sub-page-mv{
justify-content: space-between;
max-width: 1300px;
}
.voice .voice-mv .sub-page-mv{
justify-content: space-around;
}
.voice .voice-mv .sub-page-h1{
margin-top: 80px;
line-height: 1.6;
}
.voice .voice-mv .sub-page-h1 span:first-child{
font-size: 38px;
padding: 7px 30px 14px 30px;
}
.voice .voice-mv .sub-page-h1 span:last-child{
font-size: 42px;
}
.voice-mv .sub-page-h1{
margin-top: 50px;
font-size: 56px;
line-height: 2;
}
.voice-mv .sub-page-h1 span:first-child{
font-size: 42px;
}
#column-all-p .col-all-mv .column-mv{
justify-content: space-around!important;
}
#column-all-p .col-all-mv .sub-page-h1{
margin-top: 80px;
line-height: 1.6;
}
#column-all-p .col-all-mv .sub-page-h1 span:first-child{
font-size: 38px;
padding: 7px 30px 14px 30px;
}
#column-all-p .col-all-mv .sub-page-h1 span:last-child{
font-size: 42px;
}
.voice-mv picture{
margin-right: 230px;
}
.biz-itv-01 .voice-mv picture{
height: 100%;
position: absolute;
right: 0;
top: 0;
}
.biz-itv-01 .voice-mv .sub-page-h1{
padding-top: 4vw;
}
.biz-itv-01 .voice-mv .sub-page-h1 span{
z-index: 2;
font-size: 38px!important;
}
.biz-itv-01 .s-voice-col-main img{
margin-top: 0;
}
.biz-itv-01 .sub-page-h1:first-child{
padding-top: 0;
margin-top: 0;
}
.biz-itv-01 .sub-page-h1:first-child span:first-child:before,
.biz-itv-01 .sub-page-h1:first-child span:first-child:after{
content: none;
}
.biz-itv-01 .sub-page-h1 span:last-child:after{
content: none!important;
}
.biz-itv-01 .sub-page-h1{
line-height: 2.4!important;
top: 130px;
margin-left: 0;
}
.biz-itv-01 .sub-page-h1 span{
padding: 10px 30px 16px;
}
.biz-itv-01 .sub-page-h1 span:first-child{
background: linear-gradient(135deg, transparent 1vw, #10386b 7px);
font-size: 2vw;
}
.biz-itv-01 .sub-page-h1 span:last-child{
background: linear-gradient(315deg, transparent 1vw, #10386b 5px);
font-size: 2vw;
padding: 10px 10px 16px 30px;
}
.g-voice-top{
margin-top: 10vw;
margin-left: 20px;
}
.g-voice-mem{
color: #001B2A;
margin-top: 3vw;
padding: 10px 20px 20px;
display: inline-block;
background-color: #ffffff;
}
.g-voice-mem h2{
font-size: 1vw;
position:relative;
}
.g-voice-mem h2::after{
content:"";
display:block;
width:100%;
height:3px;
margin: 0 auto;
content: "";
background-image: linear-gradient(to right, #e5e5e5, #e5e5e5 5px, transparent 0, transparent 0);
background-size: 8px 1px;
background-repeat: repeat-x;
position: absolute;
bottom: -1vw;
left: 0;
right: 0;
}
.g-voice-mem div{
margin-top: 2vw;
align-items: flex-end;
}
.g-voice-mem p{
margin-right: 30px;
font-weight: bold;
line-height: 1.4;
font-size: 12px;
}
.g-voice-mem p em{
font-size: 1vw;
margin-right: 10px;
}
.youtubesm{
width: 100%;
height: 500px;;
margin: 0;
background:#fff
}
.youtubesm picture{
border:2px
solid #fff;
position:relative
}
.youtubesm picture img{
width: 100%;
margin: 0;
object-fit: cover;
height: 99%!important;
}
.youtubesm picture:hover{
cursor:pointer;
}
.youtubesm picture::before{
background:url("/assets/img/voice/yt-bk-icon.png") center center / 78px auto no-repeat;
content:"";
display:block;
width:100%;
height:60px;
margin:-32px auto 0;
position:absolute;
top:50%;
left:0;
right:0;
z-index:1;
opacity: 0.85;
}
.youtubesm:hover picture::before{
background:url("/assets/img/voice/yt-icon.png") center center / 78px auto no-repeat;
}
.youtubesm picture img{
width:100%
}
.ytp-impression-link{
position: absolute;
background: rgba(23,23,23,0.8);
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
bottom: 7px;
left: -2px;
height: 47px;
position: absolute;
}
.ytp-impression-link-content{
margin-top: 16px;
}
.ytp-impression-link-text{
color: white;
float: left;
margin-left: 12px;
}
.ytp-impression-link-logo{
float: right;
height: 16px;
margin-left: 9px;
margin-right: 12px;
width: 72px;
color: #ffffff;
line-height:1;
}
.ytp-svg-shadow{
color: #ffffff;
}
.youtubesm iframe{
margin-top: 0!important;
}
@media screen and (max-width: 1600px){
.g-voice-top {
margin-top: 7vw;
margin-left: 10px;
}
.youtubesm{
height: 490px!important;
}
.youtubesm picture img{
height: 99%!important;
}
}
@media screen and (max-width: 1520px){
.voice-mv .sub-page-mv{
justify-content: space-around;
}
ul.interview_list:after {
display: none;
}
#id-voice #conts .interview_list{
justify-content: space-evenly;
}
.voice-mv picture{
margin-right: 0;
}
}
@media screen and (max-width: 1300px){
.voice-mv .sub-page-h1{
margin-top: 20px;
font-size: 4vw;
}
.voice-mv .sub-page-h1 span:first-child{
font-size: 3.2vw;
}
.col-all-mv .column-mv .sub-page-h1{
line-height: 7.5vw;
}
.col-all-mv .column-mv .sub-page-h1 span:first-child{
font-size: 3vw;
}
#column-all-p .col-all-mv .column-mv{
justify-content: center!important;
}
#column-all-p .col-all-mv .column-mv .sub-page-h1 span:first-child{
font-size: 3.2vw;
}
#column-all-p .col-all-mv .sub-page-h1 span:last-child{
font-size: 3.8vw;
}
#column-all-p .col-all-mv .sub-page-h1 {
margin-top: 50px;
line-height: 2;
}
.col-all-mv .column-mv .sub-page-h1{
font-size: 3.8vw;
}
.g-voice-top {
margin-left: -20px;
}
.voice .voice-mv .sub-page-mv{
max-width: 1180px!important;
justify-content: space-evenly;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#column-all-p .col-all-mv .column-mv .sub-page-h1 span:first-child{
padding: 16px 54px 16px 30px;
font-size: 3vw;
}
#column-all-p .col-all-mv .column-mv .sub-page-h1 span:last-child{
padding: 16px 40px 16px 30px;
font-size: 3vw;
}
#column-all-p .col-all-mv .column-mv .sub-page-h1{
line-height: 8.4vw;
margin-top: 40px;
}
.voice .voice-mv .sub-page-h1 span:first-child{
padding: 16px 54px 16px 30px;
font-size: 3vw;
}
.voice .voice-mv .sub-page-h1 span:last-child{
padding: 16px 40px 16px 30px;
font-size: 3vw;
}
}
@media screen and (max-width: 1200px){
.biz-itv-01 .voice-mv .sub-page-h1 span{
font-size: 36px!important;
}
.biz-itv-01 .sub-page-h1:first-child span{
font-size: 2.1vw!important;
}
.biz-itv-01 .sub-page-h1:first-child span {
font-size: 2vw!important;
}
}
@media screen and (max-width: 1100px){
.biz-itv-01 .voice-mv .sub-page-h1 span{
font-size: 3.2vw!important;
}
.biz-itv-01 .sub-page-h1:first-child span{
font-size: 2vw!important;
}
.g-voice-mem{
margin-top: 3vw;
}
}
@media screen and (max-width: 991px){
#toc_container{
position: inherit;
}
.interview_list li{
width: 380px!important;
}
.biz-itv-01 .voice-mv .sub-page-h1 span {
/* font-size: 32px!important; */
}
}
@media screen and (max-width: 767px){
.mv-voice{
padding-top: 50px;
}
.s-voice-col-main img {
margin: 40px 0 0;
}
.col-main.s-voice-col-main h2 em{
font-size: 24px;
}
.s-voice-col-main h3{
margin-top: 40px;
font-size: 14px;
padding-top: 0!important;
}
.s-voice-col-main h3 span{
/* font-size: 16px; */
}
.s-voice-col-main iframe{
width: 100%;
height: 200px;
}
.mv-voice .sub-page-mv{
height: auto;
line-height: 1;
}
.col-v-side.col-side.border-gray{
/* width: 80%; */
/* margin: 0 auto; */
}
.col-v-side .toc{
margin-bottom: 0;
}
.col-v-side .toc h2{
font-size: 14px!important;
}
.col-main.s-voice-col-main h2{
margin-top: 60px;
padding-top: 0;
}
#toc_container{
width: 100%;
margin-top: 50px;
}
.toc_title{
font-size: 16px;
}
.toc_list li{
font-size: 14px;
padding: 14px 20px!important;
text-indent: 0!important;
}
.s-voice-col-main h1,
.s-voice-col-main h1 span{
font-size: 20px;
}
.s-voice-col-main .img-m{
width: 100%;
}
.col-all-mv .column-mv .sub-page-h1{
margin-top: 8vw;
line-height: 2.5;
}
.voice-mv .sub-page-h1{
margin-top: 8vw;
line-height: 2.5;
}
.voice-mv .sub-page-h1 span{
font-size: 5vw;
}
.voice-mv .sub-page-h1{
/* line-height: 3; */
}
.voice-mv .sub-page-mv{
height: 35vw;
}
.voice-mv .sub-page-mv img{
width: auto!important;
height: 100%!important;
}
.voice-mv .sub-page-h1 span.white.bg-c-blue:before {
/* border-top: solid 10px #e5e5e5;
border-right: solid 10px transparent;
top: 0;
height: 0;
display: block;
position: absolute;
content: ""; */
}
#id-voice #conts .interview_list{
padding-right: 0;
padding-left: 0;
}
.voice .interview_list li{
width: 100%!important;
}
.interview_list{
display: block;
}
.mv-voice .sub-page-mv.img_box img{
width: 100%;
height: auto;
}
.interview-v-score .v-score img{
margin-bottom: 6px;
}
.voice-mv .sub-page-h1 span:first-child{
font-size: 3.6vw;
}
.biz-itv-01 .voice-mv .sub-page-h1:first-child{
padding-top: 0;
padding-left: 10px;
line-height: 1.4!important;
}
.biz-itv-01 .sub-page-h1:first-child span{
/* padding: 5px 10px; */
font-size: 5.6vw!important;
font-weight: bold;
}
.sub-page-h1 span:last-child{
padding: 10px 8px 10px 14px;
}
.voice-mv .sub-page-mv img{
margin-right: 0;
}
.g-voice-top{
width: 100%;
bottom: 0;
margin-left: 0;
}
.g-voice-mem h2{
font-size: 3.2vw!important;
}
.g-voice-mem{
width: 360px;
margin: 4vw 0 0 auto;
padding: 20px 20px 20px;
display: block;
}
.g-voice-mem div{
margin-top: 5vw;
justify-content: inherit;
font-family: "ゴシックMB101 B","ヒラギノ角ゴシック";
}
.g-voice-mem p{
margin-right: 16px;
font-size: 2vw;
}
.g-voice-mem p em{
font-size: 3vw;
}
.g-voice-mem h2::after{
bottom: -3vw;
}
.biz-itv-01 .sub-page-h1 span:first-child{
background: linear-gradient(140deg, transparent 10px, #10386b 7px);
}
.biz-itv-01 .sub-page-h1 span:last-child {
background: linear-gradient(315deg, transparent 10px, #10386b 5px);
}
#column-all-p .col-all-mv .sub-page-h1 span:first-child{
padding: 10px 10px 10px 14px;
}
#column-all-p .col-all-mv .sub-page-h1{
margin-top: 8vw;
line-height: 2.6;
}
.voice .voice-mv .sub-page-h1{
margin-top: 8vw;
line-height: 2.6;
}
.voice .voice-mv .sub-page-h1 span:first-child{
/* font-size: 3.4vw!important; */
font-size: 4vw!important;
padding: 10px 10px 10px 14px;
}
.voice .voice-mv .sub-page-h1 span:last-child{
/* font-size: 3.8vw; */
font-size: 4.4vw;
}
.youtubesm{
height: 200px !important;
}
.youtubesm picture::before{
display: none;
top: -80px;
}
}
/* /受講生の声 各記事 */
/* フッターカウンセリング誘導 */
#contact .reserve-btn{
width: 550px;
}
#contact h3{
font-size: 38px;
}
@media screen and (max-width: 1600px){
#contact h3{
font-size: 2.5vw;
}
}
@media screen and (max-width: 1400px){
#contact h3{
font-size: 3vw;
}
}
@media screen and (max-width: 767px){
#contact h3{
font-size: 5vw;
}
}
/* /フッターカウンセリング誘導 */
/* 法人紹介ページ */
.biz-main .column-mv picture,
.course-main .column-mv picture,
.toeic-main .column-mv picture,
.re-main .column-mv picture,
.kz-main .kz-mv picture{
margin-left: 20vw;
}
.biz-main .column-mv picture img{
/* height: calc(100vh - 90px);
width: auto; */
}
/* .biz-main .sub-page-h1 span:first-child, */
.course-main .sub-page-h1 span:first-child,
.toeic-main .sub-page-h1 span:first-child,
.re-main .sub-page-h1 span:first-child,
.kz-main .sub-page-h1 span:first-child{
font-size: 40px;
}
.re-main .sub-page-h1 span:first-child{
font-size: 36px;
}
.biz-h-mv-list .sub-page-h1 span:first-child,
#course-pc.lp-biz .biz-h-mv-list .sub-page-h1 span:first-child,
#course-pc.course-main.course-pre .sub-page-h1 span:first-child{
font-size: 30px;
}
#course-pc.lp-biz .biz-h-mv-list .sub-page-h1{
font-size: 48px;
}
#course-pc.course-main.course-pre .sub-page-h1{
font-size: 48px;
line-height: 2.3;
}
.biz-main .sub-page-h1,
.course-main .sub-page-h1,
.toeic-main .sub-page-h1,
.re-main .sub-page-h1,
.kz-main .sub-page-h1{
width: 100vw !important;
top: 0;
margin-top: 0;
margin-bottom: 60px;
font-size: 48px;
}
.biz-main .price-mv-list{
margin-bottom: 12.5vw;
}
.biz-main .price-mv-list ul{
margin-left: -3px;
}
.biz-main .sub-page-h1 span:first-child,
.course-main .sub-page-h1 span:first-child,
.toeic-main .sub-page-h1 span:first-child,
.re-main .sub-page-h1 span:first-child,
.kz-main .sub-page-h1 span:first-child{
background: linear-gradient(135deg, transparent 14px, #10386b 5px);
}
.biz-main .sub-page-h1 span:last-child,
.course-main .sub-page-h1 span:last-child,
.toeic-main .sub-page-h1 span:last-child,
.re-main .sub-page-h1 span:last-child,
.kz-main .sub-page-h1 span:last-child,
.shinjuku-so .school-mv h1 span:last-child{
background: linear-gradient( 315deg, transparent 14px, #10386b 5px);
}
.biz-main .sub-page-h1 span:last-child:after,
.biz-main .sub-page-h1 span:first-child:before,
.course-main .sub-page-h1 span:last-child:after,
.course-main .sub-page-h1 span:first-child:before,
.toeic-main .sub-page-h1 span:last-child:after,
.toeic-main .sub-page-h1 span:first-child:before,
.re-main .sub-page-h1 span:last-child:after,
.re-main .sub-page-h1 span:first-child:before,
.kz-main .sub-page-h1 span:last-child:after,
.kz-main .sub-page-h1 span:first-child:before{
content: none;
}
.biz-main .sub-page-h1-title,
.course-main .sub-page-h1-title,
.toeic-main .sub-page-h1-title,
.re-main .sub-page-h1-title,
.kz-main .sub-page-h1-title{
font-size: 23px;
background: none!important;
margin-bottom: 20px;
}
.biz-main .sub-page-h1-title span,
.course-main .sub-page-h1-title span,
.toeic-main .sub-page-h1-title span,
.re-main .sub-page-h1-title span,
.kz-main .sub-page-h1-title span{
background: #4A678E!important;
padding: 10px 30px 16px 20px;
}
.biz-com-list table{
width: 60%;
margin: 20px auto 40px;
}
.biz-com-list table tr{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
.biz-com-list table td{
width: 23%;
display: flex;
justify-content: center;
align-items: center;
}
.biz-com-list-name table{
width: 90%;
margin: 0 auto 100px;
}
.biz-com-list-name table tr{
display: flex;
justify-content: center;
}
.biz-com-list-name table td{
width: 20%;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
border: 1px solid #cccccc;
margin: 4px;
color: #001B2A;
}
.biz-com-list-name ul{
width: 90%;
margin: 0 auto 100px;
justify-content: flex-start;
}
.biz-com-list-name ul li{
width: 19.3%;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
border: 1px solid #cccccc;
margin: 4px;
color: #001B2A;
}
.biz-main .reco{
background-image: url("../../img/biz/biz-pg-bg.jpg");
}
.biz-main .cnslt-l{
width: 42%;
}
.biz-main .rs-list .img_box{
height: 72px;
}
.biz-main #data h2{
/* margin-top: 0; */
}
/* 北城さん、加藤さん部分 */
.biz-main .s-voice {
max-width: 1400px;
width: 180%;
margin: 0 0 0 auto;
}
.biz-main .s-voice-detail {
max-width: 690px;
}
.biz-main .s-voice-2 {
margin: 300px 0 0;
}
.biz-main #voice .arrow-r-gray{
margin: 20px 10px 30px 0;
}
/* /北城さん、加藤さん部分 */
/* 受講料 */
.biz-main .price-list li p{
font-size: 18px;
}
.biz-main .price-list li div:first-child{
width: inherit;
}
.biz-main .price h3{
width: inherit;
}
/* .biz-main .price h3:first-child{
font-size: 40px;
} */
.biz-main .price .reserve-btn{
width: 600px!important;
margin: 0;
border-radius: 5px;
}
.biz-main .price .arrow-right{
width: 32px;
position: absolute;
right: 10px;
}
.biz-main .contents ul li{
padding: 0;
}
.biz-main .price-list li p{
line-height: 2;
}
.biz-main #price .vertical-line-gray{
height: 350px;
margin-top: 40px;
border-left: 2px solid #e5e5e5;
}
.mr120{
margin-right: 120px;
}
/* /受講料 */
.biz-main #contact .border_gray{
/* margin: 0 0 0 auto; */
}
.biz-main #contact h3{
margin-top: 10px;
}
.biz-main .no-col-content{
border: none;
}
/* .w20{
width: 20%;
} */
.w24{
width: 24%;
}
.biz-main #data .note{
font-size: 14px;
}
.biz-main #data .gray-border-b-s{
width: 60%;
}
.biz-main .font36{
font-size: 36px;
}
.versant-rela{
width: 330px;
border: 1px solid #001b2a;
border-radius: 5px;
padding: 10px;
flex: center;
justify-content: center;
margin: 20px 80px 0 auto;
cursor: pointer;
}
.versant-rela .img_box{
margin-left: 20px;
width: 25px;
}
.versant-rela img{
margin-bottom: 3px;
}
.z-index2{
z-index: 2!important;
}
#reasonsList{
justify-content: space-evenly;
}
.sub-page-bg-gray .sub-page-mv{
max-width: 1300px;
}
.biz-ptn-com-list table td{
width: 31%;
margin-right: 20px;
}
.biz-ptn-com-list table td:last-child{
margin-right: 0;
}
.biz-ptn-com-list-name ul li{
width: 24%;
}
.biz-ptn .cl-step-flame{
margin-top: 0;
}
.biz-ptn .sub-page-h1 span:last-child{
font-size: 44px;
}
.biz-intro{
border: 2px solid #cccccc;
padding: 40px 50px 20px;
}
.biz-intro p::after{
content: "";
border-bottom: 2px dashed #cccccc;
display: block;
position: absolute;
width: 104%;
display: center;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.biz-intro ul li{
margin-bottom: 20px;
position: relative;
}
.biz-intro ul li input{
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
opacity: 0;
left: 0;
top: 4px;
}
.biz-intro ul li input+label{
display: none;
cursor: pointer;
display: inline-block;
padding-left: 35px;
left: -35px;
top: 4px;
}
.biz-intro ul li input+label::before{
content: "";
position: absolute;
display: block;
box-sizing: border-box;
width: 20px;
height: 20px;
margin-top: -10px;
left: 0;
top: 14px;
border: 1px solid;
border-color: #585753;
background-color: #FFF;
}
.biz-intro ul li input:checked+label::after{
content: "";
position: absolute;
display: block;
box-sizing: border-box;
width: 18px;
height: 9px;
margin-top: -9px;
top: 14px;
left: 3px;
transform: rotate(-45deg);
border-bottom: 3px solid;
border-left: 3px solid;
border-color: #585753;
}
.biz-contact-forms p{
color: #666666;
}
.biz-main .cl-step-flame .pr40{
padding-right: 40px;
}
.biz-main .cl-step-flame .pl40{
padding-left: 40px;
}
.biz-main #footer_bn_box{
max-width: 500px;
width: 100%;
}
@media screen and (max-width: 1800px){
.biz-main .price-mv-list{
margin-bottom: 10.5vw;
}
}
@media screen and (max-width: 1700px){
.biz-main .price-mv-list {
margin-bottom: 5.5vw;
}
}
@media screen and (max-width: 1600px){
.biz-main #h1 {
margin-top: 10vw !important;
}
.biz-main .cnslt-l h2 {
font-size: 2.7vw;
}
.biz-main .reco{
background-image: url("../../img/biz/biz-pg-bg-sp.jpg");
}
.biz-main .reco .sp-font4-5vw{font-size:4.5vw!important;}
.biz-main .score-example-left h2{
font-size: 2vw!important;
margin-bottom: 50px;
}
.biz-main .score-example-left{
margin-bottom: 6vw;
}
.w16-mr50{
margin-right: 30px;
}
.w16-ml20{
margin-left: 20px;
}
.w210{width: 210px;}
.biz-main .font36{
font-size:2.5vw;
}
.versant-rela{
margin: 20px 40px 0 auto;
}
.biz-ptn .cl-step-flame {
margin-top: -60px;
}
.biz-main .cl-step-flame{
padding: 60px 50px 40px;
}
}
@media screen and (max-width: 1400px){
.no-1300{display: none;}
}
@media screen and (max-width: 1400px){
.biz-main .s-voice{
width: 97%;
}
/* .biz-main .sub-page-h1 span:first-child, */
.course-main .sub-page-h1 span:first-child,
.toeic-main .sub-page-h1 span:first-child,
.re-main .sub-page-h1 span:first-child,
.kz-main .sub-page-h1 span:first-child{
font-size: 34px;
}
.biz-h-mv-list .sub-page-h1 span:first-child,
#course-pc.lp-biz .biz-h-mv-list .sub-page-h1 span:first-child,
#course-pc.course-main.course-pre .sub-page-h1 span:first-child{
font-size: 26px;
}
#course-pc.lp-biz .biz-h-mv-list .sub-page-h1,
#course-pc.course-main.course-pre .sub-page-h1{
font-size: 40px;
}
.biz-main .sub-page-h1,
.course-main .sub-page-h1,
.toeic-main .sub-page-h1,
.re-main .sub-page-h1,
.kz-main .sub-page-h1{
font-size: 40px;
}
.re-main .sub-page-h1 span:first-child {
font-size: 30px;
}
.biz-main .sub-page-h1-title,
.course-main .sub-page-h1-title,
.toeic-main .sub-page-h1-title,
.re-main .sub-page-h1-title,
.kz-main .sub-page-h1-title{
font-size: 24px;
}
.biz-com-list-name table td{
font-size: 1vw;
}
.biz-com-list-name ul{
font-size: 1vw;
}
}
@media screen and (max-width: 1300px){
.biz-ptn .sub-page-h1 span:last-child{
font-size: 2.9vw;
}
.biz-com-list-name ul li{
width: 24.2%;
}
.biz-ptn .cl-step-flame{
margin-top: -120px;
}
}
@media screen and (max-width: 1200px){
.biz-main .s-voice {
width: 97%;
}
.biz-main .s-voice-detail {
max-width: 550px;
}
/* .biz-main .sub-page-h1 span:first-child, */
.course-main .sub-page-h1 span:first-child,
.toeic-main .sub-page-h1 span:first-child,
.re-main .sub-page-h1 span:first-child,
.kz-main .sub-page-h1 span:first-child{
font-size: 28px;
}
.re-main .sub-page-h1 span:first-child {
font-size: 24px;
}
.biz-main .sub-page-h1,
.course-main .sub-page-h1,
.toeic-main .sub-page-h1,
.re-main .sub-page-h1,
.kz-main .sub-page-h1{
font-size: 32px;
margin-bottom: 40px;
}
.biz-main .sub-page-h1-title,
.course-main .sub-page-h1-title,
.toeic-main .sub-page-h1-title,
.re-main .sub-page-h1-title,
.kz-main .sub-page-h1-title{
font-size: 24px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 1100px){
.biz-com-list-name ul li{
width: 24%;
}
/* .biz-main .sub-page-h1 span:first-child, */
.course-main .sub-page-h1 span:first-child,
.toeic-main .sub-page-h1 span:first-child,
.re-main .sub-page-h1 span:first-child,
.kz-main .sub-page-h1 span:first-child{
font-size: 22px;
}
.re-main .sub-page-h1 span:first-child {
font-size: 20px;
}
.biz-main .sub-page-h1,
.course-main .sub-page-h1,
.toeic-main .sub-page-h1,
.re-main .sub-page-h1,
.kz-main .sub-page-h1{
font-size: 26px;
}
.biz-main .sub-page-h1-title,
.course-main .sub-page-h1-title,
.toeic-main .sub-page-h1-title,
.re-main .sub-page-h1-title,
.kz-main .sub-page-h1-title{
font-size: 18px;
}
}
@media screen and (max-width: 900px){
/* .biz-main .sub-page-h1 span:first-child, */
.course-main .sub-page-h1 span:first-child,
.toeic-main .sub-page-h1 span:first-child,
.re-main .sub-page-h1 span:first-child,
.kz-main .sub-page-h1 span:first-child{
font-size: 20px;
}
.biz-main .sub-page-h1,
.course-main .sub-page-h1,
.toeic-main .sub-page-h1,
.re-main .sub-page-h1,
.kz-main .sub-page-h1{
font-size: 24px;
line-height: 2.5;
}
.biz-main .sub-page-h1-title,
.course-main .sub-page-h1-title,
.toeic-main .sub-page-h1-title,
.re-main .sub-page-h1-title,
.kz-main .sub-page-h1-title{
font-size: 16px;
}
.biz-main .price-mv-list {
margin-bottom: 7.5vw;
}
.biz-contact-forms .contact-btn{
width: 270px !important;
}
}
@media screen and (max-width: 767px){
.biz-main .column-mv picture,
.course-main .column-mv picture,
.toeic-main .column-mv picture,
.re-main .column-mv picture,
.kz-main .kz-mv picture{
margin-left: 0;
}
.biz-main #footer_bn_box {
max-width: 300px;
}
.biz-main .sub-page-h1,
.course-main .sub-page-h1,
.toeic-main .sub-page-h1,
.kz-main .sub-page-h1{
line-height: 1.9;
margin-bottom: 7px;
margin-left: 0px;
}
.re-main .sub-page-h1{
line-height: 1.8;
margin-bottom: 7px;
margin-left: 0px;
}
.biz-main .sub-page-h1 span,
.course-main .sub-page-h1 span,
.kz-main .sub-page-h1 span{
font-size: 5vw;
}
.re-main .sub-page-h1 span{
font-size: 4vw;
}
.toeic-main .sub-page-h1 span{
font-size: 4.7vw;
}
.biz-main .sub-page-h1 span:first-child,
.course-main .sub-page-h1 span:first-child,
.kz-main .sub-page-h1 span:first-child{
background: linear-gradient(135deg, transparent 5px, #10386b 5px);
font-size: 4.5vw;
}
.biz-h-mv-list .sub-page-h1 span:first-child,
#course-pc.lp-biz .biz-h-mv-list .sub-page-h1 span:first-child{
font-size: 3.6vw!important;
}
.re-main .sub-page-h1 span:first-child{
background: linear-gradient(135deg, transparent 5px, #10386b 5px);
font-size: 4vw;
}
.toeic-main .sub-page-h1 span:first-child{
background: linear-gradient(135deg, transparent 5px, #10386b 5px);
font-size: 4vw;
}
.biz-main .sub-page-h1 span:last-child,
.course-main .sub-page-h1 span:last-child,
.toeic-main .sub-page-h1 span:last-child,
.re-main .sub-page-h1 span:last-child,
.kz-main .sub-page-h1 span:last-child{
background: linear-gradient(315deg, transparent 5px, #10386b 5px);
}
.biz-main .sub-page-h1-title,
.course-main .sub-page-h1-title,
.toeic-main .sub-page-h1-title,
.re-main .sub-page-h1-title,
.kz-main .sub-page-h1-title{
margin-bottom: 12px!important;
}
.biz-main .sub-page-h1-title span,
.course-main .sub-page-h1-title span,
.toeic-main .sub-page-h1-title span,
.re-main .sub-page-h1-title span,
.kz-main .sub-page-h1-title span{
font-size: 12px!important;
}
.biz-main .sub-page-h1-title span,
.course-main .sub-page-h1-title span,
.toeic-main .sub-page-h1-title span,
.re-main .sub-page-h1-title span,
.kz-main .sub-page-h1-title span{
padding: 10px 20px 10px 14px;
}
.course-main .sub-page-h1,
.toeic-main .sub-page-h1,
.re-main .sub-page-h1,
.kz-main .sub-page-h1{
margin-left: 16px;
}
.course-main .sub-page-h1 span:last-child,
.toeic-main .sub-page-h1 span:last-child,
.re-main .sub-page-h1 span:last-child,
.kz-main .sub-page-h1 span:last-child{
padding: 10px 16px 10px 14px;
}
.sp-biz-top-menu-list ul li{
width: 23%;
margin-top: 10px;
margin-bottom: 30px;
}
.biz-main .price-mv-list{
margin-bottom: 10vw;
margin-left: 4vw;
}
.biz-main .score-example-left h2{
font-size: 4.7vw!important;
}
.biz-main .cnslt-l,
.biz-main .cnslt-l h2{
width: 100%;
}
.biz-main .cnslt-l h2{
font-size: 6.2vw!important;
}
.biz-main .rs-list .img_box{
width: 24px;
height: auto;
}
#biz-com-list h3{
font-size: 10vw;
}
#biz-com-list .original h3{
font-size: 6vw;
}
.std-list.sp ul li img{
border-radius: 5px;
}
#biz-com-list .std-list ul{
width: 1700px;
}
.biz-com-list table{
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.biz-com-list table td{
width: 47%;
margin-bottom: 10px;
}
.biz-com-list table tr{
justify-content: space-evenly;
}
.biz-com-list-name{
overflow: auto;
white-space: nowrap;
}
.biz-com-list-name table{
margin: 0 auto 20px;
}
.biz-com-list-name ul{
width: 100%;
margin: 0 auto 20px;
font-size: 2.5vw;
}
.biz-com-list-name ul li{
width: 47.5%;
}
.biz-main #voice .arrow-r-gray{
width: 12vw;
margin: 0 10px 0 0;
}
.s-voice-2{
margin-top: 100px;
}
.biz-main .cp-box .bg-c-gray{
width: 100%;
/* width: 90%; */
}
.biz-main .price h3{
font-size: 6vw;
text-align: left;
}
.biz-main .price h3:last-child{
margin-right: 0;
font-size: 7vw;
}
.biz-main .price .reserve-btn{
width: 100%!important;
}
.biz-main .price-list li div:first-child{
font-size: 16px;
padding-right: 0;
}
.biz-main .price .arrow-right{
width: 22px;
}
.biz-main .price .gray-border-b-s{
width: 80%;
margin: 10px auto 20px!important;
border-bottom: 2px solid #e5e5e5;
}
.biz-main #contact h3{
font-size: 4vw;
}
.biz-main .s-voice{
width: 100%;
margin-top: 100px;
}
.sp-font20{
font-size: 20px!important;
}
.sp-font18{
font-size: 18px!important;
}
.sp-txt-center{
text-align: center!important;
}
.biz-main .program-list-flame h2 span{
font-size: 12.5px !important;
}
.sp-w44{
width: 44%;
}
.biz-main #data .gray-border-b-s{
width: 100%;
}
.biz-com-list-name table td{
width: 220px;
}
.biz-main #contact .form-btn{
/* width: 280px!important; */
}
.biz-main .score-example-left{
margin-bottom: 17vw;
}
.versant-rela{
width: 80%;
font-size: 12px;
padding: 7px;
}
.versant-rela-img picture{
height: auto!important;
}
.versant-rela-img .modal-close{
top: 10px;
}
.versant-rela .img_box{
width: 18px;
}
.biz-com-list-name table td{
font-size: 12px;
}
.sp-mt150{
margin-top: 150px;
}
.biz-ptn .sub-page-h1 span{
font-size: 3.4vw;
}
.biz-ptn .sub-page-h1 span:last-child {
font-size: 3.7vw;
}
.biz-ptn .sub-page-h1{
line-height: 3;
}
.biz-ptn-com-list table td{
margin-right: 0;
}
.biz-intro{
padding: 40px 20px 20px;
}
.biz-main .cl-step-flame{
padding: 40px 10px;
}
.biz-main .cl-step-flame .sp-pr0{
padding-right: 0px;
}
.biz-main .cl-step-flame .sp-pl0{
padding-left: 0px;
}
.biz-intro ul li input{
left: 0;
}
}
/* /法人紹介ページ */
.slider-mv-cs-btn{
bottom: 12vw;
left: 1.8vw;
width: 25vw;
}
.slider-mv-cs-btn img{
border-radius: 10px!important;
}
.slider-mv-cs-btn-sugisawa{
width: 16vw;
bottom: 5.8vw;
left: 7vw;
}
.slider-mv-cs-btn-sugisawa img{
border-radius: 0!important;
}
@media screen and (max-width: 1600px){
.slider-mv-cs-btn-sugisawa{
bottom: 6.8vw;
left: 12vw;
}
}
@media screen and (max-width: 1200px){
.slider-mv-cs-btn-sugisawa{
bottom: 5.5vw;
left: 7vw;
}
}
@media screen and (max-width: 767px){
.slider-mv-cs-btn-sp{
bottom: 9vw;
}
}
/* 継続コース */
.kz-mv .price-mv-list{
margin-bottom: 14.5vw;
}
.kz-h1{
font-size: 42px;
}
.kz-recomend.reco {
background-image: url("../../img/price/kz/kz-bg.jpg")!important;
}
#re-program .kz-program-top-img{
background-image: url("../../img/price/kz/kz-program.jpg")!important;
height: 41vw;
}
.kz-program-top-img h2{
margin-top: 18vw;
font-size: 52px;
text-shadow: #000000 0px 0px 10px;
}
.kz-program .program-list-flame{
margin-top: -120px;
}
.kz-program .program-list-flame .tab-area,
.kz-program .program-list-flame .content-area{
border-bottom: none;
}
.kz-program .program-list-flame .tab{
/* width: 25%; */
width: 34%;
height: 120px;
background-color: #e5e5e5;
color: #001b2a;
display: flex;
justify-content: center;
align-items: center;
}
.kz-program .program-list-flame .tab:first-child{
border-left: none;
}
.kz-program .program-list-flame .tab:last-child{
border-right: none;
}
.kz-program .program-list-flame .tab.active{
background-color: #ffffff;
}
.kz-program .content-area{
font-size: 16px;
text-align: left;
}
.price-program .program-list .kz-program-detail{
margin-top: 100px;
margin-bottom: 50px;
font-weight: normal;
}
.kz-program .program-list-flame .tab:hover{
opacity: .6;
}
.lh1-5{
line-height: 1.5;
}
@media screen and (max-width: 1600px){
.kz-mv .price-mv-list{
width: 500px;
}
}
@media screen and (max-width: 1300px){
.kz-mv .price-mv-list {
margin-bottom: 11.5vw;
}
}
@media screen and (max-width: 1200px){
.kz-program-top-img h2{
margin-top: 13vw;
}
.kz-mv .price-mv-list{
width: 42vw;
}
.kz-mv .price-mv-list ul{
margin-left: 0;
}
}
@media screen and (max-width: 1100px){
.kz-program .program-list-flame .tab p{
font-size: 1.4vw;
}
.kz-program .program-list-flame .tab p em{
font-size: 2.2vw;
}
}
@media screen and (max-width: 1000px){
.kz-program .program-list-flame .tab{
height: 100px;
}
.kz-program .program-list-flame{
margin-top: -100px;
}
.kz-program-top-img h2{
margin-top: 10vw;
}
}
@media screen and (max-width: 767px){
.kz-h1{
font-size: 5vw;
}
.kz-recomend.reco {
background-image: url("../../img/price/kz/kz-bg-sp.jpg")!important;
}
#re-program .kz-program-top-img{
/* background-image: url("../../img/price/kz/kz-program-sp.jpg")!important; */
}
.kz-mv{
margin-top: 50px;
}
.kz-mv .price-mv-list{
width: 100%;
margin-left: 0;
margin-bottom: 5vw;
}
.kz-mv .price-mv-list ul{
width: 90%;
margin: 0 auto;
}
.kz-program .program-list-flame{
margin-top: 0px;
}
.kz-program .program-list-flame .tab{
height: 50px;
}
.price-program .program-list .kz-program-detail{
margin-top: 30px;
margin-bottom: 40px;
}
.kz-program-top-img h2{
margin-top: 20vw;
}
.kz-program .program-list-flame .tab p{
font-size: 1.8vw;
font-family: 'Noto Sans Japanese', sans-serif;
}
.kz-program .program-list-flame .tab p em{
font-size: 2.8vw;
}
.kz-program .program-list-flame .tab:hover{
opacity: inherit;
}
}
/* /継続コース */
/* 杉澤さん、三宅選手対談 */
.biz-itv-01 .gap-s-m-voice-top .sub-page-h1 span:first-child{
font-size: 1.2vw;
}
.biz-itv-01 .gap-s-m-voice-top .sub-page-h1 span:last-child{
padding: 10px 30px 16px;
}
@media screen and (max-width: 1200px){
.biz-itv-01 .gap-s-m-voice-top .sub-page-h1 span:first-child{
font-size: 1.2vw!important;
}
}
@media screen and (max-width: 767px){
.biz-itv-01 .gap-s-m-voice-top .sub-page-h1 span:first-child{
font-size: 2.7vw!important;
padding: 10px 30px;
}
.biz-itv-01 .gap-s-m-voice-top .sub-page-h1{
line-height: 2.5!important;
}
.biz-itv-01 .gap-s-m-voice-top .sub-page-h1 span:last-child{
padding: 10px 30px 16px;
}
}
/* /杉澤さん、三宅選手対談 */
/* トップページGAP */
@media screen and (max-width: 1480px){
.gap-list ul{
justify-content: space-around;
}
}
@media screen and (max-width: 767px){
.gap-list ul{
width: 4300px;
}
}
/* /トップページGAP */
/* 門田先生、新崎先生の対談 */
.mb250{
margin-bottom: 250px;
}
.top-itv-k-s .reserve-btn{
background-color: #a5a5a5;
}
.top-itv-k-s.cs-intro{
padding: 0;
}
.itv-k-s .col-v-side{
margin-top: 300px;
}
.itv-k-s .sub-page-h1{
/* line-height: 2.1!important; */
}
.itv-k-s .sub-page-h1 span:first-child{
font-size: 2vw;
}
.itv-k-s .sub-page-h1 span:last-child{
padding: 10px 40px 16px 30px;
font-size: 2vw;
}
.itv-k-s .g-voice-top{
margin-top: 8vw;
}
@media screen and (max-width: 1600px){
.itv-k-s .sub-page-h1{
line-height: 5vw!important;
}
}
@media screen and (max-width: 1200px){
.itv-k-s .sub-page-h1:first-child span {
font-size: 2.2vw!important;
}
.itv-k-s .sub-page-h1{
line-height: 2.5!important;
}
.itv-k-s .g-voice-top{
margin-top: 6vw;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.itv-k-s .sub-page-h1{
line-height: 6vw!important;
}
.biz-itv-01 .sub-page-h1 span{
padding: 10px 30px 10px;
}
.itv-k-s .sub-page-h1 span:last-child{
padding: 10px 40px 10px 30px;
}
.itv-k-s .g-voice-top {
margin-top: 6.5vw;
}
}
@media screen and (max-width: 767px){
.itv-k-s .sub-page-h1:first-child span{
font-size: 5.6vw!important;
padding: 14px 30px 14px;
}
}
/* /門田先生、新崎先生の対談 */
/* ビジネス上級プログラム */
.biz-h-reco-bg{
background-image: url("../../img/price/biz/biz-h-bg.jpg");
}
.biz-h-reco-bg .reco-list li{
text-align: left;
}
.biz-h-program-bg{
background-image: url("../../img/price/biz/biz-h-program.jpg")!important;
}
.biz-h-warranty .bg-c-gray,
.payment-list-main .biz-h-warranty tbody tr td:first-child{
background-color: #f2f2f2!important;
}
.biz-h-warranty{
max-width: 600px;
width: 100%;
}
.biz-h-warranty th{
width: 50%;
}
.biz-h-warranty td{
padding: 40px 30px!important;
}
.biz-h-pyament-list-main.f990{
max-width: 900px;
width: 100%;
margin-bottom: 50px!important;
}
.mw900{
max-width: 900px;
}
.w46{
width: 46%;
}
.font48{
font-size: 48px;
}
.biz-h-payment-list-main .modal_content table{
width: 752px;
}
.biz-h-two-warranty .border_gray {
border: 2px solid #e5e5e5;
}
.biz-h-single-warranty .each-warranty{
width: 100%;
}
.biz-payment-list tbody tr th:first-child{
background-color: #ffffff!important;
}
.payment-list-main .biz-payment-list tbody tr td:first-child{
border-right: 3px solid #ffffff;
}
.payment-list-main .biz-payment-list tbody tr td:nth-child(3){
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
.payment-list-main .biz-payment-list tbody tr{
border-bottom: 2px solid #ffffff;
}
.payment-list-main .biz-payment-list{
width: 100%;
}
@media screen and (max-width: 767px){
.biz-h-mv-list{
margin-bottom: 2vw;
}
.biz-h-reco-bg{
background-image: url("../../img/price/biz/biz-h-bg-sp.jpg");
}
.biz-h-reco-bg .sp-font5vw{
font-size: 5vw!important;
}
.biz-h-program-bg{
background-image: url("../../img/price/biz/biz-h-program-sp.jpg")!important;
}
.biz-h-payment-list-main .modal_content table {
width: 100%;
}
.biz-h-pyament-list-main.f990{
width: 100%;
}
.biz-h-warranty td{
padding: 30px 10px!important;
}
.biz-h-warranty{
width: 100%;
}
.biz-h-two-warranty {
width: 100%!important;
}
.biz-h-two-warranty .each-warranty:first-child{
margin-left: 0;
}
.biz-h-two-warranty .each-warranty:last-child{
margin-right: 0;
}
.biz-h-two-warranty .each-warranty.border_gray{
width: 49%;
}
.biz-h-pyament-list-main.f990{
margin-bottom: 30px!important;
}
#warranty .biz-h-two-warranty h3{
font-size: 19px;
}
}
/* /ビジネス上級プログラム */
/* コンサルタント、コーチインタビュー */
.staff .toc_title{
background: none;
color: #000;
}
.staff .toc_list{
background-color: inherit!important;
}
.staff .toc_list li{
padding: inherit!important;
border-bottom: none;
line-height: 1.722;
}
.staff .toc_number a{
font-size: 16px;
}
.mv-staff .img_box img{
max-width: inherit;
}
#conts #counseling-02 h2{
color: #ffffff;
}
#conts #counseling-02 .reserve-btn{
color: #ffffff;
}
#conts .c-cv_btn_01{
background: #ffffff;
}
#conts .c-cv_btn_01.c-cv_btn_01-sm{
color: #000000!important;
}
#conts .link-color{
color: #1e73be;
}
@media screen and (max-width: 767px){
.staff .toc_title{
padding: 0;
font-size: 20px;
}
#conts #footer_bn_box button{
display: block!important;
}
}
/* /コンサルタント、コーチインタビュー */
/* コース比較表 */
.cl-note{
border: solid 2px #e95520;
}
.p-table .bg-c-gray{
width: 100%;
height: 100%;
top: 5vw;
z-index: -1;
}
.p-table .payment-list tbody tr th:first-child{
background-color: #f2f2f2!important;
}
.p-table .payment-list-main table tbody tr th{
vertical-align: middle;
}
.p-table .payment-list-main table tbody tr th:nth-child(3),
.p-table .payment-list-main table tbody tr td:nth-child(3){
border-right: 1px solid #f2f2f2;
border-left: 1px solid #f2f2f2;
}
.p-table .payment-list-main table tbody tr th:nth-child(4),
.p-table .payment-list-main table tbody tr td:nth-child(4){
border-right: 1px solid #f2f2f2;
}
.p-table .payment-list-main table tbody tr {
border-bottom: 2px solid #f2f2f2;
}
.p-table .payment-list-main table tbody tr td:first-child{
border-right: 3px solid #f2f2f2;
}
.p-table .payment-list-main table tbody tr:last-child td{
background-color: #f2f2f2!important;
}
.p-table .payment-list-main table tbody tr:last-child td{
padding: 30px 20px;
}
.course-link .contact-link .reserve-btn{
border-radius: 10px;
padding: 10px 20px;
}
.course-link .contact-link .img_box{
width: 30px;
position: absolute;
right: 10px;
}
.course-main .p-table .f990,
.toeic-main .p-table .f990,
.re-main .p-table .f990{
margin-top: 0;
}
@media screen and (max-width: 1200px){
.p-table .payment-list-main{
width: 90%;
}
.p-table .payment-list-main table tbody tr th {
padding: 10px 2vw;
}
.p-table .payment-list-main table tbody tr td{
padding: 10px 2vw;
}
.course-link .contact-link .img_box{
display: none;
}
.course-link .contact-link .reserve-btn .bold{
font-size: 12px;
}
}
@media screen and (max-width: 767px){
.p-table .payment-list-main {
width: 100%;
padding-bottom: 80px!important;
}
.p-table .bg-c-gray{
top: 50px;
}
.p-table .payment-list-main table tbody tr th{
width: 68px;
padding: 10px 0vw;
font-size: 10px;
}
.p-table .payment-list-main table tbody tr:last-child td {
padding: 20px 3px;
}
.course-link .contact-link .reserve-btn{
width: 55px;
padding: 10px 0px;
}
.course-link .contact-link .reserve-btn .bold {
font-size: 12px;
line-height: 1.7;
}
.course-main .p-table .f990,
.toeic-main .p-table .f990,
.re-main .p-table .f990{
margin-top: 100px;
}
}
/* /コース比較表 */
/* スタッフインタビュー */
.staff .col-v-side{
margin-top: 50px;
}
.staff .toc_container{
border: 2px solid #001B2A;
border-radius: 0;
padding: 0;
}
.staff .toc_title{
background: #001B2A;
padding: 10px 16px;
line-height: 1.4;
font-size: 18px;
color: #ffffff;
text-align: center;
margin-bottom: 0;
}
.staff .toc_list{
background-color: #ffffff!important;
}
.staff .toc_list li{
padding: 16px!important;
list-style: none!important;
font-size: 14px;
font-weight: normal!important;
line-height: 1.4;
border-bottom: 2px solid #e5e5e5;
text-indent: 0!important;
}
.staff .toc_list li:last-child{
border-bottom: none;
}
.staff li:before{
content: none;
}
.staff .col-main ul{
background-color: #ffffff;
padding: 0;
margin: 0;
}
.staff .col-main ul li{
list-style: none;
}
.staff .col-main.s-voice-col-main h2:first-child{
margin-top: 50px!important;
padding-top: 20px;
}
.staff_profile {
padding: 30px;
margin: 20px 0 0 0;
background-color: #ffffff;
border: solid #0c2f54 1px;
}
.staff_profile li, .toc_number {
padding-left: 2em;
text-indent: -2em;
}
.staff_title2 {
background-color: #0c2f54;
padding: 20px 22px!important;
margin: 50px 0 30px 0!important;
line-height: 130%;
font-weight: bold;
font-size: 20px!important;
color: #ffffff;
border-left: solid 5px #3387dffa;
}
.staff_title3 {
width: 98%;
background-color: #ffffff;
padding: 14px 22px;
margin: 50px auto 0;
line-height: 130%;
font-weight: bold;
font-size: 18px!important;
color: #0c2f54;
/* border-top: solid #0c2f54 3px; */
border-bottom: solid #0c2f54 3px;
/* border-top: 3px solid #10386ba3; */
/* border-bottom: 3px solid #10386ba3; */
/* color: #10386b; */
/* padding: 20px 0;*/
}
.staff .staff_title3 {
padding-top: 0!important;
}
.s-voice-col-main h3:before {
content: none;
}
.staff .staff_profile li:before {
content: "";
width: 10px;
height: 10px;
margin: 0 10px;
display: inline-block;
background-color: #0c2f54;
border-radius: 50%;
}
.staff .col-v-side .p-column{
margin-top: 70px;
}
.staff-side.p-column ul li .img_box{
height: 170px;
}
@media screen and (max-width: 767px){
.staff .staff_title2 {
border-left: solid 10px #3387dffa;
font-size: 20px!important;
}
.staff_profile{
padding: 20px 16px;
font-size: 15px;
}
.staff .toc_title{
font-size: 16px;
}
.staff .toc_list li {
font-size: 14px;
padding: 14px 20px!important;
text-indent: 0!important;
}
.staff .toc_number a{
font-size: 14px;
}
.staff-side.p-column ul li .img_box{
height: 100px;
}
}
/* /スタッフインタビュー */
#fellow .cs-intro .img_box img{
height: 16px;
}
@media screen and (max-width: 767px){
#fellow .cs-intro .img_box img{
height: 8px;
}
}
/* #data .pf-06 h3{
width: 450px;
}
#data .pf-06 img{
width: 25%;
}
#data .pf-06 .note{
width: 25%;
} */
/* @media screen and (max-width: 1500px){
#data .pf-06 h3{
width: 40%;
}
} */
@media screen and (max-width: 767px){
/* #data .pf-06 h3{
width: 200px;
}
#data .pf-06 img,
#data .pf-06 .w30{
width: 60%!important;
} */
.top-h1,
.biz-main #h1{
font-family: "ヒラギノ角ゴシック";
}
}
/* セミナー */
#seminar .column-mv img{
width: 80%;
}
#seminar .price-mv-list{
margin-bottom: 8vw;
}
#seminar .price-mv-list .sub-page-h1{
margin-bottom: 2vw;
line-height: 2.1;
}
#seminar .price-mv-list ul li:last-child{
width: 100%;
}
#seminar .price-mv-list ul li:last-child a{
width: 97%;
background-color: #e95520;
border: 2px solid #ffffff;
}
#seminar .price-mv-list ul li:last-child a .img_box{
width: 5%;
}
#seminar h1 span:first-child{
font-size: 30px;
}
#seminar .h1{
font-size: 42px;
}
#seminar .seminar-top-info{
padding-right: 100px;
padding-left: 4px;
padding-top: 10px;
position: absolute;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.5);
font-weight: bold;
}
#seminar.seminar02 .seminar-top-info{
background: rgba(255, 255, 255, 0.8);
}
#seminar .seminar-top-info table{
border-collapse: separate;
border-spacing: 10px 0px;
}
#seminar .seminar-top-info table tr td:first-child{
background-color: #11376b;
color: #ffffff;
border-radius: 10px;
margin-right: 10px;
padding: 0px 10px;
vertical-align: middle;
filter: drop-shadow(0 0px 3px rgba(255,255,255,1));
}
#seminar .seminar-top-info table tr:nth-child(2) td:first-child{
display: inline-block;
margin: 6px 0;
}
#seminar .seminar-top-info table tr:nth-child(2) td:nth-child(2){
vertical-align: middle;
}
#seminar .seminar-top-info table tr:last-child td:first-child{
display: inline-block;
margin: 0 0 10px;
}
.seminar-detail .content-area{
border-top: 2px solid #e5e5e5;
}
.seminar-detail h3.font36{
font-size: 36px;
}
.seminar-detail-info tr td:first-child{
color: #666666;
}
.seminar-detail-program tr:first-child{
color: #808080;
}
.seminar-detail-program tr:first-child td{
line-height: 0.5;
}
.seminar-detail .price h3{
margin-right: 0;
}
.seminar-detail-info,
.seminar-detail-program{
width: 800px;
}
.seminar-detail-info table{
border-collapse: separate;
border-spacing: 20px 10px;
}
.seminar-detail-program table{
border-collapse: separate;
border-spacing: 20px 0;
}
.seminar-detail .contents .flex{
width: 1400px;
margin: 0 auto;
}
.seminar-detail .gray-border-b{
border-bottom: 2px solid #e5e5e5;
}
#seminar #price-course .bg-c-gray{
width: 130%;
/* background-color: #e5e5e5; */
background-color: #b3b3b3;
}
#seminar #price-course .r-l-box1-text h3 span{
font-family: "Noto Sans Japanese",sans-serif;
}
.bg-c-dgray{
background: #e5e5e5;
}
#seminar #price-course .r-l-box1{
margin: 200px 0 0 auto;
}
#seminar.seminar02 #price-course .r-l-box1-text h3 span.lh2{line-height: 2!important;}
@media screen and (max-width: 1600px){
#seminar .price-mv-list {
margin-bottom: 4vw;
}
#seminar #price-course .r-l-box1-text h3{
font-size: 46px;
}
#seminar #price-course .r-l-box1-text h3 span{
font-size: 16px;
line-height: 1.4!important;
}
#seminar #price-course .r-l-box1{
max-width: 1300px;
margin: 10vw 0 0 auto;
}
}
@media screen and (max-width: 1400px){
#seminar h1 span:first-child {
font-size: 25px;
}
#seminar .price-btn{
padding: 8px;
}
#seminar .seminar-top-info{
font-size: 14px;
}
#seminar .seminar-top-info{
padding-right: 10px;
}
.seminar-detail .contents .flex{
width: inherit;
padding-right: 20px;
padding-left: 20px;
margin-right: 30px;
margin-left: 30px;
}
.seminar-detail h3.font36{
font-size: 3.2vw;
}
}
@media screen and (max-width: 1300px){
#seminar h1 span:first-child{
font-size: 25px;
}
}
@media screen and (max-width: 1200px){
#seminar .price-mv-list .sub-page-h1{
line-height: 2.3;
}
#seminar .price-mv-list ul li:nth-child(2) .price-btn,
#seminar .price-mv-list ul li:nth-child(4) .price-btn {
margin-left: auto;
}
#seminar .price-mv-list ul li:last-child a{
width: 96%;
}
#seminar h1 span:first-child {
font-size: 21px;
}
#seminar #price-course .r-l-box1-text{
margin-top: 3vw;
}
}
@media screen and (max-width: 1100px){
#seminar h1 span:first-child {
font-size: 18px;
}
}
@media screen and (max-width: 900px){
#seminar h1 span:first-child {
font-size: 16px;
}
#seminar .price-mv-list{
width: 320px;
margin-bottom: 2vw;
}
#seminar .price-mv-list .sub-page-h1{
margin-bottom: 0;
}
#seminar .price-btn{
padding: 5px;
}
#seminar .price-mv.ml50{
margin-left: 0;
}
#seminar .h1{
font-size: 38px;
}
#seminar .seminar-top-info {
font-size: 12px;
}
}
@media screen and (max-width: 767px){
#seminar .column-mv img{
width: 100%;
}
#seminar .h1{
font-size: 5vw;
}
#seminar h1 span:first-child{
font-size: 3.1vw;
}
#seminar.seminar02 .sub-page-h1 span:first-child{
font-size: 3.7vw;
}
.seminar02 .sub-page-h1 span:last-child{
font-size: 4.5vw;
}
#seminar .seminar-top-info,
#seminar.seminar02 .seminar-top-info{
position: relative;
padding-left: 10px;
padding-top: 20px;
padding-bottom: 14px;
background: #e5e5e5;
}
#seminar .seminar-top-info table tr td:first-child{
width: 50px;
}
#seminar .price-mv-list ul{
justify-content: space-between;
}
#seminar .price-mv-list ul li{
width: 48%;
}
#seminar .price-mv-list ul li:nth-child(2) .price-btn,
#seminar .price-mv-list ul li:nth-child(4) .price-btn {
margin-left: 0;
}
#seminar .price-mv-list ul li:last-child a{
width: 100%;
border: 1px solid #ffffff;
}
#seminar .price-mv-list .sub-page-h1{
margin-bottom: 4vw;
line-height: 1.9;
}
#seminar.seminar02 .price-mv-list .sub-page-h1{
line-height: 1.8;
}
.seminar-detail .contents .flex,
.seminar-detail-info, .seminar-detail-program{
width: 100%;
}
.seminar-detail .contents .flex{
display: block;
padding-right: 0px;
padding-left: 0px;
margin-right: 0px;
margin-left: 0px;
}
.seminar-detail-info tr td:first-child{
width: 86px;
}
.seminar-detail-info table{
border-spacing: 12px 10px;
}
.seminar-detail-program table{
border-spacing: 12px 4px;
}
.seminar-detail .price h3{
font-size: 26px!important;
}
.seminar-detail-program tr td span{
display: contents!important;
}
#seminar #recomend h2{
font-size: 4.7vw!important;
}
#seminar #price-course .bg-c-gray{
width: 100%;
}
.seminar-detail-program table tr:nth-child(2) td{
background-color: #e5e5e5;
font-family: "Noto Sans Japanese",sans-serif;
font-weight: normal;
}
#seminar #price-course .r-l-box1{
margin-top: 100px;
}
#seminar.seminar04 .price-mv-list{
margin-bottom: 20vw;
}
#seminar.seminar04 .sub-page-h1 span:first-child{
font-size: 3.4vw;
}
#seminar.seminar04 .sub-page-h1 span:last-child{
font-size: 4.5vw;
}
.seminar-detail-program tr:first-child td{
line-height: 1.7;
}
.seminar08 .seminar-detail-program table tr:nth-child(2) td{
background-color: inherit;
}
.seminar08 .seminar-detail-program table{
margin: 0 0 20px 0;
}
.seminar08 .arrow-b-b{
border-width: 30px 100px 0 100px;
}
}
/* /セミナー */
/* メディア掲載 */
.info-media{
background:#e5e5e5;
/* background:#d4d4d4; */
}
.info-seminar{
background:#c0c0c0;
}
.info-media #media>div{
justify-content: center;
align-items: center;
}
.info-media #media .media-date,
.info-seminar #media-seminar .media-date{
z-index: 20;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.info #media .media-detail{
align-items: center;
}
.info-media #media ul li div{
display: inherit;
}
@media screen and (max-width: 767px){
.info-media #media ul li div{
display: flex;
justify-content: center;
align-items: center;
}
}
/* /メディア掲載 */
/* TORAIZ 2.0 */
.toraiz20 .mv{
height: calc(100vh - 90px);
display: flex;
justify-content: center;
align-items: center;
}
.toraiz20 h1{
font-size: 72px;
line-height: 1;
}
.toraiz20 h1 span{
font-size: 32px;
}
.toraiz20 .h1-border{
width: 100px;
}
.toraiz20-bgimg01{
height: 600px;
margin: 200px auto -180px;
background: url("/assets/img/toraiz20/toraiz20-bgimg01.jpg") center;
background-repeat: no-repeat;
}
.toraiz20-cc .toraiz20-bgimg01{
height: 600px;
margin: 200px auto -180px;
background: url("/assets/img/toraiz20/toraiz20-cc-bg.jpg") center;
background-repeat: no-repeat;
}
.toraiz20-01{
width: 1000px;
}
.toraiz20-01 h3{
font-size: 60px;
line-height: 1.4;
}
.toraiz20-num{
color: #b2b2b2;
font-size: 26px;
}
.toraiz20-num span{
font-size: 50px;
}
.toraiz20 .scroll{
position: absolute;
bottom: 0;
text-align: center;
color: #cccccc;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
}
.toraiz20 .arrow-b-b{
border-width: 20px 50px 0 50px;
border-color: #cccccc transparent transparent transparent;
}
.toraiz20 .arrow-blue-b p{
color: #808080;
}
.toraiz20 .arrow-blue-b:before{
border-width: 14px 51px 0 51px;
border-color: #001b2a transparent transparent transparent;
content: "";
position: absolute;
bottom: 10px;
}
.toraiz20 .rs-list li{
width: 32%;
width: 250px;
margin-bottom: 0;
}
.toraiz20 .rs-list li .border_gray{
height: 80px;
}
.toraiz20 .rs-list h5{
font-size: 14px;
line-height: 1.4;
}
.toraiz20 .rs-list .img_box{
width: 50px;
height: auto;
}
.toraiz20 .rs-list li .border_gray div{
display: flex;
justify-content: center;
align-items: center;
}
.toraiz20 .r-l-box .side-bar:after,
.toraiz20 .r-l-box2 .side-bar:after{
content: "";
width: 150px;
border-top: 1px solid #b2b2b2;
top: 50%;
position: absolute;
margin-left: 20px;
right: inherit;
}
.toraiz20 .each-warranty .border-b-gray:after {
content: "";
position: absolute;
border-bottom: 1px solid #000000;
width: 70px;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
bottom: -10px;
}
.toraiz20 .r-l-box1.mt100{
margin-top: 100px;
}
.mw1000{max-width:1000px;}
.circle{border-radius: 50%;}
.toraiz20 .r-l-box .circle{
width: 90px;
height: 90px;
}
.toraiz20 .r-l-box .circle p{
height: 90px;
justify-content: center;
}
.beginner-ls{width: 375px;}
.toraiz20 .s-follow{
max-width: 1106px;
width:100%;
color: #808080;
}
.toraiz20 .r-l-box2.intro-biz{
justify-content: flex-end;
max-width: 1650px;
margin-top: 0;
margin-bottom: 150px;
}
.toraiz20 .intro-biz .mw900{
max-width: 54%;
margin: 0 0 0 auto;
}
.toraiz20 .r-l-box2.intro-biz ul{
width: 770px;
}
.toraiz20 .r-l-box2.intro-biz .cs-intro{
width: 250px;
}
.toraiz20 .r-l-box2.intro-biz .cs-intro .contact-link{
width: 100%;
}
.toraiz20 .r-l-box2.intro-biz .cs-intro .bg-c-orange{
height: 50px;
}
.toraiz20 .r-l-box2.intro-biz .cs-intro .bg-c-orange .img_box img{
width: 30px !important;
height: auto!important;
top: 20px;
}
.toraiz20 #warranty h3{
font-size: 64px;
}
.toraiz20 #warranty h3 span{
font-size: 34px;
}
.w500{width: 500px;}
.toraiz20 .each-warranty{
background-color: #e5e5e5;
}
.toraiz20 .each-warranty .cs-intro{
padding-bottom: 10px;
}
.font60{font-size: 60px;}
.toraiz20 .each-warranty .contact-link{
width: 200px;
height: 40px;
margin-top: 10px;
}
.h100{height: 100%!important;}
.toraiz20 .each-warranty .contact-link .img_box img{
top: 16px;
width: 20px!important;
height: auto!important;
}
.toraiz20 .border-b-white:after {
border-bottom: 1px solid #ffffff;
content: "";
width: 70px;
position: absolute;
top: 46%;
left: 50%;
transform: translate(-50%, 100%);
-webkit-transform: translate(-50%, 100%);
-ms-transform: translate(-50%, 100%);
}
.toraiz20 .reco{
background-image: url("/assets/img/toraiz20/toraiz20-bgimg02.jpg");
}
.toraiz20 .border-b-gray-w h4{
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-color: #ffffff;
padding: 0 50px;
top: 0;
}
.toraiz20 .border-b-gray-w:before {
content: "";
background-image: linear-gradient(to right, #ccc, #ccc 15px, transparent 15px, transparent 20px), linear-gradient(to right, #ccc, #ccc 15px, transparent 15px, transparent 20px), linear-gradient(to bottom, #ccc, #ccc 15px, transparent 15px, transparent 20px), linear-gradient(to bottom, #ccc, #ccc 15px, transparent 15px, transparent 20px);
background-size: 20px 2px, 20px 2px, 2px 20px, 2px 20px;
background-position: left top, left bottom, left top, right top;
background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
}
.toraiz20 .border-b-gray-w ul li{
padding-left: 2em;
text-indent: -2em;
}
.id-arrow:before {
width: 100px;
height: 0;
border-style: solid;
border-width: 100px 0 0 90px;
border-color: transparent transparent transparent #e5e5e5;
content: "";
position: absolute;
top: -55px;
right: 100px;
transform: rotate(-14deg);
}
.toraiz20 #price-course .mt200{margin-top: 200px!important;}
.toraiz20 #recomend .w800{
width: 700px;
}
.toraiz20-flow .bg-c-blue{
width: 106px;
}
.toraiz20 #consultant-score .gray-border-b{
width: 100%;
margin-bottom: 0;
border: none;
}
.toraiz20 #consultant-score .ml30{
margin-left: 0;
}
.toraiz20 #consultant-score .mb50{
margin-bottom: 0;
}
.toraiz20 #consultant-score .mr50{
margin-right: 30px;
}
.toraiz20 #consultant-score .ml70{
margin-left: 40px;
}
.toraiz20-consul .method.mt200{
margin-top: 200px;
}
.toraiz20 .each-warranty.toraiz20-toiec{
margin-right: 0!important;
}
.ac{
width: 760px;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.ac .img_box:first-child{
height: 130px;
}
.ac .img_box:first-child img{
width: auto;
height: 100%;
}
.toraiz20 .side-bar:before{
content: none;
}
@media screen and (max-width: 1600px){
.toraiz20 .intro-biz .mw900{
width: 100%;
}
.toraiz20 .r-l-box2.intro-biz{
max-width: 1450px;
width: 100%;
margin-top: 5vw;
}
.toraiz20 .each-warranty{
width: 35vw;
}
.toraiz20 .each-warranty:first-child{
margin-right: 10px;
}
.toraiz20 .r-l-box,
.toraiz20 .r-l-box2{
max-width: 1310px;
}
.toraiz20-consul .r-l-box1-text{
width: 680px;
}
.toraiz20-consul .r-l-box1-img{
margin-left: 60px;
}
.toraiz20-consul #consultant-score h2 span{
margin: 20px 0 0 auto;
display: block;
text-align: right;
}
.toraiz20 .each-warranty h5{
font-size: 24px;
}
}
@media screen and (max-width: 1400px){
.intro-biz-top h3,
.toraiz20 .method h3{
font-size: 44px;
}
.toraiz20 .r-l-box2.intro-biz ul{
width: 510px;
}
.toraiz20-flow .bg-c-blue{
width: 120px;
}
.toraiz20 .each-warranty h5{
font-size: 18px;
}
.toraiz20 .each-warranty h5 span{
font-size: 48px;
margin-left: 14px;
}
.toraiz20 .each-warranty .cs-intro{
padding-bottom: 0;
}
.toraiz20 #cp h3{
font-size: 40px;
}
.toraiz20 #cp h3 span{
font-size: 50px;
}
.toraiz20-consul .r-l-box1-img{
margin-left: 4vw;
}
.toraiz20-consul .method h3,
.toraiz20-consul .intro-biz-top h3{
font-size: 24px;
}
.toraiz20-consul .intro-biz-top h3{
margin-top: 20px;
margin-bottom: 50px;
}
.toraiz20-consul .method h3 span,
.toraiz20-consul .intro-biz-top h3 span{
font-size: 40px;
}
.toraiz20-consul #consultant-score h2{
font-size: 26px;
}
.toraiz20 #consultant-score .img_box:nth-child(1){
width: 80%;
}
.toraiz20-cc .toraiz20-bgimg01{
background-size: 100% auto;
}
}
@media screen and (max-width: 1200px){
.toraiz20 .intro-biz .mw900{
max-width: 56%;
}
.toraiz20-flow .bg-c-gray.pr100{
padding-right: 10px;
}
.toraiz20 .each-warranty{
padding: 30px;
}
.toraiz20 .each-warranty h5{
margin-top: 10px;
}
.toraiz20 .each-warranty h5 span{
font-size: 36px;
}
.toraiz20-consul .method h3,
.toraiz20-consul .intro-biz-top h3{
font-size: 20px;
}
.toraiz20-consul .method h3 span,
.toraiz20-consul .intro-biz-top h3 span{
font-size: 32px;
}
.toraiz20-consul #consultant-score h2 br{
display: none;
}
.toraiz20-consul #consultant-score h2{
font-size: 22px;
}
}
@media screen and (max-width: 1000px){
.toraiz20-flow .bg-c-gray.pr100{
max-width: 600px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.toraiz20 .s-follow{
max-width: 720px;
}
.beginner-ls{
width: 70%;
}
.toraiz20-flow .bg-c-gray.pr100>div:nth-child(1),
.toraiz20-flow .bg-c-gray.pr100>div:nth-child(2){
margin-bottom: 20px;
}
.toraiz20 .each-warranty h5{
margin-top: 20px;
margin-bottom: 20px;
}
.toraiz20 .each-warranty.toraiz20-toiec{
width: 43vw;
}
}
@media screen and (max-width: 800px){
.toraiz20 .each-warranty{
padding: 20px;
}
.toraiz20 .each-warranty h5 span{
margin-left: 10px;
font-size: 30px;
}
}
@media screen and (max-width: 767px){
.toraiz20 .mv{
height: 85vh;
}
.toraiz20 h1{
font-size: 46px;
}
.toraiz20 .scroll{
font-size: 16px;
bottom: 60px;
}
.toraiz20 .arrow-b-b{
border-width: 14px 38px 0 38px;
}
.toraiz20-bgimg01{
width: 100vw !important;
height: 300px;
margin: 100px calc(50% - 50vw) -60px;
}
.toraiz20-num span{
font-size: 30px;
}
.toraiz20-01 h3{
font-size: 26px;
}
.toraiz20 #price-course .r-l-box h3,
.toraiz20 #price-course .r-l-box2 h3{
font-size: 8vw!important;
}
.toraiz20 #recomend h3{
font-size: 10vw!important;
}
.toraiz20 .r-l-box .side-bar:after,
.toraiz20 .r-l-box2 .side-bar:after{
width: 40px;
margin-left: 10px;
}
.sp-pt10{padding-top: 10px;}
.sp-pb10{padding-bottom: 10px;}
.sp-pr10{padding-right: 10px;}
.sp-w75{width:75%;}
.sp-w70{width:70%!important;}
.sp-w90{width: 90%;}
.sp-ml90{margin-left: 90px;}
.sp-font10vw{font-size: 10vw;}
.sp-font46{font-size: 46px;}
.sp-font42{font-size: 42px;}
.toraiz20 .r-l-box .circle{
width: 66px;
height: 66px;
}
.toraiz20 .r-l-box .circle p{
height: 66px;
}
.beginner-ls{
width:60%;
}
.sp-flex_wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.toraiz20 .arrow-blue-b:before{
border-width: 14px 40px 0 40px;
}
.toraiz20 .s-follow{
padding-left: 1em;
text-indent: -1em;
text-align: left;
}
.sp-space-around{justify-content: space-around;}
.sp-mw100{max-width: 100%;}
.toraiz20 .rs-list h5{
font-size: 12px;
}
.toraiz20 .rs-list .img_box{
width: 30px;
}
.toraiz20 .rs-list li .border_gray{
height: 90px;
}
.toraiz20 .r-l-box2.intro-biz{
margin-bottom: 100px;
}
.toraiz20 #warranty h3{
font-size: 10vw;
}
.toraiz20-bgimg01{
background:url("/assets/img/toraiz20/toraiz20-bgimg01-sp.jpg?date=20211026-2") center;
background-size: contain;
background-repeat: no-repeat;
}
.toraiz20 .reco{
background-image: url("/assets/img/toraiz20/toraiz20-bgimg02-sp.jpg");
}
.toraiz20 .border-b-gray-w h4{
padding: 0 10px;
}
.id-arrow:before{
width: 75px;
border-width: 80px 0 0 60px;
z-index: -1;
top: -46px;
right: 10px;
}
.id-arrow{
padding-bottom: 30px!important;
}
.id-arrow img{
width: 60px;
}
.toraiz20 #price-course .sp-mt100{
margin-top: 100px!important;
}
.beginner-ls-flame{
padding-top: 20px!important;
padding-bottom: 20px!important;
}
.toraiz20 .intro-biz .mw900{
max-width: 100%;
}
.toraiz20 #cp h3{
font-size: 24px;
}
.toraiz20 #cp h3 span{
font-size: 42px;
}
.toraiz20-consul .method h3,
.toraiz20-consul .intro-biz-top h3{
font-size: 4vw!important;
}
.toraiz20-consul .method h3 span,
.toraiz20-consul .intro-biz-top h3 span{
font-size: 6vw!important;
}
.toraiz20-consul .r-l-box1-text{
width: 100%;
}
.toraiz20 #consultant-score{
padding: 0;
}
.toraiz20 #consultant-score .ml70{
margin-left: 20px;
}
.toraiz20 #consultant-score .mr50{
margin-right: 20px;
}
.toraiz20-cc .toraiz20-bgimg01{
width: 100vw !important;
height: 300px;
margin: 0 calc(50% - 50vw) -60px;
background: url("/assets/img/toraiz20/toraiz20-cc-bg-sp.jpg") center;
background-size: contain;
background-repeat: no-repeat;
}
.toraiz20 .rs-list li .border_gray .img_box{
width: 40px;
}
.toraiz20 .rs-list li:nth-child(2) .border_gray .img_box{
margin-top: 14px;
}
.toraiz20 .rs-list li:nth-child(3) .border_gray .img_box{
margin-top: 2px;
}
.toraiz20 .rs-list li:nth-child(4) .border_gray .img_box{
margin-top: 5px;
}
.toraiz20 .rs-list li:nth-child(5) .border_gray .img_box{
width: 34px;
margin-top: 5px;
}
.ac{
width: 98%;
padding: 5px;
}
.ac .img_box:first-child{
height: 70px;
}
.ac p{
margin: 10px 0 0;
padding: 0 5px;
}
}
/* /TORAIZ 2.0 */
/* 公式サイトトップ TORAIZ 2.0 */
.toraiz20-top-p .cs-intro img{
top: 28px;
}
@media screen and (max-width: 767px){
.toraiz20-top-p .cs-intro img{
top: 16px;
}
}
/* /公式サイトトップ TORAIZ 2.0 */
/* 発音クリニックコース */
#course-pc.course-main .sub-page-h1 span:first-child{
font-size: 40px;
}
#course-pc.course-main .sub-page-h1{
font-size: 60px;
line-height: 2;
}
#course-pc.lp-biz .sub-page-h1{
line-height: 2.3;
}
#course-pc .reco{
/* background-image: url("../../img/course/pc/pc-bg.jpg"); */
background-image: none;
background-color: #f2f2f2;
}
#course-pc .pc-point .bg-img01{
height: 600px;
margin: 200px auto -180px;
background: url("../../img/course/pc/pc-detail-01-2.jpg") center;
background-repeat: no-repeat;
}
#course-pc .pc-point-detail{
max-width: 1000px;
}
#course-pc .pc-point-detail .point-detail{
border: solid 9px #e5e5e5;
padding-bottom: 120px;
}
#course-pc .pc-point-img{
width: 280px;
margin: -121px 120px 0 auto;
border: solid 9px #e5e5e5;
border-radius: 50px;
}
#course-pc .pc-point-img03{
width: 200px;
}
#course-pc .point-detail h3 span{
color: #808080;
font-family: "メイリオ";
}
#course-pc #program .program-top-img{
background-image: url("../../img/top/new/program-bg.jpg");
}
#course-pc .id-arrow:before{
top: -50px;
right: 16px;
z-index: -1;
}
#course-pc .r-l-box{
margin-top: 200px;
}
#course-pc #consultant-score .gray-border-b{
border: none;
margin: 0;
}
#course-pc #consultant-score .ml30 {
margin-left: 0;
}
#course-pc #consultant-score .ml70{
margin-left: 40px;
}
#course-pc #consultant-score .mr50{
margin-right: 30px;
}
#course-pc #consultant-score .mb50{
margin-bottom: 0;
}
.bloom h4{
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-color: #ffffff;
padding: 0 50px;
top: 0;
}
.bloom .border-b-gray-w:before{
content: "";
background-image: linear-gradient(to right, #ccc, #ccc 15px, transparent 15px, transparent 20px), linear-gradient(to right, #ccc, #ccc 15px, transparent 15px, transparent 20px), linear-gradient(to bottom, #ccc, #ccc 15px, transparent 15px, transparent 20px), linear-gradient(to bottom, #ccc, #ccc 15px, transparent 15px, transparent 20px);
background-size: 20px 2px, 20px 2px, 2px 20px, 2px 20px;
background-position: left top, left bottom, left top, right top;
background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
}
#course-pc #data h2{
margin-top: 100px;
}
@media screen and (max-width: 1600px){
#course-pc #consultant-score h2 span {
margin: 20px 0 0 auto;
display: block;
text-align: right;
}
#course-pc .r-l-box1-img{
margin-left: 60px;
}
#course-pc .r-l-box, .toraiz20 .r-l-box2{
max-width: 1310px;
}
#course-pc .r-l-box1-text{
width: 680px;
}
}
@media screen and (max-width: 1400px){
#course-pc.course-main .sub-page-h1 span:first-child{
font-size: 32px;
}
#course-pc.course-main .sub-page-h1{
font-size: 50px;
}
#course-pc #consultant-score h2{
font-size: 26px;
}
#course-pc #consultant-score .img_box:nth-child(1){
width: 80%;
}
}
@media screen and (max-width: 1200px){
#course-pc.course-main .sub-page-h1 span:first-child{
font-size: 26px;
}
#course-pc.course-main .sub-page-h1{
font-size: 40px;
line-height: 2.2;
}
#course-pc #consultant-score h2 {
font-size: 22px;
}
#course-pc #consultant-score h2 br{
display: none;
}
}
@media screen and (max-width: 1100px){
#course-pc.course-main .sub-page-h1 span:first-child{
font-size: 22px;
}
#course-pc.course-main .sub-page-h1{
font-size: 34px;
}
}
@media screen and (max-width: 767px){
#course-pc.course-main .sub-page-h1 span:first-child{
font-size: 4vw;
}
#course-pc.course-main.course-pre .sub-page-h1 span:first-child{
font-size: 3.8vw;
}
#course-pc.course-main.course-pre .sub-page-h1{
font-size: 24px;
/* line-height: 1.4; */
line-height: 1.9;
}
#course-pc.course-main .sub-page-h1{
line-height: 1.4;
}
#course-pc.course-main .sub-page-h1 span:last-child{
font-size: 6vw;
}
#course-pc .price-mv-list{
margin-bottom: 2vw;
}
#course-pc .reco{
/* background-image: url("../../img/course/pc/pc-bg-sp.jpg"); */
background-image: none;
}
#course-pc .pc-point .bg-img01{
width: 100vw!important;
height: 300px;
margin: 60px calc(50% - 50vw) -60px;
background: url("../../img/course/pc/pc-detail-01-sp.jpg") center;
background-size: contain;
background-repeat: no-repeat;
}
#course-pc .r-l-box{
margin-top: 80px;
}
#course-pc .q-img img{
width: 50px;
}
#course-pc #program .program-top-img{
background-image: url("../../img/course/pc/pc-detail-02-sp.jpg");
}
#course-pc .pc-point-img {
width: 200px;
margin: -121px 20px 80px auto;
border: solid 9px #e5e5e5;
border-radius: 50px;
}
#course-pc .pc-point-img03{
width: 180px;
}
#course-pc .program-list-flame h2 span{
font-size: 14px!important;
}
#course-pc .price-program .program-list-flame h2{
font-size: 16px!important;
}
#course-pc .r-l-box1-text{
width: 100%;
}
#course-pc #consultant-score .mr50{
margin-right: 20px;
}
#course-pc #consultant-score .ml70{
margin-left: 20px;
}
#course-pc #consultant-score{
padding: 0;
}
#course-pc #performance div{
padding-bottom: 50px;
}
#course-pc #gap .bg-c-gray{
top: 50px;
}
}
/* /発音クリニックコース */
/* 上級LP */
.lp-biz .r-l-box2{
margin-bottom: 100px;
}
.lp-biz .r-l-box3{
padding-bottom: 0px;
}
@media screen and (max-width: 767px){
#course-pc.course-main .biz-h-mv-list .sub-page-h1 span:first-child{
font-size: 4.5vw;
}
#course-pc.course-main .biz-h-mv-list .sub-page-h1 span:last-child{
font-size: 5vw;
}
.lp-biz .r-l-box2{
margin-bottom: 50px;
}
.sp-font5vw{font-size:5vw!important;}
.sp-font4-8vw{font-size:4.8vw!important;}
.sp-font4vw{font-size:4vw!important;}
}
/* /上級LP */
/* TOEIC LP */
/* .toeic-lp .toeic-main .sub-page-h1 span:first-child{
font-size: 36px;
}
.toeic-lp .toeic-main .sub-page-h1{
line-height: 2;
}
@media screen and (max-width: 1400px){
.toeic-lp .toeic-main .sub-page-h1 span:first-child{
font-size: 30px;
}
}
@media screen and (max-width: 1200px){
.toeic-lp .toeic-main .sub-page-h1 span:first-child{
font-size: 25px;
}
.toeic-lp .toeic-main .sub-page-h1{
line-height: 2.3;
}
}
@media screen and (max-width: 767px){
.toeic-lp .toeic-main .sub-page-h1 span:first-child{
font-size: 3.6vw;
}
.toeic-lp .toeic-main .sub-page-h1{
line-height: 1.7;
}
} */
/* /TOEIC LP */
/* seminar-05 */
@media screen and (max-width: 767px){
.course-main.seminar05 .sub-page-h1 span{
font-size: 3.9vw;
}
}
/* /seminar-05 */
/* seminar-06 */
#seminar.seminar06 .seminar-top-info{
background: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 767px){
#seminar.seminar06 .sub-page-h1 span:first-child{
font-size: 3.8vw;
}
.seminar06 .sub-page-h1 span:last-child{
font-size: 4.5vw;
}
#seminar.seminar06 .seminar-top-info{
background: #e5e5e5;
}
}
/* /seminar-06 */
/* seminar-07 */
@media screen and (max-width: 767px){
#seminar.seminar07 .sub-page-h1 span:first-child{
font-size: 3.8vw;
}
.seminar07 .sub-page-h1 span:last-child{
font-size: 5.6vw;
}
}
/* /seminar-07 */
/* seminar-08 */
#seminar.seminar08 h1:first-child{
/* background: linear-gradient( 135deg, transparent 14px, #10386b 5px); */
background: none;
display: table-cell;
vertical-align: middle;
}
/* #seminar.seminar08 h1 span:first-child img:first-child{ */
#seminar.seminar08 h1:first-child img:first-child{
width: auto;
height: 35px;
margin-bottom: 10px;
margin-left: 10px;
vertical-align: middle;
}
/* #seminar.seminar08 h1 span:first-child img:nth-child(2){ */
#seminar.seminar08 h1:first-child img:nth-child(2){
width: auto;
height: 35px;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
vertical-align: middle;
}
#seminar.seminar08 .column-mv img{
width: 100%;
}
.top-merrill{
height: 90%;
width: auto;
right: 15vw;
bottom: 0;
}
.top-merrill2{
height: 90%;
width: auto;
right: 0;
bottom: 0;
}
#seminar.seminar08 .top-merrill.img_box img{
vertical-align: bottom;
height: 100%;
width: auto;
}
#seminar.seminar08 .top-merrill2.img_box img{
vertical-align: bottom;
text-align: right;
height: 100%;
width: auto;
}
#seminar.seminar08 .price-mv-list{
width: 1000px;
height: 100%;
margin-bottom: 0;
left: 50px;
/* background: linear-gradient(to right, rgba(0,0,0,0.7),rgba(0,0,0,0.02)); */
}
#seminar.seminar08 .price-mv-list .sub-page-h1{
margin-left: 30px;
margin-bottom: 0;
margin-top: 0;
line-height: 1.7;
font-size: 56px;
}
#seminar.seminar08 .price-mv-list .sub-page-h1:first-child{
width: 92%;
margin-left: 35px;
padding-top: 6vw;
padding-bottom: 10px;
display: block;
font-size: 30px;
border-bottom: solid 1px #ffffff;
text-shadow: 2px 2px 10px rgb(0 0 0 / 70%);
}
#seminar.seminar08 .price-mv-list .sub-page-h1:nth-child(2){
text-shadow: 2px 2px 10px rgb(0 0 0 / 70%);
margin-top: 0;
}
#seminar.seminar08 .price-mv-list .sub-page-h1:nth-child(2) em{
display: block;
margin-top: 20px;
line-height: 1.4;
}
.seminar08 .sub-page-h1 span:first-child:before{
display: none;
}
.seminar08 .price-mv-list ul{
width: 650px;
margin-top: 40px;
}
.seminar08 .seminar-fellow{
width: 870px;
}
.seminar08 .seminar-fellow img{
height: 100%;
display: inherit;
}
.seminar-fellow-1600{
display: none;
}
.seminar08 #cs-flow .w800{
padding-bottom: 10px;
}
.seminar08 .r-l-box2:first-child{
margin-top: 150px;
}
.seminar08 .r-l-box2:last-child{
margin-top: 200px;
}
@media screen and (max-width: 1600px){
#seminar.seminar08 .price-mv-list .sub-page-h1:first-child{
width: 70%;
}
#seminar.seminar08 .price-mv-list .sub-page-h1{
margin-top: 20px;
font-size: 42px;
}
#seminar.seminar08 .price-mv-list .sub-page-h1 em{
font-size: 20px;
}
.seminar08 .price-mv-list ul{
width: 550px;
}
#seminar.seminar08 h1:first-child img:first-child{
}
#seminar.seminar08 h1:first-child img:nth-child(2){
}
.by1600{
display: none;
}
.seminar-fellow-1600{
display: flex;
margin: 30px;
}
.seminar-fellow-1600 img{
height: 100%;
display: inherit;
}
}
@media screen and (max-width: 1300px){
#seminar.seminar08 .price-mv-list .sub-page-h1:first-child{
width: 56%;
font-size: 20px;
}
#seminar.seminar08 h1:first-child img:first-child{
}
#seminar.seminar08 h1:first-child img:nth-child(2){
}
#seminar.seminar08 .price-mv-list .sub-page-h1:nth-child(2){
margin-top: 0;
}
#seminar.seminar08 .price-mv-list .sub-page-h1{
font-size: 30px;
}
#seminar.seminar08 .price-mv-list .sub-page-h1 em{
font-size: 16px;
}
.seminar08 .price-mv-list ul{
width: 400px;
}
.seminar08 .price-mv-list ul{
margin-top: 20px;
}
#seminar.seminar08 .price-btn{
margin-top: 10px;
}
}
@media screen and (max-width: 1000px){
#seminar.seminar08 .price-mv-list .sub-page-h1:first-child{
padding-top: 1vw;
}
#seminar.seminar08 h1:first-child img:nth-child(2){
margin-bottom: 10px;
}
.top-merrill{
right: 9vw;
}
.seminar08 .price-mv-list ul{
margin-top: 10px;
}
#seminar.seminar08 .price-mv-list .sub-page-h1{
font-size: 3vw;
}
}
@media screen and (max-width: 900px){
#seminar.seminar08 .price-mv-list .sub-page-h1:first-child{
width: 47%;
}
#seminar.seminar08 h1:first-child img:first-child{
}
#seminar.seminar08 .price-mv-list .sub-page-h1 em{
font-size: 1.5vw;
}
.seminar08 .price-mv-list ul{
width: 45vw;
}
.seminar08 .fellow-img{
margin-right: 3vw;
}
}
@media screen and (max-width: 800px){
.seminar08 .fellow-img{
margin-right: 9vw;
}
}
@media screen and (max-width: 767px){
.seminar08 .mv{
height: 450px;
}
.seminar08 .price-mv,
.seminar08 .price-mv .column-mv,
#seminar.seminar08 .column-mv img{
height: 100%;
}
#seminar.seminar08 .price-mv-list .sub-page-h1:first-child{
width: 94%;
margin: 20px auto 10px;
padding-bottom: 2px;
font-size: 16px;
position: absolute;
top: 10px;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
border-bottom: none;
}
.top-merrill{
right: inherit;
/* height: 78%; */
height: 88%;
}
#seminar.seminar08 .top-merrill.img_box img{
/* margin-left: 40px; */
margin-left: 0;
left: 0;
position: absolute;
}
#seminar.seminar08 .price-mv-list .sub-page-h1:nth-child(2) em{
font-size: 12px!important;
}
#seminar.seminar08 .price-mv-list .sub-page-h1:nth-child(2){
/* margin-top: 250px; */
margin-top: 210px;
font-size: 20px!important;
}
#seminar.seminar08 h1:first-child img:first-child{
width: auto;
height: 20px;
margin-bottom: 4px;
}
#seminar.seminar08 h1:first-child img:nth-child(2){
width: auto;
height: 20px;
margin-bottom: 4px;
}
#seminar.seminar08 .price-mv-list{
width: 100%;
height: auto;
margin-left: 0;
left: 0;
top: 0;
}
#seminar.seminar08 .price-mv-list .sub-page-h1{
margin: 10px;
font-size: 30px;
}
#seminar.seminar08 .price-mv-list .sub-page-h1 em{
display: block;
}
#seminar.seminar08 h1 span:first-child{
background: linear-gradient( 135deg, transparent 10px, #10386b 5px);
}
#seminar.seminar08 .price-mv-list ul{
width: 100%;
margin: 0;
justify-content: space-around;
}
#seminar.seminar08 .price-mv-list ul li{
width: 44%;
}
.seminar08 .seminar-fellow img{
width: 100%;
}
#seminar.seminar08 #price-course .r-l-box1-text .seminar-fellow h3{
font-size: 32px;
}
.seminar-fellow-1600{
display: none!important;
}
#seminar.seminar08 #price-course .r-l-box1-text h3{
line-height: 0.5!important;
margin-bottom: 40px;
}
#seminar.seminar08 #price-course .r-l-box1-text h3 span{
display: block;
margin-top: 20px;
margin-bottom: 10px;
}
#seminar.seminar08 #price-course .r-l-box2 .r-l-box1-text h3 span{
/* display: inline; */
}
#seminar.seminar08 #price-course .r-l-box2 .r-l-box1-text h3.lh1-4{
line-height: 1.4 !important;
}
.seminar08 .seminar-detail-program .mb101{
font-family: "Noto Sans Japanese",sans-serif;
/* font-family: "ゴシックMB101 B","ヒラギノ角ゴシック";
font-weight: bold; */
}
.seminar08 .r-l-box2:first-child{
margin-top: 50px;
}
.seminar08 .r-l-box2:last-child{
margin-top: 100px;
}
}
@media screen and (max-width: 360px){
#seminar.seminar08 .price-mv-list .sub-page-h1:nth-child(2) em{
font-size: 10px!important;
}
#seminar.seminar08 .price-mv-list .sub-page-h1:nth-child(2){
font-size: 16px!important;
}
}
/* /seminar-08 */
/* プレゼンコース */
#course-pc.course-pre #program .program-top-img{
background-image: url("../../img/top/new/program-bg.jpg");
}
#course-pc.course-pre .price h3 span{
font-size: 28px;
}
#course-pc.course-pre .fellow h3{
font-size: 38px;
}
@media screen and (max-width: 1600px){
#course-pc.course-pre .price h3 span{
font-size: 1.8vw;
}
#course-pc.course-pre .fellow h3{
font-size: 2.4vw;
}
}
@media screen and (max-width: 767px){
#course-pc.course-pre .sub-page-h1 span:last-child{
/* font-size: 5vw; */
font-size: 4.6vw;
}
#course-pc.course-pre #program .program-top-img{
background-image: url("../../img/top/new/program-bg.jpg");
}
.course-pre #recomend .sp-font6vw{
/* font-size: 5vw!important; */
font-size: 4.4vw!important;
}
.course-pre .r-l-box h3{
font-size: 19px;
}
.course-pre .r-l-box1 h3 span {
font-size: 12px;
}
#pre-lists .coach-list ul{
width: 1040px;
justify-content: inherit;
}
#pre-lists .coach-list ul li{
width: 240px;
margin-right: 3vw;
filter: drop-shadow(0 3px 5px rgba(0,0,0,0.2));
}
#course-pc.course-pre .fellow h3{
font-size: 4.9vw!important;
}
#course-pc.course-pre .fellow h3 span{
font-size: 12px;
}
}
/* /プレゼンコース */
/* カウンセリング案内 */
.cl-step-flame .pc-score{
width: 250px;
}
.cl-bg-c-gray #counseling-02{
/* background-color: #f2f2f2; */
}
.cl-step-flame #cs-service .f990{
width: 70%;
margin-top: 80px;
}
.mt-60{
margin-top: -60px;
}
@media screen and (max-width: 1600px){
#counseling-02 .f990,#counseling-03 .f990,#counseling-04 .f990,#counseling-05 .f990,#counseling-06 .f990,#counseling-07 .f990,#counseling-08 .f990,#counseling-09 .f990,#counseling-10 .f990,#counseling-11 .f990,#counseling-12 .f990,#counseling-13 .f990,#counseling-14 .f990,#counseling-15 .f990,#counseling-16 .f990,#counseling-17 .f990,#counseling-18 .f990,#counseling-19 .f990,#counseling-20 .f990{
margin-top: 120px;
}
.cl-step-flame{
padding: 60px 60px 40px;
}
}
@media screen and (max-width: 1300px){
.cl-step-flame.f990 h3{
font-size: 2.5vw;
}
.cl-step-flame .pc-score{
width: 200px;
margin-left: 20px;
}
}
@media screen and (max-width: 1200px){
.cl-step-flame #cs-service .f990{
width: 60%;
}
.cl-step-flame #cs-service ul li{
width: 49%;
}
.cl-step-flame #cs-service ul li:nth-child(1),
.cl-step-flame #cs-service ul li:nth-child(2){
margin-bottom: 20px;
}
}
@media screen and (max-width: 1024px){
#counseling-02 h2,#counseling-03 h2,#counseling-04 h2,#counseling-05 h2,#counseling-06 h2,#counseling-07 h2,#counseling-08 h2,#counseling-09 h2,#counseling-10 h2,#counseling-11 h2,#counseling-12 h2,#counseling-13 h2,#counseling-14 h2,#counseling-15 h2,#counseling-16 h2,#counseling-17 h2{
font-size: 4.5vw;
}
#counseling-02 h2 span,#counseling-03 h2 span,#counseling-04 h2 span,#counseling-05 h2 span,#counseling-06 h2 span,#counseling-07 h2 span,#counseling-08 h2 span,#counseling-09 h2 span,#counseling-10 h2 span,#counseling-11 h2 span,#counseling-12 h2 span,#counseling-13 h2 span,#counseling-14 h2 span,#counseling-15 h2 span,#counseling-16 h2 span,#counseling-17 h2 span{
font-size: 3.6vw;
}
.cl-step-flame #cs-service .f990{
width: 70%;
}
}
@media screen and (max-width: 767px){
#counseling-02 {
background-image: url("../img/cl-bg-04-sp.webp");
height: 450px;
}
#counseling-03 {
background-image: url("../../img/top/new/cl-bg-01-sp.webp");
height: 450px;
}
#counseling-04 {
background-image: url("../../img/top/new/cl-bg-02-sp.webp");
height: 450px;
}
#counseling-05 {
background-image: url("../../img/top/new/cl-bg-03-sp.webp");
height: 450px;
}
#counseling-06 {
background-image: url("../../img/top/new/cl-bg-05-sp.webp");
height: 450px;
}
#counseling-07 {
background-image: url("../../img/top/new/cl-bg-07-sp.webp");
height: 450px;
}
#counseling-08 {
background-image: url("../../img/top/new/cl-bg-08-sp.webp");
height: 450px;
}
#counseling-09 {
background-image: url("../../img/top/new/cl-bg-09-sp.webp");
height: 450px;
}
#counseling-10 {
background-image: url("../../img/top/new/cl-bg-10-sp.webp");
height: 450px;
}
#counseling-11 {
background-image: url("../../img/top/new/cl-bg-11-sp.webp");
height: 450px;
}
#counseling-12 {
background-image: url("../../img/top/new/cl-bg-12-sp.webp");
height: 450px;
}
#counseling-13 {
background-image: url("../../img/top/new/cl-bg-13-sp.webp");
height: 450px;
}
#counseling-14 {
background-image: url("../../img/top/new/cl-bg-14-sp.webp");
height: 450px;
}
#counseling-15 {
background-image: url("../../img/top/new/cl-bg-15-sp.webp");
height: 450px;
}
#counseling-16 {
background-image: url("../../img/top/new/cl-bg-16-sp.webp");
height: 450px;
}
#counseling-17 {
background-image: url("../../img/top/new/cl-bg-17-sp.webp");
height: 450px;
}
.cl-step-flame{
width: 95vw !important;
margin: 0 calc(53% - 50vw);
padding: 20px 20px 40px;
}
.cl-step-flame.f990 h3{
font-size: 4.9vw;
/* font-size: 4.4vw; */
}
.cl-step-flame #cs-service ul li h2{
height: 30px;
}
.cl-step-flame #cs-service ul li p{
padding: 10px!important;
}
}
/* /カウンセリング案内 */
/* 詳しく見るボタン */
.detail-btn{
width: 250px;
}
.r-l-box .arrow-r-gray.detail-btn,
.r-l-box2 .arrow-r-gray.detail-btn{
width: 250px;
}
.detail-btn a{
border: 1px solid #001b2a;
border-radius: 5px;
}
.detail-btn .img_box{
width: 20px;
right: 0;
}
@media screen and (max-width: 767px){
.r-l-box .arrow-r-gray.detail-btn,
.r-l-box2 .arrow-r-gray.detail-btn{
width: 200px;
}
}
/* /詳しく見るボタン */
/* jfa */
.jfa{
filter: drop-shadow(0 3px 5px rgba(0,0,0,0.2));
}
#course-pc #gap .bg-c-gray{
height: 1200px;
}
.jfa h2{
font-size: 53px;
-webkit-text-stroke: 0.5px #ffffff;
}
.std-t-movie-img{
height: auto;
}
.ba h2{
filter: drop-shadow(0 3px 5px rgba(0,0,0,0.2));
-webkit-text-stroke: 0.8px #ffffff;
font-size: 3vw!important;
}
@media screen and (max-width: 1600px){
.jfa.w70,
.std-t-movie-img,
.ba-movie-img{
width: 100%;
}
}
@media screen and (max-width: 767px){
#course-pc #gap .bg-c-gray{
height: 400px;
}
.jfa iframe,
#movie-toraiz iframe,
.std-t-movie-img iframe{
height: 200px !important;
}
.jfa h2{
-webkit-text-stroke: 0.2px #ffffff;
}
.ba h2{
-webkit-text-stroke: 0.5px #ffffff;
font-size: 18px!important;
}
}
/* jfa */
/* テキスト紹介 */
.text-list-flame{
max-width: 125pc;
width: 100vw !important;
background-color: #e5e5e5;
}
.text-list-flame .tab-area .tab:first-child{
margin-left: 0;
}
.text-list-flame .tab{
padding: 0;
margin-right: 4px;
background-color: #666666;
color: #ffffff;
border: 0;
border-bottom: none;
font-weight: normal;
}
.text-list-flame .tab.active{
background-color: #ffffff;
color: #333333;
}
.text-list-flame .tab-area{
border-bottom: none;
width: 70%;
max-width: 100vw;
}
.text-list-flame .slick-initialized .slick-slide{
margin: 0 10px;
}
.text-list-flame .slick-slider{
width: 70%;
max-width: 100vw;
margin-left: 0;
margin-bottom: 10px;
padding-right: 0;
}
.text-list.slick-initialized.slick-slider:after{
content: "など";
display: block;
right: 0;
position: absolute;
font-size: 18px;
margin-right: -70px;
bottom: 10px;
}
.text-list .slick-next{
width: 100px;
height: 100%;
right: -120px;
background-image: url(/assets/img/top/new/arrow-blue-02.png);
background-repeat: no-repeat;
background-size: 50px auto;
background-position: 20% 50%;
}
.text-list .slick-next:hover,
.text-list .slick-next:focus{
background-image: url(/assets/img/top/new/arrow-blue-02.png);
background-repeat: no-repeat;
background-size: 50px auto;
background-position: 20% 50%;
}
@media screen and (max-width: 1800px){
.text-list-flame .slick-slider{
width: 74%;
}
}
@media screen and (max-width: 1600px){
.text-list-flame .slick-slider,
.text-list-flame .tab-area{
width: 78%;
}
}
@media screen and (max-width: 1400px){
.text-list-flame .slick-slider,
.text-list-flame .tab-area{
width: 82%;
}
}
@media screen and (max-width: 1300px){
.text-list-flame .slick-slider,
.text-list-flame .tab-area{
}
}
@media screen and (max-width: 767px){
.text-list-sp li{
height: 200px!important;
padding: 0!important;
margin-left: 10px!important;
border: none!important;
filter: drop-shadow(5px 3px 2px rgba(0,0,0,0.2));
}
.text-list-sp li:first-child{
margin-left: 0!important;
}
.text-list-sp li:last-child{
padding-right: 60px!important;
}
.text-list-sp{
justify-content: inherit;
}
.text-list-sp li a img{
height: 100%;
}
.text-list-flame .tab-area{
width: 110%;
padding-right: 20px;
justify-content: inherit;
}
.text-list-flame .tab{
padding: 0 20px;
font-size: 12px;
}
}
/* /テキスト紹介 */
.qm{
width: 60%!important;
margin-top: 100px;
padding: 0;
}
.qm .absolute{
bottom: 0;
background-color: rgba(0, 27, 42, 0.8);
}
.qm.original h3{
width: 100%;
margin-right: 0;
justify-content: center;
font-size: 46px;
}
.pf-status .font36{
font-size: 36px;
}
@media screen and (max-width: 1600px){
.qm{
width: 70%!important;
}
.pf-status .tplan-bgn-box{
width: 80%;
}
}
@media screen and (max-width: 1400px){
.qm{
width: 80%!important;
}
.pf-status .tplan-bgn-box{
width: 90%;
}
}
@media screen and (max-width: 1200px){
.pf-status .font36{
font-size: 30px;
}
.qm.original h3{
font-size: 36px;
}
.qm.original .font18{
font-size: 16px;
}
}
@media screen and (max-width: 1024px){
.pf-status .font36{
font-size: 24px;
}
.qm.original h3{
font-size: 30px;
}
.qm .absolute{
padding: 30px;
}
}
@media screen and (max-width: 767px){
.qm.original h3{
font-size: 20px;
}
.qm{
width: 100%!important;
line-height: 0;
}
.qm .absolute{
position: relative!important;
}
}
/* コース一覧 */
#all-course .interview_list li.right-border{
border-right: 2px solid #e5e5e5;
margin: 300px 0;
width: 2px!important;
filter: none;
}
#all-course .interview_list li{
filter: none;
width: 360px!important;
}
.border_dgray{
border: 2px solid #cccccc;
}
.course-details,
.course-details-period{
line-height: 1.4;
}
/* .course-details tr:first-child th{ */
.course-details tr:nth-child(odd) th{
/* width: 85px!important; */
width: 74px!important;
background: #b2b2b2;
/* padding: 10px; */
padding: 10px 0;
border-right: 2px solid #ffffff;
vertical-align: middle;
font-size: 14px;
}
/* .course-details tr:first-child td{ */
.course-details tr:nth-child(odd) td{
background: #f2f2f2;
padding: 10px;
}
.lc{
height: 110px;
vertical-align: middle;
}
.lc2{
height: 132px;
vertical-align: middle;
}
.course-details tr:nth-child(even) th{
/* width: 85px!important; */
width: 74px!important;
background: #999999;
/* padding: 10px; */
padding: 10px 0;
border-right: 2px solid #ffffff;
vertical-align: middle;
font-size: 14px;
}
/* .course-details tr:nth-child(2) td{ */
.course-details tr:nth-child(even) td{
background: #e5e5e5;
padding: 10px;
}
.course-details-period th{
/* width: 85px!important; */
width: 74px!important;
/* padding: 10px; */
padding: 10px 0;
border: 2px solid #e5e5e5;
border-right: 0;
border-left: 0;
}
.course-details-period td{
padding: 10px;
border-left: 0;
}
#all-course .cs-intro .bg-c-orange{
height: auto;
}
#all-course .cs-intro img{
width: auto!important;
height: auto!important;
top: auto;
left: 30px;
}
#all-course .cs-intro .bg-c-orange{
height: auto;
}
#all-course .all-course-bg01{
/* width: 84vw!important; */
height: 700px;
/* margin: 0 calc(50% - 42vw); */
max-width: 1700px;
width: 100%!important;
margin: 0 auto;
background: url("/assets/img/course/all/all-course-bg01.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
}
#all-course .all-course-bg02{
background: url("/assets/img/course/all/all-course-bg02.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
}
/* 20241008追加 */
#all-course .all-course-bg03{
background: url("/assets/img/course/all/all-course-bg03.webp");
background-size: 100% auto;
background-repeat: no-repeat;
}
/* /20241008追加 */
#all-course .sub-page-bg-gray .mw1300 picture{
margin-right: 200px;
}
.mw1240{
max-width: 1240px;
}
#all-course .interview_list{
margin-top: -150px;
}
#all-course .course-list-flame{
max-width: 1500px;
margin: 0 auto;
}
#all-course .course-list-flame .interview_list{
padding: 100px 120px 0;
}
#all-course .course-detail{
padding: 20px;
}
@media screen and (max-width: 1500px){
#all-course .course-list-flame{
max-width: 1300px;
}
#all-course .interview_list {
margin-top: -200px;
}
#all-course .course-list-flame .interview_list{
padding: 60px 80px;
}
.interview_list li{
width: 360px!important;
}
}
@media screen and (max-width: 1300px){
#all-course .sub-page-bg-gray .mw1300 picture{
margin-right: 80px;
}
#all-course .sub-page-h1{
font-size: 3vw;
margin-left: 60px;
margin-top: 5vw;
}
#all-course .all-course-bg01 h2{
font-size: 2.5vw;
}
#all-course .all-course-bg01 h2 em{
font-size: 4vw;
}
#all-course .course-list-flame .interview_list{
padding: 60px 30px;
}
#all-course .course-list-flame .interview_list li{
width: 310px!important;
}
#all-course .course-list-flame .interview_list li .course-detail{
padding: 10px;
}
#all-course .course-list-flame .interview_list li.right-border{
width: 2px!important;
}
#all-course .all-course-bg01 .mw1240{
padding: 9vw 30px 0;
}
}
@media screen and (max-width: 1000px){
#all-course .sub-page-bg-gray .mw1300 picture{
margin-right: 20px;
}
#all-course .sub-page-bg-gray .mw1300.img_box img{
width: 90%;
}
#all-course .sub-page-h1{
margin-left: 20px;
}
}
@media screen and (max-width: 767px){
#all-course .sub-page-h1 span{
font-size: 3.3vw;
}
#all-course .sub-page-h1{
margin-top: 6vw;
line-height: 3;
}
#all-course .sub-page-bg-gray .mw1300.img_box img{
width: auto;
}
#all-course .all-course-bg01{
height: auto;
}
#all-course .all-course-bg01{
background: url("/assets/img/course/all/all-course-bg01-sp.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
}
#all-course .all-course-bg02{
background: url("/assets/img/course/all/all-course-bg02-sp.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
}
#all-course .all-course-bg03{
background: url("/assets/img/course/all/all-course-bg03-sp.webp");
background-size: 100% auto;
background-repeat: no-repeat;
}
#all-course .interview_list{
margin-top: 0;
}
#all-course .all-course-bg01 .mw1240{
padding: 9vw 20px;
}
#all-course .course-list-flame .interview_list{
padding: 60px 20px 0;
}
#all-course .course-list-flame .interview_list li{
width: 100%!important;
}
#all-course .interview_list li.right-border{
display: none;
}
#all-course .interview-flame.f990{
margin: 100px auto 0;
}
#all-course .all-course-bg01 h2{
font-size: 4.7vw!important;
}
#all-course .all-course-bg01 h2 em {
font-size: 6vw;
}
.lc,
.lc2{
height: auto;
}
}
/* /コース一覧 */
.jelca-eca{
/* width: 700px; */
width: 900px;
margin: 0 0 70px auto;
justify-content: flex-end;
}
.jelca-eca img{
width: 150px!important;
}
@media screen and (max-width: 1200px){
#jelca-eca-flame{
width: 100%;
}
.jelca-eca{
width: 100%;
}
}
@media screen and (max-width: 767px){
.jelca-eca img{
width: 70px!important;
}
}
.each-school .col-customize h2.font28{
font-size: 28px;
}
.each-school .col-customize h3{
/* font-size: 28px; */
font-size: 22px;
color: #000000;
border-top: none;
border-bottom: none;
}
.each-school .school-student h3{
border-top: none;
border-bottom: none;
font-size: 22px;
color: #10386b;
}
.each-school .school-student h2{
margin-top: 0;
}
@media screen and (max-width: 767px){
.each-school .col-customize h2.sp-font20{
font-size: 20px!important;
}
.each-school .col-customize h3{
font-size: 18px;
}
}
/* サトリ固定フッターバナー */
#footer_bn_box{
/* display: none; */
}
.satori__popup_maximized .satori__popup_body{
display:block;
}
.satori__popup_minimized .satori__popup_body{
display:none;
}
/* /サトリ固定フッターバナー */
/* コーチ一覧 */
.ls-movie-img{
width: 60%;
height: auto;
}
.ls-movie .movie-title span{
font-size: 20px;
}
.ls-movie #movie-toraiz iframe{
height: 500px;
}
@media screen and (max-width: 1500px){
.ls-movie{
margin-top: 13vw;
margin-bottom: 23vw;
}
.ls-movie .movie-title{
font-size: 3.5vw;
}
.ls-movie .movie-title span{
font-size: 16px;
}
.ls-movie-img {
width: 80%;
}
.ls-movie #movie-toraiz iframe{
width: 80%;
height: 120%;
}
}
@media screen and (max-width: 767px){
.ls-movie{
margin-top: -30px!important;
margin-bottom: 120px!important;
}
.ls-movie #movie-toraiz iframe{
width: 100%;
height: 120%;
}
.ls-movie-img{
width: 100%;
}
}
/* /コーチ一覧 */
.v-align-middle{
vertical-align: middle;
}
/* JELCAの紹介 */
.jelca-intro{
width: 1000px;
border: 1px solid #e5e5e5;
}
.jelca-intro h3{
top: 0;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
/* transform: translateY(-50%) translateX(1em); */
}
.jelca-intro .img_box{
width: 500px;
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 1024px){
.jelca-intro{
width: 90%;
}
}
@media screen and (max-width: 767px){
.jelca-intro .img_box{
width: 30%!important;
float: left;
}
}
/* /JELCAの紹介 */
/* 固定フッターバナー */
#footer_bn_box{
max-width: 500px;
/* max-width: 386px; */
}
@media screen and (max-width: 767px){
#footer_bn_box{
max-width: 300px;
}
}
/* /固定フッターバナー */
/* PCでコラム下の記事紹介 */
.reco-col-flame{
width: auto;
display: block!important;
margin-top: 150px;
/* margin-bottom: 0; */
}
.reco-col-flame .p-column{
width: 830px;
}
.reco-col li{
width: 340px;
}
.reco-col .gray-arrow img{
margin-top: 26px;
}
/* /PCでコラム下の記事紹介 */
/* 比較表 */
.com-table th:nth-child(3),
.com-table th:nth-child(4),
.com-table td:nth-child(3),
.com-table td:nth-child(4){
width: 230px;
padding: 10px 20px;
}
.col-10 .com-table th:nth-child(3),
.col-10 .com-table th:nth-child(4),
.col-10 .com-table td:nth-child(3),
.col-10 .com-table td:nth-child(4){
width: inherit;
}
@media screen and (max-width: 767px){
.com-table th:nth-child(3),
.com-table th:nth-child(4),
.com-table td:nth-child(3),
.com-table td:nth-child(4){
width: inherit;
padding: 10px;
}
.sp-pd6{padding:6px!important;}
}
/* /比較表 */
/* 本科６ヶ月プラン */
.tab .img_box,
.tab2 .img_box{
width: 26px;
}
@media screen and (max-width: 767px){
.tab-area .tab:first-child,
.tab-area .tab2:first-child{
margin-left:0;
}
.tab-area .tab,
.tab-area .tab2{
width: 100%;
padding: 10px;
}
.tab .img_box,
.tab2 .img_box{
right: 6px;
width: 20px;
top: 8%;
}
}
/* /本科６ヶ月プラン */
.pointer{
cursor : pointer;
}
.right0{right:0;}
/* フェロー */
#fellow .fellow-text{
left: 50%;
bottom: -45%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
#fellow .fellow-text h3{
font-size: 32px;
}
@media screen and (max-width: 1500px){
#fellow .fellow-text{
bottom: -53%;
}
}
@media screen and (max-width: 1300px){
#fellow .fellow-text{
bottom: -60%;
}
.fellow-prof-name-s p:first-child{
font-size: 14px;
}
.fellow-prof h4 small{
font-size: 16px;
}
.fellow-prof-name-s, .fellow-prof-name{
bottom: 100px;
}
}
@media screen and (max-width: 1200px){
#fellow .fellow-text{
bottom: -68%;
}
}
@media screen and (max-width: 1024px){
#fellow .mb250{
margin-bottom: 200px;
}
#fellow .fellow-text{
/* position: relative; */
bottom: -72%;
}
.fellow-prof-name-s{
width: 100%;
top: inherit;
bottom: 130px;
}
.fellow-prof-name-s p{
padding-bottom: 10px;
}
.fellow-intro{
padding-bottom: 0;
}
}
@media screen and (max-width: 767px){
.sp-font22{
font-size: 22px!important;
}
#fellow .fellow-text{
position: relative;
}
.fellow-prof-name-s{
bottom: 38px;
}
.fellow-prof-name-s p{
padding-top: 0;
padding-bottom: 0;
}
#fellow .fellow-text{
margin-top: -50px;
left: inherit;
bottom: inherit;
transform: inherit;
-webkit-transform: inherit;
-ms-transform: inherit;
}
.fellow-prof h4 small{
font-size: 12px;
}
.fellow-prof h4 em{
padding-left: 13px;
}
.fellow-prof-name-s p:first-child{
width: 110%;
}
}
/* /フェロー */
/* プラン別料金 */
.back_navy{background-color: rgba(34,46,62,1.00);}
.border_grey{border: solid 1px #DDDDDD;}
.box-honka-price{width: 100%;
text-align: center;
line-height: 100%;
}
.font-aotf{font-family: "A-OTF\ ゴシックMB101 Pro";}
.area-honka-price{margin-left: auto;
margin-right: auto;
width:100%;
max-width: 1200px;
}
.area-honka-price-lesson{
padding: 10px 0px;
text-align: center;
margin: 10px 0px 0px 0px;
border: #D6D6D6 1px solid;
}
.clear-both{float: none;}
td, th {
vertical-align: middle; /* 中央揃え */
}
.hidden_box label,
.hidden_box2 label{
padding: 30px 15px;
display:block;
float:left;
width:100%;
margin: 50px 0px 0px 0px;
font-size: 150%;
border: solid 1px #D7D7D7;
cursor :pointer;
}
/* 法人ページ研修担当インタビュー */
/*ボタンホバー時*/
.hidden_box label:hover,
.hidden_box2 label:hover{
background: #efefef;
}
/*チェックは見えなくする*/
.hidden_box input,
.hidden_box2 input{
display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show,
.hidden_box2 .hidden_show2{
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show,
.hidden_box2 input:checked ~ .hidden_show2{
padding: 10px 0;
height: auto;
opacity: 1;
}
/* /プラン別料金 */
/* =========================================================
Topics
========================================================= */
/* id-topics
--------------------------------------------------------- */
#id-topics #conts .topics_item + .topics_item {
margin-top: 30px;
}
#id-topics #conts .topics_item_box_01 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
}
#id-topics #conts .topics_item_time {
color: #bc9c47;
font-weight: bold;
}
#id-topics #conts .topics_item_cat {
padding-top: 3px;
padding-bottom: 4px;
width: 120px;
border-radius: 5px;
background-color: #bc9c47;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
line-height: 1;
}
@media screen and (max-width: 767px) {
#id-topics #conts .topics_item_cat {
width: 106px;
font-size: 1.4rem;
}
}
/*独立LP*/
#cb-ppd,#cb-gshipd{
transform: scale(2);
margin: 0 6px 0 5px;
}
/* /独立LP */
/*デフォルトボックス*/
.def-box{
width: 100%;
max-width: 850px;
margin: 0 auto;
}
/* /デフォルトボックス */
/* Excedo */
.excedo-h-program-bg{
background-image: url("../../img/course/excedo/h-program.jpg")!important;
}
@media screen and (max-width: 767px){
.biz-h-program-bg{
background-image: url("../../img/course/excedo/h-program-sp.jpg")!important;
}
}
/* /ビジネス上級プログラム */
/* 夏季講習 */
.logo-mt{
max-width: 380px;
height: auto;
}
@media screen and (max-width: 767px){
.biz-h-program-bg{
background-image: url("../../img/course/excedo/h-program-sp.jpg")!important;
}
}
/* プログラム内容 */
.about-title{
width: 250px;
height: auto;
}
@media screen and (max-width: 767px){
.about-title{
width: 100%;
text-align: center;
}
}
/*インタビュー背景*/
@media screen and (max-width: 767px){
#students .bg-c-blue,#consultant .bg-c-blue,#coaches .bg-c-blue{width:60%;}
}
/* /プラン別料金 */
/*NewsPics*/
.w30-s{width: 30% !important;}
.w70-s{width: 70% !important;}
/* /NewsPics */
/* top変更 20240109 */
.logo-mt2{
max-width: 450px;
height: auto;
}
.mv-mb{
margin-bottom: 7.5vw!important;
}
.cam-bnr{
margin: 40px 10px 0 16px;
}
.cam-bnr img{
filter: drop-shadow(0 3px 5px rgba(0,0,0,0.5));
}
@media screen and (max-width: 1600px){
.logo-mt2{
max-width: 400px;
height: auto;
}
.mv-mb{
margin-bottom: 4vw!important;
}
}
@media screen and (max-width: 1400px){
.logo-mt2{
max-width: 360px;
height: auto;
}
}
@media (min-width: 1200px) and (max-width: 1300px) {
.mv-mb{
width: 500px!important;
}
}
@media screen and (max-width: 1300px){
.btn-sm{
padding: 8px!important;
font-size: 12px!important;
}
}
@media screen and (max-width: 767px){
.cam-bnr{
margin: 30px 10px 0;
}
}
/* TORAbit NEXT */
/* mv */
.next .mv-list{
margin-bottom: 2vw;
bottom: 0;
max-width: 700px;
width: 40vw;
}
.next .mv-list ul{
margin-left: 20px;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.next .mv-list li{
width: 50%;
}
.next .mv-list .logo{
width: 450px;
padding-bottom: 20px;
}
.next .apply-btn{
margin: 30px 10px 0 16px;
}
@media screen and (max-width:1800px) {
.next .mv-list ul{
margin-left: 10px!important;
}
.next .mv-list .logo{
padding-bottom: 0px;
}
}
@media screen and (max-width:1600px) {
.next .mv-list{
margin-bottom: 2vw!important;
}
.next .mv-list .logo{
width: 380px;
}
}
@media screen and (max-width:1400px) {
.next .mv-list{
margin-bottom: 0!important;
}
}
@media screen and (max-width:767px) {
.next .apply-btn{
margin: 30px 10px 0;
}
}
/* mvおわり */
/* 申込ボタン2 */
.next .apply-btn2{
background-color:#e95520;
color: #fff;
display: flex;
justify-content: space-around;
padding: 15px 25px;
align-items: center;
font-size: 20px;
font-weight: bold;
border-radius: 20px;
}
@media screen and (max-width:768px) {
.next .apply-btn2{
padding: 10px 10px;
font-size: 14px;
}
}
/* 申込ボタン2おわり */
/* 吹き出し */
.sq-speech{
max-width: 520px;
}
.sq-speech-blue{
width: 80%;
position: absolute;
top: 0%;
left: 50%;
transform: translate(-50%, -30%);
-webkit-transform: translate(-50%, -30%);
-ms-transform: translate(-50%, -30%);
}
/* 吹き出しおわり */
/* max-width */
.mw500{
max-width: 500px;
}
.mw1550{
max-width: 1550px
}
/* max-widthおわり */
/* color */
.lt-blue{
background-color:#11376b ;
}
.lt-gray{
background-color:#666666 ;
}
.bg-green{
background-color:#2e7457;
}
.bg-orange{
background-color:#f7931e;
}
.bg-black{
background-color:#3e3e3e;
}
.bg-pink{
background-color:#ff6593;
}
.bg-ltblue{
background-color: #008ba3;
}
.dk-blue{
background-color:#001b2a ;
}
/* colorおわり */
/* h1タイトル */
.w270{
width: 270px;
}
.s_title{
font-size: 38px;
}
@media screen and (max-width:768px) {
.s_title{
font-size: 20px;
}
}
.bit.h1{
margin-top: 3vw!important;
}
.bit.h1 span:before{
content: none;
}
/* h1タイトルおわり */
/* ここが違う */
.blue_box{
bottom: 0;
left: 50%;
transform: translate(-50%, 30%);
}
/* ここが違うおわり */
.gap5{
gap:5px;
}
.gap10{
gap:10px;
}
.gap20{
gap:20px;
}
.gap40{
gap:40px;
}
.gap60{
gap:60px;
}
.pd10-20{
padding: 10px 20px;
}
/* レビュー */
.review{
border-radius: 10px;
height: 300px;
}
.review_title{
left: 0;
top: 5%;
padding: 2px 10px;
}
.review_text{
overflow: hidden;
max-height: 110px;
}
.review .more-btn{
padding: 5px 10px;
}
.review .more-btn .accordion-arrow{
margin: 10px 30% 10px 10px;
}
@media screen and (max-width:768px) {
.sp-slide3{
border-radius:10px;
overflow: hidden;
height: 250px;
}
.review_title{
display: inline-block;
}
.review{
height: 270px;
}
.review_text{
max-height: 115px;
}
.review .more-btn .accordion-arrow{
margin: 5px 33% 5px 5px;
}
.next .school-list ul li{
width: 250px;
}
.next .school-list ul{
width:5000px;
}
}
/* レビュー終わり*/
/* コーチ紹介 */
.bit-coach{
width: 380px;
filter: drop-shadow(0 3px 5px rgba(0,0,0,0.2));
margin-bottom: 30px;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.h390{
height: 390px;
}
@media screen and (max-width:768px) {
.coach_desc{
border-radius: 0 0 10px 10px;
}
.sp-slide1{
height: 40%;
border-radius:10px 10px 0 0;
overflow: hidden;
}
.sp-slide2{
height: 50%;
border-radius:10px 10px 0 0;
overflow: hidden;
}
}
/* コーチ紹介おわり */
.mb700{
margin-bottom: 700px;
}
@media screen and (max-width:768px) {
.sp-mb600{
margin-bottom: 600px;
}
}
/* ワークショップ */
.workshop-text{
top: 90%;
left: 50%;
transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
}
.workshop_desc{
height: 130px;
border-radius: 0 0 10px 10px;
}
/*料金*/
.d-shadow{
filter: drop-shadow(0 3px 5px rgba(0,0,0,0.2));
background-color: #fff;
}
.next .arrow{
width: calc((100% - 12px )/ 2 );
height: 45px;
}
.next .arrow1::after {
content: "";
position: absolute;
left: 100%;
border-left: 12px solid #11376b;
border-top: 22px solid transparent;
border-right: 20px solid transparent;
border-bottom: 22px solid transparent;
}
.next .arrow2::before {
content: "";
position: absolute;
left: 0%;
border-left: 10px solid #fff;
border-top: 22px solid transparent;
border-right: 20px solid transparent;
border-bottom: 22px solid transparent;
}
.next .check::before{
content: "";
background-image: url("/assets/img/course/next/check.png");
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
width: 18px;
height: 18px;
vertical-align: middle;
margin-right: 30px
}
.dash-line{
background-image : linear-gradient(to right, #ccc, #ccc 15px, transparent 2px, transparent 5px);
background-size: 30px 2px;
background-position: top;
background-repeat: repeat-x;
}
@media screen and (max-width:768px) {
.next .check::before{
margin-right: 10px;
}
.sp-pd5{
padding: 5px;
}
.sp-w48{
width: 48%;
}
.sp-mb50{
margin-bottom: 50px;
}
.sp-mb80{
margin-bottom: 80px;
}
}
/* 料金終わり*/
/* 比較 */
.bit-feature{
font-weight: bold;
border-right: 2px solid #e95520;
border-left: 2px solid #e95520;
}
@media screen and (max-width:768px) {
.bit-feature{
width: 35%;
}
}
.comparison-list .bg-c-dgray{
background-color: #4d4d4d;
color: #fff;
font-weight: bold;
}
.comparison-list{
text-align: center;
margin: 0 auto;
}
@media screen and (max-width:768px) {
.comparison-list{
font-size: 12px;
padding: 0 10px
}
}
.bd-top{
border-top: 3px solid #e95520;
}
.bd-bottom{
border-bottom: 3px solid #e95520;
}
.bd-right{
border-right: 1px solid #999999;
}
.comparison-list tr{
border-bottom:1px solid #999999;
}
.comparison-list th, td{
padding: 10px;
}
/* 比較終わり */
.square_check::before{
content: "";
background-image: url("../img/square_check.png");
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
width: 18px;
height: 18px;
vertical-align: middle;
margin-right: 10px
}
@media screen and (max-width:768px) {
.square_check::before{
content: "";
background-image: url("../img/square_check.png");
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
width: 18px;
height: 18px;
vertical-align: middle;
margin-right: 10px
}
}
/* faq */
.box_title{
width: 40px;
color: #fff;
font-weight: bold;
}
.box_content{
width:calc(100% - 60px);
}
.question{
min-height: 50px;
}
.answer{
min-height: 80px;
}
@media screen and (max-width:768px) {
.link-w{
width: 48%;
margin-bottom:10px;
}
.sp-mb5{
margin-bottom: 5px;
}
.box_title{
width: 30px;
}
.box_content{
width:calc(100% - 60px);
}
}
/* school */
.acc_table{
background-color: #fff;
width: 100%;
filter: drop-shadow(0 3px 5px rgba(0,0,0,0.2));
}
.next .accordion-btn-close{
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
width: 10px;
height: 10px;
border: 1.5px solid #333;
border-left: 0;
border-bottom: 0;
transform: translateY(-25%) rotate(135deg);
margin: 10px;
transition: 0.2s;
}
.next .accordion-btn-open{
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
width: 10px;
height: 10px;
border: 1.5px solid #333;
border-left: 0;
border-bottom: 0;
transform: translateY(25%) rotate(-45deg);
margin: 10px;
}
.acc_table td{
/* filter: drop-shadow(0 3px 5px rgba(0,0,0,0.2)); */
border-bottom: 1px solid #e5e5e5;
}
.underline{
text-decoration: underline!important;
}
.center_link{
display: inline-block;
padding: 0 35px;
}
/* schoolおわり */
/* もっと見るボタン */
.next .more-btn{
border-radius: 10px;
padding: 6px 10px;
background-color: #f2f2f2;
margin: 30px auto 150px;
transition: 0.2s;
}
.next .more-btn.mg{
margin-top: 10px!important;
margin-bottom: 0px!important;
}
.more-btn .accordion-arrow{
margin: 10px 80px 10px 10px;
}
.more_list{
margin-top: -120px;
}
@media screen and (max-width:768px) {
.next .more-btn{
max-width: 300px;
padding: 5px;
margin: 20px auto 80px;
}
.more-btn .accordion-arrow{
margin: 10px 28% 10px 10px;
}
}
/* もっと見るボタンおわり */
@media screen and (max-width:768px) {
.sp-pd0{
padding: 0;
}
}
@media screen and (max-width:768px) {
.sp-txt-center{
text-align: center;
}
}
@media screen and (max-width:768px) {
.lesson_topic{
margin-top: -10px;
}
.more_list{
margin-top: -60px;
}
}
.fondi_img img{
width: calc((100% - 10px) / 3);
}
.fondi_link{
border-radius: 10px;
padding: 10px;
background-color: #f2f2f2;
margin: 20px auto 150px;
width: 400px;
}
.fondi_link .arrow, .faq_link .arrow{
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
width: 10px;
height: 10px;
border: 2px solid #333;
border-left: 0;
border-bottom: 0;
transform: rotate(45deg);
margin: 10px 10px 10px 50px;
}
@media screen and (max-width:768px) {
.fondi_link{
margin: 20px auto 80px;
width: 300px;
}
.fondi_link .arrow, .faq_link .arrow{
width: 8px;
height: 8px;
margin: 10px 10px 10px 30px;
}
}
/* キャンペーンバナー*/
.next .cam_bnr{
width: calc((100% - 10px) / 2);
}
/*品質管理*/
.qc .qc-content{
bottom: 0;
background-color: rgba(0, 27, 42, 0.8);
margin-top: -12px
}
/*5段階評価*/
.f-grade .arrow-orange{
top: 0;
left: 50%;
transform: translate(-50%, -50%);
width: 79px;
}
.f-grade .graph{
max-width: 320px;
}
@media screen and (max-width:1200px) {
.qc h3{
font-size: 36px;
}
.f-grade h3{
font-size: 18px;
}
.f-grade .graph{
max-width: 280px;
}
}
@media screen and (max-width:768px) {
.f-grade .arrow-orange{
width: 50px;
}
}
/* 20240125追加 */
.btnStyle1.bg-c-orange{
background-color:#e95520!important;
}
/* /20240125追加 */
/* 20240205追加 */
.random-mv.price-mv-list{
width: 800px;
z-index: 2;
}
.random-mv.price-mv-list ul{
margin-left: 16%;
}
.random-mv .price-btn{
width: 90%;
}
.random-mv-img{
max-width: 540px;
}
@media screen and (max-width:1600px) {
.random-mv.price-mv-list{
width: 640px;
}
.random-mv.price-mv-list ul{
margin-left: 8%;
}
.random-mv-img{
width: 30vw;
}
.random-mv .btn-sm{
font-size: 14px;
}
}
@media screen and (max-width:1300px) {
.random-mv.price-mv-list{
width: 560px;
}
}
@media screen and (max-width:1200px) {
.random-mv.price-mv-list{
width: 540px;
}
.random-mv.price-mv-list ul{
margin-left: 5%;
}
}
@media screen and (max-width:768px) {
.random-mv-sp .price-btn{
padding: 5px 2px;
}
}
.slideshow-container picture {
display: none;
width: 100%;
height: auto;
animation: fadeInAnimation 2s ease forwards;
opacity: 0.3;
}
@keyframes fadeInAnimation {
to {
opacity: 1;
}
}
/* /20240205追加 */
/* 20240214追加 */
.mv-top04{
margin-top: 0;
}
.mv-top04 picture{
margin-left: 0!important;
}
.mv-top04-logo{
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
.mv-top04-logo .logo{
max-width: 508px;
width: 24vw;
}
.mv-top04-logo .award{
width: 36vw;
}
.mv-top04-scroll{
bottom: 0;
left: 50%;
transform: translate(-50%,0%);
}
@media screen and (max-width:1280px) {
.mv-top04-scroll{
width: 120px;
}
}
@media screen and (max-width:768px) {
.mv-top04-scroll{
width: 100px;
}
.mv-top04-logo .logo{
width:240px;
}
.mv-top04-logo .award{
width:375px;
}
}
/* /20240214追加 */
/* 20240311追加 */
.mv-mb2{
margin-bottom: 10.5vw;
}
.mv-mb2.price-mv-list ul{
margin-left: 15vw;
}
@media screen and (max-width:1800px) {
.mv-mb2{
margin-bottom: 8.5vw;
}
}
@media screen and (max-width:1600px) {
.r-arrow{
width: 8%;
right: 3px;
}
.cam-bnr{
margin: 30px 10px 0 8px;
}
}
@media screen and (max-width:1700px) {
.btn-sm{
font-size: 14px;
}
.price-mv-list.mv-mb2 {
width: 780px;
}
}
@media screen and (max-width:1400px) {
.price-mv-list.mv-mb2 {
width: 690px;
}
}
@media screen and (max-width: 1280px){
.logo-mt2{
margin-bottom: -20px;
}
.price-mv-list.mv-mb2 {
width: 570px;
}
.mv-mb2.price-mv-list ul{
margin-left: 9vw;
}
.mv-mb2{
margin-bottom: 6.5vw;
}
}
@media screen and (max-width: 1080px){
.price-mv-list.mv-mb2 {
width: 480px;
}
}
@media screen and (min-width: 1700px){
.price-mv-list.mv-mb2 {
width: 900px;
}
}
/* /20240311追加 */
/* 20240411追加 */
.mv-mb2 .container_rank{
width: calc((100% - 66%) - 30px);
}
.mv-mb2 .container_logo{
width: 66%
}
/* 20240411追加 */
/* 20240412追加 */
.rank_link{
background-color: #11376B;
color: #fff;
padding: 10px 16px;
align-items: center;
font-size: 16px;
font-weight: bold;
border-radius: 12px;
position: relative;
justify-content: center;
}
.rank_link div{
top: 50%;
right: 3%;
transform: translateY(-50%);
position: absolute;
}
@media screen and (max-width:768px) {
.rank_link{
font-size: 12px;
/* margin-top: 10px; */
padding: 8px 10px;
}
}
/* 20240425追加 */
.mv-mg{
margin: 28px auto 0;
}
@media screen and (max-width:768px) {
.mv-mg{
margin: 0;
}
}
/* 20240527追加 */
.faq-btn{
width: calc((100% - 20px) / 3);
margin-bottom: 15px;
}
.faq-btn a{
border-radius: 5px;
padding: 12px;
display: flex;
justify-content: center;
background-color: #f1efef;
}
.faq-btn .arrow-blue{
top: 50%;
right: 5%;
transform: translate(5%, -50%);
width: 20px;
margin: 0;
}
@media screen and (max-width:768px) {
.faq-btn-wrap{
margin-top: -20px;
}
.faq-btn{
width: calc((100% - 8px) / 2);
margin-bottom: 12px;
}
.faq-btn a{
padding:10px;
}
.faq-btn .arrow-blue{
width: 15px;
}
}
/* 20240620追加 メディア掲載 */
.media-ttl{
position: relative;
padding-bottom: 10px;
}
.media-ttl::after {
content: '';
display: block;
height: 3px;
width: 45px;
background-color: #d4ab44;
display: inline-block;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, -50%);
}
.gold{
color: #d4ab44;
}
.media-cont{
padding: 20px 10px;
margin-bottom: 10px;
}
.pagination{
display: flex;
margin: 80px auto 0;
justify-content: center;
}
.pagination li{
margin: 0 12px;
}
.pagination a{
display: inline-block;
margin-top: 15px;
margin-right: 12px;
margin-left: 12px;
padding: 3px 10px;
border: 1px solid #E0E0E0;
}
.pagination li.navi-active a{
background-color: #d4ab44;
color: #fff;
}
.media-cont a{
text-decoration: underline;
display: block;
font-size: 14px;
}
@media screen and (max-width:768px) {
.media-cont{
padding: 10px;
}
.pagination{
width: 100%;
margin: 40px auto 0;
}
.pagination li{
margin:0;
}
.media-cont a{
font-size: 12px;
}
.pagination a{
margin-right: 6px;
margin-left: 6px;
}
}
/* 20240930追加 */
.skill-img{
width: 100px!important;
top: 12%;
left:-20px;
}
@media screen and (min-width:1800px) {
.skill-img{
width: 110px!important;
top: 22%
}
}
@media screen and (max-width:768px) {
.skill-img{
width: 72px!important;
top: 20px;
left: 20px;
}
}
.c-list::before{
content: "";
display: inline-block;
width: 3px;
height: 20px;
background-color: #fff;
position: absolute;
top: 0;
left: -12px;
}
/* 20241023追加 */
.sq-dash-line{
background-image: linear-gradient(to right, #999, #999 10px, transparent 2px, transparent 5px), linear-gradient(to bottom, #999, #999 10px, transparent 2px, transparent 5px), linear-gradient(to left, #999, #999 10px, transparent 2px, transparent 5px), linear-gradient(to top, #999, #999 10px, transparent 2px, transparent 5px);
background-size: 20px 1px, 1px 20px, 20px 1px, 1px 20px;
background-position: left top, right top, right bottom, left bottom;
background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
padding:20px;
align-items:center;
}
.sim-link{
margin-left: auto;
}
.crs-box{
width: calc((100% - 20px) / 3);
flex-direction: column;
justify-content: space-between;
}
.serv-cont{
width: calc((100% - 40px) / 3);
}
.cam-dt{
color: #fff;
background-color: #f7931e;
width: 140px;
padding: 8px;
margin: 10px 0;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
position: absolute;
top:-10%;
left: 2%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
letter-spacing: 0.08em;
font-weight: 600;
z-index: 2;
}
.cam-dt::before{
content: '';
position: absolute;
bottom: -8px;
left: 0px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 12px solid #f7931e;
transform: rotate(90deg);
transform-origin: 100% 100%;
}
.table-2r table{
margin: 80px auto;
}
.top-green{
color: #1ba1a0;
}
.top-speechBubble {
position: relative;
display: inline-block;
margin-bottom: 10px;
padding: 2px 10px;
border-radius: 10px;
background-color: #1ba1a0;
text-align: center;
color: #ffffff;
width: 100%;
}
.top-speechBubble::after {
content: "";
position: absolute;
bottom: 0;
left: 15%;
border-style: solid;
border-width: 10px 0 0 12px;
border-color: #1ba1a0 transparent transparent;
translate: calc(-50% + 0.6px) 100%;
}
.top-bg-c{
background-color: #1ba1a0;
}
/*241223追加 /about/lesson */
.lesson-container{
border-radius: 20px;
}
.lesson-text{
width: 630px;
padding: 50px 0 0 20px;
}
.lesson-point{
top: 0;
left: 0;
width: 80px;
}
.lesson-graph{
width: 400px;
}
.lesson-coach, .process-feature{
width: calc((100% - 20px) / 2);
border-radius: 20px;
}
.lesson-coach .img_box{
width: 100px;
}
.lesson-native{
border-radius: 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.lesson-native .text{
width: 700px;
margin: 20px auto;
display: flex;
flex-direction: column;
padding: 50px 0 0 50px;
}
.lesson-native .side-img{
height:700px;
}
.lesson-native .side-img img{
height:100%;
border-radius: 0 20px 20px 0;
}
.about-lesson .top-speechBubble{
padding: 12px 0;
}
.lesson-feature{
width: calc((100% - 60px) / 2);
}
.lesson-coach-desc{
width: calc(100% - 110px);
}
.lesson-faq-img{
width: 60px;
height: 100%
}
.lesson-faq-a{
width: calc(100% - 80px);
}
.coach-speechBubble{
position: relative;
display: inline-block;
margin-top: 12px;
padding: 20px;
border: 2px solid #1ba1a0;
border-radius: 20px;
background-color: #1ba1a0;
line-height: 1.7;
color: #ffffff;
width: 100%;
}
.coach-speechBubble::before {
content: "";
position: absolute;
top: 0;
left: 17%;
border-style: solid;
border-width: 0 0 12px 20px;
border-color: transparent transparent #1ba1a0;
translate: -50% -100%;
transform: skew(-32deg);
transform-origin: bottom;
}
.coach-speechBubble::after {
content: "";
position: absolute;
top: 0;
left: 17%;
border-style: solid;
border-width: 0 0 8.5px 14.1px;
border-color: transparent transparent #1ba1a0;
translate: calc(-50% + 0.9px) -100%;
transform: skew(-32deg);
transform-origin: bottom;
}
.lesson-coach-intro{
width: 32%;
}
.process-feature-label{
border-radius: 20px 0 0 20px;
width: 70px;
padding: 15px;
height: 100%;
justify-content: center;
}
.process-feature-content{
width: calc(100% - 70px);
border-radius: 0 20px 20px 0;
height: 100%;
}
.process-feature-box{
height: 70px;
}
.top-lesson li{
width: calc((100% - 30px) / 4) !important;
}
.top-lesson .more-btn {
border-radius: 10px;
padding: 6px 10px;
background-color: #f2f2f2;
margin: 30px auto 150px;
transition: 0.2s;
cursor: pointer;
}
.top-lesson .accordion-btn-close {
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
width: 10px;
height: 10px;
border: 1.5px solid #333;
border-left: 0;
border-bottom: 0;
transform: translateY(-25%) rotate(135deg);
transition: 0.2s;
}
.top-lesson .accordion-btn-open {
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
width: 10px;
height: 10px;
border: 1.5px solid #333;
border-left: 0;
border-bottom: 0;
transform: translateY(25%) rotate(-45deg)!important;
border-color: #333 !important;
}
.process-feature-and{
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 2;
}
.process-arrow{
width: 190px;
margin: 60px auto;
}
.study-graph{
width: 300px;
}
.shadowing-step-title{
margin: 0 0 60px auto;
width: 88%;
}
.speaking-arrow{
width: 100px;
margin: 40px auto;
}
.speaking-step .img_box{
width:200px;
}
.speaking-step-text{
width: 600px;
}
.speaking-process-arrow{
width: 100px;
height: 660px;
background-color: #fff;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.speaking-process{
height: 660px;
}
.speaking-process .img_box{
width: 450px;
margin: 0 auto;
}
.speaking-process:first-child{
border-radius: 20px 0 0 20px;
}
.speaking-process:last-child{
border-radius:0 20px 20px 0;
}
.about-speaking{
border-radius: 20px;
}
.study-img, .consultant-feature{
width:500px;
}
.support-faq-schedule{
width: 600px;
margin: 30px auto 0;
}
@media screen and (max-width: 1280px){
.speaking-process .img_box{
width: 400px;
}
}
@media screen and (max-width:768px) {
.sim-link{
display: block;
text-align: center;
}
.sp-pd1005{
padding: 10px 5px;
}
.sq-dash-line{
padding: 10px 20px;
}
.sq-dash-line img{
width: 30px;
}
.crs-box{
width: calc((100% - 10px) / 2);
}
.serv-cont{
width: calc((100% - 5px) / 2);
}
.serv-cont img{
height: 40px!important;
width: auto!important;
}
.cam-dt{
font-size: 12px;
padding: 5px;
top: -25px;
width: 100px;
}
.cam-dt2{
top: -8%!important;
}
.table-2r.payment-list-main table tbody tr td{
font-size: 9px;
}
.table-2r.payment-ex-table.payment-list-main table tbody tr th{
font-size: 9px;
}
.table-2r.payment-list-main table tbody tr td{
font-size: 10px;
}
.table-2r.payment-ex-table table{
border: 2vw solid #ffffff;
}
.table-2r table{
margin:0;
}
.about-lesson .top-speechBubble{
padding: 8px 0;
}
.lesson-feature{
width: calc((100% - 20px) / 2);
}
.lesson-text{
width: 100%;
padding: 50px 0 0 20px;
}
.lesson-graph{
width: 100%;
}
.lesson-coach-desc{
width: calc(100% - 60px);
}
.lesson-coach .img_box{
width: 60px;
}
.lesson-coach{
width: 100%;
}
.sp-mr5{
margin-right: 5px;
}
.lesson-point{
width: 60px;
left: 10px;
}
.lesson-native .text{
width: 100%;
margin: 0;
padding: 30px 20px;
}
.lesson-faq-img{
width: 30px;
}
.lesson-faq-a{
width: calc(100% - 40px);
}
.lesson-coach-intro{
width: 100%;
}
.sp-mb60{
margin-bottom: 60px;
}
.sp-gap20{
gap:20px;
}
.top-lesson li{
width: calc((100% - 10px) / 2) !important;
}
.top-lesson .more-btn{
padding: 5px;
margin: 20px auto 80px;
}
.top-lesson .more-btn .accordion-arrow {
margin: 10px 28% 10px 10px;
}
.process-feature-and{
width: 40px;
}
.lesson-coach, .process-feature, .speaking-process{
width:100%;
}
.process-feature-label{
width: 50px;
padding: 0;
}
.process-feature-content{
width: calc(100% - 50px);
}
.process-arrow{
width: 100px;
margin: 30px auto;
}
.process-feature-and{
top: 52%;
}
.shadowing-step-title{
margin: 0 0 30px 0;
width: 100%;
}
.speaking-process .img_box{
width: 100%;
}
.speaking-process-arrow{
width: 100%;
height: 70px;
top: auto;
}
.speaking-process{
height: 100%;
}
.speaking-process:first-child{
border-radius: 20px 20px 0 0;
}
.speaking-process:last-child{
border-radius:0 0 20px 20px;
}
.speaking-step .img_box{
width: 100px;
}
.speaking-step-text{
width: calc(100% - 100px);
}
.speaking-arrow{
margin: 20px auto;
width: 60px;
}
.study-img, .study-graph, .consultant-feature, .support-faq-schedule{
width:100%;
}
.support-pdca.school-list ul{
width: 1300px!important;
}
}