@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
base
#141977 青
#ED4549 赤
-----------------------------------------------*/

/*-----------------------------------------------
  doctor
-----------------------------------------------*/
#doctor .doctor {
width: 100%;
margin: 2em auto 0 auto;
}
#doctor .doctor h4 {
padding: 0.5em;
font-size: 1.2em;
line-height: 1.3;
color: #FFF;
background-color: #141977;
}
#doctor .doctor h4 span {
margin-right: 0.5em;
padding: 0.2em 0.5em;
font-size: 0.85em;
font-weight: bold;
color: #141977;
background-color: #FFF;
border-radius: 0.2em;
}
#doctor .doctor .inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
padding: 1em;
background-color: #F5F5F5;
}
#doctor .doctor figure {
width: 240px;
margin: 0;
padding: 0;
}
#doctor .doctor figure.none {
padding: 4em 0;
background: #F5F5F5;
}
#doctor .doctor figcaption {
font-weight: bold;
text-align: center;
}
#doctor .doctor figcaption span {
font-size: 1.25em;
font-weight: bold;
}
#doctor .doctor figcaption small {
font-size: 0.85em;
}
#doctor .doctor dl {
width: calc(98% - 240px);
}
#doctor .doctor dt {
font-size: 1.1em;
font-weight: bold;
color: #141977;
}
#doctor .doctor dt:not(:nth-child(1)) {
margin-top: 0.5em;
}
@media (max-width:640px) {
	#doctor .doctor h4 {
	text-align: center;
	border-radius: 0.5em 0.5em 0 0;
	}
	#doctor .doctor h4 span {
	display: block;
	width: 6em;
	margin: 0 auto 0.5em auto;
	}
	#doctor .doctor figure {
	width: 75%;
	margin: 0 auto;
	}
	#doctor .doctor figure.none {
	padding: 0 0 1em 0;
	}
	#doctor .doctor dl {
	width: 100%;
	}
	#doctor .doctor dt {
	font-size: 1em;
	}
}