@charset "utf-8";@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap");@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:400}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:500}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:700}@media screen and (min-width:768px){html{-webkit-text-size-adjust:100%;font-size:62.5%}@font-face{font-family:Noto Sans CJK JP;font-style:normal;font-weight:900;src:local("Noto Sans CJK JP Black"),local("NotoSansCJKjp-Black"),local("NotoSansJP-Black"),url(../fonts/NotoSansJP-Black.woff) format("woff")}@font-face{font-family:Noto Sans CJK JP;font-style:normal;font-weight:700;src:local("Noto Sans CJK JP Bold"),local("NotoSansCJKjp-Bold"),local("NotoSansJP-Bold"),url(../fonts/NotoSansJP-Bold.woff) format("woff")}.noto-bl{font-weight:900}.noto-bl,.noto-bo{font-family:Noto Sans CJK JP,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,Osaka,メイリオ,ＭＳ Ｐゴシック,MS PGothic,sans-serif}.noto-bo{font-weight:700}article,aside,figure,footer,header,main,nav,section{display:block}*{box-sizing:border-box;margin:0;padding:0}img{display:block;height:auto;width:100%}li,ul{list-style-type:none}body{background:#00b4ff;background:linear-gradient(90deg,#00b4ff,#8d9be4 25%,#ce73c2 50%,#f05c98 75%,#f9884c);background-repeat:no-repeat;background-size:100% 400px;color:#222;font-family:Noto Sans JP,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:1.4em;margin:0;padding:0}header{min-width:1240px;position:fixed;top:0;width:100%;z-index:10}header figure{background-color:#fff;border-radius:0 0 10px 0;height:80px;left:0;max-width:310px;min-width:240px;padding:20px;position:absolute;top:0;width:21.3%}header nav{max-width:1000px;min-width:900px;position:absolute;right:0;top:0;width:70%}header ul{-ms-flex-pack:justify;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}header li{font-size:1.1em;height:80px;line-height:1;padding:0;position:relative;width:125px}header li:last-child{padding:14px 20px 0 0;width:calc(100% - 750px)}header li a{color:#010100;display:block;font-weight:700;line-height:1;position:absolute;text-align:center;text-decoration:none;top:50%;transform:translateY(-50%);width:100%}header li a:hover{text-decoration:underline}header li:last-child a{background-color:#0071e3;border:2px solid #0071e3;border-radius:30px;color:#fff;display:block;left:0;padding:12px 0;position:static;text-align:center;top:0;transform:inherit;transition:all .2s ease;width:100%}header li:last-child a:hover{background-color:#fff;color:#0071e3;text-decoration:none}#fv-area{margin:110px auto 0;width:1040px}#fv-area,#fv-area h1{color:#fff;position:relative}#fv-area h1{display:inline-block;font-size:3.4rem;font-weight:700;margin-bottom:100px;padding-left:86px;top:-10px}h1 span{color:#fff;font-size:6.4rem}h1:before{background:#fff;border-radius:50%;color:#f65c52;content:"最大";display:inline-block;font-size:1.8rem;height:60px;left:20px;line-height:60px;margin-top:20px;position:absolute;text-align:center;width:60px}#fv-area p:first-child{font-size:2.8rem;margin:18px auto 0}#fv-area p:first-child,#fv-area p:nth-child(2){color:#fff;font-weight:700;line-height:120%;width:96%}#fv-area p:nth-child(2){font-size:4.6rem;margin:0 auto}#fv-area a,.cta-btn{background:#f85b4c;border:1px solid #fff;border-radius:50px;box-shadow:0 0 10px rgba(0,0,0,.1);color:#fff;display:block;font-size:1.6em;font-weight:700;line-height:1;margin-bottom:40px;margin-left:10px;opacity:1;padding:44px 0 20px;position:relative;text-align:center;text-decoration:none;transition:all .2s ease;width:560px}.cta-btn{font-size:1.25em;margin:auto}#lesson .cta-btn{background:#fff;background:linear-gradient(90deg,#fff,#fff);border-color:#f85b4c;color:#f85b4c;margin:auto}#fv-area a:after,.cta-btn:after{background-color:#fff;border-radius:30px;box-shadow:0 0 15px rgba(0,0,0,.15);box-sizing:border-box;color:#f55b4f;content:"簡単60秒";display:block;font-size:16px;height:30px;left:50%;line-height:1;padding-top:7px;position:absolute;text-align:center;top:8px;transform:translateX(-50%);width:130px}#lesson .cta-btn:after{background-color:#f85b4c;color:#fff}#cta-course:after{content:"コース選びにお悩みの方へ";width:260px}#fv-area a:hover,.cta-btn:hover{opacity:.8}#fv-area{background-image:url(../images/main_c.jpg);background-position:right -180px;background-repeat:no-repeat;background-size:410px auto}#fv-area ul{height:460px;padding-top:280px;position:absolute;right:0;top:0;width:420px}#fv-area li{background:#f9f1e4;border-radius:5px;color:#222;display:inline-block;font-size:14px;font-weight:700;letter-spacing:.02em;line-height:1;margin-bottom:10px;padding:10px 15px}#fv-area li span{font-size:19px}#fv-area li span.txt-red{color:#f65c52}#index1,#index3,#index4,#index5,#index6{margin:auto;max-width:1080px;min-width:1000px;padding:50px 0;width:100%}#index2 .wrap,.wrap{margin:auto;max-width:1040px;min-width:1000px;padding:50px 0;width:100%}h2{color:#0271e4;font-size:1.8em;line-height:1;margin-bottom:35px}h3{font-size:1.5em;margin-bottom:15px}h2 span{border-left:1px solid #222;color:#222;display:inline-block;font-size:.75em;margin-left:15px;padding:3px 0 3px 15px}main>section{font-size:1.2em;letter-spacing:.03em;line-height:1.7}section>section{margin:0 auto 50px;width:96%}section p{margin-bottom:25px}#work-list{-ms-flex-pack:justify;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:30px}#work-list li{width:23%}.check-point{text-align:right}.check-point p{background-color:#f2f6ff;background-image:url(../images/check_ico.png);background-position:25px 50%;background-repeat:no-repeat;border-radius:10px;display:inline-block;font-size:.95em;font-weight:700;padding:20px 25px 20px 50px}.img-right{float:right;margin:0 0 20px 70px;width:404px}#service-table{background-color:#f1f6ff;margin:0 auto 70px;max-width:1040px;min-width:1000px;padding:30px;width:100%}#service-table h3{color:#0071e3;font-size:1.6em;margin-bottom:15px;padding:0;text-align:center}#service-table h3 span{color:#222;display:block;font-size:.75em;line-height:1.3}#service-table th{background-color:#0071e3;color:#fff;line-height:1;padding:10px 0}#service-table th:nth-child(2n){background-color:#38baf0}#service-table td{background-color:#fff;color:#0071e3;padding:15px}#service-table td:nth-child(2n){background-color:#f9fbff}#service-table td p{height:5.5em;margin:0;padding:0}#service-table div{color:#222;font-size:1.2em;font-weight:700;height:40px;margin-bottom:10px;text-align:center}#service-table div img{margin:auto;width:40px}#service-table div span{display:inline-block;padding-top:5px}#index2{padding:0}#feature{width:100%}#feature h3{font-size:1.6em;text-align:center}#feature h3 span{color:#0071e3}#feature section{min-height:400px;position:relative;width:100%}#feature section h4{font-size:1.4em;line-height:1.35;margin-bottom:20px;padding:5px 0 0}#feature section div{left:50%;position:absolute;top:0;transform:translateX(-100%);width:550px}#feature section:nth-of-type(2) div{left:calc(50% - 110px);position:absolute;top:0;transform:inherit;width:550px}#feature section figure{background-color:#f1f6ff;border-radius:20px 0 0 20px;left:calc(50% + 30px);padding:25px 0 0 25px;position:absolute;top:0;width:55%}#feature section:nth-of-type(2) figure{background-color:#f1f6ff;border-radius:0 20px 20px 0;left:50%;padding:0 25px 0 0;position:absolute;top:0;transform:translateX(calc(-100% - 165px));width:55%}#feature section figure img{width:380px}#feature section:nth-of-type(2) figure img{margin-left:auto;width:356px}#index3>div{margin-bottom:50px}#index3>div,#index3>div ul{-ms-flex-pack:justify;display:-ms-flexbox;display:flex;justify-content:space-between}#index3>div ul{-ms-flex-wrap:wrap;flex-wrap:wrap;width:710px}#index3>div li{width:32%}#index3>div li a{background-color:#f1f6ff;border:1px solid #0071e3;border-radius:10px;color:#0071e3;display:block;font-size:.9em;font-weight:700;height:78px;line-height:1.25;opacity:1;padding:20px 0 0 20px;text-decoration:none;transition:all .2s ease}#index3>div li a:hover{background-color:#0071e3;border:1px solid #0071e3;color:#fff;opacity:1;opacity:.8;transition:all .2s ease}#index3>div figure{width:320px}#index3>div figure img{border-radius:10px}#index4>figure{float:right;margin:0 0 0 90px}#index4 ul{-ms-flex-pack:justify;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}#index4 li{width:31%}#index4 h3{clear:both;font-size:1.3em}#index4 section:first-of-type figure{border-bottom:3px solid #0071e3}#index4 section div{color:#0071e3;font-size:1.2em;font-weight:700;padding:10px 20px;text-align:center}#index4 section:nth-of-type(2) li{background-color:#f1f6ff;margin-bottom:20px}#index4 section:nth-of-type(2) p{padding:0 20px}#index5 h2{color:#222;text-align:center}.toggle{display:none}.Label{border:1px solid #0071e3;border-radius:10px;color:#0071e3;cursor:pointer;display:block;font-weight:700;margin:10px 0;padding:25px}.Label:before{border-right:2px solid #0071e3;border-top:2px solid #0071e3;content:"";height:6px;position:absolute;right:20px;top:calc(50% - 3px);-webkit-transform:rotate(45deg);width:6px}.Label,.content{backface-visibility:hidden;transform:translateZ(0);transition:all .3s}.content{background-color:#f1f6ff;color:#0071e3;height:0;margin-bottom:10px;overflow:hidden}.content p{margin:0;padding:35px 30px}.toggle:checked+.Label+.content{border-radius:10px;height:auto;margin:10px 0;padding:0;transition:all .3s}.toggle:checked+.Label:before{transform:rotate(135deg)!important}#index5 div{margin:auto;width:800px}#subsidy-box{background-image:url(../images/subsidy_ico1.png);background-repeat:no-repeat;border:1px solid #f85b4c;border-radius:10px;font-weight:700;margin:0 auto 40px;padding:35px 120px;width:92%}#subsidy-box div{font-size:1.2em;margin-bottom:20px;text-align:center}#subsidy-box li{background-image:url(../images/subsidy_ico2.png);background-position:0 50%;background-repeat:no-repeat;min-height:20px;padding:5px 0 5px 30px}#subsidy-box li span{color:#f85b4c}#subsidy-list{-ms-flex-pack:justify;display:-ms-flexbox;display:flex;justify-content:space-between;margin:0 auto 30px;width:92%}#subsidy-list li{background-color:#f1f6ff;padding:20px;text-align:center;width:32%}.subsidy-target{color:#0071e3;font-size:1.15em;font-weight:700;line-height:1.3}#subsidy-list li>span{background-color:#ffdfdf;border-radius:20px;display:block;font-size:.9em;margin:0 auto 10px;padding:8px;width:150px}#subsidy-list li>span,.subsidy-price{color:#f85b4c;font-weight:700;line-height:1}.subsidy-price{display:inline-block;font-size:2em;padding-left:20px;position:relative}.subsidy-price span{font-size:.65em}.subsidy-price:before{color:#222;content:"最大";font-size:14px;left:0;position:absolute;top:0;width:15px;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}#subsidy-list li .size-s{display:block;font-size:.7em}#subsidy-note{margin:auto;width:800px}#subsidy-note h3{color:#0071e3;font-size:1.2em;padding:0 0 0 170px;position:relative}#subsidy-note h3:before{background-color:#0071e3;border-radius:20px;color:#fff;content:"ご注意ください";display:block;font-size:.8em;font-weight:700;left:0;line-height:1;padding:8px 0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:150px}#lesson{background:#00b4ff;background:linear-gradient(90deg,#00b4ff,#8d9be4 25%,#ce73c2 50%,#f05c98 75%,#f9884c);color:#fff;padding:70px 0 30px}#lesson div{background-image:url(../images/lesson.png);background-position:right 0;background-repeat:no-repeat;padding:0}#lesson h2{color:#fff;font-size:2em;line-height:1.5;margin:0 0 40px;padding:0}#lesson p{width:600px}#lesson p:nth-of-type(3){margin-bottom:60px}#index6 h2{color:#222;text-align:center}#index6 h3{color:#0071e3}#index6 .img-right{margin-bottom:100px}#index6 section>div{display:block;text-align:right;width:calc(100% - 474px)}#index6 section a{background-image:url(../images/arrow.png);background-position:left 50%;background-repeat:no-repeat;color:#0071e3;display:inline-block;padding:5px 0 5px 20px}footer{background-color:#f1f6ff;color:#38baf0;padding:50px 0 40px;text-align:center}footer img{margin:0 auto 30px;width:231px}.students li{background-color:#f1f6ff;border-radius:10px}.students li img{border-radius:10px 10px 0 0}.students h3{color:#0071e3;font-size:1.2em;line-height:1.5;margin:0;padding:10px 25px}.students .case p:first-of-type{font-size:.9em;font-weight:700;margin:0;padding:0 25px}.students .case p:nth-of-type(2){font-size:.9em;font-weight:400;margin:0;padding:0 25px}.students .case ul{-ms-flex-pack:start;display:-ms-flexbox;display:flex;justify-content:flex-start;padding:5px 25px 25px}.students .case li{background-color:#fff;border:1px solid #0071e3;border-radius:20px;color:#0071e3;display:inline-block;font-size:.65em;line-height:1;margin-right:6px;padding:7px 15px}.slick-dots{margin:auto;text-align:center}.drawer__button,.lesson-btn,.sp{display:none}#wrap-course{padding:130px 0 0;width:100%}#wrap-course h2{color:#183962;font-size:1.8em;margin:0 auto 40px;text-align:left;width:1080px}#wrap-course h2:before{content:"COURSE"}#wrap-course #crs-design div,#wrap-course #crs-marketing div,#wrap-course #crs-programming div{margin:60px auto;width:1080px}#wrap-course #crs-design div h3,#wrap-course #crs-marketing div h3,#wrap-course #crs-programming div h3{font-size:1.6em;margin:0 0 20px;width:800px}#wrap-course #crs-design div p,#wrap-course #crs-marketing div p,#wrap-course #crs-programming div p{margin:0 0 20px;width:800px}#wrap-course #crs-design .crs-list,#wrap-course #crs-marketing .crs-list,#wrap-course #crs-programming .crs-list{-ms-flex-pack:justify;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;padding-bottom:50px;width:800px}#wrap-course #crs-marketing .crs-list,#wrap-course #crs-marketing div h3,#wrap-course #crs-marketing div p{margin-left:auto}#wrap-course #crs-design .crs-list li,#wrap-course #crs-marketing .crs-list li,#wrap-course #crs-programming .crs-list li{background:#fff;background-image:url(../images/icon_02.png);background-position:95% 50%;background-repeat:no-repeat;background-size:6%;border-radius:6px;line-height:120%;margin-bottom:10px;width:32%}#wrap-course #crs-design .crs-list li a,#wrap-course #crs-marketing .crs-list li a,#wrap-course #crs-programming .crs-list li a{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:.9em;font-weight:700;height:100%;padding:24px 15% 24px 20px}#wrap-course #crs-design .crs-list li a,#wrap-course #crs-design h3 strong{border-left:4px solid #e8aaeb;border-radius:6px 0 0 6px;color:#cc5ab9}#wrap-course #crs-marketing .crs-list li a,#wrap-course #crs-marketing h3 strong{border-left:4px solid #d7e0d2;border-radius:6px 0 0 6px;color:#5bc77c}#wrap-course #crs-programming .crs-list li a,#wrap-course #crs-programming h3 strong{border-left:4px solid #9acaf0;border-radius:6px 0 0 6px;color:#4999f2}#wrap-course #crs-design h3 strong,#wrap-course #crs-marketing h3 strong,#wrap-course #crs-programming h3 strong{border:none}.modaal-container{background:#fff;border-radius:8px;color:inherit;padding:2%}.modaal-container h4{font-size:1.4em;margin-bottom:.8em}.modaal-container .crs-ditail{float:left;font-size:.96em;margin-bottom:2em;width:60%}.modaal-container .info{grid-gap:0 .7em;background-color:#ffebee;border-radius:5px;color:#004080;display:-ms-flexbox;display:flex;margin:0 auto 1em;padding:1em}.modaal-container .info p{border-left:1px solid #f57eae;margin:0;padding:0 0 0 .7em}.modaal-container div+img{display:block;float:right;height:auto;width:38%}.modaal-container ul{list-style-position:inside;list-style-type:disc}.modaal-container dl{clear:both}.modaal-container dt{background:#fff1e1;border-radius:100px;color:#ff543e;display:inline-block;font-size:1em;font-weight:700;margin-bottom:.4em;padding:.2em .6em}.modaal-container dl dd{margin-bottom:2em}.modaal-container dl dd:nth-child(4),.modaal-container dl dd:nth-child(6),.modaal-container dl dd:nth-child(8){font-size:1.2em;font-weight:700}.modaal-container dl dd:nth-child(4) span{display:block;font-size:.7em;font-weight:400;line-height:120%;margin-top:1em}.modaal-container a.btn{background:#ff543e;border-radius:60px;color:#fff;display:block;font-size:1.2em;font-weight:700;margin:auto;padding:1.4em;text-align:center;width:80%}.reflection{display:block;overflow:hidden;position:relative}.reflection:before{animation-delay:1s;animation-duration:3s;animation-iteration-count:infinite;animation-name:shine-run;animation-timing-function:ease-in;background:#fff;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.9));content:"";display:block;height:30px;left:-100px;position:absolute;top:-100px;width:30px}}@keyframes shine-run{0%{opacity:0;transform:scale(0) rotate(50deg)}40%{opacity:.4;transform:scale(1) rotate(50deg)}to{opacity:0;transform:scale(500) rotate(50deg)}}