@charset "utf-8";
/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {

}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

body{
	min-width:inherit;
	}
/*基本レイヤー*/
.LayerA{
	background-position:50% 50%;
	background-size:220%;
}
.LayerC{
	width:100%;
	margin:0;
	padding:0;
	/*background-color:#FFF;*/
	background-image:url(../img/Area.jpg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:600%;

}
.WrapA{
	width:100%;
	padding-left:10px;
	padding-right:10px;
	height:360px;
}

.WrapB{
	width:100%;
	padding-left:10px;
	padding-right:10px;
	padding-top:1px;
}
.WrapC{
	width:100%;
	padding:20px 20px;
		padding-top:1px;
}
.TitleBox{
	width:100%;
}
.WrapD{
	width:100%;
	margin:0 auto;
	padding:20px 10px;
}

/**/



.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
	margin-top:8px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  
  }
.DiveAreaBox{
	margin:10px auto;
	padding:30px 10px;
	padding-top:1px;
	width:100%;
}

h3.DiveArea{
	width:50%;
	margin:10px 0;
	
}
h4.AreaZone{
	font-size:1.8rem;
	line-height:1.8rem;
}
h4.AreaZone a::before{
  width: 16px;/*画像の幅*/
  height:16px;/*画像の高さ*/

}
ul.EachArea{
	margin-left:5px;
}
ul.EachArea li{
	display:inline-block;
	width:49%;
	margin:4px 0;
	line-height:1.8rem;
}



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

.ContentTitle{
	width:60%;
	margin:15px auto;
	float:none;
}

h2.SubTitle1{
	position:absolute;
	top:10px;
}
h3.SubTitle2{
	width:100%;
	text-align:center;
	font-size:2.2rem;
}
h3.SubTitle3{
	width:100%;
	text-align:center;
	font-size:2.2rem;
}


.ContentRight{
	width:100%;
	margin-left:0;
	float:none;
}

.InformationBox{
	width:100%;
}


/**/

.FooterLayer{
	
}
.Footer{
	width:100%;
}

/*マージン*/
.mgT40-20{
	margin-top:20px;
}
.mgT20_15{
	margin-top:15px;
}
.mgT30_20{
	margin-top:20px;
}
hr.hight40-20{
	height:20px;
}
hr.hight50-25{
	height:25px;
}
hr.hight20-10{
	height:10px;
}

/*フォントサイズ*/
.fs20_15{
	font-size:1.5rem;
}
.fs25_18{
	font-size:1.8rem;
}

.fs30_20{
	font-size:2.0rem;
}

.fs40_30{
	font-size:3.0rem;
}

/*お問い合わせ用*/
.InquiryBox{
	width:100%;

}

span.ToTop{
	width:60%;
}
span.ToTop a{

}