@charset "utf-8";

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

/* 小規模多機能愛和について
---------------------------------------------------------------*/
#about{padding-top: 10px;}
#about > div{align-items: center;}
.about_text{
	max-width: 725px;
	width: 55%;
}
.about_img{
	width: 45%;
	margin-right: -4.5%;
}

/* 施設案内
---------------------------------------------------------------*/
.facility-li{margin-bottom: 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;}
.floor-map{
	max-width: 1150px;
	width: 90%;
	margin: 0 auto;
}

/* 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;}
}

/* 750px以下から
------------------------------------------*/
@media only screen and (max-width:750px){
	
	/* 小規模多機能愛和について
	---------------------------------------------------------------*/
	#about{padding-top: 0;}
	#about > div{flex-direction: column-reverse;}
	.about_text{width: 100%;}
	.about_img{
		max-width: 590px;
		width: 100%;
		margin: 0 auto 40px;
	}
	
	/* 施設案内
	---------------------------------------------------------------*/
	.facility-li li{
		width: 90%;
		margin: 0 auto;
	}
	.facility-li li:not(:last-child){margin-bottom: 30px;}
}
	
/* 500px以下から
------------------------------------------*/
@media only screen and (max-width:500px){
	body {min-width: inherit!important;width: 100%;}
			
	/* 施設案内
	---------------------------------------------------------------*/
	.facility-li li h3{font-size: 14px;}
	.floor-map{width: 100%;}
}