﻿main.under{background:url(../image/kokoroe/kokoroe_main.jpg);background-size:cover;background-position:center,center}main.under 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.sec2 h3{font-size:24px;text-align:center;font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;color:#224eb1}section.sec2{background:#eff3ff}section.sec2 div#comment{width:100%;text-align:center}section.sec2 div#comment div{background:#fff;display:inline-block;text-align:left;margin:30px auto 20px;-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);padding:15px;width:auto}section.sec2 div#comment div ul li{margin:10px 0 0 1em;text-indent:-1em}@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%}section.sec2 div#comment div ul li{margin:5px 0 0 1em;text-indent:-1em}}