﻿main.under{background:url(../image/flow_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.flow dl{background:#FFF;width:100%;box-sizing:border-box;padding:15px;margin:30px auto 0;-webkit-box-shadow:0 6px 13px -9px rgba(0,0,0,.75);-moz-box-shadow:0 6px 13px -9px rgba(0,0,0,.75);box-shadow:0 6px 13px -9px rgba(0,0,0,.75)}section.flow dt{font-size:24px;font-weight:700;color:#224eb1;margin:0 0 15px}section.flow dt span{background:#224eb1;color:#fff;margin:0 10px 0 0;padding:3px 7px}section.flow dd{display:flex;flex-direction:center;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}section.flow dd img{width:30%;display:block;object-fit:cover;height:auto}section.flow dd p{width:68%}section.flow div.arrow{width:30px;height:30px;border:5px solid;border-color:transparent transparent #224eb1 #224eb1;transform:rotate(-45deg);margin:auto}@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 h2{font-size:24px;font-family:'Noto Sans JP',sans-serif;line-height:26px;padding:20px 0 20px;margin-bottom:25px}section.flow dt span{display:block;width:30%;margin:0 0 10px;text-align:center}section.flow dd{display:block}section.flow dd img{width:90%;margin:10px auto 15px;display:block;object-fit:cover;height:auto}section.flow dd p{width:100%}}