@charset "utf-8";

/*診療時間*/
.hour-img_box  .title{ 
	margin-right: 65px;
	position: relative;
}
.hour-img_box  .title::after{
	content: "";
	background: url("../images/hour_bg.webp") center / contain no-repeat;
	width: 227px;
	height: 206px;
	position: absolute;
	top: 25px;
	left: -100px;
}
.hour-img_box .title > *{text-align: left;}
.hour-img_box > p{margin-top: 35px;}
.hour-info_box > div{
	background: #fff;
	padding: 40px 30px 50px;
	border-radius: 30px;
}
.hour-info_box > div h3{margin-bottom: 25px;}
.hour-info_box > div a{text-decoration: underline;}
.hour-info_box ul li:not(:last-child){margin-bottom: 15px;}

/*診療時間・アクセス*/
.access_footer .bg_y-square{
	padding-bottom: 0;
	position: relative;
}
.illust-map-box{align-items: center;}
.illust-map{width: 50%;}
.illust-map > img{border: solid 2px #76bd2d;}
.access_map{
	width: clamp(1020px,80vw,1200px);
	height: 450px;
	margin: 0 auto;
}
.access_map iframe{
	width: 100%;
	height: 100%;
	border-radius: 30px 30px 0 0;
}
#page-top{
	position: absolute;
	bottom: 70px;
	left: 50%;
	transform: translateX(-50%);
}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){

	/*診療時間*/
	.hour-img_box .title{margin-right: 30px;}
	.hour-img_box .title::after{
		width: 140px;
		height: 128px;
		left: -60px;
	}
	.hour-img_box > p{
		margin-top: 30px;
		max-width: 500px;
		width: 68%;
	}
	.hour-info_box > div{
		padding: 30px 20px 40px;
		border-radius: 20px;
	}
	.hour-info_box > div h3{margin-bottom: 15px;}
	
	/*診療時間・アクセス*/
	.access_map{
		width: 98%;
		height: 300px;
	}
	.access_map iframe{border-radius: 20px 20px 0 0;}
	#page-top{bottom: 30px;}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	
	/*診療時間*/
	.hour-info_box > div:first-child{margin-bottom: 15px;}
	
	/*診療時間・アクセス*/
	.access_footer .bg_y-square{padding-bottom: 80px;}
	.illust-map-box{margin-bottom: 40px!important;}
	.illust-map{
		max-width: 450px;
		width: 100%;
		margin: 0 auto 30px;
	}
	.access_map iframe{border-radius: 20px;}
	#page-top{bottom: 15px;}
}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
	
	/*診療時間*/
	.hour-img_box .title{margin: 0 0 30px;}
	.hour-img_box .title::after{display: none;}
	.hour-img_box .title > *{text-align: center;}
	.hour-img_box > p{
		width: 100%;
		margin-top: 0;
	}
}