@charset "UTF-8";

.contentspage #header .m_img_area {background-image: url(../images/m_img@2x.jpg);}



/*院長紹介
---------------------------------------------------------*/
.staff .bg {
	background: #f6f3f4 url(../images/dr_bg@2x.jpg) no-repeat left center;
	background-size: contain;
	padding: 80px 0;
	margin-bottom: 60px;
}
.staff .bg .in_box {
	width: 65%;
	max-width: 550px;
	margin-left: auto;
	margin-right: 0;
}
.staff .dr_name dt {
	font-size: 130%;
	font-weight: bold;
	letter-spacing: .2em;
	line-height: 1.2em;
	margin-bottom: .5em;
}
.staff .dr_name dd {
	font-size: 200%;
	letter-spacing: .2em;
	line-height: 1.2em;
}
.staff .dr_name dd .ft_europa_b {
	color: #8dc21f;
	font-size: 50%;
	letter-spacing: .2em;
	line-height: 1.2em;
	margin-left: 1.0em;
}
.staff .ryakureki {
	margin-top: 50px;
}
.staff .ryakureki > div {
	font-size: 110%;
	letter-spacing: .2em;
	line-height: 1.2em;
	margin-bottom: .8em;
}
.staff .ryakureki dl {
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.staff .ryakureki dt {
	width: 6em;
}
.staff .ryakureki dd {
	width: calc(100% - 6em);
}

/* 微調整 (1200px以下)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.staff .bg {
	background-position: -200px center;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.staff .bg {
	background-position: -150px center;
	padding: 6% 0;
	margin-bottom: 6%;
}
.staff .dr_name {
	font-size: 90%;
}
.staff .ryakureki {
	margin-top: 4%;
	font-size: 85%;
	line-height: 1.6em;
}
.staff .ryakureki > div {
	margin-bottom: .5em;
}
.staff .ryakureki dt {
	width: 6em;
}
.staff .ryakureki dd {
	width: calc(100% - 6em);
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.staff .bg {
	background-size: 80% auto;
	background-position: -50% top;
	padding: 15% 0 5%;
	margin-bottom: 8%;
}
.staff .bg .in_box {
	width: 100%;
}
.staff .dr_name {
	width: 55%;
	margin-left: auto;
	margin-right: 0;
	font-size: 90%;
}
.staff .dr_name dd .ft_europa_b {
	display: block;
	margin: .2em 0 0;
}
.staff .ryakureki {
	margin-top: 10%;
	font-size: 80%;
	line-height: 1.6em;
}
.staff .ryakureki > div {
	margin-bottom: .5em;
}
.staff .ryakureki dt {
	width: 5em;
}
.staff .ryakureki dd {
	width: calc(100% - 5em);
}
}



/*MESSAGE
---------------------------------------------------------*/
.message {
	margin-bottom: 100px;
}
.message > dl {
	float: left;
	width: 55%;
	padding-top: 30px;
}
.message > ul {
	float: right;
	width: 42%;
	max-width: 500px;
}

.message > dl dt {
	font-size: 200%;
	letter-spacing: .3em;
	line-height: 1.8em;
	margin-bottom: 1.0em;
}
.message > dl dt .ft_europa_b {
	display: block;
	color: #f4e498;
	font-size: 120%;
	letter-spacing: .2em;
	line-height: 1.2em;
	margin-bottom: .5em;
}
.message > dl ul {
	font-size: 110%;
	letter-spacing: .3em;
	line-height: 1.8em;
	margin-bottom: 1.5em;
}
.message > dl li {
	margin-bottom: .5em;
}
.message > dl li:last-child {
	margin-bottom: 0;
}

.message > ul li:nth-child(1) {
	width: 92%;
	max-width: 450px;
	margin-left: auto;
	margin-right: 0;
}
.message > ul li:nth-child(2) {
	margin: 20px 0;
	width: 72%;
	max-width: 350px;
	margin-right: auto;
}
.message > ul li:nth-child(3) {
	width: 62%;
	max-width: 300px;
	margin-left: auto;
	margin-right: 0;
}

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

.message > dl {
	float: none;
	width: 100%;
	padding-top: 0;
}
.message > ul {
	margin-left: 3%;
	margin-bottom: 1.0em;
}
.message > dl dt {
	font-size: 180%;
	letter-spacing: .16em;
	line-height: 1.6em;
	margin-bottom: 1.0em;
}
.message > dl ul {
	font-size: 110%;
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: 1.5em;
}
.message > dl li {
	margin-bottom: .2em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.message {
	margin-bottom: 14%;
}
.message > dl {
	float: none;
	width: 100%;
	padding-top: 0;
}
.message > ul {
	float: none;
	width: 100%;
	max-width: 100%;
	position: relative;
	padding-bottom: 25%;
}

.message > dl dt {
	font-size: 140%;
	letter-spacing: .2em;
}
.message > dl ul {
	letter-spacing: .1em;
	line-height: 1.6em;
}
.message > dl li {
	margin-bottom: .2em;
}
	
.message > ul li:nth-child(1) {
	float: left;
	width: 60%;
	margin: 0;
	padding-top: 8%;
}
.message > ul li:nth-child(2) {
	position: absolute;
	float: none;
	width: 48%;
	margin: 0;
	right: 0;
	bottom: 0;
}
.message > ul li:nth-child(3) {
	float: right;
	width: 38%;
	margin: 0;
}
}



/*スタッフ紹介

---------------------------------------------------------*/
.staff_list {
  padding: 0;
	padding-top: 40px;
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.staff_list li {
	width: 48%;
	max-width: 560px;
	margin-bottom: 80px;
}
.staff_list .img_box {
	position: relative;
	text-align: center;
	width: 80%;
	max-width: 460px;
	margin: 0 auto;
}
.staff_list .img_box p {
	position: relative;
	z-index: 0;
	width: 60%;
	max-width: 300px;
	margin-left: 0;
	margin-right: auto;
}
.staff_list .img_box dl {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 50%;
	max-width: 220px;
	color: #fff;
	font-size: 110%;
	letter-spacing: .2em;
	line-height: 1.2em;
	background: #ccc;
	padding: 2.5em 0;
}
.staff_list .img_box dl.surgery {
	padding: 1.9em 0;
}
.staff_list .img_box dl.col_dr {
	background: #a6cfef;
}

.staff_list .img_box dl.col_dh {
	background: #f4b8bf;
}

.staff_list .img_box dl.col_cd {
	background: #a5c889;
}

.staff_list .img_box dl.col_rc {
	background: #beb6d9;
}

.staff_list .img_box dl.col_dt {
	background: #e2b8ab;
}

.staff_list .img_box dl.col_ch {
	background: #ecd200;
}

.staff_list .img_box dl.col_cl {
	background: #95b3e0;
}

.staff_list .img_box dl.col_mn {
	background: #c0c591;
}
.staff_list .img_box dt {
	position: relative;
	padding-bottom: 1.0em;
	margin-bottom: .8em;
}
.staff_list .img_box dt::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 2.0em;
	height: 3px;
	background: #f4e498;
}
.staff_list .img_box dd {
	font-size: 150%;
	letter-spacing: .2em;
	line-height: 1.2em;
}
.staff_list .s_msg {
  font-size: 16px;
  line-height: 1.8;
	margin-top: 1.5em;
  margin-bottom: 1em;
}
.staff_list .s_prf {
	margin-top: 1.8em;
	border-top: dotted 1px #aaa;
	padding-top: 2.0em;
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	color: #675044;
	font-size: 105%;
	letter-spacing: .15em;
	line-height: 1.6em;
}
.staff_list .s_prf dt {
	width: 9.5em;
	color: #f29600;
	box-sizing: border-box;
	padding-left: 1.5em;
	position: relative;
  font-size: 14px;
  letter-spacing: 0;
}
.staff_list .s_prf dt::before {
	font-family: 'dental';
	content: '\e807';
	color: #f29600;
	font-weight: normal;
	position: absolute;
	left: 0;
	top: 0;
}
.staff_list .s_prf dd {
	width: calc(100% - 9.5em);
	margin-bottom: 1.0em;
  
  line-height: 1.7;
}
.staff_list .s_prf dd:last-child {
	margin-bottom: 0;
}

/* 微調整 (1200px以下)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.staff_list .img_box dl {
	font-size: 1.6vw;
	letter-spacing: .05em;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.staff_list {
	padding-top: 10%;
}
.staff_list .img_box dd {
	font-size: 140%;
}
.staff_list li {
	margin-bottom: 8%;
	font-size: 90%;
	line-height: 1.8em;
}
.staff_list .s_prf {
	margin-top: 1.5em;
	padding-top: 1.5em;
}
.staff_list .s_prf dd {
	margin-bottom: .5em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.staff_list {
  padding:0;
	padding-top: 14%;
	display: block;
    margin-bottom: 10%;
}
.staff_list li {
	width: 100%;
	max-width: 100%;
	margin-bottom: 9%;
    padding-bottom: 7%;
    border-bottom: solid 1px #675044;
}
.staff_list li:last-child{
     border-bottom: none;
    margin-bottom: 0%;
    padding-bottom: 0%;
}
.staff_list .img_box {
	width: 70%;
	max-width: 100%;
}
.staff_list .img_box dl {
	max-width: 100%;
	font-size: 75%;
	letter-spacing: .05em;
	padding: 2.0em 0;
}
.staff_list .img_box dt::before {
	height: 2px;
}
.staff_list .s_msg {
	margin-top: 1.0em;
}
.staff_list .s_prf {
	margin-top: .8em;
    border-top:none;
	padding-top: 0;
	font-size: 100%;
	letter-spacing: .05em;
}
.staff_list .s_prf dt {
	width: 9.0em;
	padding-left: 1.2em;
}
.staff_list .s_prf dd {
	width: calc(100% - 9.0em);
	margin-bottom: 10px;
  font-size: 14px;
}
}