@charset "utf-8";
/* スライド */
.aboutUs_slide_wrap {
  position: relative;
  z-index: 2;
}
.aboutUs_slide .swiper-wrapper {
  transition-timing-function: linear !important;
}
.aboutUs_slide .swiper-slide img {
  width: 100%;
}
/* 施設・設備紹介・感染対策 */
.facility_list {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.facility_item {
	padding: 20px 0;
	border-bottom: 1px solid #BFBFBF;
	max-width: 320px;
}
.facility_item:first-child {
	border-top: 1px solid #BFBFBF;
}
.facility_img {
	width: 318px;
}
.facility_ttl {
	font-size: 16px;
	margin: 10px 0 0;
}
.facility_txt {
	font-weight: 400;
	line-height: 1.7;
	margin: 10px 0 0;
}
#infection .page_inner {
	padding: 60px 0 0;
}
@media only screen and (min-width: 768px) {
	.facility_list {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: normal;
		justify-content: center;
		gap: 0 30px;
	}
	.facility_list::after {
		content: "";
		display: block;
		width: 318px;
		height: 100%;
	}
	.facility_item {
		padding: 30px 0;
	}
	.facility_item:nth-of-type(2) {
		border-top: 1px solid #BFBFBF;
	}
	.facility_ttl {
		font-size: clamp(16px, 2vw, 26px);
	}
	.facility_txt {
		margin: 20px 0 0;
	}
}
@media only screen and (min-width: 1024px) {
	.facility_list {
		justify-content: unset;
	}
	.facility_item {
		display: flex;
		gap: 0 20px;
		width: calc((100% - 30px) /2);
		max-width: unset;
	}
	.facility_img {
		width: 50%;
	}
	.facility_detail {
		width: calc(100% - (50% + 20px));
	}
}
@media only screen and (min-width: 1280px) {
	.facility_list {
		gap: 0 40px;
	}
	.facility_item {
		padding: 60px 0;
		gap: 0 40px;
		width: calc((100% - 40px) /2);
	}
	.facility_ttl {
		font-size: 26px;
	}
	.facility_txt {
		margin: 30px 0 0;
	}
	#infection .page_inner {
		padding: 120px 0 0;
	}
}
@media only screen and (min-width: 1350px) {
	.facility_list {
		gap: 0 60px;
	}
	.facility_item {
		flex-direction: column;
		width: calc((100% - 60px) /2);
	}
	.facility_img,
	.facility_detail {
		width: unset;
	}
}
@media only screen and (min-width: 1600px) {
	.facility_list {
		gap: 0 40px;
	}
	.facility_item {
		flex-direction: row;
		width: calc((100% - 40px) /2);
	}
	.facility_img {
		width: 50%;
	}
	.facility_detail {
		width: calc(100% - (50% + 20px));
	}
}