@charset "UTF-8";

/*
	Theme Name: MR_design
	Description: Easy and Simple theme by <a href="http://webdesignrecipes.com/">Web Design Recipes</a>. WordPressを参考にしたテンプレート。
	Theme URI: http://webdesignrecipes.com/first-time-wordpress-origin-theme/
	Author: 株式会社MarketRiver
	Author URI: https://www.market-river.co.jp/
	Version: 0.0.1
	License: GNU General Public License
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: white, right-sidebar, two-columns

*/

/****************************************

          General Setting

*****************************************/

@import url('https://fonts.googleapis.com/css2?family=Klee+One:wght@600&display=swap');

html {
  -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
 font-family: YuGothic,'Yu Gothic',sans-serif;
	padding:0;
	margin:0;
}
body {
	position:relative;
	margin: 0;
	padding:0;
	color: #252525;
	font-family: 'Klee One', cursive;
	line-height: 1.75;
}


body:after {
  content: "";
  position: fixed;
  top: 0;
  height: 100vh;
  left: 0;
  right: 0;
  z-index: -1;
	background-image:url(/img/bg.jpg);
	background-repeat:no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



/****************************************

          レイアウト

*****************************************/

.header,
.main,
.nav,
.footer,
.bxslider
{
	width: 100%;
	display: block;
	overflow: hidden;
	box-sizing:border-box;
}

.header_in,
.nav_in,
.footer_in{
		margin-right: auto;
		margin-left: auto;
}






/****************************************

          Typography

*****************************************/

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	position: relative;
}

* {box-sizing:border-box;}

h1 {
	margin-bottom: 10px;
	font-size: 240%;
}

p {  
	margin: 15px 0 ;
	padding: 0;
}

blockquote{
	margin: 15px 10px;
    padding:15px;
	border-left: 15px solid #ddd;
    background-color:#F5F5F5;
}

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

figure{margin: 0;}

/*画像・埋め込みコンテンツ*/
img {
 max-width: 100%;
 height: auto;
 border: 0;
 vertical-align: middle;
}
svg:not(:root) {
 overflow: hidden;
}
iframe {
 max-width: 100%;
 vertical-align: bottom;
}
figure {
 margin: 0;
}

/****************************************

          Link

*****************************************/

a {
	border-bottom: 1px solid #81b8ff;
	color: #81b8ff;
	text-decoration: none;
	border:none;
        -webkit-transition: all 3.s;
        transition: all .3s;	
}

a:hover {
	color: #81b8ff;
}


/****************************************

          ヘッダー

*****************************************/

.header{
	position:fixed;
	z-index:1000;
	border-bottom:1.5px solid #000;
	margin:0;
	padding:0;
}
.header_in{
	background:#fff;
	display:flex;
	padding: 0;
	justify-content:flex-start;
}

.logo {
    margin:0;
	padding:0px 10px;
	text-align:center;
	width:75px;
	line-height:1.2;
}

.description {
	width:55%;
	line-height:1.2;
	font-size:14px;
	text-align:right;
	font-weight:bold;
}


/****************************************

          ナビゲーション

*****************************************/

.nav_in{
	display: none;
	position: fixed;
	background:rgba(0,0,0);
	top:0;
	width:100%;
	height:100%;
	z-index: 1000;
	padding-top:3.5em;
	overflow-y: scroll;
}

.nav_in a{color:#fff;}


#toggle {
		position:fixed;
		display: block;
		width: 26px;
		height: 30px;
		top:23px;
        right:20px;
		z-index: 10000;
}

.toggle_in{
		position: relative;
		z-index: 10000;
}

	#toggle span{
		display: block;
		height: 2px;
		background: #333;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#toggle span:nth-child(1){top:0px;}
	#toggle span:nth-child(2){top:8px;}
	#toggle span:nth-child(3){top:16px;}


    .toggle_open{position: fixed;width:100vw;}
    .toggle_open #toggle span{background: #fff;}
	.toggle_open #toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.toggle_open #toggle span:nth-child(2) {width: 0;left: 50%;}
		.toggle_open #toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

.nav_menu{display:flex;flex-direction:column;}
.nav_menu li{padding:10px;margin:5px 10px auto;text-align:center;}
.nav_in p{text-align:center;}
.nav_contact{font-size:14px;}

.nav_menu_time{color:#fff;font-size:1.8vw;}
.nav_menu_time span{border:3px double #ddd;padding:5px 15px;}

/****************************************

         パン屑

*****************************************/


.breadcrumb{
	overflow: hidden;
        margin:10px 5px 0;
}

.breadcrumb a{
border:none;
color:#ddd;
}

.breadcrumb li{
	float: left;
	margin-right: 5px;
        font-size:12px;
}




/****************************************

          メインコンテンツ

*****************************************/
.main{padding:60px 0 0;}



.top_in,
.page_in,
.post_in{padding:0 18px;}



/**************************
トップコンテンツ
**************************/

.top_img{
	position:relative;
	overflow:hidden;
}

.top_img p{
	position:absolute;
	top:40%;
	left:50%;
	transform:translate(-50%,-40%);
	color:#fff;
	font-size:6vw;
	font-weight:bold;
	width:100%;
	line-height:2.5;
}


.news{background:#000;overflow:hidden;}
.news .top_in{padding-bottom:2rem;}
.news a{color:#ddd;}

.news_box {margin:2.5rem 0;}
.news_box h3{font-size:16px;}
.news_box h3 span{color:#737373;display:block;font-size:12px;letter-spacing:2px;font-weight:bold;line-height:1.3;}


.about .top_in{padding:0;margin:0;}
.about_box{
	margin:3rem 0 0;
	width:90%;
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	padding:10px 25px 50px;
z-index:1;
position:relative;	
}
.about_img{position:relative;margin-top:-6rem;margin-left:3rem;z-index:0;}



.covid{
	color:#fff;
	z-index:0;
	position:relative; 
	margin:3rem 0;
}
.covid:before{
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
	z-index:-1;
    background-color:#000;
    transform: skewY(-6deg);
}

.covid .top_in{padding-top:4rem;padding-bottom:8rem;}

.covid li{
	border:1px solid #bd202c;
	border-radius:36px;
	color:#bd202c;
	text-align:center;
	padding:5px;
	margin:1rem 0;
	font-weight:bold;
 font-family: YuGothic,'Yu Gothic',sans-serif;	
}



.trainer{
	position:relative;
	z-index:0;
	margin-top:40vw;
	padding-top:20vw;
}
.trainer:before{
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;
    background-color:#f5f5f5;
    transform: skewY(-6deg);
}
.trainer .top_in{
	padding-bottom:3rem;
}
.trainer_label{
	background:#fff;
	padding:5px 25px;
	border-radius:36px;
	margin:0 5px;
	font-size:12px;
	font-weight:bold;
}

.trainer_img{
	position:absolute;
	top:-40vw;
	left:50%;
	transform:translatex(-50%);
}


.scroll_side{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	right:30%;
	bottom:10px;
    /*全体の高さ*/
	height:50px;
}

/*Scrollテキストの描写*/
.scroll_side span{
    /*描画位置*/
	position: absolute;
	left:-15px;
	top: -15px;
    /*テキストの形状*/
	color: #eee;
	font-size: 1.2rem;
	letter-spacing: 5px;
	opacity:0.8;
}

/* 線の描写 */
.scroll_side::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 30%;
    /*線の形状*/
	width: 30px;
	height: 1px;
	background: #eee;
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
	opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		width:0;
		left:0;
		opacity: 0;
	}
	30%{
		width:30px;
		opacity: 1;
	}
	100%{
		width:0;
		left:50px;
		opacity: 0;
	}
}

.trainer_time{
	border:5px double #737373;
	padding:15px;
	margin:3vw auto;
	font-size:14px;
}

.trainer_time .t_design02 th,
.trainer_time .t_design02 td{
	color:#fff;
}



.price{
	position:relative;
	z-index:0;
	padding-top:3rem;
	padding-bottom:6rem;	
	color:#fff;
}
.price:before{
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;
    background-color:rgba(0,0,0,0.6);
    transform: skewY(-6deg);
}




.point{
	position:relative;
	z-index:0;
	padding-top:3rem;
	color:#fff;
}
.point:before{
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;
    background-color:#000;
    transform: skewY(-6deg);
}
.point .top_in{
	padding-bottom:3rem;
}

.point_box{position:relative;margin-top:4.5rem;}

.point_box .point_number{
	position:absolute;
	right:-30px;
	top:-10%;
	width:25vw;
	padding:5vw 0;
	font-size:10vw;
	line-height:10vw;
	background:#bd202c;
	border:10px solid #000;
	color:#fff;
	text-align:center;
}

.even .point_number{
	left:-30px!important;
	right:0!important;
}

.point_box figure{margin-left:-2rem;}
.even figure {margin-left:auto!important;margin-right:-2rem!important;}

.point_box h3{
	color:#bd202c;
	font-size:1.4rem;
	font-weight:bold;
	width:85%;
}

.even h3{
	margin-right:0;
	margin-left:auto;
	text-align:right;
}





.ba .ba_box{
	background:rgba(255,255,255);
	padding:15px;
  box-shadow: 10px 10px 15px -10px;
	margin:1rem 0 2rem;
	color:#000;
}

.ba .ba_img_box{display:flex;position:relative;}
.ba .ba_img_box p:nth-child(1),.ba .ba_img_box p:nth-child(3){width:48%;}
.ba .ba_img_box p img{width:100%;height:100%;object-fit:cover;}
.ba .ba_img_box p:nth-child(2){width:15%;position:absolute;top:40%;left:50%;transform:translate(-50%,-40%);filter: drop-shadow(5px 0px #fff);}

.ba .h_design01{margin:6rem 0 3rem;}



.question{
	position:relative;
	z-index:0;
	margin-top:5rem;
	padding-top:1rem;
	padding-bottom:5rem;
	color:#fff;
}
.question:before{
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;
    background-color:#000;
    transform: skewY(6deg);
}







.qa_conts{
	position:relative;
	display:none;
	padding: 80px 5px 10px;
	margin-bottom:2em;
	box-sizing:border-box;
}

.qa_conts:after{
	content:'';
	position:absolute;
	top:0;
	left:50%;
	transform:translatex(-50%);
	width:70px;
	height:70px;
	background-image:url(/img/trainer.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
}

.qa_open{
    width:100%;
	box-sizing:border-box;
    margin:0 0 1rem;
	position:relative;
	padding: 10px 20px 10px 35px ;
    color:#fff;
	font-size:14px;
	 box-shadow: 2px 2px 4px #ddd;
	border:none!important;
	background:#737373;		
}

.qa_open:before {
  content: '';
  position: absolute;
	top:50%;
	left:10px;
  width: 15px;
  height: 1px;
		background-color:#fff;
}
.qa_open:after{
  content: '';
  position: absolute;
	top:50%;
	left:10px;
  width: 15px;
  height: 1px;
	background-color:#fff;
	transform: rotate(90deg);
}



.qa_close{
        position:relative;
	padding: 30px 50px;
	background:#737373;
color:#fff!important;
		font-size:14px;
	margin:0;
}

.qa_close:before{
  content: '';
  position: absolute;
	top:50%;
	left:10px;
  width: 15px;
  height: 1px;
background-color:#fff;
}

.qa_close:after{
display:none;
}




.facility{
	position:relative;
	z-index:0;
	margin-top:5rem;
	padding-top:1rem;
	padding-bottom:5rem;
	color:#fff;
}
.facility:before{
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;
    background-color:#000;
    transform: skewY(-6deg);
}

.facility_img{
	border-radius:50%;
	width:60%;
	overflow:hidden;
	margin:5px auto;
	border:5px solid #ddd;
}

.facility_box h3{text-align:center;}

.facility_box div{padding:0 30px;}



.information .top_in{
	background-color:rgba(0,0,0,0.8);
	padding-bottom:2rem;
	margin:5rem 6px 4rem;
	color:#fff;
	font-size:14px;
}


.footer{overflow:hidden;margin:0;}










.h_design01 {
	position: relative;
	margin-top:3.5rem;
	font-size: 24px;
	color:#fff;
	letter-spacing:5px;
	line-height:1.6;
	text-align:center;
}

.h_design01::before {
	content: attr(data-number);
	display: block;
	color: #bd202c;
	font-size: 14px;
	line-height:2;
	font-weight:bold!important
		font-family: YuGothic,'Yu Gothic',sans-serif;		
}

.h_design01::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform:translatex(-50%);
	width: 100px;
	height: 1px;
	background-color: #bd202c;
}


.h_design02 {
	position: relative;
	padding-left:10px;
	font-size: 18px;
}

.h_design02::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 1px;
	background-color: rgba(63,193,201,1);
}


.ul_desing01{
width:100%;
margin:1rem 0;
padding:0;
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
white-space:nowrap;
	box-sizing:border-box;
}

.ul_desing01 li {
vertical-align:top;
width:160px;
margin:0!important;
padding:0!important;	
display: inline-block;
white-space: normal;
}



/**************************
ポストコンテンツ
**************************/

.post_wrap{background:rgba(0,0,0,0.8);overflow:hidden;color:#ddd;padding-bottom:3rem;}



.post_footer{}
.post_footer a{color:#333;}
.post_footer p.category{background-color:#F5F5F5;margin:5px;padding:15px;font-size:12px;font-weight:bold;color:#333;}


/**************************
ページコンテンツ
**************************/

.page_wrap{background:rgba(0,0,0,0.8);overflow:hidden;color:#ddd;padding-bottom:3rem;}




/**************************
共通
**************************/
.t_design01 table{
  width: 100%;
  border-spacing: 0;
	border:none;
	font-size:14px;
}
.t_design01 table th,
.t_design01 table td{display:block;}

.t_design01 table th{
  border-bottom: solid 2px #fb5144;
	background-color:transparent;
  padding: 5px 0;
border-right:none;
	font-weight:bold;
}

.t_design01 table td{
  border-bottom: solid 2px #ddd;
	border:none;
  padding: 10px 0;
	margin-left:1rem;
}


.t_design02 table{
	width: 100%;
	border-collapse: collapse;
	border:none;	
}

.t_design02 table tr{
  border-bottom: solid 2px transparent;
}

.t_design02 table tr:last-child{
border:none;
}

.t_design02 table th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #bd202c;
  color: white;
  text-align: center;
  padding: 10px 0;
	font-weight:normal;
	font-size:14px;
	border:none;	
}

.t_design02 table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #bd202c;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.t_design02 table td{
  text-align: left;
  width: 70%;
  text-align: center;
  padding: 5px 0;
	background:#333;
	border:none;
}



	.t_design03 table{
  width: 100%;
  border-spacing: 0;
	border:none;
	font-size:14px;
}

.t_design03 table th{
  border-bottom: solid 2px #fb5144;
	background-color:transparent;
  padding: 10px 0;
border-right:none;	
}

.t_design03 table td{
  border-bottom: solid 2px #ddd;
	border-right:none;
  text-align: center;
  padding: 10px 0;
}


/****************************************

          アーカイブ

*****************************************/


.archive_post {margin:2.5rem 0;}
.archive_post h2{font-size:16px;border-left:2px solid #bd202c;padding-left:1.5rem;}
.archive_post h2 span{color:#737373;display:block;font-size:12px;letter-spacing:2px;font-weight:bold;line-height:1.3;}
.archive_post a{color:#ddd;}




/****************************************

ページネーション

*****************************************/

.pagenation ul{
display:flex;
color:#fff;
-webkit-justify-content: center; /* Safari */
justify-content:center;
margin-top:2rem;
}

.pagenation li{
position:relative;
margin-left:5px;
}

.pagenation .active{color:#fff;display:block;padding:3px 10px;background-color:#bd202c;}
.pagenation a{color:#fff;display:block;padding:3px 10px;background-color:#000;  -webkit-transition: all .3s;transition: all .3s;}
.pagenation a:hover{background-color:#ddd;padding:3px 10px;color:#000;}

.pagenation li:first-child{margin-left:0;}



/****************************************

          サイドバー

*****************************************/

.side_wrap {margin-top:2rem;}
.side_wrap a{color:#ddd;}
.side_wrap a:hover{color:#bd202c;}
.widgettitle{
	color:#fff;
padding:5px;
font-weight:bold;
font-size:16px;
}


.widget{
	margin:0 18px 30px;
	padding:15px;
    overflow: hidden;
	background:rgba(0,0,0,0.8);
}
.widget h2{
	color:#fff;
padding:5px;
font-weight:bold;
font-size:16px;
}




.widget ul{margin:10px;}
.widget li{margin:5px 0;border-bottom:1px dotted #DDDDDD;}





/****************************************

          フッター

*****************************************/

.footer {background-color:#000;color: #fff;overflow:hidden;margin-bottom:0;}
.footer hr{border-color:#737373;margin:0 2rem;}
.footer a{color:#fff;}
.footer_logo{width:50%;margin:3rem auto;}
.footer_in{padding:0 15px;}
.footer_in p{font-size:14px;}
.footer_box{text-align:center;}

.footer .copyright{
	padding: 20px 0 0;
	font-size: 14px;
	text-align: center;
}

/*トップへ戻るボタン*/
.topBtn {
  position:fixed; /*固定*/
  bottom:0; /*場所を右下に移動*/
  right:0; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:#d7b53c;
  color:#333;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:66px;
  height:66px;
  text-align:center;
  line-height:22px;
  padding-top:30px;
  box-sizing:border-box;
}
.topBtn:before {
  font-family: FontAwesome;
  content: "\f077";
  position:absolute;
  top:30%;
  left:0;
  width:100%;
  text-align:center;
  font-size:36px;

}
.topBtn:hover {
  opacity:0.7;
}




/****************************************

共通

*****************************************/


/**************************
テーブル
**************************/

table{
	word-break: break-all;
	word-wrap: break-word;
	border-collapse: collapse;
	border-spacing: 0;
}

table{
	width: 100%;
	margin: 1em auto;
	padding: 0;
	border-top: 1px solid #ECEEF1;
	border-left: 1px solid #ECEEF1;
    table-layout:fixed;
}

th,
td{
	padding: 10px;
	border-right: 1px solid #ECEEF1;
	border-bottom: 1px solid #ECEEF1;
}

th,
thead,
.thead{background-color:#f5f5f5;font-weight:bold;}







/****************************************

          お問い合わせフォーム

*****************************************/


input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] ,
.wpcf7 input[type="url"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
}

.wpcf7 input[type="date"],
.wpcf7 select{
width:auto
}



.wpcf7 input[type="submit"]{
	display: table;
    margin:0 auto;
	font-size: 18px;
	font-weight:bold;
	letter-spacing:10px;
	width: 70%;
	padding: 15px;
	background: #FFDC1E;
	color: #333;
	border-radius: 36px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
}

.wpcf7 input[type="submit"]:hover {background-color:#333;color:#f5f5f5;}

.form-width{max-width: 100%;}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/****************************************

          WordPress Misc

*****************************************/

.aligncenter{display:block;margin-right:auto;margin-left:auto;}
.alignleft {float: left;}.alignright {float: right;}
.wp-caption {margin: 10px;padding-top: 4px;border: 1px solid #ddd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #f3f3f3;text-align: center;}
.wp-caption-text,.gallery-caption{font-size: 80%;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption-dd {margin: 0;padding: 0 4px 5px;font-size: 11px;line-height: 17px;}
img.alignright {display: inline-block;margin: 0 0 0.5em 1em;}
img.alignleft {display: inline-block;margin: 0 1em 0.5em 0;}




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ココからタブレットデザイン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


@media (min-width : 600px){




.header_in,
.nav_in,
.top_in,	
.footer_in{
		max-width: 1100px;
		margin-right: auto;
		margin-left: auto;
}

	.page_wrap{	
		max-width: 1100px;
		margin:4vw auto;
	padding:2rem 2rem 4rem;
	}
	
.archive .main,
	.single .main{
		max-width: 1100px;
		margin:4vw auto;
		display:flex;
		  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;	
justify-content:space-around;
	}
	
.post_wrap{width:70%;}
.side_wrap{width:29%;}
	
	.side_wrap {margin-top:0;}
	
	
	
.header{
	position:relative;
	z-index:1000;
	border:none;
	margin:0;
	padding:0;
	background:rgba(0,0,0,0.8);
}
.header_in{
	background:transparent;
	display:flex;
	padding: 0;
	justify-content:flex-start;
}

.logo {
    margin:0;
	padding:10px;
	text-align:center;
	width:160px;
	line-height:1.2;
}

.description {
	width:55%;
	line-height:1.2;
	font-size:1.2vw;
	letter-spacing:5px;
	text-align:left;
	font-weight:bold;
	color:#fff;
	padding:35px 10px 0;
}
	
#toggle,
	.nav_contact{display: none;}

	
.nav_in{
	position:absolute;	
	left:50%;
	transform:translatex(-50%);
	top:0px;
	height:auto;
display:block;
	background:transparent;
	padding-top:0;
	overflow-y: auto;
	margin:0 auto;
}

.nav_in .nav_menu{
	display:flex;
	flex-direction:row;	
	justify-content:flex-end;	
	position:relative;
}

.global_nav_in .menu li{
	border-bottom:none;
    font-size:16px;
    font-weight:bold;
	margin:0;
	width:auto;
}

	
.nav_in .nav_menu a{
  color:#fff;
  -webkit-transition: all .4s;
  transition: all .4s;
	}
	
.nav_in .nav_menu a:hover{
  color: #bd202c;
	border-bottom:1px solid #bd202c;
}
	
.nav_menu_time{font-size:0.6vw;}
.nav_menu_time span{display:inline-block;border:3px double #ddd;padding:1px 15px;margin-top:3px;}
	
	
.main{padding:0;}	

.top_img p{font-size:2vw;}	
	
	
	

.about_box{
	margin:6rem 0 0;
	padding:5vw 10vw;
	font-size:22px;

}
.about_img{margin:-25vw -40vw 0 auto;width:100%;}

	
	
	
	

.trainer{
	position:relative;
	z-index:0;
	margin-top:20vw;
	padding-top:10vw;
}


.trainer_label{
	font-size:16px;

}

.trainer_img{
	position:absolute;
	width:25vw;
	text-align:center;
	top:-25vw;
	left:50%;
	transform:translatex(-50%);
}
	
	

.ul_desing01{
	display:flex;
	overflow-x:hidden;
}

.ul_desing01 li {width:auto;}	
	
.scroll_side{display:none;}	
	

	
	

.point .top_in{
	max-width: 100%;	
	padding-bottom:8rem;
}

.point_box{position:relative;margin-top:10vw;
	display:flex;
	}

.point_box .point_number{
	position:absolute;
	right:-30px;
	top:-10%;
	width:12vw;
	padding:5vw 0;
	font-size:8vw;
	line-height:5vw;
}



.point_box figure{width:55%;margin-left:-2rem;}
.point_box_in{width:45%;}
.point_box h3{font-size:3vw;padding:1rem;}
.point_box_in p{padding:0 2rem;font-size:1.5vw;}

	
	
	.ba_wrap{
		margin-top:4rem;
		display:flex;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;	
justify-content:space-around;	
	}	
	
	.ba .ba_box{
width:32%;
}
	
	.ba .top_in{
		padding-top:6rem;
	}
	
.ba .ba_img_box{display:flex;position:relative;}
.ba .ba_img_box p:nth-child(1),.ba .ba_img_box p:nth-child(3){width:48%;max-height:200px;min-height:200px;}
.ba .ba_img_box p img{width:100%;height:100%;object-fit:cover;}
.ba .ba_img_box p:nth-child(2){width:15%;position:absolute;top:40%;left:50%;transform:translate(-50%,-40%);filter: drop-shadow(5px 0px #fff);}

	
	
	
	
	
	
	
	
	
	.facility .top_in{padding-bottom:7rem;}	
	
	
	

.facility_img{width:100%;}
.facility_box h3{font-size:1.vw; min-height:4vw;display: flex;
  justify-content: center;
  align-items: center;}


.question{
	padding-top:3rem;
	padding-bottom:8rem;
}	
	

	
.qa_conts,
.qa_close,
	.qa_open{
	font-size:1.2vw;
}	
	
	
	.qa_conts{

	padding: 40px 5px 10px 90px;

}

.qa_conts:after{
	content:'';
	position:absolute;
	top:40px;
	left:0;
	transform:none;
}
	

	
	
.information .top_in{
	padding:4rem;
	margin:8rem auto;
}
	
	
	.information_box{
		width:80%;
		margin:0 auto;
	}	
	
.trainer_time{
	font-size:1vw;
}

.trainer_time .t_design02 th,
.trainer_time .t_design02 td{
	font-size:1vw;
}	
	
	.footer_in hr{display:none;}
.footer_logo{width:20%;margin:3rem auto;}	
	.footer_box h3{border-bottom:1px solid #ddd;margin:3rem 0 1rem;}
	

	
	
.h_design01 {font-size: 2.4vw;}

.h_design01::before {font-size: 1.6vw;}	
	
	
.t_design01 table{
  width: 100%;
  border-spacing: 0;
	border:none;
	font-size:16px;
}
.t_design01 table th,
.t_design01 table td{display:table-cell;}

.t_design01 table th{
  border-bottom: solid 2px #fb5144;
	background-color:transparent;
  padding: 5px 0;
border-right:none;
	font-weight:bold;
}

.t_design01 table td{
  border-bottom: solid 2px #ddd;
	border:none;
  padding: 10px 0;
	margin-left:0;
}

	.t_design03 table{
	font-size:16px;
}	
	
	
	
	
	
	

	
}