@charset "utf-8";

/* 診察のご予約について
------------------------------------------------------------*/
.flow_box > li{
	width: 48%;
	background-color: #efefed;
	padding: 40px 30px 50px;
	border-radius: 15px;
}
.flow_box > li h3{
	border-bottom: 3px #29aa75 dotted;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.btn_box{padding:20px 0 0 !important;}
.btn_box a{background: #fff url("../images/access/btn_side.png") no-repeat 96% center / 38px;}

.pd30{padding:30px;}
.w600{max-width:600px;margin:auto;}
/* .emphasis
-----------------------------------------*/
.emphasis{
	max-width: 600px;
	width: 90%;
	margin: 20px auto 0;
	border: 6px #e3e5df solid;
	padding: 0 40px 40px;
}
.emphasis dl > div{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.emphasis dl > div:not(:last-child){
	border-bottom: 6px #e3e5df dotted;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.emphasis > p{
	border: 6px #e3e5df solid;
	background-color: #fff;
	max-width: 320px;
	width: 90%;
	margin: -35px auto 25px;
	padding: 15px 0;
	line-height: 120%;
	border-radius: 80px;
}
.emphasis dd{text-align: right;}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	
	/* 診察のご予約について
	--------------------------------------*/
	.hour_img,.reservation_box{margin-bottom: 35px;}
	.hour_img img{width: 550px;}
	.reservation_box{max-width: 750px;}
	.reservation_box dl{margin-bottom: 20px;}
	.reservation_box dl > div:not(:last-child){
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.reservation_box dl dt{width: 90px;}
	.reservation_box dl dd{width: calc(100% - 90px);}
	.flow_box > li{
		padding: 25px 20px 35px;
		border-radius: 10px;
	}
	.flow_box > li h3{
		padding-bottom: 17px;
		margin-bottom: 20px;
	}

}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	
	/* 診察のご予約について
	--------------------------------------*/
	.c3 > li{width: 47%; margin: 1.2%;}
	.flow_box > li{width: 100%;}
	.flow_box > li:not(:last-child){margin-bottom: 25px;}
}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
	
	/* 診察のご予約について
	--------------------------------------*/
	.c3 > li{width: 100%; margin: 0%;}
}