/*----------------------------------------------------
	01 幹部スタッフ・医師
------------------------------------------------------*/



/*　　幹部スタッフ　*/

#id_ex_staff{}
#id_ex_staff h2{color: #055761;margin-bottom:0;}
.h2space_wide{letter-spacing:1em;}

.drBox_right,
.drBox_left{ position:relative;margin-bottom:80px;padding-right:0;padding-left:0;}


.drPhoto_right{width:40%;position:relative;margin-left:58%;}
.drPhoto_left{width:40%;position:relative;}
.drPhoto_right img,
.drPhoto_left img{width:100%;}

.drBox_right_name{width:200px; background:#82bdc4;height:200px;position:absolute;  top:0; left:0px;border-radius:50%;z-index:3;}
.drBox_left_name{width:200px; background:#82bdc4;height:200px;position:absolute;  top:0; right:0px;border-radius:50%;z-index:3;}
.drBox_right_name ul,
.drBox_left_name ul{
text-align:center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);}

.drBox_right_name ul li:first-child,
.drBox_left_name ul li:first-child{
color:#055761;font-weight:500;}

.drBox_left_name ul li:nth-child(2),
.drBox_right_name ul li:nth-child(2){
font-weight:500;font-size:2.6rem;}

.drBox_right_name ul li:last-child,
.drBox_left_name ul li:last-child{
color:#055761;font-size:90%; font-style:italic;}


.drBox_right_text{width :58%; background:#fff;position:absolute; top:60px;left:0px;background:transparent;}
.drBox_left_text{width :58%;background:#fff;position:absolute; top:60px;right:0px;background:transparent;}
   .drBox_right_text.top100,.drBox_left_text.top100{top:100px;}

.drBox_right_text .keireki{margin-left:220px;margin-bottom:15px;min-height:100px;}
.drBox_left_text .keireki{margin-bottom:15px;min-height:100px;}
.drBox_right_text .coment,
.drBox_left_text .coment{border-top:1px dotted; padding-top:15px;}

.drBox_right_text .keireki p,
.drBox_left_text .keireki p,
.drBox_flex_text .keireki p{font-weight:500;margin-bottom:10px;}

.drBox_right_text .keireki ul li,
.drBox_left_text .keireki ul li,
.drBox_flex_text .keireki ul li {padding-left: 1.5em;position: relative;}

.drBox_left_text .keireki ul li:before,
.drBox_right_text .keireki ul li:before,
.drBox_flex_text .keireki ul li:before{
 display: block;
 content: "■";
 width: 1em;
 height: 1em;
 position: absolute;
 left: 0;
 top: 0;color:#5fb0ba;
}

@media only screen and (max-width: 767px) {

#id_ex_staff h2{margin-bottom:10px;}
.h2space_wide{letter-spacing:.5em;}

.drBox_right_name{top:0;left:10px;}
.drBox_left_name{top:0;right:10px;}

.drBox_right_text,
.drBox_left_text{width:100%;top:0px;padding-left:2%;padding-right:1%;position:relative;margin-top:15px;}
   .drBox_right_text.top100,.drBox_left_text.top100{top:0;}
.drBox_left_text .keireki{min-height:auto;}
.drPhoto_left{top:0}

.drBox_right_text .keireki{margin-left:0;min-height:auto;}
.drPhoto_right{top:0}

.drBox_left_text .coment,
.drBox_right_text .coment{border-top:none;padding-top:0;}

.drBox_right_name,
.drBox_left_name{width:180px; height:180px; }

.drPhoto_right{width:50%;margin-left:50%;}
.drPhoto_left{width:50%;}

.drBox_left_name ul li:nth-child(2),
.drBox_right_name ul li:nth-child(2){font-weight:500;font-size:2.2rem;}

.drBox_left_name ul li:last-child,
.drBox_right_name ul li:last-child{font-size:80%;}

}

/*　　仕切り線　*/

.partition_line{border-top:4px dotted #ccc;margin:0 auto;}

/*　　小児科医師　*/
.drBox_flex{margin-bottom:50px;
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
padding:0;
}
.drBox_right_name.name_block{position:relative;}
.drBox_flex_text{width: calc(100% - 230px);margin-top:30px;}
.drBox_flex_text .keireki{margin-bottom:20px;}
.drBox_flex_text .coment{border-top:1px dotted; padding-top:20px;}

@media only screen and (max-width: 767px) {
.drBox_flex{}
.drBox_flex_text{width: 100%;padding-left:2%;padding-right:1%;margin-top:15px;}
.drBox_flex_text .coment{border-top:0; padding-top:0px;}
}

/*　　当直医師　*/
.drBox_right_name.name_block.touchoku{
background:#fff;border:5px solid #82bdc4;}


/*------------------------------------
院長就任のご挨拶へのリンク
--------------------------------------- */

.c-parts-arrR_Lage {
	font-weight: 500;border-bottom:1px dotted #666;cursor:pointer;font-size:120%;
}

.c-parts-arrR_Lage:hover {
	border-bottom:1px dotted #f00;
}

.c-parts-arrR_Lage::before {
	position: relative;
	top: -1px;
	border-bottom: solid 3px #ff6000;
	border-radius: 1px;
	border-right: solid 3px #ff6000;
	content: '';
	display: inline-block;
	height: 7px;
	margin: 0 8px 0 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 7px;
}

@media only screen and (max-width: 767px) {
.c-parts-arrR_Lage {font-size:100%;}
}



/*------------------------------------
　　その他のスタッフ
--------------------------------------- */

.chief_container{
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
}

.chief_box{
width:46%;margin-bottom:30px;
}

.chief_name{height:100px;
display:flex;
align-items:center;
justify-content:flex-start;
margin-bottom:20px;
font-weight:500;font-size:2rem;letter-spacing:2px;
}

.chief_circle{width:100px; background:#82bdc4;height:100px;border-radius:50%;}
     .chief_circle.chief_circle_aroma{background:#b99fd3;}
     .chief_circle.chief_circle_office{background:#77aadd;}
.chief_circle ul{text-align:right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);}
.chief_name ul li{padding-right:1px;}

ul.chief_profile{width:100%;padding-left:1.2em;}
ul.chief_profile li{list-style-type: none;text-indent:-.6em;}
ul.chief_profile li:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	background: #5fb0ba;
	position: relative;
	left: -.4em;
	top: 0px;
}

      ul.chief_profile.chief_profile_aroma li:before{background: #b99fd3;}
      ul.chief_profile.chief_profile_office li:before{background: #77aadd;}

ul.chief_profile li:last-child:before{content: none; }
ul.chief_profile li:last-child{text-indent:0;margin-left:-1em;}
ul.chief_profile li:last-child span {	color: #5fb0ba;}

ul.chief_profile  li.coment:before{
	content: none;  
}

ul.chief_profile li.coment{
margin-left:-1em;border-top:1px dotted #999;padding-top:10px;
line-height:1.5;margin-top:.6em;margin-bottom:.1em;text-indent:0;}


@media only screen and (max-width: 767px) {
.chief_container{}
.chief_box{
width:100%;margin-bottom:30px;padding-left:2%;padding-right:1%;
}
.chief_circle{width:60px; height:60px;}
.chief_name{height:60px;
margin-bottom:20px;
font-weight:500;font-size:1.8rem;letter-spacing:2px;
}
ul.chief_profile li.coment{border-top:0;padding-top:0;
}
}



/*　　既存のCSS調整　*/
.innerBlock_gray.innerBlock_gray_pt00{padding-top:0;}
.innerBlock.innerBlock_pt00{padding-top:0;}
.innerBlock_gray.innerBlock_gray_pt80{padding-top:80px;}