﻿main.under{background:url(https://www.aphex-group.com/image/case_main.jpg);background-size:cover;background-position:center,center}main.course 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.sec1 div dl{width:80%;box-sizing:border-box;padding:15px}section.sec1 div dd{margin:10px 0 15px}section.sec1 div.contents ul.list{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;padding:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}section.sec1 div.contents ul.list li.student{width:49%;margin:0 0 20px;padding:10px;box-sizing:border-box;background:#FFF}section.sec1 div.contents ul.list li.student h3{font-weight:700;font-size:115%;text-align:center;color:#224eb1}section.sec1 div.contents ul.list li.student div ul li{font-size:14px;font-weight:700;text-align:right}section.sec1 div.contents ul.list li.student div.wrap{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;padding:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:20px 0 0}section.sec1 div.contents ul.list li.student div.wrap img{width:40%;height:200px;object-fit:cover}section.sec1 div.contents ul.list li.student div.prof{width:55%}section.sec1 div.contents ul.list li.student div.prof h4{text-align:right;font-size:100%;padding:70px 0 0;width:100%}section.sec1 div.contents ul.list li.student div.prof h4 span{font-weight:700}section.sec1 div.prof dl{width:100%;box-sizing:border-box;text-align:center;padding:0}section.sec1 div.contents ul.list li.student div.prof dt{background-color:#224eb1;color:#fff;padding:0 3px 0;font-size:90%;text-align:center;width:100%;margin:10px 0 0;box-sizing:border-box}section.sec1 div.contents ul.list li.student div.prof dd{font-size:90%;margin:5px 0 0;line-height:20px}section.sec1 div.contents ul.list li.student h5{padding:5px 0 5px;background:#08215a;font-size:90%;color:#fff;text-align:center;width:100%;margin:15px 0 15px}section.sec1 div.contents ul.list li.student dl.que{width:100%;padding:0;background:#fff;font-size:90%}section.sec1 div.contents ul.list li.student dl.que dt{font-weight:700}div#caseNav{background:#EEF5FF;padding:15px 0 25px}div#caseNav ul{max-width:800px;width:100%;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;padding:0}div#caseNav ul li{width:5%}div#caseNav ul li a{width:100%;text-align:center;display:block;padding:10px;color:#444;font-weight:700;box-sizing:border-box;background:#fff;border:1px #ccdaef solid}div#caseNav ul li a:hover{background:#EEE}@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.contents ul.list li.student{width:100%;margin:0 0 20px;padding:15px;box-sizing:border-box;background:#FFF}section.sec1 div.detail div.wrap img{width:100%;display:block;margin:0 0 20px}section.sec1 div.detail div.prof{width:100%}section.sec1 div.detail div.prof h4{width:100%}section.sec1 div.detail div.prof dl{width:100%}section.sec1 div.detail dl.faq{width:100%;padding:5px}