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

/*-----------------------------------------------
#19BEBE
-----------------------------------------------*/

/*-----------------------------------------------
  facility
-----------------------------------------------*/
#facility {
padding: 30px 4% 60px 4%;
}
#facility .inner {
max-width: 1200px;
margin: auto;
}
#facility .title {
padding-bottom: 10px;
font-size: 1.75em;
text-align: center;
border-bottom: 1px solid #C8C8C8;
}
#facility .grid {
display: flex;
justify-content: space-between;
align-items: stretch;
padding: 30px;
}
#facility .grid:not(:first-child) {
border-top: 1px solid #C8C8C8;
}
#facility .photo {
width: 32%;
}
#facility dl {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 65%;
}
#facility dt {
font-size: 1.5em;
font-weight: 400;
}
#facility dt .num {
margin-left: 0.5em;
font-size: 0.6em;
color: #000;
}
#facility .text {
margin-top: 20px;
line-height: 1.75;
text-align: justify;
}
#facility .link {
margin-top: auto;
font-size: 1.25em;
}
#facility .link a:hover {
text-decoration: underline;
}
@media screen and (max-width: 799px) {
	#facility {
	padding: 4% 4% 2% 4%;
	}
	#facility .title {
	font-size: 1.5em;
	}
	#facility .grid {
	display: block;
	padding: 6% 0;
	}
	#facility .grid:not(:first-child) {
	border-top: 1px solid #C8C8C8;
	}
	#facility .photo {
	width: 100%;
	max-width: 600px;
	margin: auto;
	}
	#facility .photo img {
	width: 100%;
	height: 50vw;
	object-fit: cover;
	}
	#facility dl {
	display: block;
	width: 100%;
	margin-top: 4%;
	}
	#facility dt {
	font-size: 1.5em;
	font-weight: 400;
	}
	#facility dt .num {
	display: block;
	margin: 2% 0 0 0;
	}
	#facility .text {
	margin-top: 4%;
	line-height: 1.5;
	}
	#facility .link {
	margin-top: 4%;
	font-size: 1.15em;
	}
}

/* color */
#facility .facility1 dt,
#facility .facility1 .link a {
color: #D778B4;
}
#facility .facility2 dt,
#facility .facility2 .link a {
color: #19BE40;
}
#facility .facility3 dt,
#facility .facility3 .link a {
color: #19BEFF;
}
#facility .facility4 dt,
#facility .facility4 .link a {
color: #FF8200;
}

