@charset "utf-8";

/*inner_title*/
.inner_img > img{object-position: left;}

/* グループホームとは
---------------------------------------------------------------*/
#about > div{align-items: center;}
.about_text{
	max-width: 725px;
	width: 60%;
}
.about_img{width: 33%;}

/* 施設案内
---------------------------------------------------------------*/
.facility-li{
	max-width: 1300px;
	margin: 0 auto 100px;
}
.facility-li li{width: 31%;}
.facility-li li:nth-child(-n+3){margin-bottom: 60px;}
.facility-li li img{margin-bottom: 15px;}
.facility-li li h3{
	font-size: 18px;
	font-family: "BIZUDPGothic-Bold";
	display: flex;
	align-items: center;
	justify-content: center;
}
.facility-li li h3::before,.facility-li li h3::after{
	content: "";
	width: 25px;
	aspect-ratio: 25 / 4;
	background: url("../images/subtitle_r.webp") center / contain no-repeat;
}
.facility-li li h3::before{margin-right: 10px;}
.facility-li li h3::after{margin-left: 10px;}
.map-img > div:first-child{
	max-width: 790px;
	width: 55%;
}
.map-img > div:last-child{
	max-width: 759px;
	width: 40%;
}

/* ご利用料金
---------------------------------------------------------------*/
.price_table{
	padding: 55px 65px;
	background: #fff;
	border-radius: 20px;
}
.price_table table{
	width: 100%;
	position: relative;
}
.price_table thead th,.price_table tbody tr:last-child > *{
	border-bottom: 1px dashed #e4483c;
	border-collapse: collapse;
}
.price_table tbody tr:not(:last-child) > *{
	border-bottom: 1px dashed #ccc;
	border-collapse: collapse;
}
.price_table thead th:first-child,.price_table tbody th,.price_table tfoot th{border-right: 1px dashed #e4483c;}
.price_table thead th{padding-bottom: 25px;}
.price_table tbody tr > *{padding: 20px 0 25px;}
.price_table tfoot tr > *{padding-top: 20px;}
.price_table th:first-child{width: 140px;}
.price_table th,.price_table td{font-size: 18px;}
.price_table th,.price_table tfoot td{font-family: "BIZUDPGothic-Bold";}
.price_table thead th:not(:first-child),.price_table td{text-align: center;}

/* 1025px以下から
------------------------------------------*/
@media only screen and (max-width:1025px){
		
	/* 施設案内
	---------------------------------------------------------------*/
	.facility-li{margin-bottom: 80px;}
	.facility-li li:nth-child(-n+3){margin-bottom: 30px;}
	.facility-li li img{margin-bottom: 10px;}
	.facility-li li h3{font-size: 16px;}
	.facility-li li h3::before,.facility-li li h3::after{width: 20px;}
	.facility-li li h3::before{margin-right: 8px;}
	.facility-li li h3::after{margin-left: 8px;}
	
	/* ご利用料金
	---------------------------------------------------------------*/
	.price_table{
		padding: 45px 40px;
		border-radius: 10px;
	}
	.price_table thead th{padding-bottom: 15px;}
	.price_table tbody tr > *{padding: 15px 0 18px;}
	.price_table tfoot tr > *{padding-top: 15px;}
	.price_table th:first-child{width: 100px;}
	.price_table th,.price_table td{font-size: 14px;}
}

/* 750px以下から
------------------------------------------*/
@media only screen and (max-width:750px){
		
	/* グループホームとは
	---------------------------------------------------------------*/
	#about > div{flex-direction: column-reverse;}
	.about_text{width: 100%;}
	.about_img{
		max-width: 590px;
		width: 100%;
		margin: 0 auto 40px;
	}
	.about_img img{
		display: block;
		margin: 0 auto;
	}

	/* 施設案内
	---------------------------------------------------------------*/
	.facility-li li{
		width: 90%;
		margin: 0 auto;
	}
	.facility-li li:not(:last-child){margin-bottom: 30px;}
	.map-img > div:first-child,.map-img > div:last-child{
		max-width: 500px;
		width: 90%;
		margin: 0 auto;
	}
	.map-img > div:first-child{margin-bottom: 40px;}
	
	/* ご利用料金
	---------------------------------------------------------------*/
	.price_table{position: relative;}
	.price_table::after{
		content: "";
		position: absolute;
		width: 15%;
		height: 330px;
		top: 0;
		right: 40px;
		pointer-events: none; 
		background: linear-gradient(to left,#fff,rgba(255, 255, 255, 0));
		z-index: 2;
	}
	.price_table > div{
		padding-bottom: 20px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.price_table > div::-webkit-scrollbar{height: 4px;}
	.price_table > div::-webkit-scrollbar-thumb,.work-li::-webkit-scrollbar-track{border-radius: 4px;}
	.price_table > div::-webkit-scrollbar-thumb{background: #a0a0a0;}
	.price_table > div::-webkit-scrollbar-track{background: #ddd;}
	.price_table table{
		width: 800px;
		white-space: nowrap;
		padding-right: 20%;
	}
}
	
/* 500px以下から
------------------------------------------*/
@media only screen and (max-width:500px){
	body {min-width: inherit!important;width: 100%;}
		
	
	/* 施設案内
	---------------------------------------------------------------*/
	.floor-map{width: 100%;}
	
	/* ご利用料金
	---------------------------------------------------------------*/
    .price_table {padding: 35px 25px;}
	.price_table::after{
		height: 320px;
		right: 25px;
	}
}