﻿main.course{background-image:url(../image/course/index_main.jpg);background-size:cover;background-position:center,center}main.course h1{color:#fff}main.elementary{background-image:url(../image/course/elementary_main.jpg);background-size:cover;background-position:center,center}main.junior{background-image:url(../image/course/junior_main.jpg);background-size:cover;background-position:center,center}main.high{background-image:url(../image/course/high_main.jpg);background-size:cover;background-position:center,center}main.ld{background-image:url(../image/course/ld_main.jpg);background-size:cover;background-position:center,center}main.edu{background-image:url(../image/course/edu_main.jpg);background-size:cover;background-position:center,center}a.enter{display:block;padding:5px 10px;border:#FFF 2px solid;color:#fff;text-align:center;margin:30px auto 0;width:220px;font-weight:700}section{background:#FFF}div.contents{clear:both;max-width:1000px;width:100%;margin:auto;padding:30px 20px 20px;box-sizing:border-box}section.sec1{background:#EEF5FF}section.sec1 div{height:auto}section.sec1 div.contents p.des{color:#224eb1}section.sec1 div li{width:100%;margin:20px 0 0;background:#fff;display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;padding:0}section.sec1 div img{width:20%;object-fit:cover}section.sec1 div img.banner{width:640px;max-width:100%;margin:10px auto 10px}section.sec1 div dt{font-size:24px;font-weight:700;color:#224eb1;margin:0 0 10px}section.sec1 div dt span{display:inline-block;text-align:center;color:#fff;background:#ffa800;width:15%;padding:5px 0 5px;margin-right:10px}section.sec1 div dl{width:80%;box-sizing:border-box;padding:15px}section.sec1 div dd{margin:20px 0 0}section.sec1 div dd a.textLink{width:40%;margin:50px 0 0 58%}section.sec2{background-image:url(../image/course/index_bg2.jpg);background-size:cover;background-position:center,center}section.sec2 div.contents h3{color:#224EB1;width:100%;font-weight:700;text-align:center;font-size:150%;margin:30px auto 50px}section.sec2 div.area{width:100%;background:rgba(255,255,255,.9);box-sizing:border-box;padding:15px}section.sec2 div.area p{margin:15px 0 20px}section.sec2 div.area img{width:600px;margin:10px auto 10px;display:block;max-width:100%}section.course div p a{text-decoration:underline}section.course div li{width:100%;margin:0;background:#fff;display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;padding:25px 0 25px;border-bottom:1px solid #bdd0ea}section.course div li:first-child{width:100%;margin:0;background:#fff;display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;padding:25px 0 25px;border-top:1px solid #bdd0ea;border-bottom:1px solid #bdd0ea}section.course div li img{width:25%;display:block;object-fit:contain}section.course div li dl{width:75%;box-sizing:border-box;padding:15px;display:block}section.course div li dl dt{font-size:24px;font-weight:700;color:#224eb1;margin:0 0 10px}section.course div li dl dd{margin:20px 0 0}section.estimate{background:#d8e2f9}section.estimate dl{width:70%;margin:auto}section.estimate dt{background:#224eb1;width:100%;box-sizing:border-box;padding:10px;text-align:center;color:#fff}section.estimate dd{background:#fff;width:100%}section.estimate dd{background:#fff;width:100%;display:flex;flex-direction:row-reverse;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}section.estimate dd img{width:26%}section.estimate dd div{width:70%;box-sizing:border-box;padding:15px}section.estimate p{color:#224eb1}section.estimate dd div strong{display:block;font-weight:700;color:#224eb1;margin:10px 0 15px}section.estimate a{background:#ff6436;border-top:1px #ffa091 solid;border-bottom:1px #a94b2f solid;box-sizing:border-box;width:70%;margin:20px auto 30px;display:block;padding:25px;text-align:center;color:#fff;border-radius:3px;font-weight:700;font-size:22px}section.estimate a:hover{opacity:.8}section.reason{background-image:url(../image/course/index_bg2.jpg);background-size:cover;background-position:center,center}section.reason ul{display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}section.reason ul li{width:32%;background:#fff;box-sizing:border-box}section.reason ul li dt{width:100%;padding:10px 0 10px;font-weight:700;background:#224eb1;color:#FFF;text-align:center;box-sizing:border-box}section.reason ul li dd{padding:15px;line-height:18px}section.simulation{background:#f4f9ff}section.simulation ul#way{display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}section.simulation ul#way li{width:48%;margin:1%;float:left;box-sizing:border-box;padding:5px;border:3px #08215a solid;font-size:90%;background:#fff}section.simulation ul#way li h3{width:96%;text-align:center;color:#fff;background:#08215a;margin:10px auto 20px;padding:5px font-weight:700}section.simulation ul#way li dd{margin:0;background:#edeffb;box-sizing:border-box;padding:5px;border-radius:3px}section.simulation ul#way li dd div{width:94%;margin:5px 3% 10px;padding:5px;background:#fff;box-sizing:border-box;text-align:center;border:#7f9fb5 1px solid}section.simulation ul#way li dt{color:#08215a;font-size:110%;font-weight:700;margin:0}section.simulation ul#way li span{width:100%;text-align:center;display:block;color:#b7cee8}section.simulation ul#way li:last-child{border:3px #2226b1 solid}section.simulation ul#way li:last-child h3{width:96%;text-align:center;background:#2226b1}section.simulation ul#way li:last-child dt{color:#2226b1}section.simulation ul#way li:last-child dd{margin:0;background:#e2eaff;box-sizing:border-box;padding:5px;border-radius:3px}section.simulation ul#way li:last-child dd div{width:94%;margin:5px 3% 10px;padding:5px;background:#fff;box-sizing:border-box;text-align:center;border:#48609e 1px solid}section.simulation ul#way li p{font-size:145%;width:100%;text-align:center;font-weight:700;margin:15px 0 10px}section.simulation ul#way li p span{color:red;display:inline}section.simulation ul#way li h4{font-weight:700;margin:0 0 5px}section.simulation p.des{color:#224eb1;margin:20px auto 30px}@media screen and (max-width:800px){main{width:100%;height:125vw;background-position:80% -45px}#nav-drawer{position:relative;float:right;cursor:pointer;margin:0 0 0 0}section.sec1 div dl{width:78%;box-sizing:border-box;padding:5px 15px 5px}section.sec1 div li{display:block;padding:15px 0 0}section.sec1 div img{width:65%;display:block;margin:20px auto 10px;object-fit:cover}section.sec1 div dl{width:100%}section.sec1 div dd a.textLink{width:94%;margin:50px auto 20px}section.course div p a{text-decoration:underline}section.course div li{block:block}section.course div li img{width:80%;display:block;margin:20px auto 10px;object-fit:cover}section.course div li dl{width:100%;box-sizing:border-box;padding:15px;display:block}section.course div li dl dt{font-size:24px;font-weight:700;color:#224eb1;text-align:center}section.course div li dl dd{margin:20px 0 0}section.estimate{background:#d8e2f9}section.estimate dl{width:100%;margin:auto}section.estimate dt{background:#224eb1;width:100%;box-sizing:border-box;padding:10px;text-align:center;color:#fff}section.estimate dd{background:#fff;width:100%}section.estimate dd{width:100%;display:block}section.estimate dd img{width:50%;margin:auto;padding:0;display:block}section.estimate dd div{width:100%;box-sizing:border-box;padding:15px}section.estimate p{color:#224eb1}section.estimate dd div strong{display:block;font-weight:700;color:#224eb1;margin:10px 0 15px}section.estimate a{background:#ff6436;border-top:1px #ffa091 solid;border-bottom:1px #a94b2f solid;box-sizing:border-box;width:100%;margin:20px auto 30px;display:block;padding:25px;text-align:center;color:#fff;border-radius:3px;font-weight:700;font-size:22px}section.estimate a:hover{opacity:.8}section.reason ul{display:block;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}section.reason ul li{width:100%;background:#fff;box-sizing:border-box;margin-bottom:15px}section.simulation ul#way li{width:100%;section.simulation ul#way{display:block}}