@charset "utf-8";
/*-------- staff css --------*/

/* モバイルレイアウト : 480 px およびそれ以下. */

/* --------------------------------------------------------
#mainImg
-------------------------------------------------------- */

#mainImg2{	 background:url(../img/bg_01_sp.png) no-repeat;}

/* --------------------------------------------------------
main - section
-------------------------------------------------------- */

/*院長･スタッフ紹介*/
section.staff h3 , section.staff2 h3{ padding:2% 0 2% 2.5%;}
@media print, screen and (min-width: 736px) {
	section.staff h3{ padding:1% 0 0 2.5%; }
}

section.staff h6{
	width:100px;
	margin:3% 0;
	height:25px;
	text-align:center;
	background:url(../img/h6_01.png) no-repeat top left;
	font-size:15px;
	color:#8CC11F;
}

ul.doctor,
ul.doctor2,
ul.officeWork,
ul.officeWork2{
	text-align:center;
	padding:8% 0;
}

ul.doctor p,
ul.doctor2 p,
ul.officeWork p,
ul.officeWork2 p{
	text-align:left;
}

section.staff h5{
	width:70%;
	margin:0 auto;
	font:bold 18px "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#467F2B;
	border-bottom: solid 3px #D0F3A0;
	padding: 8% 0 1%;
}
@media print, screen and (min-width: 736px) {
	section.staff h5{	width:30%;	}
}
	ul.officeWork h5 ,
	ul.officeWork2 h5{
		color:#8C4600;
		border-bottom: solid 3px #FFCC99;
	}

.name , .name2{
	display:inline-block;
	margin:0 auto;
	width:100%;
	font:normal  12px "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#467F2B;
}
	.name2{
		color:#8C4600;
	}

li.greeting p:nth-child(3){
	font:normal  18px "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#3F1000;
}

ul.career li , ul.career2 li{ list-style-type: disc; text-align:left; margin:0 0 0 8%;}

/*集合写真*/
@media print, screen and (min-width: 736px) {
	section.staff2 h3{ padding:1% 0 0 1%;}
}
section.staff2 p{ text-align:center;}

/* タブレットレイアウト : 768 px～。モバイルレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {
	
/* --------------------------------------------------------
#mainImg
-------------------------------------------------------- */

#mainImg2{	 background:url(../img/bg_01.png);}

/* --------------------------------------------------------
main - section
-------------------------------------------------------- */

/*院長･副院長*/
section.staff h3{ padding:0.5% 0 0 1.2%;}
section.staff2 h3{ padding:0.5% 0 0;}

ul.doctor ,
ul.doctor2{
	overflow:hidden;
	padding: 5% 0 1%;
}

ul.doctor2
li.doctorImg{ padding:0;}

ul.doctor2
ul.careerWrap{ padding:100px 0 0;}

li.doctorImg {width:260px;	float:left; padding:3% 0 0;}

li.greeting  {width:700px;	float:right;}

section.staff h5 ,
.name{
	display:block;
	width:170px;
	margin:0;
	padding:0;
	float:left;
}
	.name{ clear:both; text-align:center; padding:0.5% 0 0;}

li.greeting p:nth-child(3){ clear:both; display:block; padding:3% 0 0;}

li.careerWrapLi{ clear:both; width:250px; float:left;}
li.careerWrapLi2{ clear:none; width:320px; float:left;}
	ul.career li  , ul.career2 li { clear:both; margin:0 0 0 10%;}

/*スタッフ*/
ul.officeWork ,
ul.officeWork2{
	width: 260px;
	float:left;
	padding:10% 7% 5% 0 ;
}

ul.officeWork li:nth-child(2) ,
ul.officeWork2 li:nth-child(2){
	display:inline-block;
	padding: 5% 0 0;
	margin:0 auto;
}
	.name2{ display:block; clear:both; text-align:center; padding:0.5% 0 0;}

/*集合写真*/
section.staff2 p{ padding:3% 0;}


/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {}