@charset "UTF-8";
html{font-family:"Zen Kaku Gothic New", sans-serif, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic;font-size:14px;line-height:1.5;letter-spacing:0.1em;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";color:#333;word-break:break-all}@media screen and (min-width:992px){html{font-size:16px}}body.open{height:100%;overflow:hidden;position:fixed}body.open .slide-menu{left:0}.wrapper{overflow-x:hidden}li,p{line-height:2}img{border:0;vertical-align:bottom;max-width:100%}a{cursor:pointer}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb40{margin-bottom:40px}.mb60{margin-bottom:60px}.mb75{margin-bottom:75px}.mb80{margin-bottom:80px}.mb95{margin-bottom:95px}.sec-mb{margin-bottom:120px}@media screen and (min-width:768px){.sec-mb{margin-bottom:150px}}@media screen and (min-width:992px){.sec-mb{margin-bottom:200px}}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.color-1{color:#333}.color-2{color:#28A6C4}.color-3{color:#10659F}.color-4{color:#FFF500}.color-5{color:#ddd}.color-6{color:#fff}.border-bt-B{border-bottom:#10659F 1px solid}.border-bt-Y{border-bottom:#FFF500 1px solid}.txt-XXS,.txt-XS,.txt-S,.txt-M,.txt-L,.txt-XL{line-height:1.5}.txt-XXS{font-size:0.5rem}.txt-XS{font-size:0.75rem}.txt-S{font-size:0.85rem}.txt-M{font-size:0.9rem}.txt-L{font-size:1.2rem}.txt-XL{font-size:1.5rem}.pc{display:none}.tb{display:none}.sp{display:block}@media screen and (min-width:768px){.sp{display:none}.tb{display:block}}@media screen and (min-width:992px){.tb{display:none}.pc{display:block}}.view.view-fix,.view.view-slideup,.view.view-slidedown,.view.view-slidein-L,.view.view-slidein-R{opacity:0}.view.view-fix.on{opacity:1;animation:view-fix 1s ease both}.view.view-slideup.on{opacity:1;animation:view-slideup 1s ease both}.view.view-slidedown.on{opacity:1;animation:view-slidedown 1s ease both}.view.view-slidein-L.on{opacity:1;animation:view-slidein-L 1s ease both}.view.view-slidein-R.on{opacity:1;animation:view-slidein-R 1s ease both}@keyframes view-fix{0%{opacity:0}100%{opacity:1}}@keyframes view-slideup{0%{opacity:0;transform:translate(0, 35px)}100%{opacity:1;transform:translate(0, 0)}}@keyframes view-slidedown{0%{opacity:0;transform:translate(0, -35px)}100%{opacity:1;transform:translate(0, 0)}}@keyframes view-slidein-L{0%{opacity:0;transform:translate(-35px, 0)}100%{opacity:1;transform:translate(0, 0)}}@keyframes view-slidein-R{0%{opacity:0;transform:translate(35px, 0)}100%{opacity:1;transform:translate(0, 0)}}.typ{opacity:0}.typ span{opacity:0}.bgextend{animation-name:bgextendAnimeBase;animation-duration:1s;animation-fill-mode:forwards;position:relative;overflow:hidden;opacity:0;display:inline-block;z-index:-1}@keyframes bgextendAnimeBase{from{opacity:0}to{opacity:1}}.bgappear{animation-name:bgextendAnimeSecond;animation-duration:1s;animation-delay:0.6s;animation-fill-mode:forwards;opacity:0}@keyframes bgextendAnimeSecond{0%{opacity:0}100%{opacity:1}}.bgLRextend::before{animation-duration:0.8s;animation-fill-mode:forwards;content:"";position:absolute;width:100%;height:100%;background-color:#10659F;z-index:1}.view.bgLRextend.on::before{animation-name:bgLRextendAnime}@keyframes bgLRextendAnime{0%{transform-origin:left;transform:scaleX(1)}50%{transform-origin:left;transform:scaleX(1)}50.001%{transform-origin:right}100%{transform-origin:right;transform:scaleX(0)}}.bgRLextend::before{animation-name:bgRLextendAnime;animation-duration:1s;animation-fill-mode:forwards;content:"";position:absolute;width:100%;height:100%;background-color:#666}@keyframes bgRLextendAnime{0%{transform-origin:right;transform:scaleX(0)}50%{transform-origin:right;transform:scaleX(1)}50.001%{transform-origin:left}100%{transform-origin:left;transform:scaleX(0)}}.bgDUextend::before{animation-name:bgDUextendAnime;animation-duration:1s;animation-fill-mode:forwards;content:"";position:absolute;width:100%;height:100%;background-color:#666}@keyframes bgDUextendAnime{0%{transform-origin:bottom;transform:scaleY(0)}50%{transform-origin:bottom;transform:scaleY(1)}50.001%{transform-origin:top}100%{transform-origin:top;transform:scaleY(0)}}.bgUDextend::before{animation-name:bgUDextendAnime;animation-duration:1s;animation-fill-mode:forwards;content:"";position:absolute;width:100%;height:100%;background-color:#666}@keyframes bgUDextendAnime{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}50.001%{transform-origin:bottom}100%{transform-origin:bottom;transform:scaleY(0)}}.dots{background-image:radial-gradient(circle at center, #10659F 20%, transparent 20%);background-position:top right;background-repeat:repeat-x;background-size:1em 0.3em;padding-top:0.4em}h2.top{position:relative;padding-bottom:15px;z-index:1;margin-bottom:35px}@media screen and (min-width:992px){h2.top{margin-bottom:85px}}h2.top:before{content:"";width:99px;height:99px;background:#FFF500;position:absolute;top:15px;left:-10px;border-radius:50%}@media screen and (min-width:992px){h2.top:before{width:247px;height:247px;top:20px;left:-125px;margin-bottom:85px}}h2.top:after{content:"";width:26px;height:26px;top:12px;left:-10px;background:#28A6C4;border-radius:50%;position:absolute}@media screen and (min-width:992px){h2.top:after{width:66px;height:66px;top:14px;left:-125px}}h2.top>span{display:block}h2.top>span.ttl-txt{font-size:2.2rem;font-weight:bold;font-family:sofia-pro, sans-serif;position:relative;z-index:2;padding-left:30px;letter-spacing:0.3rem}@media screen and (min-width:768px){h2.top>span.ttl-txt{font-size:3.4rem}}@media screen and (min-width:992px){h2.top>span.ttl-txt{font-size:3.4rem;padding-left:0px}}h2.top>span.sub-txt{font-size:0.8rem;font-weight:bold;text-align:right;background:#FFF500;border-radius:33px;padding:10px 30px 10px 10px;position:absolute;bottom:-12px;width:100%}@media screen and (min-width:768px){h2.top>span.sub-txt{font-size:1.2rem}}@media screen and (min-width:992px){h2.top>span.sub-txt{font-size:1.3rem;padding:15px 30px;bottom:-6px}}h2.top>span.sub-txt:before{content:"";width:13px;height:13px;top:45px;left:92px;background:#ddd;border-radius:50%;position:absolute}@media screen and (min-width:992px){h2.top>span.sub-txt:before{width:50px;height:50px;top:83px;left:145px}}h2.top>span.sub-txt:after{content:"";width:7px;height:7px;top:45px;left:108px;background:#FFF500;border-radius:50%;position:absolute}@media screen and (min-width:992px){h2.top>span.sub-txt:after{width:27px;height:27px;top:83px;left:216px}}h3.top{font-size:1.5rem;font-weight:bold;text-align:center;line-height:1.86;color:#fff;margin-bottom:30px;position:relative;z-index:2}@media screen and (min-width:992px){h3.top{font-size:2.3rem;margin-bottom:55px}}h4.top{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}h4.top>span{display:inline-block;line-height:1}h4.top>span.ttl-txt{font-size:2.3rem;font-weight:bold;font-family:sofia-pro, sans-serif;margin-right:15px}@media screen and (min-width:992px){h4.top>span.ttl-txt{font-size:45px;margin-right:38px}}h4.top>span.sub-txt{font-size:1rem;font-weight:bold;color:#28A6C4}@media screen and (min-width:992px){h4.top>span.sub-txt{font-size:1.4rem}}.l-main{overflow:hidden}.slide-menu{height:100%;width:100%;overflow:scroll;background-color:#10659F;position:fixed;z-index:9998;top:0;left:100%;padding-top:60px;transition:left 0.3s}.slide-menu .slide-box{padding:20px}.slide-menu .slide-box .s-btn-box{margin-bottom:20px}.slide-menu .slide-box .s-btn-box>a{font-weight:bold;text-decoration:none;text-align:center;color:#10659F;display:block;width:100%;background:#fff;border-radius:500px;padding:17px 20px;margin:auto;transition:all 0.3s}.slide-menu .slide-box .s-btn-box>a:hover{background:#10659F;color:#FFF500}.slide-menu .slide-box .s-nav-list{border-bottom:1px solid #28A6C4;margin-bottom:25px}.slide-menu .slide-box .s-nav-list>li{border-top:1px solid #28A6C4}.slide-menu .slide-box .s-nav-list>li.sub-link{border-top:1px solid #2679B1}.slide-menu .slide-box .s-nav-list>li.sub-link>a{font-size:1rem;font-weight:normal}.slide-menu .slide-box .s-nav-list>li>a{font-size:1rem;font-weight:bold;text-decoration:none;color:#fff;display:block;padding:16px 0;position:relative}.slide-menu .slide-box .s-nav-list>li>a:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #fff;border-top:2px solid #fff;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg);right:3%}.slide-menu .slide-box .ttl{font-size:1rem;font-weight:bold;text-align:center;color:#fff;margin-bottom:15px}.slide-menu .slide-box .s-site-btn-box{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch;display:flex}.slide-menu .slide-box .s-site-btn-box .btn-box{width:49%}.slide-menu .slide-box .s-site-btn-box .btn-box>a{font-size:0.7rem;font-weight:400;text-decoration:none;color:#fff;display:block;width:100%;padding:10px 35px 10px 20px;background:#2679B1;border-radius:54px;position:relative}.slide-menu .slide-box .s-site-btn-box .btn-box>a:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #fff;border-top:2px solid #fff;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg);right:5%}.key-visual.top{width:100%;min-height:100svh;overflow:hidden;position:relative}@media screen and (min-width:768px){.key-visual.top{max-height:100vh}}.key-visual.top .key-txt-box{position:absolute;z-index:2;width:100%;padding-top:90px;padding-left:initial}@media screen and (min-width:768px){.key-visual.top .key-txt-box{top:120px;padding-top:initial}}@media screen and (min-width:992px){.key-visual.top .key-txt-box{top:180px;padding-top:initial}}.key-visual.top .key-txt-box .text-typing .typ{font-family:sofia-pro, sans-serif;font-size:2rem;font-weight:bold;color:#10659F}@media screen and (min-width:768px){.key-visual.top .key-txt-box .text-typing .typ{font-size:4.3rem}}.key-visual.top .key-txt-box .jp-txt{font-size:1rem;font-weight:bold}@media screen and (min-width:768px){.key-visual.top .key-txt-box .jp-txt{font-size:1.8rem}}@media screen and (min-width:992px){.key-visual.top .key-txt-box .jp-txt{font-size:1.3rem}}.key-visual.top .key-img-box{position:absolute;width:382px;margin-left:0;height:auto;bottom:72px;right:-50px;transform:translate(0, 0);z-index:1}@media screen and (min-width:768px){.key-visual.top .key-img-box{width:auto;position:relative;top:270px}}@media screen and (min-width:992px){.key-visual.top .key-img-box{width:69.44%;height:calc(100% + 55px);margin-left:30.56%;bottom:initial;right:initial;transform:translate(46px, -78px);top:initial}}.key-visual.top .key-sub-box{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex;position:absolute;left:0;bottom:0;width:100%;height:100px;background:#F7F7F7}@media screen and (min-width:768px){.key-visual.top .key-sub-box{height:140px}}@media screen and (min-width:992px){.key-visual.top .key-sub-box{height:180px}}.key-visual.top .key-sub-box>.inner{position:relative;z-index:9998}.key-visual.top .key-sub-box .txt{position:relative;font-weight:bold;line-height:1.5}@media screen and (min-width:768px){.key-visual.top .key-sub-box .txt{font-size:1.8rem}}@media screen and (min-width:992px){.key-visual.top .key-sub-box .txt{font-size:1.6rem}}.key-visual.top .key-sub-box .txt span{font-size:1.5rem;position:relative}@media screen and (min-width:768px){.key-visual.top .key-sub-box .txt span{font-size:2.2rem}}.key-visual.top .key-sub-box .txt span::before{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:20px;background:#FFF500;z-index:-1}.key-visual .key-txt-box{padding-left:20px;padding-right:20px;width:1240px}@media screen and (min-width:992px){.key-visual .key-txt-box{padding-left:10px;padding-right:10px}}.inner.w1240{padding-left:20px;padding-right:20px;width:1240px;margin-right:auto;margin-left:auto}.inner.w1100{padding-left:20px;padding-right:20px;max-width:1100px;margin:0 auto}.top-infor-news-box{padding:20px 0 50px;background:#F7F7F7}@media screen and (min-width:992px){.top-infor-news-box{padding:80px 0 75px}}.top-infor-news-box .content-box{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.top-infor-news-box .content-box .l-box{width:initial;background:none;height:40px;margin-left:-20px;border-radius:0;padding:0;margin-bottom:20px}@media screen and (min-width:992px){.top-infor-news-box .content-box .l-box{width:132px;height:132px;background:#28A6C4;border-radius:50%;padding:35px 0;margin-bottom:initial}}.top-infor-news-box .content-box .l-box .ttl{border-top-right-radius:20px;border-bottom-right-radius:20px;padding:5px 20px;text-align:left;color:#fff;font-weight:bold;background:#28A6C4}@media screen and (min-width:992px){.top-infor-news-box .content-box .l-box .ttl{background:initial;line-height:25px;text-align:center}}.top-infor-news-box .content-box .r-box{width:100%}@media screen and (min-width:992px){.top-infor-news-box .content-box .r-box{width:calc(100% - 172px)}}.top-infor-news-box .content-box .r-box .infor-news-list>li{border-bottom:1px solid #ddd;padding:10px 0}.top-infor-news-box .content-box .r-box .infor-news-list>li:first-child{padding-top:0}.top-infor-news-box .content-box .r-box .infor-news-list>li:last-child{border-bottom:0;padding-bottom:0}.top-infor-news-box .content-box .r-box .infor-news-list>li>a{text-decoration:none;color:#094067;transition:0.3s;padding:0.5rem 0}.top-infor-news-box .content-box .r-box .infor-news-list>li>a:hover{color:#28A6C4}.top-bg-box{background:#28A6C4;width:100%;position:relative;padding:180px 0;overflow:hidden}@media screen and (max-width:767px){.top-bg-box{padding:250px 0 220px;height:auto}}.top-bg-box:before{content:"";width:383px;height:186px;right:36px;position:absolute;top:-1px;background:url(/wp-content/themes/portfoliothemeMasa/scss/../img/demo/top_bg_tb_first.png) no-repeat left center/contain}@media screen and (min-width:992px){.top-bg-box:before{background:url(/wp-content/themes/portfoliothemeMasa/scss/../img/demo/top_bg.png) no-repeat left center/contain;width:507px;height:1286px;right:-112px}}.top-bg-box:after{content:"";width:257px;height:157px;background:url(/wp-content/themes/portfoliothemeMasa/scss/../img/demo/top_bg_tb_next.png) no-repeat center/contain;position:absolute;right:-40px;bottom:0}@media screen and (min-width:992px){.top-bg-box:after{content:none}}.top-bg-box .txt-box{position:relative;z-index:2}.top-bg-box .txt-box .main-ttl{margin-bottom:40px;line-height:0}@media screen and (min-width:992px){.top-bg-box .txt-box .main-ttl{margin-bottom:50px}}.top-bg-box .txt-box .main-ttl>p{position:relative;overflow:hidden}.top-bg-box .txt-box .main-ttl>p>span{font-size:1.8rem;font-weight:bold;color:#fff;background:linear-gradient(transparent 60%, #50C5E2 0%)}@media screen and (min-width:768px){.top-bg-box .txt-box .main-ttl>p>span{font-size:2.8rem}}@media screen and (min-width:992px){.top-bg-box .txt-box .main-ttl>p>span{font-size:3.7rem}}.top-bg-box .txt-box .main-ttl>p>span.-min{font-size:1.5rem}@media screen and (min-width:768px){.top-bg-box .txt-box .main-ttl>p>span.-min{font-size:1.9rem}}@media screen and (min-width:992px){.top-bg-box .txt-box .main-ttl>p>span.-min{font-size:2.5rem}}.top-bg-box .txt-box .txt{font-size:1.2rem;font-weight:bold;color:#fff;padding-left:20px}@media screen and (max-width:767px){.top-bg-box .txt-box .txt{padding-left:0}}.top-bg-box .txt-box .ttl{display:inline-block;margin-bottom:40px;position:relative;overflow:hidden;position:relative}@media screen and (min-width:992px){.top-bg-box .txt-box .ttl{margin-bottom:50px}}.top-bg-box .txt-box .ttl>span{font-size:2rem;font-weight:bold;color:#FFF500;background:linear-gradient(transparent 60%, #50C5E2 0%)}@media screen and (min-width:768px){.top-bg-box .txt-box .ttl>span{font-size:2.4rem}}@media screen and (min-width:992px){.top-bg-box .txt-box .ttl>span{font-size:3.2rem}}.top-feature-box{padding-top:5rem;margin-top:-5rem}.top-feature-box .content-box .main-ttl{font-size:1.5rem;font-weight:bold;position:relative;z-index:2;line-height:1.5;margin-bottom:25px}@media screen and (min-width:768px){.top-feature-box .content-box .main-ttl{font-size:2rem;margin-bottom:30px}}.top-feature-box .content-box .feature-list{margin-top:32px;margin-bottom:90px}@media screen and (min-width:768px){.top-feature-box .content-box .feature-list{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;margin-top:40px;gap:0 2rem}}@media screen and (min-width:992px){.top-feature-box .content-box .feature-list{margin-bottom:130px}}.top-feature-box .content-box .feature-list li{position:relative;padding:20px 0;margin-top:-2rem}@media screen and (min-width:768px){.top-feature-box .content-box .feature-list li{flex-basis:calc(100% / 2 - 2rem)}}@media screen and (min-width:992px){.top-feature-box .content-box .feature-list li{flex-basis:calc(100% / 3 - 2rem)}}@media screen and (min-width:768px){.top-feature-box .content-box .feature-list li:not(:nth-of-type(3n)):not(:last-child){padding-bottom:10px}}.top-feature-box .content-box .feature-list li .img-box{position:relative;left:50%;transform:translate(-50%, 25%);width:270px}.top-feature-box .content-box .feature-list li .feature-list-inner{display:flex;margin-bottom:20px}.top-feature-box .content-box .feature-list li .feature-list-inner .feature-list-icon{border-radius:10px 0 0 10px;background:#10659F;width:17%;display:flex;align-items:center;justify-content:center;padding:24px 5px;margin-right:8px;position:relative}.top-feature-box .content-box .feature-list li .feature-list-inner .feature-list-icon:after{position:absolute;top:0;bottom:0;margin:auto;right:-8px;content:"";width:0;height:0;border-style:solid;border-width:12px 0 12px 13px;border-color:transparent transparent transparent #10659F}.top-feature-box .content-box .feature-list li .feature-list-inner .feature-list-icon img{width:8px;height:27px}.top-feature-box .content-box .feature-list li .feature-list-inner .feature-list-content{display:flex;justify-content:center;align-items:center;background:#28A6C4;width:80%;position:relative;padding:12px 3% 13px 3%;text-align:center}.top-feature-box .content-box .feature-list li .feature-list-inner .feature-list-content:before{position:absolute;top:0;bottom:0;margin:auto;left:0;content:"";width:0;height:0;border-style:solid;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #fff}.top-feature-box .content-box .feature-list li .feature-list-inner .feature-list-content .feature-list-text{color:#fff;font-size:1.2rem;line-height:1.5;font-weight:bold}.top-feature-box .content-box .ttl{position:relative;font-size:2rem;font-weight:bold;position:relative;z-index:2;margin-bottom:70px;line-height:1.5}@media screen and (min-width:992px){.top-feature-box .content-box .ttl{margin-bottom:90px;font-size:2.7rem}}.top-feature-box .content-box .ttl:before{position:absolute;content:"";transform:translateX(-50%);top:-170%;left:50%;border-style:solid;border-width:30px 30px 0 30px;border-color:#10659F transparent transparent transparent}@media screen and (min-width:992px){.top-feature-box .content-box .ttl:before{top:-140%;border-width:40px 50px 0 50px}}.top-feature-box .content-box .feature-btn-list{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;display:flex;gap:20px}@media screen and (min-width:992px){.top-feature-box .content-box .feature-btn-list{gap:0 40px}}.top-feature-box .content-box .feature-btn-list>li{width:350px}.top-feature-box .content-box .feature-btn-list>li a{position:relative;font-weight:bold;text-decoration:none;text-align:center;color:#fff;display:block;width:100%;background:#10659F;border-radius:500px;padding:17px 20px;margin:auto;transition:all 0.3s}.top-feature-box .content-box .feature-btn-list>li a:hover{background:#FFF500;color:#10659F}.top-feature-box .content-box .feature-btn-list>li a:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #fff;border-top:2px solid #fff;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg);right:6%}.top-feature-box .content-box .feature-btn-list>li a:hover:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #10659F;border-top:2px solid #10659F;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg)}.ofi>img{height:100%;width:100%;object-fit:cover;object-position:center}.top-course-box{position:relative;padding-top:5rem;margin-top:-5rem}.top-course-box .content-box{width:100%;margin-bottom:30px}@media screen and (min-width:992px){.top-course-box .content-box{width:calc(100% / 2);margin-bottom:50px}}.top-course-box .content-box .txt{position:relative;z-index:2;margin-bottom:55px}@media screen and (min-width:992px){.top-course-box .content-box .txt{margin-bottom:75px}}@media screen and (min-width:768px){.top-course-box .content-box .course-btn-list{display:grid;grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width:992px){.top-course-box .content-box .course-btn-list{grid-template-columns:1fr}}.top-course-box .content-box .course-btn-list>li.tab-list-item:first-child{position:relative}.top-course-box .content-box .course-btn-list>li.tab-list-item:first-child:first-child::before{position:absolute;top:-45%;left:0;color:#fff;content:"高3生へおすすめ";background:#10659F;font-size:0.7rem;padding:8px 16px;display:grid;place-items:center;border-radius:50px}@media screen and (min-width:992px){.top-course-box .content-box .course-btn-list>li.tab-list-item:first-child:first-child::before{top:-18%;left:-5%}}.top-course-box .content-box .course-btn-list>li.tab-list-item{font-size:1rem;font-weight:bold;text-decoration:none;padding:16px 40px 16px 20px;display:inline-block;width:100%;color:#333;transition:0.3s;background:#fff;border-radius:10px;position:relative;cursor:pointer}@media screen and (min-width:992px){.top-course-box .content-box .course-btn-list>li.tab-list-item{font-size:1.4rem;padding:33px 65px 33px 40px;border-radius:40px}}.top-course-box .content-box .course-btn-list>li.tab-list-item:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #333;border-top:2px solid #333;transition:all 0.3s;transform:translateY(-80%) rotate(135deg);right:6%}@media screen and (min-width:992px){.top-course-box .content-box .course-btn-list>li.tab-list-item:after{content:"";position:absolute;top:50%;width:12px;height:12px;border-right:3px solid #333;border-top:3px solid #333;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg)}}.top-course-box .content-box .course-btn-list>li.tab-list-item:hover{color:#10659F}.top-course-box .content-box .course-btn-list>li.tab-list-item.current{color:#10659F;background:#FCFCFC;box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.16) inset}.top-course-box .content-box .course-btn-list>li.tab-list-item.current:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #10659F;border-top:2px solid #10659F;transition:all 0.3s;transform:translateY(-80%) rotate(135deg)}@media screen and (min-width:992px){.top-course-box .content-box .course-btn-list>li.tab-list-item.current:after{content:"";position:absolute;top:50%;width:12px;height:12px;border-right:3px solid #10659F;border-top:3px solid #10659F;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg)}}.top-course-box .content-box .r-box{width:calc(100% + 20px);position:static;border-top-left-radius:50px;border-bottom-left-radius:50px;overflow:hidden}@media screen and (min-width:992px){.top-course-box .content-box .r-box{width:calc(100% / 2 - 5%);position:absolute;top:280px;right:0}}.top-course-box .content-box .r-box .tab-contents-item{display:none}.top-course-box .content-box .r-box .tab-contents-item.show{display:block}.top-course-box .content-box .r-box .hover-btn-box .img-box{height:220px}@media screen and (min-width:768px){.top-course-box .content-box .r-box .hover-btn-box .img-box{height:400px}}.top-course-box .content-box .r-box .hover-btn-box .txt-box{background:#28A6C4;padding:25px 20px 25px 30px}@media screen and (min-width:992px){.top-course-box .content-box .r-box .hover-btn-box .txt-box{padding:50px 21% 50px 50px}}.top-course-box .content-box .r-box .hover-btn-box .txt-box .ttl{font-size:1rem;font-weight:bold;color:#fff}.top-course-box a.btn{position:relative;max-width:350px;font-weight:bold;text-decoration:none;text-align:center;color:#28A6C4;display:block;width:100%;background:#FFF500;border-radius:500px;padding:17px 20px;margin:auto;transition:all 0.3s}.top-course-box a.btn:hover{background:#fff;color:#28A6C4}.top-course-box a.btn:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #28A6C4;border-top:2px solid #28A6C4;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg);right:6%}.top-numbers-box{padding-top:5rem;margin-top:-5rem}.top-numbers-box .inner .top-numbers-list{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem 0;margin-bottom:70px}@media screen and (min-width:768px){.top-numbers-box .inner .top-numbers-list{padding-top:90px;gap:0 3rem;margin-bottom:90px}}@media screen and (min-width:992px){.top-numbers-box .inner .top-numbers-list{padding-top:230px;gap:initial;justify-content:space-between}}@media screen and (min-width:768px){.top-numbers-box .inner .top-numbers-list>li:nth-child(2){order:2}}@media screen and (min-width:992px){.top-numbers-box .inner .top-numbers-list>li:nth-child(2){order:initial}}.top-numbers-box .inner .top-numbers-list>li{width:320px;position:relative;padding-top:150px}@media screen and (min-width:992px){.top-numbers-box .inner .top-numbers-list>li{padding-top:initial;margin-bottom:initial}}.top-numbers-box .inner .top-numbers-list>li .img-box{position:absolute;left:50%;transform:translateX(-50%);bottom:242px;width:100%}.top-numbers-box .inner .top-numbers-list>li:nth-of-type(2n){padding-top:0;padding-bottom:170px}@media screen and (min-width:768px){.top-numbers-box .inner .top-numbers-list>li:nth-of-type(2n){padding-bottom:100px}}@media screen and (min-width:992px){.top-numbers-box .inner .top-numbers-list>li:nth-of-type(2n){position:relative;top:-75px;padding-bottom:initial}}.top-numbers-box .inner .top-numbers-list>li:nth-of-type(2n)>.img-box{bottom:unset;top:190px}.top-numbers-box .inner .top-numbers-list>li:nth-of-type(2n)>.txt-box{padding-top:65px}.top-numbers-box .inner .top-numbers-list>li .txt-box{height:320px;background:#F7F7F7;border-radius:50%;padding-top:100px}.top-numbers-box .inner .top-numbers-list>li .txt-box .ttl{font-size:1.2rem;font-weight:bold;text-align:center;margin-bottom:10px}.top-numbers-box .inner .top-numbers-list>li .txt-box .ttl .ttl-L{font-size:1.5rem}.top-numbers-box .inner .top-numbers-list>li .txt-box .num-txt-box{text-align:center;line-height:1;margin-bottom:5px}.top-numbers-box .inner .top-numbers-list>li .txt-box .num-txt-box .num-txt{font-size:5.6rem;font-weight:bold;color:#28A6C4}.top-numbers-box .inner .top-numbers-list>li .txt-box .num-txt-box .txt{font-size:1.7rem;font-weight:700;color:#707070}.top-numbers-box .inner .top-numbers-list>li .txt-box .min-txt{font-size:0.8rem;font-weight:bold;text-align:center;color:#707070}.top-numbers-box a.btn{position:relative;max-width:350px;font-weight:bold;text-decoration:none;text-align:center;color:#fff;display:block;width:100%;background:#10659F;border-radius:500px;padding:17px 20px;margin:auto;transition:all 0.3s}.top-numbers-box a.btn:hover{background:#FFF500;color:#10659F}.top-numbers-box a.btn:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #fff;border-top:2px solid #fff;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg);right:6%}.top-numbers-box a.btn:hover:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #10659F;border-top:2px solid #10659F;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg)}.top-voice-box{overflow:hidden}.top-voice-box .inner .demoslider{position:relative}.top-voice-box .inner .demoslider .top-voice-list .swiper-slide{height:auto;border-radius:20px;overflow:hidden}.top-voice-box .inner .demoslider .top-voice-list .swiper-slide a{display:block;height:100%;background:#F7F7F7}.top-voice-box .inner .demoslider .top-voice-list .swiper-slide a .voice-link .img-box{overflow:hidden}.top-voice-box .inner .demoslider .top-voice-list .swiper-slide a .voice-link .img-box>img{transition:0.3s}.top-voice-box .inner .demoslider .top-voice-list .swiper-slide a .voice-link .img-box>img:hover{transform:scale(1.1)}.top-voice-box .inner .demoslider .top-voice-list .swiper-slide a .voice-link .txt-box{padding:15px 20px}.top-voice-box .inner .demoslider .top-voice-list .swiper-slide a .voice-link .txt-box .txt{font-size:1rem;line-height:1.66;color:#094067;margin-bottom:20px;-webkit-transition:0.3s;transition:0.3s}.top-voice-box .inner .demoslider .top-voice-list .swiper-slide a .voice-link .txt-box .tag-box{border-top:1px solid #ddd;padding-top:10px;margin-top:15px;margin-bottom:auto}.top-voice-box .inner .demoslider .top-voice-list .swiper-slide a .voice-link .txt-box .tag-box .compus-txt{font-size:0.7rem;text-align:right;line-height:2.33}.top-voice-box .inner .demoslider .top-voice-list .swiper-slide a .voice-link .txt-box .tag-box .name-txt{text-align:right;color:#10659F}.top-voice-box .inner a.btn{position:relative;max-width:350px;font-weight:bold;text-decoration:none;text-align:center;color:#fff;display:block;width:100%;background:#10659F;border-radius:500px;padding:17px 20px;margin:auto;transition:all 0.3s}.top-voice-box .inner a.btn:hover{background:#FFF500;color:#10659F}.top-voice-box .inner a.btn:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #fff;border-top:2px solid #fff;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg);right:6%}.top-voice-box .inner a.btn:hover:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #10659F;border-top:2px solid #10659F;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg)}.top-voice-box .inner .indicator-box .swiper-pagination{margin:20px 0}@media screen and (min-width:992px){.top-voice-box .inner .indicator-box .swiper-pagination{margin:45px 0}}.top-voice-box .inner .indicator-box .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:30px;height:6px;margin-right:5px;border-radius:10px;background:rgba(40, 166, 196, 0.1);transition:0.3s;cursor:pointer}@media screen and (min-width:992px){.top-voice-box .inner .indicator-box .swiper-pagination .swiper-pagination-bullet{width:50px;height:12px;margin-right:10px}}.top-voice-box .inner .indicator-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#28A6C4}.top-voice-box .inner .indicator-box .swiper-pagination .swiper-pagination-bullet:hover{background:#28A6C4}.top-voice-box .inner .indicator-box .swiper-button-prev,.top-voice-box .inner .indicator-box .swiper-button-next{display:inline-block;position:relative;width:50px;height:50px;text-align:center;border:1px solid #ddd;left:0;border-radius:50%;padding:0;transition:0.3s;cursor:pointer}@media screen and (min-width:992px){.top-voice-box .inner .indicator-box .swiper-button-prev,.top-voice-box .inner .indicator-box .swiper-button-next{width:70px;height:70px}}.top-voice-box .inner .indicator-box .swiper-button-prev:hover,.top-voice-box .inner .indicator-box .swiper-button-next:hover{background:#ddd}.top-voice-box .inner .indicator-box .swiper-button-prev::before{content:"";position:absolute;top:50%;width:11px;height:11px;border-right:3px solid #28A6C4;border-top:3px solid #28A6C4;transition:all 0.3s;transform:translateX(-30%) translateY(-50%) rotate(225deg)}.top-voice-box .inner .indicator-box .swiper-button-prev:hover::before{content:"";position:absolute;top:50%;width:11px;height:11px;border-right:3px solid #10659F;border-top:3px solid #10659F;transition:all 0.3s;transform:translateX(-30%) translateY(-50%) rotate(225deg)}.top-voice-box .inner .indicator-box .swiper-button-next::before{content:"";position:absolute;top:50%;width:11px;height:11px;border-right:3px solid #28A6C4;border-top:3px solid #28A6C4;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg)}.top-voice-box .inner .indicator-box .swiper-button-next:hover::before{content:"";position:absolute;top:50%;width:11px;height:11px;border-right:3px solid #10659F;border-top:3px solid #10659F;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg)}.top-reservation-box{background:#28A6C4;position:relative;margin-top:120px}@media screen and (min-width:992px){.top-reservation-box{margin-top:320px}}.top-reservation-box .key-img-box{position:absolute;left:0}.top-reservation-box .key-img-box.-top{top:-31px}@media screen and (min-width:992px){.top-reservation-box .key-img-box.-top{top:-119px}}.top-reservation-box .key-img-box.-bt{bottom:-31px}@media screen and (min-width:992px){.top-reservation-box .key-img-box.-bt{bottom:-119px}}.top-reservation-box .key-img-box .item{margin-right:25px}@media screen and (min-width:992px){.top-reservation-box .key-img-box .item{margin-right:85px}}.top-reservation-box .key-img-box .item.item01{width:172.39px}@media screen and (min-width:992px){.top-reservation-box .key-img-box .item.item01{width:660px}}.top-reservation-box .key-img-box .item.item02{width:150.58px}@media screen and (min-width:992px){.top-reservation-box .key-img-box .item.item02{width:576.5px}}.top-reservation-box .key-img-box .item.item03{width:182.05px}@media screen and (min-width:992px){.top-reservation-box .key-img-box .item.item03{width:697px}}.top-reservation-box .key-img-box .item.item04{width:91.94px;margin-right:50px}@media screen and (min-width:992px){.top-reservation-box .key-img-box .item.item04{width:352px;margin-right:320px}}.top-reservation-box .txt-box{padding:40px 0;position:relative;z-index:1}@media screen and (min-width:992px){.top-reservation-box .txt-box{padding:110px 0 120px}}@media screen and (min-width:992px){.top-reservation-box .txt-box:before{content:"";width:489px;height:730px;position:absolute;top:35px;left:-320px;background:url(/wp-content/themes/portfoliothemeMasa/scss/../img/demo/reservation-bg-left.png) no-repeat center/contain}}@media screen and (min-width:992px){.top-reservation-box .txt-box:after{content:"";width:489px;height:730px;position:absolute;top:35px;right:-320px;background:url(/wp-content/themes/portfoliothemeMasa/scss/../img/demo/reservation-bg-right.png) no-repeat center/contain}}.top-reservation-box .txt-box .top-reservation-list{width:100%;margin-bottom:30px}@media screen and (min-width:992px){.top-reservation-box .txt-box .top-reservation-list{width:669px;margin:0 auto 60px}}.top-reservation-box .txt-box .top-reservation-list>li{font-size:1rem;font-weight:bold;color:#fff;background:#39B7D5;padding:15px 15px 15px 46px;border-radius:10px;position:relative;margin-bottom:15px;line-height:1.5}@media screen and (min-width:992px){.top-reservation-box .txt-box .top-reservation-list>li{padding:17px 20px 17px 76px;border-radius:35px}}.top-reservation-box .txt-box .top-reservation-list>li:after{content:"";display:block;position:absolute;top:50%;left:4%;width:15px;height:10px;border-left:3px solid #FFF500;border-bottom:3px solid #FFF500;transform:translateY(-70%) rotate(-45deg)}@media screen and (min-width:992px){.top-reservation-box .txt-box .top-reservation-list>li:after{left:5%}}.top-reservation-box .txt-box .reservation-btn{font-size:1.25rem;font-weight:bold;color:#333;display:inline-block;width:100%;max-width:420px;background:#fff;padding:30px 20px;border-radius:50px;position:relative;transition:0.3s}.top-reservation-box .txt-box .reservation-btn:hover{color:#333;background:#FFF500}.top-reservation-box .txt-box .reservation-btn:before{content:"";position:absolute;top:50%;width:12px;height:12px;border-right:3px solid #333;border-top:3px solid #333;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg);right:5%}@keyframes infinity-scroll-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes infinity-scroll-right{from{transform:translateX(-100%)}to{transform:translateX(0%)}}.scroll-infinity__wrap{display:flex;overflow:hidden}.scroll-infinity__list{display:flex;list-style:none;padding:0}.scroll-infinity__list--left{animation:infinity-scroll-left 50s infinite linear 0.5s both}.scroll-infinity__list--right{animation:infinity-scroll-right 80s infinite linear 0.5s both}.scroll-infinity__item>img{width:100%}.gray-bg-box{background:#F7F7F7;padding:120px 0 40px}@media screen and (min-width:992px){.gray-bg-box{padding:300px 0 60px}}.gray-bg-box .top-column-box{margin-bottom:20px}@media screen and (min-width:992px){.gray-bg-box .top-column-box{margin-bottom:95px}}.gray-bg-box .top-column-box .top-column-list{margin-bottom:70px;display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem 1rem}@media screen and (min-width:992px){.gray-bg-box .top-column-box .top-column-list{margin-bottom:90px;grid-template-columns:repeat(3, 1fr);gap:2rem}}.gray-bg-box .top-column-box .top-column-list>li .img-box{overflow:hidden;border-radius:20px;margin-bottom:5px}@media screen and (min-width:992px){.gray-bg-box .top-column-box .top-column-list>li .img-box{margin-bottom:18px}}.gray-bg-box .top-column-box .top-column-list>li .txt-box .ttl{font-weight:bold;transition:0.3s;font-size:0.8rem}@media screen and (min-width:992px){.gray-bg-box .top-column-box .top-column-list>li .txt-box .ttl{font-size:1rem}}.gray-bg-box .top-column-box .top-column-list>li .txt-box .time{font-weight:bold;font-family:sofia-pro, sans-serif;color:#28A6C4;font-size:0.8rem}.gray-bg-box .top-column-box a.btn{position:relative;max-width:350px;font-weight:bold;text-decoration:none;text-align:center;color:#fff;display:block;width:100%;background:#10659F;border-radius:500px;padding:17px 20px;margin:auto;transition:all 0.3s}.gray-bg-box .top-column-box a.btn:hover{background:#FFF500;color:#10659F}.gray-bg-box .top-column-box a.btn:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #fff;border-top:2px solid #fff;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg);right:6%}.gray-bg-box .top-column-box a.btn:hover:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #10659F;border-top:2px solid #10659F;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg)}.top-school-box{padding-top:5rem;margin-top:-5rem}.top-school-box .school-content{width:100%;margin-left:auto;margin-right:auto;position:relative;z-index:1}@media screen and (min-width:768px){.top-school-box .school-content{width:530px}}.top-school-box .school-content:before{content:"";display:block;background:#10659F;border-radius:50%;height:128px;width:128px;position:absolute;right:-10%;top:-50px;opacity:0.5}@media screen and (min-width:768px){.top-school-box .school-content:before{height:210px;width:210px;right:-30%;top:-10%;opacity:1}}.top-school-box .school-content:after{position:absolute;content:"";display:block;background:#10659F;border-radius:50%;height:150px;width:150px;left:-25%;bottom:-130px;z-index:-1;opacity:0.8}@media screen and (min-width:768px){.top-school-box .school-content:after{height:136px;width:136px;left:-20%;bottom:-15%;opacity:1}}.top-school-box .school-content .school-container{width:90%;margin:0 auto;overflow:visible !important;position:relative;transform-style:preserve-3d;perspective:100px}@media screen and (min-width:768px){.top-school-box .school-content .school-container{width:530px}}.top-school-box .school-content .school-container .school-slide{width:100%;position:absolute;top:0;transition:0.3s}.top-school-box .school-content .school-container .school-slide.is-active{transform:translateZ(0)}@media screen and (min-width:768px){.top-school-box .school-content .school-container .school-slide.is-active{width:530px}}.top-school-box .school-content .school-container .school-slide.is-next{transform:translate3D(70%, 0, -20px);opacity:0.3}.top-school-box .school-content .school-container .school-slide.is-prev{transform:translate3D(-70%, 0, -20px);opacity:0.3}.top-school-box .school-content .school-container .school-slide .school-card{box-shadow:0 3px 6px #00000029;padding:22px 22px 16px;background-color:#fff;border-radius:10px}@media screen and (min-width:768px){.top-school-box .school-content .school-container .school-slide .school-card{padding:45px;border-radius:50px}}.top-school-box .school-content .school-container .school-slide .school-card .img-box .school-img{object-fit:cover;height:200px}@media screen and (min-width:768px){.top-school-box .school-content .school-container .school-slide .school-card .img-box .school-img{height:250px}}.top-school-box .school-content .school-container .school-slide .school-card .school-slide-cnt{margin-top:17px;display:flex;flex-direction:column;text-align:center}@media screen and (min-width:768px){.top-school-box .school-content .school-container .school-slide .school-card .school-slide-cnt{text-align:left;flex-direction:initial;justify-content:space-between}}.top-school-box .school-content .school-container .school-slide .school-card .school-slide-cnt .school-info{color:#10659F}.top-school-box .school-content .school-container .school-slide .school-card .school-slide-cnt .school-info .school-title{font-size:1.25rem;letter-spacing:0.1em;font-weight:700;line-height:1.5;margin-bottom:12px}.top-school-box .school-content .school-container .school-slide .school-card .school-slide-cnt .school-info .school-text{margin-bottom:5px}.top-school-box .school-content .school-container .school-slide .school-card .school-slide-cnt .school-info .school-tel{margin-bottom:20px}@media screen and (min-width:768px){.top-school-box .school-content .school-container .school-slide .school-card .school-slide-cnt .school-info .school-tel{margin-bottom:initial}}.top-school-box .school-content .school-container .school-slide .school-card .school-slide-cnt .school-btn{white-space:nowrap;margin-top:auto}.top-school-box .school-content .school-container .school-slide .school-card .school-slide-cnt .school-btn .btn{display:inline-flex;flex-wrap:wrap;justify-content:space-between;border:2px solid #10659F;background:#fff;color:#10659F;font-weight:bold;padding:8px 20px;border-radius:40px;font-size:1rem;position:relative;overflow:hidden;letter-spacing:0.2rem;transition:all 0.3s}.top-school-box .school-content .school-container .school-slide .school-card .school-slide-cnt .school-btn .btn:hover{background:#10659F;color:#fff}@media screen and (min-width:768px){.top-school-box .school-content .school-container .school-slide .school-card .school-slide-cnt .school-btn .btn{padding:15px 20px;font-size:0.8rem}}.school-nav.mod-left{transform:scaleX(-1);right:auto;top:200px;left:-12.2%}@media screen and (min-width:768px){.school-nav.mod-left{top:50%;left:-18%}}.school-nav{display:inline-block;position:absolute;width:55px;height:55px;text-align:center;border:3px solid #10659F;background:#fff;top:200px;right:-12.2%;border-radius:50%;cursor:pointer}@media screen and (min-width:768px){.school-nav{top:50%;right:-18%;width:70px;height:70px}}.school-nav::before{content:"";position:absolute;top:50%;width:11px;height:11px;border-right:3px solid #10659F;border-top:3px solid #10659F;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg)}@media screen and (min-width:768px){.school-nav::before{width:13px;height:13px}}