@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main .mainImg {
	padding-bottom: 5px;
	background: url(../img/facilities/main_img_bg.jpg) no-repeat center top;
	background-size: cover;
}

#main .mainImg .photo {
	margin-bottom: 0;
}

#main .mainImg .sub {
	padding: 10px 10px 56px;
}

#main .mainImg p {
	padding: 0 50px;
	font-size: 12px;
	height: 160px;
	padding-bottom: 0;
	background-position: right 11px bottom 30px;
}

.mainImg p span {
	padding-bottom: 0;
	width: 50px;
	line-height: 2;
	font-size:14px;
}


#main .facilitiesBox {
	margin-bottom: 16px;
}

#main .facilitiesBox .photoBox {
	padding: 26px 0 0 21px;
	float: left;
}

#main .facilitiesBox .textBox {
	margin-top: -60px;
	padding: 20px 20px 35px 60px;
	float: right;
	width: 656px;
	box-sizing: border-box;
	background: url(../img/common/bg03.jpg) no-repeat left top;
}

#main .facilitiesBox .pBox {
	float: left;
	width: 150px;
	height: 285px;
	text-indent: 1em;
	box-sizing: border-box;
	margin-top: 72px;
	padding: 0 0 0 28px;
	background: url(../img/common/img01.png) no-repeat left bottom 4px;
}

#main .facilitiesBox .pBox p {
	font-size: 14px;
	color: #171717;
	line-height: 2;
	-webkit-writing-mode : tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
}

#main .facilitiesBox h3 {
	padding-left: 69px;
	float: left;
}

#main .bigPhoto {
	margin-bottom: 59px;
	text-align: center;
}

#main .comImgBox {
	margin-bottom: 17px;
	background: url(../img/common/bg01.jpg) no-repeat center bottom;
}

#main .photo {
	margin-bottom: 27px;
	text-align: center;
}

#main .photo02 {
	margin-bottom: 35px;
}

#main .comImgBox02 {
	margin-bottom: -3px;
	padding-bottom: 98px;
}

#main .imgBox01 {
	margin-bottom: 9px;
	padding-bottom: 50px;
}

#main .imgBox01 .photoBox {
	padding-left: 1px;
}

#main .imgBox01 .textBox {
	padding: 60px 0 60px 69px;
	width: 360px;
}

#main .imgBox01 .textBox .pBox {
	padding-left: 27px;
	padding-top: 60px;
	background-position: left bottom 15px;
}

#main .imgBox01 .textBox .pBox p {
	width: 110px;
	height: 295px;
	letter-spacing: 4.1px;
	line-height: 1.5;
	font-size: 12px;
}

#main .imgBox01 .textBox h3 {
	margin-right: 4px;
}

#main .imgBox01 .textBox .bg {
	top: 17px;
	right: 2px;
}

#main .imgBox02 {
	margin-bottom: 23px;
	padding-bottom: 93px;
}

#main .imgBox02 .textBox {
	margin-top: 12px;
	padding: 40px 83px 85px 16px;
	background-image: url(../img/common/bg04.jpg);
}

#main .imgBox02 .textBox .pBox {
	padding: 40px 0 0 37px;
}

#main .imgBox02 .textBox .bg {
	top: -4px;
	right: 80px;
}

#main .imgBox03 {
	padding-bottom: 78px;
}

#main .imgBox03 .photoBox {
	padding: 13px 0 0 3px;
}

#main .imgBox03 .textBox {
	padding: 31px 3px 60px 58px;
	width: 360px;
}

#main .imgBox03 .textBox .pBox {
	padding: 60px 0 0 45px;
	background-position: left bottom 15px;
}

#main .imgBox03 .textBox .pBox p {
	width: 110px;
	height: 295px;
	letter-spacing: 4.1px;
	line-height: 1.5;
	font-size: 12px;
}

#main .imgBox03 .textBox h3 {
	margin-right: 4px;
}

#main .imgBox03 .textBox .bg {
	top: -20px;
	right: 14px;
}

#main .imgBox04 {
	margin-bottom: 17px;
	padding-bottom: 97px;
}

#main .imgBox04 .textBox {
	margin-top: 12px;
	width: 387px;
	padding: 28px 105px 75px 37px;
	background-image: url(../img/common/bg04.jpg);
}

#main .imgBox04 .textBox .pBox {
	padding: 45px 0 0 0;
	background: none;
}

#main .imgBox04 .textBox .bg {
	top: -12px;
	right: 102px;
}

#main .facilitiesDl {
	margin: 0 25px 50px;
}

#main .facilitiesDl dt {
	float: left;
	font-size: 12px;
	color: #171717;
	clear: both;
	font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
}

#main .facilitiesDl dd {
	margin-bottom: 9px;
	padding: 0 0 5px 11.5em;
	font-size: 12px;
	color: #171717;
	border-bottom: 1px solid #DEDBD4;
	font-family: "游明朝","YuMincho","Hiragino Mincho Pro","MS PMincho","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6",serif;
}



@media all and (min-width: 0px) and (max-width: 767px) {
	.headLine01 {
		margin-bottom: 23px;
	}
	
	#main .facilitiesBox {
		margin-bottom: 40px;
	}
	
	#main .facilitiesBox .textBox {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
		background: none;
	}
	
	#main .facilitiesBox h3 {
		float: none;
		padding: 0;
		margin: 0 7px 5px;
	}
	
	#main .facilitiesBox .pBox {
		float: none;
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
		background: none;
	}
	
	#main .facilitiesBox .pBox p {
		font-size: 9px;
		color: #171717;
		line-height: 1.4;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: lr-tb;
		-moz-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		-o-writing-mode: horizontal-tb;
	}
	
	#main .facilitiesBox .photoBox {
		display: none;
	}
	
	#main .bigPhoto {
		display: none;
	}
	
	#main .comImgBox {
		margin-bottom: 57px;
	}
	
	#main .photo {
		margin-bottom: 14px;
	}


	#main .comImgBox02 {
		margin-bottom: 20px;
	}
	
	#main .imgBox01 {
		margin-bottom: 15px;
	}
	
	#main .imgBox01 .textBox {
		padding: 0 0 15px;
		width: auto;
	}
	
	#main .imgBox01 .textBox .pBox {
		padding: 0 0 15px;
	}
	
	#main .imgBox01 .textBox .pBox p {
		width: auto;
		height: auto;
		letter-spacing: 0;
		font-size: 9px;
		line-height: 1.4;
	}
	
	#main .imgBox01 .photoBox {
		margin-bottom: 0;
	}
	
	#main .imgBox02 .textBox {
		background: none;
		padding: 0;
		width: auto;
	}
	
	#main .imgBox02 .textBox .pBox {
		padding: 0;
	}
	
	#main .imgBox03 {
		margin-bottom: 50px;
	}
	
	#main .imgBox03 .textBox {
		padding: 0;
		width: auto;
	}
	
	#main .imgBox03 .textBox .pBox {
		padding: 0;
	}
	
	#main .imgBox03 .textBox .pBox p {
		width: auto;
		height: auto;
		letter-spacing: 0;
		font-size: 9px;
		line-height: 1.4;
	}
	
	#main .photo02 {
		margin-bottom: 15px;
	}
	
	#main .imgBox04 {
		margin-bottom: 50px;
	}
	
	#main .imgBox04 .textBox {
		padding: 0;
		width: auto;
		margin: 0;
		background: none;
	}
	
	#main .imgBox04 .textBox .pBox {
		padding: 0;
	}
	
	#main .facilitiesDl {
		padding: 30px 14px;
		margin: 0 10px 20px;
		background: url(../img/common/bg01.jpg) no-repeat center top, url(../img/common/bg01.jpg) no-repeat center bottom;
		background-size: 100% auto, 100% auto;
	}
	
	#main .facilitiesDl dt {
		font-size: 9px;
		line-height: 1.4;
	}

	#main .facilitiesDl dd {
		padding: 0 0 2px 13em;
		font-size: 9px;
		border-bottom: none;
		line-height: 1.4;
	}
	
	#main .facilitiesDl dd a {
		text-decoration: none;
	}
}



@media all and (min-width: 767px)  {
	.comUl,
	#main .saitoBox {
		display: none;
	}
}