@charset "utf-8";
/***  メインビジュアル　フェード  ***/

#top01,
#top02,
#top03,
#top04,
#top05,
#top06,
#top07,
#top08,
#top09 {
	width:94%;
	margin:0 auto;
	text-align:left;
	padding:2em 0;
}


/*メインビジュアル*/

.top_slid00img{
	position: relative;
	height: calc(100vh +1px);
	margin:-1px 0 0 0;
	box-sizing: border-box;
	overflow: hidden;
	object-fit: cover;
}
.top_slid00img img{
	object-fit: cover;
	width: 100%;
	/*height:100vh;*/
	box-sizing: border-box;
	object-position: center center;
}
.top_slid00{
	position:relative;
}



.top_slid00text{
	width:90%;
	color:#FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	z-index: 3;
}


/*====================
	コンテンツ
===================*/

.top00_01{
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	background: #FFFFFF;
	width:96%;
	margin:-5em 0 0 4%;
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
	border-radius: 20px 0 0 20px;
	padding:1em;
	box-sizing: border-box;
	position: relative;
}

.top00_01text{
	width:100%;
}

.top00_01btn{
	width:25%;
	margin:0 3% 0 72%;
}

.top00_01text>ul>li{
	padding:0.5em;
	box-sizing: border-box;
	border-bottom:#EDE7E2 1px solid;
}

.top00_01text>ul>li:last-child{
	border:none;
}

.top00_01text>ul>li>dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.top00_01text>ul>li>dl>dt{
	width:100%;
	padding:0 1em;
	box-sizing: border-box;
}
.top00_01text>ul>li>dl>dd{
	width:100%;
	padding:0 1em;
	box-sizing: border-box;
}

.top00_01text>ul>li>dl>dd a{
	text-decoration: none;
}

.top00_01cate>ul>li,
.top00_01cate>ul>li span,
.top00_01cate>ul>li a,
.top00_02cate>ul>li,
.top00_02cate>ul>li span,
.top00_02cate>ul>li a{
	display: inline-block;
}

.top00_01cate>ul>li span,
.top00_01cate>ul>li a,
.top00_02cate>ul>li span,
.top00_02cate>ul>li a{
	padding:0.3em 1em;
	margin:0.1em;
	background:#E4E4E4;
	border:#FFFFFF 0.5px solid;
	color:#979797;
	border-radius: 50px;
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.top00_02cate>ul>li span,
.top00_02cate>ul>li a{
	border:#E4E4E4 1px solid;
}

.top00_01cate>ul>li a:hover,
.top00_02cate>ul>li a:hover{
	background:#EFEFEF;
	border:#E4E4E4 1px solid;
}

.top01_01btn a,
.top01_01btnl a{
	display: block;
	color:#FFFFFF;
	font-weight: bold;
	letter-spacing: 3px;
	text-decoration: none;
	background:#B09A80;
	margin:0 auto;
	width:90%;
	max-width:480px;
	border-radius: 50px;
	padding:1.5em;
	text-align: center;
	box-sizing: border-box;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	box-shadow: 14px 14px 20px rgba(0,0,0,0.15);
}



.top01_01btn a:hover,
.top01_01btnl a:hover{
	content: '';
	 -ms-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	box-shadow: 10px 10px 15px rgba(0,0,0,0.15);
}

.top_blog_bg{
	position: relative;
	z-index: 2;
}

.top_blog_bg::after{
	content: '';
	background:#F5F5F5;
	width:80%;
	height:calc(100% - 2em);
	padding:2em 0;
	position: absolute;
	top:2em;
	z-index: -1;
}

.top_blog_block{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.top_blog_title{
	width:100%;
	margin:0 0 1em 0;
	
}
.top_blog_text{
	width:100%;
}

.top_blog_block{
	width:100%;
	margin:0;
}

.top_blog_text>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.top_blog_text>ul>li{
	width:48%;
	margin:0 1% 2em;
}

.top_blog_mai{
	position: relative;
	margin:-1em auto 0;
}

.top_blog_trainer a,
.top_blog_trainer span{
	text-decoration: none;
}
.top_blog_trainer dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
}
.top_blog_trainer dl>dt{
	width:35%;
}
.top_blog_trainer dl>dd{
	width:65%;
	padding:0 0 0 2em;
	box-sizing: border-box;
}

.top_blog_text .top_blog_trainer dl>dd,
.blog01_02 .top_blog_trainer dl>dd{
	padding:0 0 0 1em;
}
.top01_01bg{
	position: relative;	
}
.top01_01bg::after{
	content: '';
    width: 100%;
    height: calc(100% + -1em);
    margin: 0 0 8em 0;
    background: url(../img/top/top_01bg.svg) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1
}

.top01_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
}

.top01_01>ul>li:nth-child(1){
	width:100%;
	padding:3em 2em 0 ;
	order: 2;
	box-sizing: border-box;
}

.top01_01>ul>li:nth-child(2){
	width:100%;
	padding:0 5%;
	box-sizing: border-box;
	order: 1;
}

.top01_02{
	width:70%;
	margin:3em 0 -10em 30%;
}

.top03_01{
	position: relative;
	z-index: 2;
}

.top03_01::before{
	content: '';
	position: absolute;
	width:60%;
	height:calc(100% - 5em);
	top:5em;
	left:0;
	background: #F5F5F5;
	z-index: -1;
}

.top03_01img{
	width:90%;
	margin:3em 0 0 10%;
}
.top03_01img img{
	width:100%;
}
.top03_01maker p{
	padding:0.3em 0;
}
.top03_01maker span{
	display: inline-block;
	padding:0.2em 0.8em;
	background:#FFFFFF;
}

.top03_01text{
	position: relative;
	width:96%;
	margin:-5em 0 2em 2%;
	max-width: 1000px;
	z-index: 3;
}

.top04_01{
	position: relative;
	z-index: 2;
}

.top04_01img{
	width:100%;
	margin:0;
}
.top04_01img img{
	width:100%;
}

.top04_01text{
	position: relative;
	width:96%;
	margin:1em 0 0 2%;
	max-width: 800px;
	z-index: 3;
	color:#808080;
}

.top04_01text_p{
	font-weight: 300;
}


.top05_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:98%;
	justify-content: center;	
}
.top05_01>ul>li{
	width:100%;
	margin:0 auto 2em;
}
.top05_01_in {
	width: 100%;
	padding: 0;
}

.top05_02>dl {
	padding-bottom: 0.5em;
	width: 100%;
}
.top05_02>dl>dt {
	box-sizing: border-box;
	padding-left: 3%;
	width: 100%;
	position: relative;
}
.top05_02>dl>dt:before {
	content: '・';
	background: none;
	position: absolute;
	top: 0;
	left: 0;
	/*transform: translate(-50%,-50%);*/
}
.top05_02>dl>dd {
	box-sizing: border-box;
	padding-left: 3%;
	width: 100%;
}


.top06_01{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
}
.top06_01img{
	width:90%;
}
.top06_01text{
	width:90%;
	margin:2em 5% 0;
}


.top06_bg{
	position: relative;
}
.top06_bg::after{
	content: '';
	background:#F5F5F5;
	width:75%;
	height:70%;
	padding:2em 0;
	position: absolute;
	top:10%;
	left:25%;
	z-index: -1;
}

.top06_02>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: center;
}
.top06_02>ul>li:nth-child(odd){
	width:100%;
	margin:0 auto 2em 0;
}
.top06_02>ul>li:nth-child(even){
	width:100%;
	margin:0 auto 2em 0;
}


.top06_02pdf{
	width:80%;
	margin:0 0 0 9%;
	border:#B1B1B1 1px solid;
	background:#FFFFFF;
	padding:2em;
	box-sizing: border-box;
	box-shadow: 10px 10px rgba(228,228,228,1);/*縦横ぼかし*/
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;	
	
}

.top06_02pdf:hover{
	-ms-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	box-shadow: 15px 15px rgba(228,228,228,1);/*縦横ぼかし*/
}

.top_inst{
	filter: drop-shadow(10px 10px 4px #DDDDDD);
}

.top_point{
	position: relative;
}
.top_point_img img{
	width:100%;
}
.top_point_text{
	width:80%;
	max-width: 500px;
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}

.foot_img_block{
	max-width: 250px;
	margin:0 auto;
	
}

.top_inst_btn{
	max-width: 770px;
	margin:0 auto;
}

.sns_inst_block{
	max-width: 60px;
	margin:0 auto;
}



/*====================
	よくある質問
====================*/
/*よくある質問*/
.qa01_00>ul>li{
	padding:1.5em 0;
}
.qa01_01 h3{
	display: inline-block;
	padding:0.7em 0;
	margin:1em 0 0;
	border-radius: 50px;
}

.qa01_01>ul>li{
	border-bottom:#CACACA 1px solid;
	margin:0;
}
.qa01_01>ul>li>a{
	display: block;
	width:100%;
	padding:1.5em 5%;
	box-sizing: border-box;
	text-decoration: none;
	cursor: pointer;
	background:#FFFFFF;
}
.qa01_01>ul>li>a>dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
}
.qa01_01>ul>li>a>dl>dt{
	width: 10%;
}
.qa01_01>ul>li>a>dl>dd{
	width: 85%;
}
.qa01_01>ul>li>ul>li{
	background:#F5F3F3;
}

.qa01_01>ul>li>ul>li>dl{
	width:100%;
	box-sizing: border-box;
	padding: 1em 5%;
}


.child {
    display: none;
}
.qa01_01>ul>li>a{
	position: relative;
}
.qa01_01>ul>li>a::after{
	content: '';
	background: url("../img/top/top_plus.svg") no-repeat;
	background-size: contain;
	width:19px;
	height:19px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-50%,-50%);
}

.qa01_01>ul>li>a.active::after{
	content: '';
	background: url("../img/top/top_maina.svg") no-repeat;
	background-size: contain;
	width:19px;
	height:19px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-50%,-50%);
}

.top07_01{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.top07_01img{
	width:50%;
	margin:0 auto;
}
.top07_01text{
	width:100%;
}

.top07_02>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: center;
}
.top07_02>ul>li{
	width:100%;
	margin:0 0 1em;
}


/*========================
	マップ
========================*/

.map_block {
	position:relative;
	padding-bottom: 89.841269%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}
.map_block iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);	
}



/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {
/***  メインビジュアル　フェード  ***/

#top01,
#top02,
#top03,
#top04,
#top05,
#top06,
#top07,
#top08,
#top09  { width:96%; }

	
	
/**** メインコンテンツ　****/

.top00_01{
	width:90%;
	margin:-5em 0 0 10%;
}
	
.top00_01text>ul>li{
	padding:1.5em 0.5em;
}
	
.top00_01{
	padding:1em 2em;
}
	

.top00_01text{
	width:80%;
}

.top00_01btn{
	width:17%;
	margin:0 0 0 3%;
}
	

.top01_01btnl a{
	margin:0;
}
	
	
.top_blog_title{
	width:15%;
	margin:0;
	
}
.top_blog_text{
	width:85%;
}

.top_blog_bg::after{
	content: '';
	width:70%;
	height:100%;
	padding:2em 0;
	top:0;
}
	
	
.top_blog_block{
	width:85%;
	margin:0 5% 0 10%;
}
	
.top_blog_trainer dl>dt{
	width:25%;
}
.top_blog_trainer dl>dd,
.blog01_02 .top_blog_trainer dl>dd,
.top_blog_text .top_blog_trainer dl>dd{
	width:75%;
	padding:0 1em;
}
	
.top00_01cate>ul>li span,
.top00_01cate>ul>li a,
.top00_02cate>ul>li span,
.top00_02cate>ul>li a{
	padding:0.3em 1.5em;
}
	
/*======================
	よくある質問
========================*/
	
.qa01_01>ul>li>a::after{
	content: '';
	background: url("../img/top/top_plus.svg") no-repeat;
	background-size: contain;
	width:25px;
	height:25px;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translate(-50%,-50%);
}

.qa01_01>ul>li>a.active::after{
	content: '';
	background: url("../img/top/top_maina.svg") no-repeat;
	background-size: contain;
	width:25px;
	height:25px;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translate(-50%,-50%);
}
	
	
.qa01_01>ul>li>ul>li>dl{
	display: flex;
	flex-wrap: wrap;
}
.qa01_01>ul>li>ul>li>dl>dt{
	width: 5%;
}
.qa01_01>ul>li>ul>li>dl>dd{
	width: 95%;
}
	
.top_point_text{
	width:50%;
	top: 50%;
	left: 70%;
}
	
/*========================
	マップ
========================*/

.map_block {
	position:relative;
	padding-bottom: 32.999999%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}
	
}

@media (min-width : 1024px) {
	
.top00_01text>ul>li>dl>dt{
	width:20%;
	padding:0 1em;
}
.top00_01text>ul>li>dl>dd{
	width:80%;
	padding:0 1em;
}
	
.top01_01>ul>li:nth-child(1){
	width:41%;
	padding:0 6% 0 0;
	order: 1;
}

.top01_01>ul>li:nth-child(2){
	width:48%;
	margin:0 0 0 5%;
	padding:0;
	order: 2;
}
	
.top01_01bg::after{
	content: '';
    width: 55%;
    height: calc(100% + -1em);
    margin: 0 0 8em 0;
    background: url(../img/top/top_01bg.svg) no-repeat;
    background-size: contain;
    top: 0;
	bottom:auto;
    left: 2em;
}
	
.top03_01img{
	width:70%;
	margin:3em 0 0 30%;
}
	
.top03_01maker p{
	padding:0.3em 0;
}
	
.top03_01maker span{
	padding:0 0.8em;
}

.top03_01text{
	width:60%;
	margin:-12em 0 5em 20%;
}

.top04_01text{
	position: absolute;
	width:60%;
	margin:0 auto;
	top: 65%;
	left: 40%;
	color:#FFFFFF;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
	
.top04_01text_p{
	font-weight: 500;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
}
	
	
.top05_01>ul{
	width:100%;
}
.top05_01>ul>li{
	width:48%;
	margin:0 1% 1em;
}
.top05_01_in {
	width: 94%;
	padding: 0 0 0 6%;
}

.top06_01img{
	width:56%;
}
.top06_01text{
	width:39.5%;
	margin:0 0 0 4.5%;
}
.top06_bg::after{
	content: '';
	width:70%;
	height:60%;
	padding:2em 0;
	top:20%;
	left:30%;
}
	
.top06_02>ul>li:nth-child(odd){
	width:48.6%;
	margin:0 1.4% 0 0;
}
.top06_02>ul>li:nth-child(even){
	width:48.6%;
	margin:4em 0 0 1.4%;
}
	
.top06_02pdf{
	width:90%;
	margin:0;
	padding:2em;
	box-shadow: 20px 20px rgba(228,228,228,1);/*縦横ぼかし*/
	
}
	
.top07_01img{
	width:15%;
	margin:0;
}
.top07_01text{
	width:85%;
}
	
.qa01_01>ul>li>a>dl>dt{
	width: 5%;
}
	
.top07_02>ul>li{
	width:48.3%;
	margin:0 0.8% 1em;
}
	
.top_blog_text>ul>li{
	width:24%;
	margin:0 0.5% 2em;
}
}

/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/

@media (min-width : 1200px) {

#top01,
#top02,
#top03,
#top04,
#top05,
#top06,
#top07,
#top08,
#top09   { max-width:1200px; padding:40px 0; }

.top_slid00text{
	width: 35%;
}


}


/*=================================================================================*/
/** 1600px以上 padding: ;PCサイズ画面 **/

@media (min-width : 1400px) {
	
/*メインコンテンツ*/
	
.top00_01{
	width:60%;
	margin:-5em 0 0 40%;
}




}