@charset "UTF-8";

.contentpage .m_img_area{	background-image:url("../images/staff/m_img@2x.jpg");}



/*共通
---------------------------------------------------------*/
/*stf_title*/
.stf_title{
	position: relative;
	padding-top: 45px;
	margin-bottom: 65px;
}
.stf_title::before{
	position:absolute;
	display: block;
	content: "";
	right: 0;
	top: 0;
	max-width: 1263px;
	height: 66px;
	width: 90%;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100% 100%;
	z-index: -1;
	background-image:url("../images/staff/stf_index1_bg@2x.png");
}
.stf_title .ft_europa{
	font-size:490%;
	letter-spacing: 0.18em;
	color:#63b3d1;
}
.stf_title .ft_shuei{
	margin-top: 30px;
	letter-spacing: 0.18em;
}

/*stf_list*/
.stf_list{
	margin-bottom:-70px;
}
.stf_list > li{
	float:left;
	max-width: 580px;
	width: 48%;
	margin-bottom: 70px;
	background-repeat: no-repeat;
	background-size:38% auto;
	background-position: left top
}
.stf_list > li:nth-child(even){
	float:right;
}
.stf_list > li .stf_inbox{
	padding: 50px 45px 0 45px;
}
.stf_list > li .stf_name .tblbox{
	display:table;
	width: 100%;
	max-width: 480px;
	margin: 0 auto 35px auto;
}
.stf_list > li .stf_name .tblbox .txt_box{
	display:table-cell;
	vertical-align: middle;
	width: 56%;	
}
.stf_list > li .stf_name .tblbox .img_box{
	display:table-cell;
	vertical-align: middle;
	max-width: 190px;
	width: 44%;
}
.stf_list > li .stf_name .tblbox .txt_box dt{
	letter-spacing: 0.2em;
	line-height: 1.2em;
	margin-bottom: 10px;
}
.stf_list > li .stf_name .tblbox .txt_box dd{
	font-size:190%;
	letter-spacing: 0.12em;
	margin-bottom: 7px;
}
.stf_list > li .stf_name .tblbox .txt_box p{
	font-size:85%;
	color:#aeadab;
}
.stf_list > li .stf_prof{
	margin-top:40px;
	background: #f3f3f2;
	padding: 25px 30px;
}
.stf_list > li .stf_prof dt{
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}
.stf_list > li .stf_prof dd li{
	line-height:1.5em;
	margin-bottom: 5px;
	position: relative;
	padding-left: 1.1em;
}
.stf_list > li .stf_prof dd li:last-child{
	margin-bottom: 0;
}
.stf_list > li .stf_prof dd li::before{
	position: absolute;
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 15px;
	left: 0;
	top: 0.35em;
}

/*com_bnrbox1*/
.com_bnrbox1 dd li{
	background-image:url("../images/staff/com_bnr1_dr@2x.jpg");
}
.com_bnrbox1 dd li:last-child{
	background-image:url("../images/staff/com_bnr1_stf@2x.jpg");
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1150px) {
.stf_list > li .stf_inbox{
	padding: 3vw 3vw 0 3vw;
}
.stf_list > li .stf_name .tblbox .txt_box dt{
	font-size:1.7vw;
	letter-spacing: 0.05em;
}
.stf_list > li .stf_name .tblbox .txt_box dd{
	font-size:3vw;
	letter-spacing: 0.1em;
	margin-bottom: 7px;
}
.stf_list > li .stf_name .tblbox .txt_box p{
	font-size:1.7vw;}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*stf_title*/
.stf_title{
	padding-top: 30px;
	margin-bottom: 20px;
}
.stf_title::before{
	height: 50px;
	width: 85%;
}
.stf_title .ft_europa{
	font-size:8vw;
}
.stf_title .ft_shuei{
	font-size:2vw;
	margin-top: 20px;
	letter-spacing: 0.1em;
}

/*stf_list*/
.stf_list{
	margin-bottom:-50px;
}
.stf_list > li{
	margin-bottom: 50px;
}
.stf_list > li .stf_inbox{
	padding: 3vw 3vw 0 3vw;
}
.stf_list > li .stf_name .tblbox{
	margin: 0 auto 15px auto;
}
.stf_list > li .stf_name .tblbox .txt_box{
	width: 60%;	
}
.stf_list > li .stf_name .tblbox .img_box{
	width: 40%;
}
.stf_list > li .stf_name .tblbox .txt_box dt{
	font-size:1.7vw;
	margin-bottom: 5px;
}
.stf_list > li .stf_name .tblbox .txt_box dd{
	font-size:3.2vw;
	letter-spacing: 0.1em;
	margin-bottom: 0;
}
.stf_list > li .stf_name .tblbox .txt_box p{
	font-size:1.5vw;
}
.stf_list > li .stf_prof{
	margin-top:20px;
	padding: 15px 20px;
	font-size:90%;
}
.stf_list > li .stf_prof dd li::before{
	width: 12px;
	height: 12px;
	border-radius: 12px;
	top: 0.35em;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/*stf_title*/
.stf_title{
	padding-top: 8vw;
	margin-bottom: 5%;
}
.stf_title::before{
	height: 15vw;
	width: 80%;
}
.stf_title .ft_europa{
	font-size:15vw;
	letter-spacing: 0.1em;
}
.stf_title .ft_shuei{
	margin-top: 4%;
	letter-spacing: 0.18em;
}

/*stf_list*/
.stf_list{
	margin-bottom:0;
}
.stf_list > li{
	float:none;
	max-width: 100%;
	width: 100%;
	margin-bottom: 10%;
}
.stf_list > li:last-child{
	margin-bottom: 0;
}
.stf_list > li:nth-child(even){
	float:none;
}
.stf_list > li .stf_inbox{
	padding: 7% 5% 0 5%;
}
.stf_list > li .stf_name .tblbox{
	margin: 0 auto 5% auto;
}
.stf_list > li .stf_name .tblbox .txt_box{
	width: 60%;	
}
.stf_list > li .stf_name .tblbox .img_box{
	width: 40%;
}
.stf_list > li .stf_name .tblbox .txt_box dt{
	font-size:3.5vw;
	letter-spacing: 0.1em;
	margin-bottom: 3%;
}
.stf_list > li .stf_name .tblbox .txt_box dd{
	font-size:7vw;
	letter-spacing: 0.12em;
	margin-bottom:2%;
}
.stf_list > li .stf_name .tblbox .txt_box p{
	font-size:3.5vw;
}
.stf_list > li .stf_prof{
	margin-top:6%;
	padding: 5%;
}
.stf_list > li .stf_prof dt{
	margin-bottom: 0.2em;
}
.stf_list > li .stf_prof dd li{
	margin-bottom: 0.3em;
	position: relative;
	padding-left: 20px;
}
.stf_list > li .stf_prof dd li::before{
	width: 12px;
	height: 12px;
	border-radius: 12px;
	top: 0.5em;
}

}





/*歯科医師紹介
---------------------------------------------------------*/
#doctor .stf_title .ft_europa,
#doctor .stf_list > li.stf_dr .stf_name .tblbox .txt_box dt{
	color:#63b3d1;
}
#doctor .stf_list > li.stf_dr{
	border-top:2px solid #63b3d1;
	background-image:url("../images/staff/stf_dr_corver@2x.png");
}
#doctor .stf_list > li.stf_dr .stf_prof dd li::before{
	background: #63b3d1;
}





/*スタッフ紹介
---------------------------------------------------------*/
/*#staff .stf_title::before{	background-image:url("../images/staff/stf_index2_bg@2x.png");}
#staff .stf_title .ft_europa{
	color:#ed9561;
}
#staff .stf_list > li.stf_dh .stf_name .tblbox .txt_box dt{
	color:#ed8c93;
}*/
#staff .stf_list > li.stf_dh{
	border-top:2px solid #ed8c93;
	background-image:url("../images/staff/stf_dh_corver@2x.png");
}
#staff .stf_list > li.stf_dh .stf_prof dd li::before{
	background: #ed8c93;
}
#staff .stf_list > li.stf_da .stf_name .tblbox .txt_box dt{
	color:#a69e1d;
}
#staff .stf_list > li.stf_da{
	border-top:2px solid #a69e1d;
	background-image:url("../images/staff/stf_da_corver@2x.png");
}
#staff .stf_list > li.stf_da .stf_prof dd li::before{
	background: #a69e1d;
}
#staff .stf_list > li.stf_dt .stf_name .tblbox .txt_box dt{
	color:#74bc93;
}
#staff .stf_list > li.stf_dt{
	border-top:2px solid #74bc93;
	background-image:url("../images/staff/stf_dt_corver@2x.png");
}
#staff .stf_list > li.stf_dt .stf_prof dd li::before{
	background: #74bc93;
}
#staff .stf_list > li.stf_cm .stf_name .tblbox .txt_box dt{
	color:#ed8c4c;
}
#staff .stf_list > li.stf_cm{
	border-top:2px solid #ed8c4c;
	background-image:url("../images/staff/stf_cm_corver@2x.png");
}
#staff .stf_list > li.stf_cm .stf_prof dd li::before{
	background: #ed8c4c;
}
#staff .stf_list > li.stf_ow .stf_name .tblbox .txt_box dt{
	color:#9f96c9;
}
#staff .stf_list > li.stf_ow{
	border-top:2px solid #9f96c9;
	background-image:url("../images/staff/stf_ow_corver@2x.png");
}
#staff .stf_list > li.stf_ow .stf_prof dd li::before{
	background: #9f96c9;
}





/*message
---------------------------------------------------------*/
#message .bgbox{
	padding-bottom:65px;
	position: relative;
}
#message .bgbox::before{
	display:block;
	content: "";
	position: absolute;
	left: 0;
	top: 180px;
	width: 100%;
	height: 450px;
	z-index: -1;
background: -moz-linear-gradient(top, rgba(201,201,84,0.2) 16%, rgba(201,201,84,0) 100%);
background: -webkit-linear-gradient(top, rgba(201,201,84,0.2) 16%,rgba(201,201,84,0) 100%);
background: linear-gradient(to bottom, rgba(201,201,84,0.2) 16%,rgba(201,201,84,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33c9c954', endColorstr='#00c9c954',GradientType=0 );
}
#message .img_box{
	max-width:920px;
	width: 75%;
	margin: 0 auto 50px auto;
}
#message .txt_box{
	max-width:657px;
	width: 60%;
	margin: 0 auto;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#message .bgbox{
	padding-bottom:50px;
}
#message .bgbox::before{
	top: 150px;
	height: 200px;
}
#message .img_box{
	margin: 0 auto 40px auto;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#message .bgbox{
	padding-bottom:8%;
	position: relative;
}
#message .bgbox::before{
	top: 30vw;
	height: 50vw;
}
#message .img_box{
	width: 90%;
	margin: 0 auto 7% auto;
}
#message .txt_box{
	width: 85%;
}
}




/*スタッフ紹介
---------------------------------------------------------*/
#staff .stf_title{
	margin-bottom:0;
}
#staff .stf_set{
	background:url("../images/staff/stf_set_bg@2x.jpg") no-repeat center 50px;
	background-size:100% 100%;
}
#staff .stf_set_inbox{
	max-width:1340px;
	margin: 0 auto;
	position: relative;
}
#staff .stf_set_copy{
	position:absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 41%;
	max-width: 654px;
	width: 55%;
}
#staff .abs_icon li{
	max-width:180px;
	width: 16%;
	position: absolute;
}
#staff .abs_icon li dl{
	position:relative;
}
#staff .abs_icon li dd{
	position:absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top:55%;
	font-size:105%;
	line-height: 1.4em;
}
#staff .abs_icon li:nth-child(1) dd,
#staff .abs_icon li:nth-child(2) dd{
	top:62%;
}
#staff .abs_icon li:nth-child(1){
	left:7%;
	top: 14%;
}
#staff .abs_icon li:nth-child(2){
	left:10%;
	bottom: 10%;
}
#staff .abs_icon li:nth-child(3){
	right:5%;
	top: 35%;
}
#staff .abs_icon li:nth-child(4){
	right:12%;
	top: 50%;
}
#staff .stf_msg{
	max-width:1168px;
	width: 94%;
	margin: 0 auto;
	padding: 0 3%;
}
#staff .stf_msg dl{
	position:relative;
}
#staff .stf_msg dt{
	position:absolute;
	max-width: 544px;
	width: 48%;
	left: 0;
	bottom:0;
}
#staff .stf_msg dd{
	max-width: 660px;
	width: 55%;
	margin: 0 0 0 auto;
	padding-bottom: 40px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#staff .stf_set_copy{
	top: 38%;
}
#staff .abs_icon li dd{
	font-size:1.5vw;
}
#staff .abs_icon li:nth-child(4){
	right:8%;
	top: 55%;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#staff .stf_set{
	background:url("../images/staff/stf_set_bg@2x.jpg") no-repeat center center;
	background-size:100% 100%;
}
#staff .stf_set_inbox{
	overflow: hidden;
}
#staff .stf_set_img{
	width:140%;
	margin: 0 20% 0 -20%;
}
#staff .stf_set_copy{
	top: 41%;
	width: 70%;
}
#staff .abs_icon li{
	width: 23%;
}
#staff .abs_icon li dd{
	font-size:2.5vw;
}
#staff .abs_icon li:nth-child(1){
	left:2%;
	top: 16%;
}
#staff .abs_icon li:nth-child(2){
	left:7%;
	bottom: 2%;
}
#staff .abs_icon li:nth-child(3){
	right:2%;
	top: 19%;
}
#staff .abs_icon li:nth-child(4){
	right:7%;
	top: auto;
	bottom:8%;
}
#staff .stf_msg dt{
	position:static;
	width: 90%;
	margin: 0 auto;
}
#staff .stf_msg dd{
	max-width: 660px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 0;
}}