@charset "UTF-8";
#main .main_contents {
	padding-top: 75px;
  width: 100%;
}

.f-purple{ color: #A794A7;}
.f-blue{ color: #8DA5BB;}
.f-beige{ color: #C9AB98;}

#main h3 {
  font-size: 32px;
	line-height: 1.3;
  text-align: center;
  font-weight: normal;
}
.f54{ font-size: 54px;}
strong.f54 { font-weight: 500;}

@media screen and (max-width: 768px) {
	.f54{ font-size: 34px;}
  #main h3 {
 	 font-size: 24px;
  }
	#main h3 strong{ font-size: 30px;}
}


.leaf{
	background: url("../img/facility/leaf1.png") left -222px top -100px / 795px auto no-repeat,
				url("../img/facility/leaf2.png") right 10px top 120px / 582px auto no-repeat;
}
.clm3{
	display: flex;
	flex-wrap: wrap;
	padding: 0 30px;
}
.clm3 li{
	width: calc(100% / 3);
	margin-bottom: 50px;
	padding: 0 30px;
}
.clm3 li:nth-child(3n){ margin-right: 0;}
.clm3.bd li{ border-right: 1px dashed #B9B9B9;}
.clm3.bd li:nth-child(3n){ border-right: none;}
.clm3 li figure{ margin-bottom: 20px;}
.clm3 li dl dd{ font-size: 14px;}
dl.about{
	display: flex;
	justify-content: space-between;
	margin-bottom: 110px;
}
dl.about dt{
	color: #959595;
	width: 6em;
}
dl.about dd{ width: calc(100% - 6em);}
.facility2{
	padding: 55px 0 0;
	background: #F5F4F0;
}
.facility2 ol{
	display: flex;
	justify-content: space-between;
}
.facility2 ol li{
	background: #fff;
	position: relative;
}
.facility2 ol li h4{
	line-height: 1.75;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	margin-bottom: 10px;
}
.facility2 ol li em{
	font-size: 64px;
	font-family: 'Times New Roman';
	line-height: 1;
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	text-align: center;
}
.facility2 ol li p{
	font-size: 14px;
}
.facility3{
	padding-top: 30px;
	background-color: #F5F4F0;
}
.facility4{
	padding: 30px 0;
	background: #F5F4F0;
}
.facility4 .container{
	text-align: center;
	background: #fff;
	padding: 80px 20px;
	max-width: 1000px;
}
.facility4 .container p{ text-align: center;}
.facility4 .container ul{
	display: flex;
	justify-content: space-evenly;
}
.facility4 .container ul li{
	width: 31%;
}
.facility_area {
	display: flex;
	justify-content: space-between;
	padding: 80px 50px;
	background-color: #fff;
}
.facility_wrapper {
	width: 100%;
	max-width: 54%;
}
.facility_text {
	margin-top: 30px;
}
.facility_img {
	width: 100%;
	max-width: 40%;
}
.facility_safety {
	text-align: center;
}

@media screen and (max-width: 768px) {
	.leaf{
		background: url("../img/facility/leaf1.png") left -111px top -50px / 398px auto no-repeat,
					url("../img/facility/leaf2.png") right 5px top 60px / 396px auto no-repeat;
	}
	.leaf figure{
		width: 70%;
		margin: 0 auto;
	}
	.clm3{
		display: block;
		padding: 0;
	}
	.clm3 li{
		width: 100%;
		padding: 0;
		margin-bottom: 25px;
	}
	.clm3.bd li{
		border-right: none;
		padding-bottom: 20px;
		border-bottom: 1px dashed #B9B9B9;
	}
	.clm3.bd li:nth-child(3n){ border-bottom: none;}
	.clm3 li figure{
		text-align: center;
		margin-bottom: 10px;
	}
	dl.about{
		display: block;
		margin-bottom: 60px;
	}
	dl.about dt{
		width: 100%;
		margin-bottom: 10px;
	}
	dl.about dd{ width:100%;}
	.facility2{
		padding: 30px 0 0;
	}
	.facility2 ol{
		display: block;
	}
	.facility2 ol li{
		width: 100%;
		padding: 35px 15px 15px;
		margin-bottom: 40px;
	}
	.facility2 ol li h4{
		min-height: inherit;
	}
	.facility2 ol li em{
		font-size: 48px;
		top: -20px;
	}
	.facility2 ol li p{
		padding-top: 5px;
	}
	.facility4{
		padding: 40px 20px;
	}
	.facility4 .container{
		padding: 25px 20px 30px;
	}
	.facility4 .container p{ text-align: left;}
	.facility4 .container ul{
		flex-wrap: wrap;
		justify-content: center;
	}
	.facility4 .container ul li{
		width: 70%;
		margin-bottom: 20px;
	}
	.facility_area {
		flex-direction: column-reverse;
		padding: 25px 20px 30px;
	}
	.facility_wrapper {
		max-width: 100%;
		margin-top: 10px;
	}
	.facility_text {
		margin-top: 15px;
	}
	.facility_img {
		max-width: 100%;
	}
	.facility_title {
		text-align: center;
	}
}


/* black_base */
.black_base .header_btm {
	background-color: #000000;
}