main.under{background:url(../image/lesson_main.jpg);background-size:cover;background-position:center,center}main.lesson h1{color:#fff}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 h2{padding:30px 0 30px;margin-bottom:45px;font-weight:900;font-size:32px;color:#224eb1;width:100%;text-align:center;letter-spacing:.1em;position:relative}section.sec1 div.contents h2:before{content:'';position:absolute;left:50%;bottom:5px;display:inline-block;width:150px;height:4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#224eb1}section.sec1 div.contents p.des{color:#224eb1}section.sec2 div h2{padding:30px 0 30px;margin-bottom:30px;font-weight:900;font-size:32px;color:#224eb1;width:100%;text-align:center;letter-spacing:.1em;position:relative}section.sec2 div h2:before{content:'';position:absolute;left:50%;bottom:5px;display:inline-block;width:150px;height:4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#224eb1}section.sec2 div p a{text-decoration:underline}section.sec2 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.sec2 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.sec2 div li img{width:25%;display:block;object-fit:contain;height:auto}section.sec2 div li dl{width:75%;box-sizing:border-box;padding:15px;display:block}section.sec2 div li dl dt{font-size:24px;font-weight:700;color:#224eb1;margin-bottom:15px}section.sec2 div li dl dt span{display:inline-block;text-align:center;color:#fff;background:#224eb1;width:15%;font-size:85%;padding:5px 0 5px;margin-right:10px}section.sec2 div li dl dd{margin:20px 0 0}section.lesson{background-image:url(../image/sec7_bg.jpg);background-size:cover;background-position:center,center}section.lesson div h2{padding:30px 0 30px;margin-bottom:30px;font-weight:900;font-size:32px;color:#224eb1;width:100%;text-align:center;letter-spacing:.1em;position:relative}section.lesson div.contents h2:before{content:'';position:absolute;left:50%;bottom:5px;display:inline-block;width:150px;height:4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#224eb1}section.lesson div.area{width:100%;background:rgba(255,255,255,.9);box-sizing:border-box;padding:15px}section.lesson div.area p{margin:15px 0 20px}section.lesson div.area div#youtube{position:relative;width:60%;margin:0 auto 20px;padding:32.25% 10px 10px}#youtube iframe{position:absolute;top:0;right:0;width:100%!important;height:100%!important}section.step div h2{padding:30px 0 30px;margin-bottom:30px;font-weight:900;font-size:32px;color:#224eb1;width:100%;text-align:center;letter-spacing:.1em;position:relative}section.step div h2:before{content:'';position:absolute;left:50%;bottom:5px;display:inline-block;width:150px;height:4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#224eb1}section.step{background:#A8C0F1}section.step ul{display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}section.step ul li{width:23%;background:#fff;box-sizing:border-box}section.step ul li dt{width:100%;padding:15px;font-weight:700;background:#224eb1;color:#FFF;text-align:center;box-sizing:border-box}section.step ul li dd{padding:15px}section.step ul li dd img{width:100%;height:auto}section.step ul li dd ul.form{display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}section.step ul li dd ul.form li{width:100%}section.step ul li dd ul.form li a{display:block;padding:10px;text-align:center;color:#fff;border-radius:3px;font-weight:700;font-size:16px}section.step ul li dd ul.form li a:hover{opacity:.8}section.step ul li dd ul.form li:first-child a{background:#FFB026;border-top:1px #ffd998 solid;border-bottom:1px #cb9b46 solid}section.step ul li dd ul.form li:nth-child(2) a{background:#9fabe6;border-top:1px #d0d8ff solid;border-bottom:1px #7e89bd solid;margin:15px 0 0}section.voice{background-image:url(../image/course/index_bg2.jpg);background-size:cover;background-position:center,center}section.voice ul{display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}section.voice ul li{width:32%;background:#fff;box-sizing:border-box}section.voice ul li dt{width:100%;padding:20px 0 10px;font-weight:700;background:none;color:#224eb1;text-align:center;box-sizing:border-box}section.voice ul li dd{padding:0 15px 15px;background-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,#ffff 50%,#ffff 50%),linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 97%,#999 97%,#999 100%);background-size:8px 100%,100% 2em;line-height:2}@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 dd a.textLink{width:94%;margin:50px auto 20px}section.sec2 div li{display:block}section.sec2 div li:first-child{display:block}section.sec2 div li img{width:100%;display:block;margin:0 auto 0;padding:0;object-fit:contain;box-sizing:border-box;height:auto}section.sec2 div li dl{width:100%;box-sizing:border-box;padding:0;display:block}section.sec2 div li dl dt{font-size:20px;font-weight:700;color:#224eb1;margin-bottom:15px}section.sec2 div li dl dt span{display:block;margin:15px 0 10px;width:40%;font-size:65%}section.step ul li{width:100%;background:#fff;box-sizing:border-box;margin:0 0 15px}section.step ul li dt{width:100%;padding:10px;font-weight:700;background:#224eb1;color:#FFF;text-align:center;box-sizing:border-box}section.step ul li dd ul.form{display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}section.step ul li dd ul.form li{width:48%}section.step ul li dd ul.form li a:hover{opacity:.8}section.step ul li dd ul.form li a{font-size:14px}section.step ul li dd ul.form li:first-child a{background:#FFB026;border-top:1px #ffd998 solid;border-bottom:1px #cb9b46 solid}section.step ul li dd ul.form li:nth-child(2) a{background:#9fabe6;border-top:1px #d0d8ff solid;border-bottom:1px #7e89bd solid;margin:0}section.voice ul li{width:100%;background:#fff;box-sizing:border-box;margin:0 0 15px}section.voice ul li dt{width:100%;padding:20px 0 0;font-weight:700;background:none;color:#224eb1;text-align:center;box-sizing:border-box}section.voice ul li dd{padding:15px;background-image:none}}