@charset "utf-8";

/* 診療時間のご案内
------------------------------------------------------------*/
.clinic_info > div{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.clinic_info > div:not(:last-child){
	border-bottom: 1px #ddddd3 dashed;
	padding-bottom: 35px;
	margin-bottom: 35px;
}
.clinic_info dt{width: 110px;}
.clinic_info dd{width: calc(100% - 110px);}

/* はとこクリニックへのアクセス
------------------------------------------------------------*/
.access_box{align-items: center;}
.access_box .info_con{
	padding: 0 0 60px;
	border-bottom: 1px #cc4640 solid;
}
.access_box .access_img{width: 45%;}
.access_box .info_con{width: 47%;}
.map02 iframe{
	width: 100%!important;
	height: 100%!important;
	border-radius: 30px;
}
.map02{height: 580px;}

/* 各種掲示事項
------------------------------------------------------------*/
.notice_li{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}
.notice_li > li{
	border-bottom: 1px #474240 dashed;
	padding: 45px 0;
	line-height: 1.5;
}
.notice_li > li:first-child{border-top: 1px #474240 dashed;}

/* 緊急時の相談窓口
------------------------------------------------------------*/
.counter_box{padding: 100px 0 180px;}
.cycle_y_15{
	position: relative;
	padding-left: 25px;
}
.cycle_y_15::before{
	content: '';
	width: 15px;
	aspect-ratio: 1 / 1;
	background-color: #ffc83e;
	border-radius: 50%;
	position: absolute;
	top: 0.55em;
	left: 0;
}
a.cycle_y_15{
	display: block;
	text-decoration: underline;
}
.counter_box .bgw_c2_box > li:not(:last-child){margin-bottom: 50px;}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	
	/* 診療時間のご案内
	--------------------------------------*/
	.clinic_info > div:not(:last-child){
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
	.clinic_info dt{width: 80px;}
	.clinic_info dd{width: calc(100% - 80px);}
	.li_mb30 > li:not(:last-child){margin-bottom: 20px!important;}
	
	/* はとこクリニックへのアクセス
	--------------------------------------*/
	.access_box .access_img,.access_box .info_con{width: 100%;}
	.access_box .access_img{
		max-width: 450px;
		margin: 0 auto 40px;
	}
	.access_box .info_con{
		padding-bottom: 40px;
		margin-bottom: 0!important;
	}
	.map02 iframe{border-radius: 20px;}
	.map02{height: 380px;}

	/* 各種掲示事項
	--------------------------------------*/
	.notice_li{max-width: 600px;}
	.notice_li > li{padding: 30px 0;}
	
	/* 緊急時の相談窓口
	--------------------------------------*/
	.counter_box{padding: 45px 0 80px;}
	.cycle_y_15{padding-left: 15px;}
	.cycle_y_15::before{width: 10px;}
	.counter_box .bgw_c2_box > li:not(:last-child){margin-bottom: 30px;}
	.counter_box .bgw_c2_box .mb20{margin-bottom: 13px!important;}

}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	
	/* 医師のご紹介
	--------------------------------------*/
	.note_box .list_y.mb40{margin-bottom: 30px!important;}
	

}