@media screen and (max-width:1200px) {
header {width: 100%;margin: 0 auto;}
}
@media screen and (max-width:991px) {
.logo-sp {display: block;padding: 10px 5px;color: black;}
.logo-sp a:hover,.logo-sp a:focus {color: white;}
.logo-sp strong {display: inline-block;padding: 10px;}
.logo-pc {display: none;}
.row {padding: 0 10px;}
.sideArea {width: 100%;margin:0;clear: both;}
.contentArea {clear: both;width: 100%;margin: 50px 0 0;}
.content {margin: 50px 0 0;}
.bannerArea {display: none;}
.bannerAreaB {display: block;}
.ttl {margin: 10px 0;}
.ttl02 {font-size: 16px;line-height: 2.5rem;}
.ttl03 {font-size: 16px;text-align: center;}
.ttl03 strong {font-size: 20px;}
.contentArea .col-md-4, .conNav .col-md-6, .cominfo .col-md-6 {width: 50%;float: left;}
.flow .col-md-4 p {height: 90px;}
#club,#policy,#interview,#qa,#message,#cominfo,#guide,#bosyu,#order {display: inline-block;padding-top:70px;margin-top: -70px;}
#int20,#int30,#int40,#int50,#int60,#01 {display: inline-block;padding-top:90px;margin-top: -90px;}

header {width: 100%;padding: 0 10px;}
.header-nav {position: fixed;background-color: white;width: 100% !important;height: 100%;top: 0;left: 0;z-index: 999999;visibility: hidden;opacity: 0;-webkit-transition: opacity 0.5s, visibility 0s 0.5s;transition: opacity 0.5s, visibility 0s 0.5s;}
.navicon {visibility: visible;}
header .primary-nav {border-top: 2px solid black;}
header .primary-nav li {border: none;}
.navigation {width: 100%;background:#84ccc9;position: fixed;border-bottom: 2px solid black;z-index: 999999;top: 0;left: 0;}
header .primary-nav li a {width: 100%;text-align: left;padding: 8px;border-bottom: 2px solid black;}
header .primary-nav li a.com,header .primary-nav li a.ord {width: 50%;float: left;font-size: 14px;}
header .primary-nav li a.com i,header .primary-nav li a.ord i {font-size: 16px;}
header .primary-nav li a.com {border-right: 2px solid black;}
header .primary-nav li ul.rec02 li {border: none;font-size: 14px;}
header .primary-nav li a:hover, header .primary-nav li a:focus {background:#1e85c3;color: white;}
nav ul.primary-nav li {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-moz-transform: translate3d(0, -80px, 0);-ms-transform: translate3d(0, -80px, 0);-o-transform: translate3d(0, -80px, 0);-webkit-transform: translate3d(0, -80px, 0);transform: translate3d(0, -80px, 0);-moz-transition: -moz-transform 0.5s, opacity 0.5s;-o-transition: -o-transform 0.5s, opacity 0.5s;-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;transition: transform 0.5s, opacity 0.5s;-moz-transition: -moz-transform 0.5s, opacity 0.5s;-o-transition: -o-transform 0.5s, opacity 0.5s;-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;transition: transform 0.5s, opacity 0.5s}header .header-nav.open ul.primary-nav li,header .header-nav.open ul.member-actions li {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}nav ul.primary-nav li:first-child {-moz-transition-delay: 0.05s;-o-transition-delay: 0.05s;-webkit-transition-delay: 0.05s;transition-delay: 0.05s}nav ul.primary-nav li:nth-child(2) {-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-webkit-transition-delay: 0.1s;transition-delay: 0.1s}nav ul.primary-nav li:nth-child(3) {-moz-transition-delay: 0.15s;-o-transition-delay: 0.15s;-webkit-transition-delay: 0.15s;transition-delay: 0.15s}nav ul.primary-nav li:nth-child(4) {-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s}nav ul.member-actions li:first-child {-moz-transition-delay: 0.25s;-o-transition-delay: 0.25s;-webkit-transition-delay: 0.25s;transition-delay: 0.25s}nav ul.member-actions li:nth-child(2) {-moz-transition-delay: 0.30s;-o-transition-delay: 0.30s;-webkit-transition-delay: 0.30s;transition-delay: 0.30s}
.comment{
	flex-wrap: wrap;
	}
.comment-inner{
	width: 100%;
	margin-bottom: 40px;
}
.name{
	text-align: center;
}
@media screen and (max-width:640px) {
.contentArea .col-md-4, .conNav .col-md-6, .cominfo .col-md-6 {width:100%;clear: both;}
table img.ie9 {width:300px;}

}
@media screen and (max-width:480px) {
.ttl03 {font-size: 16px;line-height: 2.5rem;text-align: left;}
.ttl03 strong {font-size: 18px;}
.ttl04 {font-size: 19px;font-weight: 800;}
.ttl05 {font-size: 18px;font-weight: 800;}
table img.ie9 {width:250px;}

footer h1 {padding: 0 15px;vertical-align: middle;font-size: 14px;}
footer h1 i {vertical-align: middle;float: left;font-size:30px;}
footer h1 i span {vertical-align: middle;float: left;}
footer h1 strong {display: block;font-size: 16px;padding-top: 5px;}

table {font-size: 14px;line-height: 2.4rem;}
table strong {font-size: 16px;}
table th {padding: 5px 0 5px 10px;font-weight: normal;font-size: 13px;width: 75px;}
table td {padding: 10px 0 10px 10px;}
table .col-md-6 {font-size: 14px;padding: 0;margin:0;}
table .col-md-6 i {font-size: 30px;display:block;text-align: center;}
table .col-md-6 .phoneNumber{font-size: 19px;padding: 0;margin:0;}
.ttl {font-size: 18px;}
ul.period {margin-bottom: 20px;}
footer ul li {padding: 8px 3px;}
.camDetail div {color: #1e85c3;font-size: 18px;margin: 10px;padding: 5px;}
.camDetail div span {display: block;}
table.listA th, table.listA td {padding: 5px;}
}