@charset "utf-8";

/* 院長紹介
------------------------------------------------------------*/
.director_img{
	width: 500px;
	padding-top: 10px;
}
.director_img img{display: block; border-radius: 8px;/*追加*/}
.director_img > li:not(:last-child){margin-bottom: 20px;}
.director_con{
	width: calc(100% - 500px);
	padding-left: 110px;
}
.name > p{
	margin-top: 10px;
	letter-spacing: 0.1rem;
}
.career_li > div{
	width: 50%;
	padding: 40px 0 50px;
}
.career_li > div:first-child{padding-right: 80px;}
.career_li > div:last-child{
	border-left: 1px #897f79 dashed;
	padding-left: 80px;
}
.career_li dl > div:not(:last-child){margin-bottom: 40px;}
.career_li dl > div dt{width: 130px;}
.career_li dl > div dd{width: calc(100% - 130px);}
.career_li > div > div:not(:last-child){margin-bottom: 60px;}
.career_li .dl_box ul > li:not(:last-child){margin-bottom: 5px;}

/* 勤務医師紹介
------------------------------------------------------------*/
.doctor_box > div{padding: 70px;}
.doctor_box > div:not(:last-child){margin-bottom: 70px;}
.doctor_flex,.doctor_img,.doctor_img > div > div,.doctor_con dl > div{display: flex;}
.doctor_flex.bb_dashed{
	padding-bottom: 70px;
	margin-bottom: 50px;
}
.doctor_img,.doctor_img > div > div{align-items: flex-end;}
.doctor_img{
	width: 470px;
	height: 360px;
}
.doctor_img > img{
	display: block;
	flex-shrink: 0;
	box-shadow: 0px 0px 7px 3px rgba(112, 112, 112, 0.2);
	border-radius: 8px;
}
.doctor_img > div{
	width: 100%;
	padding-left: 20px;
}
.doctor_img > div > div{justify-content: flex-end;}
.doctor_img > div > div p{margin-left: 10px;}
.doctor_img > div *{text-align: right;}
.doctor_con{
	width: calc(100% - 470px);
	padding-left: 40px;
}
.doctor_con dl > div dd{padding-left: 15px;}
.more_btn{margin-bottom: 25px;}
.more_career > dl:first-child,.congress > div > ul:first-child{width: 40%;}
.more_career > dl:last-child,.congress > div > ul:last-child{width: 57%;}
.more_career > dl dt{width: 115px;}
.more_career > dl dd{width: calc(100% - 115px);}
.more_career > dl > div.w225 dt{width: 225px;}
.more_career > dl > div.w225 dd{width: calc(100% - 225px);}
.es_box{
	padding-bottom: 60px;
	margin-bottom: 60px;
}
.es_box p.fs24{
	width: 230px;
	border-top: 1px #b484bc solid;
	border-bottom: 1px #b484bc solid;
	padding: 15px 0;
	text-align: center;
}
.es_box p.fs18{
	width: calc(100% - 230px);
	padding-left: 50px;
}
.congress > h3{width: 250px;}
.congress > div{width: calc(100% - 250px);}
.congress_c2 > *{width: 50%;}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	
	/* 院長紹介
	--------------------------------------*/
	.director_img,.director_img img{width: 350px;}
	.director_con{
		width: calc(100% - 350px);
		padding-left: 50px;
	}
	.career_li > div{padding: 20px 0 30px;}
	.career_li > div:first-child{padding-right: 40px;}
	.career_li > div:last-child{padding-left: 40px;}
	.career_li dl > div:not(:last-child){margin-bottom: 20px;}
	.career_li dl > div dt{width: 100px;}
	.career_li dl > div dd{width: calc(100% - 100px);}
	.career_li > div > div:not(:last-child){margin-bottom: 40px;}
	.dia_title.mb30,.dia_title.mb20{margin-bottom: 15px!important;}
	
	/* 勤務医師紹介
	--------------------------------------*/
	.doctor_box > div{padding: 50px;}
	.doctor_box > div:not(:last-child){margin-bottom: 30px;}
	.doctor_flex{flex-wrap: wrap;}
	.doctor_flex.bb_dashed,.es_box{
		padding-bottom: 45px;
		margin-bottom: 45px;
	}
	.doctor_img{
		max-width: 350px;
		width: 100%;
		height: 280px;
	}
	.fujiwara_dr .doctor_img{
		height: inherit;
		margin: 0 auto 30px;
	}
	.doctor_img > img{
		width: 180px;
		border-radius: 5px;
	}
	.doctor_img > div{width: 100%;}
	.doctor_img .mb10{margin-bottom: 5px!important;}
	.doctor_con{width: calc(100% - 350px);}
	.fujiwara_dr .doctor_con{
		width: 100%;
		padding-left: 0;
	}
	.fujiwara_dr .doctor_con dl > div dd{padding-left: 10px;}
	.more_btn{margin-bottom: 20px;}
	.more_career > dl:first-child,.more_career > dl:last-child{width: 100%;}
	.more_career > dl dt{width: 95px;}
	.more_career > dl dd{width: calc(100% - 95px);}
	.more_career > dl > div.w225 dt{width: 180px;}
	.more_career > dl > div.w225 dd{width: calc(100% - 180px);}
	.es_box p.fs24{
		width: 200px;
		padding: 10px 0;
	}
	.es_box p.fs18{
		width: calc(100% - 200px);
		padding-left: 30px;
	}
	.congress > h3{width: 150px;}
	.congress > div{width: calc(100% - 150px);}
	.congress_c2 > *{width: 100%;}
	.congress_c2 > *:not(:last-child){margin-bottom: 10px;}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	
	/* 院長紹介
	--------------------------------------*/
	.director_img,.director_con{width: 100%;}
	.director_con{padding-left: 0;}
	.director_img{
		margin-bottom: 30px;
		padding-top: 0;
	}
	.director_img img{margin: 0 auto;}
	.director_img > li:not(:last-child){margin-bottom: 15px;}
	.career_li > div,.career_li > div:first-child,.career_li > div:last-child{
		width: 100%;
		padding: 0;
	}
	.career_li > div:first-child{
		padding-top: 40px;
		border-top: 1px #897f79 dashed;
	}
	.career_li > div:not(:last-child),.career_li > div > div{
		padding-bottom: 40px;
		border-bottom: 1px #897f79 dashed;
	}
	.career_li > div:not(:last-child),.career_li > div > div:not(:last-child){margin-bottom: 40px;}
	.career_li > div:last-child{border-left: none;}
	
	/* 勤務医師紹介
	--------------------------------------*/
	.doctor_box > div{padding: 40px 30px;}
	.doctor_img{
		height: inherit;
		margin: 0 auto 30px;
	}
	.doctor_con,.es_box p.fs24,.es_box p.fs18,.congress > h3,.congress > div{width: 100%;}
	.doctor_con{padding-left: 0;}
	.doctor_flex.bb_dashed,.es_box{
		padding-bottom: 35px;
		margin-bottom: 35px;
	}
	.es_box p.fs24{margin-bottom: 15px;}
	.es_box p.fs18{padding-left: 0;}
	.congress > h3{margin-bottom: 15px;}
}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
	
	/* 院長紹介
	--------------------------------------*/
	.career_li dl > div:not(:last-child){margin-bottom: 27px;}
	.career_li dl > div dd{width: 100%;}
	.career_li dl > div dt{
		width: fit-content;
		background-color: #f7f3f2;
		padding: 2px 15px 3px;
		border-radius: 80px;
		margin-bottom: 8px;
	}
	
	/* 勤務医師紹介
	--------------------------------------*/
	.doctor_box > div{padding: 25px 23px 35px;}
	.doctor_img,.fujiwara_dr .doctor_img{margin-bottom: 20px;}
	.doctor_img img{width: 90px;}
	.doctor_img p.ffm{font-size: 12px;}
	.doctor_con dl > div{flex-wrap: wrap;}
	.doctor_con dl > div dt,.doctor_con dl > div dd,.more_career > dl dt,.more_career > dl dd,.congress > div > ul{width: 100%!important;}
	.doctor_con dl > div dt,.more_career > dl dt{color: #b484bc;}
	.doctor_con dl > div dd,.fujiwara_dr .doctor_con dl > div dd{padding-left: 0;}
	.doctor_con ul.mb10{margin-bottom: 20px!important;}
	.congress > div > ul:first-child{margin-bottom: 10px;}
}