@charset "UTF-8";
/* CSS Document */


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

PC設定 1200px以上の場合に適用 

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

/* mv */
.mv {
	background-image: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.3)),url("/img/facility/mv.jpg");
}



/* main */
.main__img {
	display: block;
	width: 100%;
	height: auto;
	margin: 60px auto 30px auto;
}

.main__box--01 {
	display: flex;
	justify-content: space-between;
}

.main__box--01 .main__item {
	width: 31%;
}

.main__box--01 .main__item img {
	display: block;
	width: 100%;
	height: auto;
}

.main__box--02 {
	margin-top: 100px;
	background-color: #f9f1e8;
	padding: 50px;
}

.main__box--02 .main__item {
	line-height: 1.8;
	font-size: 20px;
	font-weight: 600;
}



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

タブレットの設定 960px~1199pxの場合に適用 

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

@media screen and (max-width: 1199px){


	
	
	
	
}



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

タブレットの設定 768px~959pxの場合に適用 

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

@media screen and (max-width: 959px){


	
	
}


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

SPの設定 767px以下の場合に適用 

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

@media screen and (max-width: 767px){

/* main */
.main__img {
	margin: 30px auto 20px auto;
}

.main__box--01 {
	display: block;
}

.main__box--01 .main__item {
	width: 100%;
	margin-bottom: 20px;
}

.main__box--02 {
	margin-top: 50px;
	padding: 20px;
}

.main__box--02 .main__item {
	font-size: 16px;
	padding-left: 1em;
	text-indent: -1em;
}
	
	
}