@charset "UTF-8";

body {font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN","Helvetica Neue","メイリオ", Meiryo,"MS PGothic","Osaka",Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing: 0.5px;color:#333;background-color:#e5e0da;}
.container{max-width:750px;margin-right:auto;margin-left:auto;position:relative;}
header{background:#000000;position:relative;}
header:before{ padding-top: 19.6%;content:"";display: block; }
header .wrap{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;display:-webkit-flex;display:flex;justify-content: space-between;align-items:center;}
header h1{width:10.13%;margin-left:4%;}
header ul{width:60.26%;margin-right:4%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}
header li{width:48.67%;max-width:220px;}

.counseling_end{position:relative;}
.counseling_end ul{position:absolute;top:12.55%;left:50%;width:82.66%;transform: translateX(-50%);}
.counseling_end li{margin-bottom:15.43%;}
.sayonara{position:relative;}
.sayonara ul{position:absolute;bottom:8.65%;left:50%;width:82.66%;transform: translateX(-50%);}
.store{padding-bottom:6.51%;text-align:center;background-color:#e5e0da;}
.store .map{width:92%;margin-right:auto;margin-left:auto;position: relative;}
.store .map:before{ padding-top: 65.21%;content:"";display: block; }
.store .map iframe{ position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
footer{padding-bottom:180px;background-color:#000;}
.footer{text-align:center;position:relative;margin-bottom:34px;}
.footer ul{position:absolute;top:32.3%;left:50%;width:82.66%;transform: translateX(-50%);}
.footer li{margin-bottom:14.42%;}
.footer li:last-child{margin-bottom:0;}
.footer_tomail{text-align:center;margin-bottom:20px;}
.footer_logo{width:20%;margin-right:auto;margin-left:auto;margin-bottom:60px;}
.copy{text-align:center;color:#e5e0da;margin:0 30px;padding:25px 5px;border-bottom:1px solid #a3a3a3;border-top:1px solid #a3a3a3;}
.navi{text-align:center;position:fixed;bottom:-180px;left:0;width:100%;max-height:180px;padding:20px;-webkit-box-sizing: border-box;box-sizing: border-box;
-webkit-transition: bottom 0.4s ease-in-out;transition: bottom 0.4s ease-in-out;background-color:#000;}
.navi ul{max-width:750px;margin-right:auto;margin-left:auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}
.navi li{width:48.59%;}
.navi.reached{bottom:0;}
.visual{ width: 100%;position: relative; }
.visual:before{ padding-top: 159.73%;content:"";display: block; }
.visual ul{ position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.visual ul li{ display:none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.visual ul li:first-child{display:block;}