@charset "utf-8";

/* 診察時間
------------------------------------------------------------*/
.title_flex .side_con{
	padding: 70px;
	border-radius: 15px;
}
.title_flex .title{width: 390px;}
.title_flex .side_con{width: calc(100% - 390px);}

/* ご予約について
------------------------------------------------------------*/
.reservation .bgb{padding: 50px 40px;}

/* その他クリニックについて
------------------------------------------------------------*/
.about_li > div{
	align-items: center;
	background-color: #f7f3f2;
	border-radius: 8px;
	padding: 50px;
}
.about_li > div:not(:last-child){margin-bottom: 20px;}
.about_li dt{width: 150px;}
.about_li dd{width: calc(100% - 150px);}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	
	/* 診察時間
	--------------------------------------*/
	.title_flex .side_con{
		padding: 50px;
		border-radius: 10px;
	}
	.title_flex .title{width: 200px;}
	.title_flex .side_con{width: calc(100% - 200px);}

	/* ご予約について
	--------------------------------------*/
	.reservation .bgb{padding: 30px 20px;}
	.receipt_tel img{width: 280px;}
	
	/* その他クリニックについて
	--------------------------------------*/
	.about_li > div{
		border-radius: 5px;
		padding: 30px;
	}
	.about_li > div:not(:last-child){margin-bottom: 15px;}
	.about_li dt{width: 100px;}
	.about_li dd{width: calc(100% - 100px);}

}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	
	/* 診察時間
	--------------------------------------*/
	.title_flex .side_con{padding: 30px 20px;}
}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
	
	/* 診察時間
	--------------------------------------*/
	.title_flex,.title_flex .title,.title_flex .side_con{width: 100%;}
	.title_flex .title{
		width: 90%;
		margin: 0 auto 30px;
	}
	.title_flex .side_con{border-radius: 0;}
	
	/* ご予約について
	--------------------------------------*/
	.reservation ul > li:not(:last-child){margin-bottom: 25px;}
	
	/* その他クリニックについて
	--------------------------------------*/
	.about_li > div{padding: 25px 20px 30px;}
	.about_li dt,.about_li dd{width: 100%;}
	.about_li dt{margin-bottom: 10px;}
}