@charset "UTF-8";

/*
---------------------------------------------------------*/
.contentpage .m_img_area .m_img {
	background-image: url("../images/staff/m_img@2x.jpg");
}
.contentpage .m_flex .m_img::before {
	padding-top: min(80%,490px);
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.m_flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.m_flex .m_img {
	width: 51%;
}
.m_flex .lead_box {
	width: 45%;
	box-sizing: border-box;
	padding-right: 4%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.contentpage .m_flex .m_img {
	margin-bottom: 8%;
}
.contentpage .m_flex .m_img::before {
	padding-top: 60%;
}
.m_flex .lead_box {
	margin: 0 5%;
}
.com_lead > dt {
	text-align: center;
}
}

/*共通
---------------------------------------------------------*/
.stf_style1 {
	font-size: min(1.6vw,117%);
	letter-spacing: .15em;
	line-height: 1.6;
	white-space: nowrap;
}
.stf_style1 > dd.name {
	font-size: 225%;
	letter-spacing: .3em;
}
.stf_style1 > dd.ft_goud {
	color: #49BBBC;
	font-size: 90%;
	letter-spacing: .2em;
}
.bio_box {
	background-color: #F5F5F5;
	box-sizing: border-box;
	padding: 50px 4.2%;
}
.bio_box .com_deco_txt {
	margin-bottom: 1.6em;
}
.bio_style1 > dt {
	font-size: 117%;
	letter-spacing: .12em;
	line-height: 1.6;
	margin-bottom: .6em;
}
.bio_box .bio_list {
	display: flex;
	flex-wrap: wrap;
	font-size: 94%;
}
.bio_box .bio_list > dt {
	width: 9em;
}
.bio_box .bio_list > dd {
	width: calc(100% - 9em);
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.bio_box {
	padding: 5%;
}
.stf_style1 {
	font-size: 1.8vw;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.stf_style1 {
	font-size: 105%;
	letter-spacing: .1em;
}
.stf_style1 > dd.name {
	font-size: 180%;
	letter-spacing: .25em;
}
.stf_style1 > dd.ft_goud {
	font-size: 80%;
}
.bio_box {
	padding: 10% 6%;
}
.bio_box .com_deco_txt {
	margin-bottom: 1.6em;
}
.bio_style1 > dt {
	font-size: 105%;
}
.bio_box .bio_list {
	font-size: 90%;
	letter-spacing: .02em;
}
.bio_box .bio_list > dt {
	width: 7.5em;
}
.bio_box .bio_list > dd {
	width: calc(100% - 7.5em);
}
}

/*歯科医師
---------------------------------------------------------*/
.dr_inbox {
	padding-bottom: 120px;
	margin-bottom: 120px;
	border-bottom: 1px solid #E0E0E0;
}
.dr_inbox:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.dr_flex .name_box {
	margin-bottom: 7%;
}
/*院長*/
.director .dir_main {
	width: 84%;
	margin-left: auto;
	margin-bottom: 5%;
}
.director .dr_flex .box_img {
	margin-top: -13%;
}
.director .stf_style1 {
	margin-top: 12%;
}
.director .com_style1 > dt {
	font-size: min(205%,2.8vw);
}
.director .bio_box {
	position: relative;
}
.director .bio_box .abs_img {
	max-width: 310px;
}
.director .bio_box .abs_img img {
	width: 71%;
	max-width: 220px;
	margin: 0;
}
.director .bio_box .abs_img img:first-of-type {
	margin-left: auto;
}
.director .bio_box .abs_img img:last-of-type {
	margin-top: -18%;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.dr_flex {
	display: flex;
	justify-content: space-between;
}
/*↓↓↓経歴支給されたら復活↓↓↓*/
/*
.dr_flex .name_box {
	display: flex;
}
.dr_flex .name_box .bio_style1 {
	padding-left: 8%;
	margin-left: 7%;
	border-left: 1px solid #49BBBC;
}
*/
/*↑↑↑経歴支給されたら復活↑↑↑*/
	
/*↓↓↓経歴支給されたら削除↓↓↓*/
.dr_inbox:last-of-type .dr_flex .box_r {
	align-self: center;
}
.dr_flex .name_box .bio_style1 {
	position: relative;
	padding-top: 2em;
	margin-top: 2em;
}
.dr_flex .name_box .bio_style1::before {
	position: absolute;
	content: "";
	width: 5em;
	height: 1px;
	background-color: #49BBBC;
	left: 0;
	top: 0;
}
/*↑↑↑経歴支給されたら削除↑↑↑*/

.dr_flex .box_l {
	width: 31%;
}
.dr_flex .box_r {
	width: 63%;
}
.director .bio_style1 {
	width: 67%;
}
.director .bio_box .abs_img {
	position: absolute;
	width: 28%;
	right: 4%;
	top: 50px;
}


}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.dr_inbox {
	padding-bottom: 10%;
	margin-bottom: 10%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	
.dr_inbox {
	padding-bottom: 12%;
	margin-bottom: 12%;
}
.dr_flex .box_l {
	margin-bottom: 5%;
}
.dr_flex .dr_img {
	width: 60%;
	margin: 0 auto 5%;
}
.dr_flex .stf_style1 {
	display: grid;
	grid-template-columns: min-content 1fr;
	align-items: center;
	column-gap: 1.5em;
	max-width: max-content;
	margin: 0 auto;
}
.dr_flex .stf_style1 > dd.ft_goud {
	grid-row: 2 / 3;
    grid-column: 2 / 3;
}
.dr_flex .name_box .bio_style1 {
	width: 90%;
	display: flex;
	padding-top: 7%;
	margin: 6% auto 0;
	border-top: 1px solid #49BBBC;
}
.dr_flex .name_box .bio_style1 > dt {
	margin-right: 2em;
}
/*院長*/
.director .dir_main {
	width: 140%;
	margin-left: -20%;
	margin-bottom: 10%;
}
.director .stf_style1 {
	margin-top: 0;
}
.director .com_style1 > dt {
	font-size: 140%;
}
.director .bio_box .abs_img {
/*
	width: 120%;
	margin: 8% -10% 0 auto;
*/
	width: 100%;
	margin: 5% auto 0;
}
.director .bio_box .abs_img img {
	width: 56%;
}
.director .bio_box .abs_img img:last-of-type {
	margin-top: -35%;
}
}

/*スタッフ
---------------------------------------------------------*/
#staff .img1 {
	width: 80%;
	max-width: 910px;
	background: url("../images/staff/stf_img1@2x.jpg") no-repeat right center;
	background-size: contain;
	padding: 3.8% 0 6%;
	margin: 0 auto 7%;
}
#staff .deco {
	width: 33%;
	max-width: 301px;
	margin-left: 0;
	margin-bottom: 2%;
}
#staff .stf_copy {
	font-size: min(3.2vw,235%);
	letter-spacing: .12em;
	line-height: 1.8;
}
#staff .stf_list > li {
	position: relative;
	box-sizing: border-box;
	padding: 0 2.3%;
}
#staff .stf_style1 {
	text-align: center;
	margin-bottom: 1.5em;
}
#staff .stf_style1 > dd.name {
	font-size: 175%;
}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
	
#staff .stf_list {
	display: flex;
	flex-wrap: wrap;
}
#staff .stf_list > li {
	width: 25%;
	border-right: 1px solid #49BBBC;
}
#staff .stf_list > li:last-of-type {
	border-right: none;
}

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

#staff .stf_list > li {
	width: 50%;
	padding: 0 5%;
}
#staff .stf_list > li:nth-of-type(even) {
	border-right: none;
}
#staff .stf_list > li:nth-of-type(n+3) {
	margin-top: 6%;
}
#staff .stf_list > li:nth-of-type(n+3)::before {
	position: absolute;
	content: "";
	background-color: #49BBBC;
	width: 90%;
	height: 1px;
	left: 5%;
	top: -1.5em;
}

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	
#staff .img1 {
	width: 105%;
	background-position: right -20% center;
	padding: 7% 5% 8%;
	margin-bottom: 10%;
}
#staff .deco {
	width: 38%;
}
#staff .stf_copy {
	font-size: 125%;
	letter-spacing: .08em;
	line-height: 1.7;
}
#staff .stf_list > li {
	padding-top: 8%;
	margin-top: 8%;
	border-top: 1px solid #49BBBC;
}
#staff .stf_list > li:first-of-type {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}
#staff .stf_style1 {
	margin-bottom: 1em;
}
#staff .stf_style1 > dd.name {
    font-size: 160%;
}

}