@charset "UTF-8";

/* メインイメージ */
.contentpage #header .m_img .m_area {
	background-image: url(../images/staff/m_img.jpg);
}

#pagebody {
padding-top: 150px;
padding-bottom:50px;
}
#wrapper{
padding-bottom: 150px;	}
/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#pagebody {
padding-top: 8%;
padding-bottom:8%;
}
#wrapper{
padding-bottom:8%;}	
}
/* Mobile
------------------------------------------*/
@media only screen and (max-width: 767px) {	
#pagebody {
padding-top: 10%;
padding-bottom: 10%;
}
#wrapper{
padding-bottom: 10%;}	
}


.w1000 {
width: 94%;
padding: 0 3%;
max-width: 1000px;
margin: 0 auto;
text-align: left;
}


/* 導入 */
.subTitle {
margin-bottom: 70px;
}
.subTitle h3 {
text-align: center;
font-size: 260%;
font-weight: bold;
letter-spacing: .3em;
line-height: 1.6em;
position: relative;
}
.subTitle h3 strong{
color: #B59541;
}
.subTitle p{
padding-top: 40px;
}

/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.subTitle {
margin-bottom: 10%;
}
.subTitle h3 {
font-size: 210%;
}
.subTitle p{
padding-top: 1.8em;
}
}

/* Mobile 
------------------------------------------*/
@media only screen and (max-width: 767px) {
.subTitle {
margin-bottom: 12%;
}
.subTitle h3 {
font-size: 170%;
letter-spacing: .1em;
}
.subTitle p{
padding-top: 1.2em;
}
}


/* 院長*/
.doctor_box{
background: -moz-linear-gradient(left, rgba(60,141,47,0.08) 0%, rgba(0,78,185,0.1) 100%);
background: -webkit-linear-gradient(left, rgba(60,141,47,0.08) 0%,rgba(0,78,185,0.1) 100%); 
background: linear-gradient(to right, rgba(60,141,47,0.08) 0%,rgba(0,78,185,0.1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#143c8d2f', endColorstr='#1a004eb9',GradientType=1 ); 
margin-bottom: 7%;
}

.doctor_box .bg_dr{
background-image: url(../images/staff/bg_dr.svg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 18%;
}

.doctor_box .w1500{
background-image: url(../images/staff/dr.svg);
background-position: left 2.5%;
background-repeat: no-repeat;
background-size: 55%;
}

.doctor_box p.txt_deco{
color: #fff;
}
.doctor_box p.txt_deco:first-letter{
color: #F99898;
}

.doctor_box .box_l{
padding-top: 9%;
padding-bottom: 3%;
}
.doctor_box .box_r{
padding-top: 6%;
padding-bottom: 9%;
}
.dr_name{
border-bottom: solid 1px #fff;
padding-bottom: 3em;
margin-bottom: 3em;
}

.doctor_box .greet dt{
margin-top: 3em;
margin-bottom: 3em;
}
.doctor_box .greet_img{
margin: 7% 0;
}

.doctor_box .prof_box {
margin-top: 2em;
margin-bottom: 3em;
}
.doctor_box .prof_box ul{
margin-top: .7em;
font-weight: 500;
font-size: .95em;
}
.doctor_box .prof_box ul li {
position: relative;
padding-left: 1.2em;
_zoom:1;
overflow: hidden;
}
.doctor_box .prof_box ul li::after {
display: block;
content: '';
position: absolute;
top: .85em;
left: 0;
width: 6px;
height: 6px;
background-color: #64abcc;
border-radius: 100%;
}
.doctor_box .txt_indent{
	padding-left:1em;
	text-indent: -1em;
}
.doctor_box .prof_img{
margin: 3em 0;
}


/* PC
------------------------------------------*/
@media only screen and (min-width: 768px) {
.doctor_box .w1500{
background-size: 36%;
}
.doctor_box .box_l{
float: left;
padding-right: 5%;
border-right: solid 1px #fff;
}
.doctor_box .box_r{
float: right;
padding-bottom: 7em;
}
.doctor_box .box_l , .doctor_box .box_r{
width: 45%;
}
.doctor_box .inner{
max-width: 520px;
box-sizing: border-box;
}
.doctor_box .prof_box ul li p{
float: left;
}
.doctor_box .prof_box ul li p:first-child{
margin-right: 1em;
}
}
/* Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.doctor_box .w1500{
background-position: left 25px;
}
}
/* Mobile 
------------------------------------------*/
@media only screen and (max-width: 767px) {
.doctor_box .w1500{
background-position: left 20px;
}
.doctor_box .prof_box {
margin-top: .5em;
}
.doctor_box .box_l{
padding-top: 50px;
}
.doctor_box .box_r{
padding-top: 30px;
margin-top: 30px;
border-top: solid 1px #fff;
}
}


/* 歯科医師*/
.dentist_box > .box_deco{
_zoom:1;
overflow: hidden;
position: relative;
padding-top: 10%;
margin-bottom: 10%;
}
.dentist_box > .box_deco:before{
content: "";
position: absolute;
right: 0;
left: 0;
top: 0;
margin: auto;
width: 40%;
border-top: solid 1px rgba(73,65,46,.2);
}
.dentist .name_box div , .dentist .name_box dl{
text-align: center;
padding-bottom: 2em;
}
.dentist .name_box dl{
font-weight: 600;
font-size: 1.15em;
letter-spacing: .2em;
}
.dentist .name_box dd{
font-size: 1.55em;
letter-spacing: .3em;
font-weight: 500;
position: relative;
padding-top: .7em;
margin-top: .5em;
}
.dentist .name_box dd:before{
content: "";
position: absolute;
right: 0;
left: 0;
top: 0;
margin: auto;
width: 20%;
border-top: solid 2px #D7B500;
}
.dentist .name_box dd span{
font-size: .55em;
color: #D7B500;
letter-spacing: .2em;
}
.dentist .prof_box{
margin-top: 3em;
}
.dentist .prof_box ul{
font-weight: 500;
font-size: .95em;
}
.dentist .prof_box ul li {
position: relative;
padding-left: 1.2em;
_zoom:1;
overflow: hidden;
}
.dentist .prof_box ul li::after {
display: block;
content: '';
position: absolute;
top: .85em;
left: 0;
width: 6px;
height: 6px;
background-color: #D7B500;
border-radius: 100%;
}
.dentist .prof_box .txt_indent{
	line-height:1.7em;
	font-size:97%;
}
.group_photo dl{
position: relative;
padding-bottom: 3em;
margin-bottom: 1em;
}
.group_photo dd{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

/* PC
------------------------------------------*/
@media only screen and (min-width: 768px) {
.dentist_box > ul > li{
float: left;
max-width: 450px;
width: 45%;
}
.dentist_box > ul > li:nth-child(even){
float: right;
}
.dentist .name_box{
display: table;
}
.dentist .name_box div , .dentist .name_box dl{
display: table-cell;
vertical-align: middle;
}
.dentist .name_box div{
max-width: 210px;
width: 50%;
}
.dentist .name_box dl{
max-width: 140px;
width: 40%;
}
.dentist .name_box2{
		display:block;
	}	
.dentist .name_box2 dl{
		display:block;
}	
.dentist .name_box2 dl{
width: 100%;
	margin:0 auto;
	padding-top: 9%;
	text-align: center;
}	
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.dentist_box > .box_deco{
padding-top: 0;
margin-bottom: 0;
}
.dentist_box > .box_deco:before{
display: none;
}
.dentist_box > ul > li{
border-top: solid 1px #ccc;
padding-top: 10%;
padding-bottom: 10%;
}
}


/* 歯科衛生士、受付etc.*/
.staff_box{
_zoom:1;
overflow: hidden;
margin-bottom: 4em;
}
.staff_box h4{
color: #fff;
text-align: center;
font-size: 1.5em;
letter-spacing: .2em;
padding: 2.5em .5em;
}
.staff_box .box_l h4{
background: url(../images/staff/img_dh.jpg) no-repeat right center #FFB54C;
background-size: auto 100%;
}
.staff_box .box_r h4{
background: url(../images/staff/img_ac.jpg) no-repeat right center #F99898;
background-size: auto 100%;
}
.staff_box .inner{
padding: 5% 2%;
}
.staff_box .inner .txt{
background: #fff;
border-radius: 5px;
padding: 1.5em;
}
.staff_box .inner .prof_box p{
margin-top: 2em;
}
.staff_box .prof_box ul{
font-weight: 500;
font-size: .95em;
}
.staff_box .prof_box ul li {
position: relative;
padding-left: 1.2em;
_zoom:1;
overflow: hidden;
}
.staff_box .prof_box ul li::after {
display: block;
content: '';
position: absolute;
top: .85em;
left: 0;
width: 6px;
height: 6px;
background-color: #FFB54C;
border-radius: 100%;
}
.staff_box .box_r ul li::after {
background-color: #F99898;
}

/* PC
------------------------------------------*/
@media only screen and (min-width: 768px) {
.staff_box .box_l , .staff_box .box_r{
max-width: 580px;
width: 48%;
}
.staff_box .box_l{
float: left;
}
.staff_box .box_r{
float: right;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.staff_box h4{
font-size: 1.15em;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.staff_box{
margin-top: 5%;
}
.staff_box .box_l , .staff_box .box_r{
margin-top: 7%;
}
.staff_box .inner{
padding: 1em .5em;
}
}