@charset "UTF-8";


/* メインイメージ
---------------------------------------------------------*/
.contentpage .m_img_area {
	background-image: url("../images/staff/m_img@2x.jpg");
}



/* com_lead
---------------------------------------------------------*/
.com_lead.bg::before{
	background-image: url("../images/staff/lead_bg@2x.png");
}
.com_lead_inbox_r {
	width: 70%;
	text-align: left;
}
/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.com_lead.bg::before{
	width: 65%;
}
.com_lead_inbox_r {
	width: 100%;
}
.com_lead_inbox_r .com_lead_tit{
	text-align: center;
}
}





/* 共通
---------------------------------------------------------*/
.stf_index{
	margin-bottom: 80px;
	padding: 40px 3% 40px 3%;
}
.stf_index .ft_min{
	font-size:130%;
	letter-spacing: 0.3em;
	margin-bottom: 30px;
	color:#c69d67;
}
.stf_index .ft_tajawal_l{
	font-size:465%;
	letter-spacing: -0.03em;
	color:#ffffff;
}
.stf_img{
	position:relative;
}
.stf_name{
	position:absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom:10px;
	text-align: center;
}
.stf_name dt {
	font-size:95%;
	line-height: 1.4em;
	letter-spacing: 0.15em;
	color:#ffffff;
	margin-bottom: 5px;
}
.stf_name dd {
	font-size:180%;
	color:#ffffff;
	margin-bottom: 5px;
}
.stf_name p{
	font-size:105%;
	color:#e3bb86;
}
.stf_prof .prof_list > li{
	padding-bottom: 20px;
	margin-bottom: 18px;
	border-bottom:1px solid rgba(47,47,47,0.20);
	padding-left: 1.5em;
	position: relative;
}
.stf_prof .prof_list > li::before{
	font-family: 'fontello';
	content: '\e808';
	color:#c69d67;
	position: absolute;
	font-size: 120%;
	letter-spacing: normal;
	line-height: 1.2em;
	left: 0;
	top: 0.25em;}
.stf_prof .prof_list > li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom:none;
}
.stf_prof .prof_list dt{
	color:#84378e;
	font-size:115%;
	letter-spacing: 0.2em;
	margin-bottom: 5px;
}
.stf_prof .prof_list > li dd li{
	line-height:1.5em;
	font-size:90%;
	margin-bottom: 5px;
}
.stf_prof .prof_list > li dd li:last-child{
	margin-bottom: 0;
}
.stf_prof .prof_list > li dd .indent_list li{
	text-indent:-1em;
	padding-left: 1em;
}
.stf_prof .prof_list > li dd .bio_list li{
	position: relative;
	padding-left: 5em;
}
.stf_prof .prof_list > li dd .bio_list li span{
	position: absolute;
	left: 0;
	top: 0;
}
.stf_prof .prof_list > li dd .bio_list li.no_span{
padding-left: 0;
padding-left: 10.5em;
text-indent: -10.5em;
}
.stf_prof .prof_list > li dd .txt_caution{
	margin-top: 1em;
	text-indent:-1em;
	padding-left: 1em;
	line-height:1.5em;
	font-size:90%;}

/*歯科医師・外部指導講師*/
#dentist .stf_name,#lecturer .stf_name{
	bottom:40px;
}
#dentist .stf_name dl,#lecturer .stf_name dl{
	display:table;
	margin: 0 auto;
}
#dentist .stf_name dt,#lecturer .stf_name dt,
#dentist .stf_name dd,#lecturer .stf_name dd{
	display:table-cell;
	vertical-align: middle;
	margin-bottom: 0;
}
#dentist .stf_name dt,#lecturer .stf_name dt {
	font-size:100%;
	padding-right: 0.5em;
}
#dentist .stf_name dd,#lecturer .stf_name dd {
	font-size:190%;
}
#dentist .stf_name p,#lecturer .stf_name p{
	font-size:100%;
	margin-top: 10px;
}
.greet_txt .ft_min{
	color:#84378e;
	letter-spacing:0.08em;
	line-height: 1.7em;
	font-size:180%;
	margin-bottom: 20px;
}

/*スタッフ*/
.stf_list{
	margin-bottom: -80px;
}
.stf_list > li{
	width:47%;
	float: left;
	margin-bottom: 80px;
	overflow: hidden;
}
.stf_list > li:nth-child(even){
	float: right;
}
.stf_list > li .col_l{
	max-width:200px;
	float: left;
	width: 37%;
}
.stf_list > li .col_r{
	float: right;
	width: 58%;
	box-sizing: border-box;
	border-top: 1px solid #bf4c68;
	border-left: 1px solid #bf4c68;
	position:relative;
}
.stf_list > li .col_r::before{
	display:block;
	content: "";
	position: absolute;
	right: 100%;
	top: 27%;
	width: 20px;
	height: 28px;
	background:url("../images/staff/dh_fkds.svg") no-repeat right top;
	background-size:100% auto;
}
.stf_list > li .col_r .com_list_kira{
	padding: 35px 20px 0 20px;
}
.stf_list > li .col_r .com_list_kira li::before{
	color: #c69d67;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.stf_index{
	margin-bottom: 50px;
	padding: 20px 3% 20px 3%;
}
.stf_index .ft_min{
	font-size:110%;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
}
.stf_index .ft_tajawal_l{
	font-size:400%;
}
.stf_name{
	bottom:5px;
}
.stf_name dt {
	font-size:85%;
	line-height: 1.2em;
	letter-spacing: 0;
}
.stf_name dd {
	font-size:150%;
	color:#ffffff;
	margin-bottom: 2px;
	line-height: 1.2em;
}
.stf_name p{
	font-size:90%;
	line-height: 1.6em;
}
.stf_prof .prof_list > li{
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.stf_prof .prof_list > li::before{
	font-size: 110%;
	top: 0.3em;}
.stf_prof .prof_list dt{
	font-size:100%;
	margin-bottom: 0px;
}
.stf_prof .prof_list > li dd li{
	line-height:1.5em;
	font-size:85%;
	margin-bottom: 3px;
}

/*歯科医師・外部指導講師*/
#dentist .stf_name,#lecturer .stf_name{
	bottom:20px;
}
#dentist .stf_name dt,#lecturer .stf_name dt {
	font-size:80%;
	padding-right: 0.7em;
}
#dentist .stf_name dd,#lecturer .stf_name dd {
	font-size:140%;
	line-height: 1em;
}
#dentist .stf_name p,#lecturer .stf_name p{
	font-size:80%;
}
.greet_txt .ft_min{
	letter-spacing:0.02em;
	line-height: 1.6em;
	font-size:128%;
	margin-bottom: 8px;
}

/*スタッフ*/
.stf_list{
	margin-bottom: -40px;
}
.stf_list > li{
	margin-bottom: 40px;
}
.stf_list > li .col_l{
	float: none;
	width: 37%;
	margin: 0 auto 30px auto;
}
.stf_list > li .col_r{
	float: none;
	width: 100%;
	border-left: none;
}
.stf_list > li .col_r::before{
	width: 13px;
	right: 0;
	left: 0;
	margin: 0 auto;
	top: auto;
	bottom: 100%;
	height: 20px;
	background:url("../images/staff/dh_fkds_top.svg") no-repeat center bottom;
	background-size:100% auto;
}
.stf_list > li .col_r .com_list_kira{
	padding: 15px 10px 0 10px;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.stf_index{
	margin-bottom: 7%;
	padding: 4% 3% 4% 3%;
}
.stf_index .ft_min{
	font-size:110%;
	letter-spacing: 0.2em;
	margin-bottom: 4%;
}
.stf_index .ft_tajawal_l{
	font-size:300%;
	letter-spacing: -0.02em;
}
.stf_name{
	bottom:2vw;
}
.stf_name dt {
	font-size:80%;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	margin-bottom: 0;
}
.stf_name dd {
	font-size:130%;
	margin-bottom: 0;
	line-height: 1.5em;
}
.stf_name p{
	font-size:80%;
	line-height: 1.2em;
}
.stf_prof .prof_list > li{
	padding-bottom: 4%;
	margin-bottom: 4%;
	padding-left: 1.2em;
}
.stf_prof .prof_list > li::before{
	font-size: 90%;
	top: 0.4em;}
.stf_prof .prof_list dt{
	font-size:100%;
	letter-spacing: 0.2em;
	margin-bottom: 2%;
}
.stf_prof .prof_list > li dd li{
	line-height:1.5em;
	font-size:90%;
	margin-bottom: 2%;
}

/*歯科医師・外部指導講師*/
#dentist .stf_name,#lecturer .stf_name{
	bottom:4vw;
}
#dentist .stf_name dl,#lecturer .stf_name dl{
	display:table;
	margin: 0 auto;
}
#dentist .stf_name dt,#lecturer .stf_name dt {
	font-size:80%;
	padding-right: 0.3em;
}
#dentist .stf_name dd,#lecturer .stf_name dd {
	font-size:130%;
}
#dentist .stf_name p,#lecturer .stf_name p{
	font-size:80%;
	margin-top: 0;
}
.greet_txt .ft_min{
	line-height: 1.5em;
	font-size:125%;
	margin-bottom: 3%;
	text-align: center;
}

/*スタッフ*/
.stf_list{
	margin-bottom: 0;
}
.stf_list > li{
	width:100%;
	float: none;
	margin-bottom: 10%;
}
.stf_list > li:nth-child(even){
	float: none;
}
.stf_list > li:last-child{
	margin-bottom: 0;
}
.stf_list > li .col_l{
	float: none;
	width: 35%;
	margin: 0 auto 7% auto;
}
.stf_list > li .col_r{
	float: none;
	width: 100%;
	border-left: none;
}
.stf_list > li .col_r::before{
	width: 4vw;
	right: 0;
	left: 0;
	margin: 0 auto;
	top: auto;
	bottom: 100%;
	height: 20px;
	background:url("../images/staff/dh_fkds_top.svg") no-repeat center bottom;
	background-size:100% auto;
}
.stf_list > li .col_r .com_list_kira{
	padding: 5% 3% 0 3%;
}
}





/* 歯科医師
---------------------------------------------------------*/
#dentist .stf_index{
background: -moz-linear-gradient(top,  rgba(83,47,107,1) 0%, rgba(83,47,107,0.85) 100%);
background: -webkit-linear-gradient(top,  rgba(83,47,107,1) 0%,rgba(83,47,107,0.85) 100%);
background: linear-gradient(to bottom,  rgba(83,47,107,1) 0%,rgba(83,47,107,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#532f6b', endColorstr='#d9532f6b',GradientType=0 );}

/*dr_l_box*/
#dentist .dr_l_box .dr_grd{
	position:relative;}
#dentist .dr_l_box .dr_grd::before{
	display: block;
	content: "";
	position:absolute;
	top: 50px;/*揃える*/
	left: 0;
	width: 100%;
	height: 600px;
	z-index: -2;
background: -moz-linear-gradient(top, rgba(245,239,235,1) 0%, rgba(245,239,235,0) 100%);
background: -webkit-linear-gradient(top, rgba(245,239,235,1) 0%,rgba(245,239,235,0) 100%);
background: linear-gradient(to bottom, rgba(245,239,235,1) 0%,rgba(245,239,235,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5efeb', endColorstr='#00f5efeb',GradientType=0 ); 
}
#dentist .dr_l_box .bgbox{
	position:relative;}
#dentist .dr_l_box .bgbox::before{
	display: block;
	content: "";
	position:absolute;
	top: 50px;/*揃える*/
	right: 0;
	max-width: 690px;
	width: 70%;
	height: 530px;
	z-index: -1;
	background:url("../images/staff/dr1_bg1@2x.png") no-repeat right top;
	background-size:100% auto;
}
#dentist .dr_l_box.doctor2 .bgbox::before{
	background:url("../images/staff/dr2_bg1@2x.png") no-repeat right top;
	background-size:100% auto;
}
#dentist .box1{
	margin-bottom:50px;
}
#dentist .box1 .col_l{
	width: 41%;
	float: left;
}
#dentist .box1 .col_l .stf_img{
	max-width: 460px;
	margin: 0 0 0 auto;
  box-shadow: 0 0 20px 10px rgba(0,0,0,.08);
}
#dentist .box1 .col_r{
	width: 53%;
	float: right;
	padding-top: 125px;
}
#dentist .box1 .col_r .greet_txt{
	max-width: 670px;
}
#dentist .box2{
	text-align:left;
	max-width: 1500px;
	margin: 0 auto;
	width: 97%;
	padding-left: 3%;
}
#dentist .box2 .col_l{
	width: 57%;
	float: left;
}
#dentist .box2 .col_l .stf_prof{
	margin: 0 0 0 auto;
	max-width: 700px;
}
#dentist .box2 .col_r{
	width: 37%;
	max-width:540px;
	float: right;
}

/*dr_list*/
#dentist .dr_list .dr_grd{
	padding-top: 110px;
	position:relative;}
#dentist .dr_list .dr_grd::before{
	display: block;
	content: "";
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 600px;
	z-index: -2;
background: -moz-linear-gradient(top, rgba(245,239,235,1) 0%, rgba(245,239,235,0) 100%);
background: -webkit-linear-gradient(top, rgba(245,239,235,1) 0%,rgba(245,239,235,0) 100%);
background: linear-gradient(to bottom, rgba(245,239,235,1) 0%,rgba(245,239,235,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5efeb', endColorstr='#00f5efeb',GradientType=0 ); 
}
#dentist .dr_list .flt_list > li{
	float:left;
	width: 47%;
	max-width: 560px;
}
#dentist .dr_list .flt_list > li:nth-child(even){
	float:right;
}
#dentist .dr_list .flt_list > li .stf_img{
	margin-bottom: 30px;
}
#dentist .dr_list .flt_list > li .greet_txt{
	margin-bottom: 35px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*dr_l_box*/
#dentist .dr_l_box .dr_grd::before{
	top: 30px;
}
#dentist .dr_l_box .bgbox::before{
	top: 30px;
	width: 50%;
}
#dentist .box1{
	margin-bottom:40px;
}
#dentist .box1 .col_l{
	width: 35%;
}
#dentist .box1 .col_r{
	width: 60%;
	/*padding-top: 50px;*/
	padding-top: 12%;
}
#dentist .box1 .col_r .greet_txt{
	max-width: 100%;
}
	
/*dr_list*/
#dentist .dr_list .dr_grd{
	padding-top: 50px;}
#dentist .dr_list .flt_list > li .stf_img{
	margin-bottom: 20px;
}
#dentist .dr_list .flt_list > li .greet_txt{
	margin-bottom: 20px;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
/*dr_l_box*/
#dentist .dr_l_box .dr_grd::before{
	top: 5vw;
	height: 20vw;
}
#dentist .dr_l_box .bgbox::before{
	top: 5vw;
	right: -10%;
	width: 80%;
}
#dentist .box1{
	margin-bottom:5%;
}
#dentist .box1 .col_l{
	width: 100%;
	float: none;
}
#dentist .box1 .col_l .stf_img{
	width: 65%;
	margin: 0 auto 0 0;
}
#dentist .box1 .col_r{
	width: 100%;
	float: none;
	padding-top: 8%;
}
#dentist .box1 .col_r .greet_txt{
	max-width: 100%;
}
#dentist .box2{
	width: 100%;
	padding-left: 0;
}
#dentist .box2 .col_l{
	width: 94%;
	float: none;
	padding: 0 3%;
}
#dentist .box2 .col_l .stf_prof{
	margin: 0 0 0 auto;
	max-width: 700px;
}
#dentist .box2 .col_r{
	width: 70%;
	float: none;
	margin: 7% 0 0 auto;
	padding-bottom: 2%;
}

/*dr_list*/
#dentist .dr_list .dr_grd{
	padding-top: 10%;}
#dentist .dr_list .dr_grd::before{
	height: 15vw;
}
#dentist .dr_list .flt_list > li{
	float:none;
	width: 100%;
	max-width: 100%;
	margin-bottom: 10%;
}
#dentist .dr_list .flt_list > li:nth-child(even){
	float:none;
}
#dentist .dr_list .flt_list > li:last-child{
	margin-bottom: 0;
}
#dentist .dr_list .flt_list > li .stf_img{
	max-width: 560px;
	width: 80%;
	margin: 0 auto 5% auto;
}
#dentist .dr_list .flt_list > li .greet_txt{
	margin-bottom: 5%;
}
}





/* 歯科衛生士
---------------------------------------------------------*/
#dh .stf_index{
	background: linear-gradient(to bottom, rgba(191,76,104,1) 0%,rgba(191,76,104,0.7) 100%);}
#dh .stf_index .ft_min{
	color:#cebb59;
}



/* トリートメントコーディネーター
---------------------------------------------------------*/
#tc .stf_index{
	background: linear-gradient(to bottom, rgba(16,67,117,1) 0%,rgba(16,67,117,0.7) 100%);}
#tc .stf_index .ft_min{
	color:#a37925;
}
#tc  .stf_list > li .col_r{
	border-color: rgba(16,67,117,1);
}
#tc .stf_list > li .col_r::before{
	background:url("../images/staff/tc_fkds.svg") no-repeat right top;
	background-size:100% auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (max-width: 959px) {
#tc .stf_list > li .col_r::before{
	background:url("../images/staff/tc_fkds_top.svg") no-repeat center bottom;
	background-size:100% auto;
}
}



/* 受付・助手
---------------------------------------------------------*/
#da .stf_index{
	background: linear-gradient(to bottom,  rgba(184,179,42,1) 0%,rgba(184,179,42,0.7) 100%);}
#da .stf_index .ft_min{
	color:#a37925;
}
#da .stf_list > li .col_r{
	border-top: 1px solid #b8b32a;
	border-left: 1px solid #b8b32a;
	position: relative;
}
#da .stf_list > li .col_r::before{
	background:url("../images/staff/da_fkds.svg") no-repeat right top;
	background-size:100% auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {	
#da .stf_list > li .col_r{
	border-left: none;
}
#da .stf_list > li .col_r::before{
	background:url("../images/staff/da_fkds_top.svg") no-repeat center bottom;
	background-size:100% auto;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
#da .stf_list > li .col_r{
	border-left: none;
}
#da .stf_list > li .col_r::before{
	background:url("../images/staff/da_fkds_top.svg") no-repeat center bottom;
	background-size:100% auto;
}
}



/* コールセンター
---------------------------------------------------------*/
#cc .stf_index{
	background: linear-gradient(rgba(175,69,47,1) 0%, rgba(175,69,47,0.7) 100%);}
#cc .stf_index .ft_min{
	color:#cebb59;
}
#cc  .stf_list > li .col_r{
	border-color: rgba(175,69,47,1);
}
#cc .stf_list > li .col_r::before{
	background:url("../images/staff/cc_fkds.svg") no-repeat right top;
	background-size:100% auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (max-width: 959px) {
	#cc .stf_list > li .col_r::before{
	background:url("../images/staff/cc_fkds_top.svg") no-repeat center bottom;
	background-size:100% auto;
}
}



.stf_list > li .col_r{
	position: relative;
}
.stf_list > li .col_r p{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	top:50%;
	transform: rotateY(-50%);
	font-size: 120%;
	letter-spacing: 0.1em;
}
/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) {
.stf_list > li .col_r p{
	position: static;
	transform: rotateY(0);
	margin-top: 0.8em;
}
}




/* 外部指導講師
---------------------------------------------------------*/
#lecturer .stf_index{
background: -moz-linear-gradient(top, rgba(8,76,89,1) 0%, rgba(8,76,89,0.75) 100%);
background: -webkit-linear-gradient(top, rgba(8,76,89,1) 0%,rgba(8,76,89,0.75) 100%);
background: linear-gradient(to bottom, rgba(8,76,89,1) 0%,rgba(8,76,89,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084c59', endColorstr='#bf084c59',GradientType=0 );}

#lecturer .lctr_list > li{
	margin-bottom:80px;
	overflow: hidden;
}
#lecturer .lctr_list > li:last-child{
	margin-bottom:0;
}
#lecturer .lctr_list > li .col_l{
	float:left;
	width: 47%;
	max-width: 560px;
}
#lecturer .lctr_list > li .col_r{
	float:right;
	width: 47%;
}
#lecturer .lctr_list > li .stf_prof{
	margin-top:30px;
}
#lecturer .stf_prof .prof_list dt{
	color:#084c59;
}
#lecturer .greet_txt .ft_min{
	color:#084c59;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#lecturer .lctr_list > li{
	margin-bottom:50px;
}
#lecturer .lctr_list > li .col_l{
	width: 47%;
}
#lecturer .lctr_list > li .col_r{
	width: 49%;
}
#lecturer .lctr_list > li .stf_prof{
	margin-top:20px;}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
#lecturer .lctr_list > li{
	margin-bottom:10%;
}
#lecturer .lctr_list > li:last-child{
	margin-bottom:0;
}	
#lecturer .lctr_list > li .col_l{
	float:none;
	width: 80%;
	margin: 0 auto;
}
#lecturer .lctr_list > li .col_r{
	float:none;
	width: 100%;
	margin-top: 5%;
}
#lecturer .lctr_list > li .stf_prof{
	margin-top:3%;
}
}