@charset "UTF-8";

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



/*導入文
---------------------------------------------------------*/
.com_lead{
	padding-bottom: 60px;
}
.lead_img {
	position: relative;
	max-width: 1705px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 130px;
}
.lead_img p{
	position: relative;
	width: 58%;
	max-width: 886px;
	margin-left: auto;
	margin-right: auto;
}
.lead_img .abs li{
	position: absolute;
	display: block;
	width: 35%;
	max-width: 505px;
}
.lead_img .abs li:first-child{
	top: 0;
	left: 0;
}
.lead_img .abs li:last-child{
	bottom: 0;
	-webkit-transform: translateY(10%);
	transform: translateY(10%);
	right: 2%;
}

/* 1600px以下
------------------------------------------*/
@media only screen and (max-width: 1600px) {
.lead_img .abs li:first-child{
	left: -9%;
}
.lead_img .abs li:last-child{
	right: -5%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.com_lead{
	padding-bottom: 5%;
}
.lead_img {
	margin-bottom: 7%;
}
.lead_img p{
	width: 70%;
}
.lead_img .abs li{
	width: 38%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_lead{
	padding-bottom: 6%;
}
.lead_img {
	margin-bottom: 9%;
}
.lead_img p{
	width: 80%;
	position: relative;
	z-index: -1;
}
.lead_img .abs li{
	width: 50%;
	position: static;
}
.lead_img .abs li:first-child{
	float: left;
	margin-top: -15vw;
}
.lead_img .abs li:last-child{
	float: right;
	margin-top: -20vw;
}
}





/*fukidashi_ab
---------------------------------------------------------*/
.fukidashi_ab{
	position: relative;
	padding-bottom: 24.5px;
	margin-bottom: 95px;
}
.fukidashi_ab::after{
	position: absolute;
	content: "";
	background: url(../images/staff/fukidashi_b@2x.png) no-repeat center bottom;
	background-size: 100% auto;
	width: 130px;
	height: 25px;
	bottom: 0.5px;
	left: 0;
	right: 0;
	margin: auto;
}
.fukidashi_ab .fukidashi_tit{
	background-color: #57bccd;
	padding: 1.9em 3% 1.4em;
	color: #fff;
	font-size: 160%;
	letter-spacing: 0.2em;
	position: relative;
}
.fukidashi_ab .fukidashi_tit h2{
	padding-top: 0.5em;
	line-height: 1.5em;
}
.staff_prof > .fukidashi_ab::after{
	background-image: url(../images/staff/fukidashi_p@2x.png);
}
.staff_prof > .fukidashi_ab .fukidashi_tit{
	background-color: #f19ca6;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.fukidashi_ab{
	margin-bottom: 3%;
}
.fukidashi_ab .fukidashi_tit p{
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.fukidashi_ab .fukidashi_tit{
	font-size: 150%;
	padding: 1.3em 3% 1.1em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.fukidashi_ab{
	position: relative;
	padding-bottom: 5vw;
	margin-bottom: 5%;
}
.fukidashi_ab::after{
	background-size: auto 5vw;
	width: auto;
	height:5vw;
}
.fukidashi_ab .fukidashi_tit p{
	width:65%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.fukidashi_ab .fukidashi_tit{
	font-size: 4.6vw;
	padding: 1em 3% 1em;
}
}





/*院長・副院長の共通
---------------------------------------------------------*/
.doctors_prof .bg{
	background: url(../images/staff/bg@2x.png) no-repeat center bottom;
	background-size: 100% auto;
	padding-bottom: 140px;
}
.doctors_prof .profile_box{
	max-width: 1280px;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
	position: relative;
}
.doctors_prof .profile_box .abs_doctor1{
	position: absolute;
	display: block;
	max-width: 658px;
	width:  50%;
	top:0;
	left: -14%;
}
.doctors_prof .profile_box .abs_maru{
	position: absolute;
	display: block;
	max-width: 308px;
	width:  40%;
	top:-20%;
	right: -14.5%;
	z-index: -1;
}
.doctors_prof .profile_box .right_profile{
	width: 60%;
	max-width: 730px;
	float: right;
	text-align: left;
	padding-top: 25px;
}
.doctors_prof .profile_box .name{
	padding-bottom: 45px;
}
.doctors_prof .profile_box .right_profile dt{
	font-size: 200%;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 1.7em;
	padding-bottom: 0.7em;
}
.doctors_prof .profile_box .right_profile dt span{
	color: #eca320;
}
.doctors_prof .profile_box .right_profile .hobby{
	border-top: solid 2px #57bccd;
	margin-top: 2.5em;
	padding-top: 2em;
	padding-left: 1.9em;
	background: url(../images/staff/ster@2x.png) no-repeat left 2.1em;
	background-size: 1.4em auto;
	line-height: 1.6em;
	letter-spacing: 0.1em;
}
.doctors_prof .profile_box .right_profile .hobby span{
	font-weight: bold;
	color: #57bccd;
	font-size: 115%;
}
.doctors_prof .border_box{
	border: solid 6px #fedc2a;
	max-width: 1000px;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	text-align: left;
	padding: 40px 3% 35px;
	position: relative;
	background:#fff url(../images/staff/horie_yasuo_bg@2x.jpg) no-repeat 88% top;
	background-size: auto 100%;
	margin-bottom: 75px;
}
.doctors_prof .border_box .shikaku{
	display: -webkit-flex;
	display: flex;
	width: 80%;
}
.doctors_prof .border_box .shikaku p{
	width: 9em;
	padding-right: 1em;
	color: #57bccd;
	font-weight: bold;
	font-size: 110%;
	letter-spacing: 0.15em;
}
.doctors_prof .border_box .shikaku ul li{
	font-size: 95%;
	padding-left: 1.4em;
	background: url(../images/staff/maru@2x.png) no-repeat left 0.28em;
	background-size: 1.1em auto;
	line-height: 1.6em;
	padding-bottom: 0.7em;
}
.doctors_prof .border_box .abs_doctor2{
	position: absolute;
	display: block;
	right: -6px;
	top:38%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 216px;
	width: 23%;
}

.doctors_prof .kokonorokoe_bnr{
	background-color: #a0d173;
	max-width: 525px;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	padding: 25px 2% 20px;
	box-sizing: border-box;
	text-align: left;
	position: relative;
	-webkit-transition: background-color 1.0s;
	-moz-transition: background-color 1.0s;
	transition: background-color 1.0s;
	z-index: 1;
}
.doctors_prof .kokonorokoe_bnr:hover{
	-webkit-transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	transition: background-color 0.4s;
	background: #69B028;
}
.doctors_prof .kokonorokoe_bnr::before{
	position: absolute;
	content: "";
	background: url(../images/staff/bnr_corner_l@2x.png) no-repeat left top;
	background-size: contain;
	width: 26px;
	height: 26px;
	left: 10px;
	top: 10px;
	z-index: -1;
}
.doctors_prof .kokonorokoe_bnr::after{
	position: absolute;
	content: "";
	background: url(../images/staff/bnr_corner_r@2x.png) no-repeat right top;
	background-size: contain;
	width: 26px;
	height: 26px;
	right: 10px;
	bottom: 10px;
	z-index: -1;
}
.doctors_prof .kokonorokoe_bnr dt{
	color: #fff;
	font-size: 125%;
	font-weight: bold;
	letter-spacing: 0.1em;
	background: url(../images/staff/bnr_line@2x.png) repeat-x left bottom;
	background-size: auto 5px;
	max-width: 335px;
	width: 73%;
	padding-bottom: 0.8em;
	margin-bottom: 1em;
	position: relative;
}
.doctors_prof .kokonorokoe_bnr dt span{
	font-size: 140%;
}
.doctors_prof .kokonorokoe_bnr .ab_book{
	position: absolute;
	display: block;
	right: 10px;
	width: 28%;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.doctors_prof .kokonorokoe_bnr .more {
	display: inline-block;
	background: #282814;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #fff;
	font-size: 1.0rem;
	letter-spacing: .1em;
	line-height: 1.2em;
	padding: .2em .8em .4em;
	padding-right: 2.0em;
	border-radius: 30px;
	position: relative;
	margin-left: 4%;
	margin-top: 5%;
}
.doctors_prof .kokonorokoe_bnr:hover .more{
	color: #282814;
	background: #FEDC2A;
}
.doctors_prof .kokonorokoe_bnr .more::before {
	font-family: 'fontello';
	content: '\e801';
	position: absolute;
	font-weight: normal;
	font-size: 110%;
	right: .5em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.doctors_prof .bg{
	padding-bottom: 13%;
}
.doctors_prof .profile_box{
	margin-bottom: 8%;
}

.doctors_prof .border_box{
	padding: 20px 3% 15px;}
.doctors_prof .border_box .shikaku{
	width: 80%;
}
.doctors_prof .border_box .shikaku p{
	width: 8em;
	font-size: 100%;
	letter-spacing: 0.1em;
}
.doctors_prof .border_box .shikaku ul li{
	font-size: 90%;
	padding-left: 1.4em;
	background: url(../images/staff/maru@2x.png) no-repeat left 0.4em;
	background-size: 0.9em auto;
	line-height: 1.6em;
	padding-bottom: 0.4em;
}
	
	
.doctors_prof .profile_box .abs_doctor1{
	width:  44%;
	left: -8%;
}
.doctors_prof .profile_box .right_profile{
	width: 60%;
	padding-top: 0.5em;
	margin-top: 0;
	background-position:  left 1.2em;
}
.doctors_prof .profile_box .name{
padding-bottom: 4%;
width: 70%;
}
.doctors_prof .profile_box .right_profile dt{
	font-size: 160%;
}
.doctors_prof .profile_box .right_profile .hobby{
	padding-top: 1em;
	margin-top: 1em;
	background-position: left 1.2em;
}
.doctors_prof .border_box {
	margin-bottom: 7%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.doctors_prof .bg{
	padding-bottom: 12%;
}
.doctors_prof .profile_box{
	margin-bottom: 9%;
}	
.doctors_prof .profile_box .abs_doctor1{
	position: static;
	width:  85%;
	margin-left: auto;
	margin-right: 0;
	text-align: center;
}
.doctors_prof .profile_box .abs_maru{
	position: absolute;
	display: block;
	max-width: 308px;
	width:  43%;
	top:-8%;
	right: -17%;
	z-index: -1;
}
.doctors_prof .profile_box .right_profile{
	width: 100%;
	padding-top: 0;
}
.doctors_prof .profile_box .name{
	padding-bottom: 10%;
	width: 75%;
	margin-left: 0;
	margin-right: auto;
	margin-top: -22vw;
	position: relative;
	z-index: 2;
}
.doctors_prof .profile_box .right_profile dt{
	font-size: 5.5vw;
	text-align: center;
}
.doctors_prof .profile_box .right_profile .hobby{
	border-width: 1px;
	margin-top: 1.0em;
	padding-top: 1.0em;
	background-position: left 1.2em;
}
.doctors_prof .border_box{
	border: solid 4px #fedc2a;
	padding: 3% 4%;
	background-position: right bottom;
	background-size: 80% auto;
	margin-bottom: 8%;
}
.doctors_prof .border_box .shikaku{
	display: block;
	width: 75%;
}
.doctors_prof .border_box .shikaku p{
	width: 100%;
	padding-bottom: 0.3em;
	font-size: 95%;
}
.doctors_prof .border_box .shikaku ul li{
	font-size: 85%;
	line-height: 1.5em;
	padding-bottom: 0.3em;
	padding-left: 1.1em;
	background: url(../images/staff/maru@2x.png) no-repeat left 0.36em;
	background-size: 0.9em auto;
}
.doctors_prof .border_box .abs_doctor2{
	width: 35%;
	top:55%;
	right: -5px;
}
.doctors_prof .kokonorokoe_bnr{
	padding: 4% 5% 4%;
	width: 85%;
}
.doctors_prof .kokonorokoe_bnr::before,
.doctors_prof .kokonorokoe_bnr::after{
	background-size: 1em auto;
}
.doctors_prof .kokonorokoe_bnr dt{
	font-size:4.7vw;
	width: 100%;
	max-width: 100%;
	background-size: auto 3px;
	padding-bottom: 0.6em;
	margin-bottom: 0.8em;
}
.doctors_prof .kokonorokoe_bnr dd{
	width: 65%;
}
.doctors_prof .kokonorokoe_bnr .ab_book{
	top:75%;
}
.doctors_prof .kokonorokoe_bnr .more {
	margin-left: 0;
	margin-top: 6%;
	font-size: 4vw;
}
}





/*生い立ち
---------------------------------------------------------*/
.introduction_bg{
	background-color: #e3f3f1;
	padding: 110px 0 145px;
}
.introduction_bg .introduction_box{
	background-color: #fff;
	max-width: 1340px;
	margin-left: auto;
	margin-right: auto;
	width: 94%;
	border-radius: 40px;
	padding: 85px 3.5% 50px;
	box-sizing: border-box;
	text-align: left;
	position: relative;
}
.introduction_bg .introduction_box > .abs_title{
	position: absolute;
	display: block;
	max-width: 456px;
	width: 45%;
	left: 0;
	right: 0;
	margin: auto;
	top: -25px;
}
.introduction_bg .introduction_box > .abs_kazari li{
	position: absolute;
	display: block;
	max-width: 190px;
	width: 19%;
	top: -80px;
}

.introduction_bg .introduction_box > .abs_kazari li:first-child{
	right: calc(50% + 250px);
}
.introduction_bg .introduction_box > .abs_kazari li:last-child{
	left: calc(50% + 250px);
}
.open_box .introduction_list{
	padding-top: 60px;
	background: url(../images/staff/dot@2x.png) repeat-y 73.5px top;
	background-size: 3px 6px;
}
.open_box .introduction_list li{
	position: relative;
	padding-left: 130px;
	margin-left:75px;
	box-sizing: border-box;
	padding-bottom: 70px;
}
.open_box .introduction_list li:last-child{
	padding-bottom: 0;
	margin-bottom: 70px
}
.open_box .introduction_list .abs_no{
	position: absolute;
	left: -75px;
	top: -20px;
}
.open_box .introduction_list li dt{
	background: url(../images/staff/line@2x.png) repeat-x left bottom;
	background-size: 138px 5px;
	padding-bottom: 1.7em;
	margin-bottom: 1.5em;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-end;
    align-items: flex-end;
}
.open_box .introduction_list li dt div{
	font-size: 170%;
	font-weight: bold;
	letter-spacing: 0.17em;
}
.open_box .introduction_list li dt p{
	font-size: 130%;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #57bccd;
}
.open_box .photo_list{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	 -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.open_box .photo_list li{
	width: 23.28%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.introduction_bg{
	padding: 8% 0 8%;
}
.introduction_bg .introduction_box{
	border-radius: 35px;
	padding: 8% 4% 5%;
}
.introduction_bg .introduction_box > .abs_kazari li{
	top: -3%;
}
.introduction_bg .introduction_box > .abs_kazari li:first-child{
	right: 73%;
}
.introduction_bg .introduction_box > .abs_kazari li:last-child{
	left: 73%;
}
.open_box .introduction_list{
	padding-top: 40px;
	background-position: 50px top;
}
.open_box .introduction_list li{
	padding-left: 70px;
	margin-left:50px;
	padding-bottom: 30px;
}
.open_box .introduction_list li:last-child{
	padding-bottom: 0;
	margin-bottom: 30px;
}
.open_box .introduction_list .abs_no{
	left: -50px;
	top: -10px;
	width: 100px;
}
.open_box .introduction_list li dt{
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.open_box .introduction_list li dt div{
	font-size: 118%;
	line-height: 1.6em;
	letter-spacing: .08em;
}
.open_box .introduction_list li dt p{
	width: 7.5em;
	text-align: right;
	font-size: 80%;
	letter-spacing: 0;
	padding-top: 1em;
}
	.open_box .introduction_list li dd{
		font-size:90%;
		line-height: 1.8em;
	}	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.introduction_bg{
	padding: 12% 0 12%;
}
.introduction_bg .introduction_box{
	border-radius: 15px;
	padding: 8% 5% 6%;
}
.introduction_bg .introduction_box > .abs_title{
	position: static;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 90%;
	padding-bottom: 5%;
}
.introduction_bg .introduction_box > .abs_kazari li{
	width: 28%;
}

.introduction_bg .introduction_box > .abs_kazari li{
	top: -0.6%;
}
.introduction_bg .introduction_box > .abs_kazari li:first-child{
	right: auto;
	left: 3%;
}
.introduction_bg .introduction_box > .abs_kazari li:last-child{
	left: auto;
	right: 3%;
}
.open_box .introduction_list{
	padding-top: 4%;
	background: url(../images/staff/dot@2x.png) repeat-y 5% top;
	background-size: 3px 6px;
}
.open_box .introduction_list li{
	padding-left: 0;
	margin-left:0;
	padding-bottom: 8%;
}
.open_box .introduction_list li:last-child{
	padding-bottom: 0;
	margin-bottom: 5%
}
.open_box .introduction_list .abs_no{
	display: none;
}
.open_box .introduction_list .sp_index{
	padding:0.3em 0.7em;
	border-radius: 30px;
	color:#ffffff;
	font-size:5vw;
	font-weight: bold;
	letter-spacing: 0.15em;
	background:#FECB1A;
	margin-bottom: 4%;
	text-align: center;
	}
.open_box .introduction_list li dl{
	padding-left:11%;
}	
.open_box .introduction_list li dt{
	background-size: auto 4px;
	padding-bottom: 0.6em;
	margin-bottom: 0.8em;
	display: block;
}
.open_box .introduction_list li dt div{
	font-size: 4.8vw;
	letter-spacing: 0.05em;
	line-height: 1.3em;
}
.open_box .introduction_list li dt p{
	font-size: 3.3vw;
	letter-spacing: 0.05em;
}
.open_box .introduction_list li dd{
	font-size:90%;
	line-height: 1.5em;
}	
	
	
.open_box .photo_list li{
	width: 48%;
	padding-top: 3%;
}
.open_box .photo_list li:first-child,
.open_box .photo_list li:nth-child(2){
	padding-top: 0;
}
}



/*続きを読む（アコーディオン）
------------------------------------------*/
.accordion-box {
    position: relative;
}
.accordion-box label {
    height: 270px; /* グラデーションの高さ */
	cursor: pointer;
    text-align: center;
    position: absolute;
	z-index: 1;
    bottom: 0;
    width: 100%;
	left: 0;
	right: 0;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
}
.accordion-box label span {
	display: block;		/* 開く／閉じるボタン */
    position: absolute;
    width: 100%;
	max-width: 335px;
    left: 0;
	right: 0;
    bottom: 0;
	margin: auto;
	/* デザイン */
	text-align: center;
	font-weight: bold;
	line-height: 1.5em;
	padding-top: 1.5em;
	background: url(../images/staff/dotted_line@2x.png) no-repeat center top;
	background-size: auto 5px;
}
.accordion-box label span::after {
	content: "";	/* 矢印 */
	position: absolute;
	width: 1.4em;
	height: 1.4em;
	bottom: 0;
	left: calc(50% + 6.5em);
	background-image: url("../images/staff/plus@2x.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.accordion-box label span.btn_close {
    bottom: -1.0em;
	display: none;
}
.accordion-box label span.btn_close::after {
	background-image: url("../images/staff/minus@2x.png");
}
.accordion-box input:checked + label {
    background: inherit; 	/* 開いた時には背景グラデーションを消す */
    /*display: none ;*/ 	/* 閉じるボタンは要らないとき */
}
.accordion-box input:checked + label span.btn_open {
	display: none;
}
.accordion-box input:checked + label span.btn_close {
	display: block;
}

.accordion-box input {
    display: none;
}

.accordion-box .accordion-container {
    overflow: hidden;
    height: 300px; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.accordion-box input:checked ~ .accordion-container {
    height: auto !important;
    padding-bottom: 4.0em; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.accordion-box label {
    height: 150px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.accordion-box label {
    height: 150px;
}
.accordion-box label span.btn_close {
    bottom:10%;
}
.accordion-box label span {
	font-size:90%;
	line-height: 1em;
	padding-top: 1em;
    bottom:9%;
}
.accordion-box label span::after {
	width: 1.1em;
	height: 1.1em;
	left: calc(50% + 5.8em);
}
}




/*Specialty
---------------------------------------------------------*/
.specialty{
	max-width: 1090px;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
}
.specialty::before{
	position: absolute;
	content: "";
	background: url(../images/staff/corner_l@2x.png) no-repeat left top;
	background-size: 100% auto;
	max-width: 60px;
	width: 10%;
	height: 60px;
	top: 0;
	left: 0;
}
.specialty::after{
	position: absolute;
	content: "";
	background: url(../images/staff/corner_r@2x.png) no-repeat right bottom;
	background-size: 100% auto;
	max-width: 60px;
	width: 10%;
	height: 60px;
	bottom: 0;
	right: 0;
}
.specialty .bg_white{
	background: #fff;
	padding: 55px 4% 50px;
	box-sizing: border-box;
}
.specialty .fukidashi_txt{
	font-size: 160%;
	color: #63c2a9;
	position: relative;
	margin-bottom: 0.7em;
	pointer-events: 1.3em;
}
.specialty .fukidashi_txt::before{
	position: absolute;
	content: "";
	background: url(../images/staff/fukidashi_l@2x.png) no-repeat left center;
	background-size: 100% auto;
	width: 19px;
	height: 23px;
	right: calc(50% + 2.5em);
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.specialty .fukidashi_txt::after{
	position: absolute;
	content: "";
	background: url(../images/staff/fukidashi_r@2x.png) no-repeat right center;
	background-size: 100% auto;
	width: 19px;
	height: 23px;
	left: calc(50% + 2.5em);
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.specialty dt{
	font-size: 200%;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-bottom: 0.8em;
	line-height: 1.6em;
}
.specialty dt span{
	color: #f19ca6;
}
.specialty dd .txt_l{
	text-align: left;
}
.specialty dd .img_r{
	float: right;
	max-width: 419px;
	width: 44%;
	padding-left: 4%;
}
.specialty .bg_white > .com_btn1{
	margin-top: 45px;
}
.specialty .bg_white > .com_btn1 a{
	background: #eca320;
}
.specialty .bg_white > .com_btn1 a:hover{
	background: #282814;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.specialty .bg_white{
	padding: 5.5% 3% 5%;
}
.specialty .fukidashi_txt{
	font-size: 150%;
}
.specialty dt{
	font-size: 190%;
}
.specialty .bg_white > .com_btn1{
	margin-top: 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.specialty .bg_white{
	padding:6% 5% 5.5%;
}
.specialty .fukidashi_txt{
	font-size: 5.3vw;
}
.specialty .fukidashi_txt::before,
.specialty .fukidashi_txt::after{
background-size: 80%  auto;
}
.specialty .fukidashi_txt::before{
	right: calc(50% + 2em);
}
.specialty .fukidashi_txt::after{
	left: calc(50% + 2em);
}
.specialty dt{
	font-size: 5vw;
}
.specialty dd .img_r{
	float: none;
	max-width: 419px;
	width: 100%;
	padding-left: 0;
	padding-bottom: 4%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.specialty .bg_white > .com_btn1{
	margin-top: 5%;
}
}





/*院長
---------------------------------------------------------*/
#director .introduction_bg .introduction_box{
	margin-bottom: 85px;
}
#director .introduction_bg .introduction_box .abs_img1{
	position: absolute;
	z-index: 2;
	display: block;
	max-width: 264px;
	width: 27%;
	right: 30px;
	bottom: -10px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#director .introduction_bg .introduction_box{
	margin-bottom: 8%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#director .introduction_bg .introduction_box{
	margin-bottom: 9%;
}
#director .introduction_bg .introduction_box .abs_img1{
	width: 32%;
	right: 8px;
	bottom: -5px;
}
}





/*副院長
---------------------------------------------------------*/
#as_director > .bg{
	padding: 130px 0 195px;
}
#as_director > .bg .border_box{
	background-image:url(../images/staff/horie_masashi_bg@2x.jpg);
}
#as_director > .bg > .com_btn1{
	max-width: 500px;
}
.doctors_prof #as_director .border_box .abs_doctor2{
	max-width: 179px;
	width: 19%;
}
#as_director > .introduction_bg .introduction_box .abs_img2 li{
	position: absolute;
	z-index: 2;
	display: block;
	max-width: 258px;
	width: 25%;
	bottom: -15px;
}
#as_director > .introduction_bg .introduction_box .abs_img2 li:first-child{	
	left: 4%;
}
#as_director > .introduction_bg .introduction_box .abs_img2 li:last-child{	
	right: 8%;
}
#as_director > .introduction_bg .introduction_list dd .txt_l{
	float:left;
	width: 66%;
}
#as_director > .introduction_bg .introduction_list dd .img_r{
	float: right;
	width: 30%;
	max-width: 285px;
	padding-left: 4%;
	padding-bottom: 1%;
}
#as_director > .introduction_bg .introduction_list dd .img_r > p:first-child{
	padding-bottom:10px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#as_director > .bg{
	padding: 8% 0 8%;
}
#as_director > .introduction_bg .introduction_list dd .txt_l{
	float:none;
	width: 100%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#as_director > .bg{
	padding: 12% 0 12%;
}
.doctors_prof #as_director .border_box .abs_doctor2{
	width: 30%;
}
#as_director > .introduction_bg .introduction_box .abs_img2 li{
	width: 30%;
}
#as_director > .introduction_bg .introduction_box .abs_img2 li:first-child{	
	left: 2%;
}
#as_director > .introduction_bg .introduction_box .abs_img2 li:last-child{	
	right: 6%;
}
#as_director > .introduction_bg .introduction_list dd{
 	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
#as_director > .introduction_bg .introduction_list dd .txt_l{
	float:none;
	width: 100%;
}
#as_director > .introduction_bg .introduction_list dd .img_r{
	float: none;
	width: 100%;
	max-width: 285px;
	padding-left: 0;
	padding-top: 5%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
}





/*スタッフ
---------------------------------------------------------*/
.staff_prof{
	padding-bottom: 160px;
}
.staff_prof .staff_list{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1112px;
	margin-left: auto;
	margin-right: auto;
	width: 94%;
	padding-bottom: 110px;
}
.staff_prof .staff_list li{
	width: 45%;
	padding-top: 70px;
}
.staff_prof .staff_list li:nth-child(1),
.staff_prof .staff_list li:nth-child(2){
	padding-top: 0;
}
.staff_prof .staff_list li .photo_name{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	padding-bottom: 40px;
}
.staff_prof .staff_list li .photo_name .photo{
	width: 58%;
}
.staff_prof .staff_list li .photo_name .name{
	width: 42%;
	padding: 0 2%;
	box-sizing: border-box;
}
.staff_prof .staff_list li .photo_name .name .position_dh,
.staff_prof .staff_list li .photo_name .name .position_da,
.staff_prof .staff_list li .photo_name .name .position_rd{
	font-weight: bold;
	letter-spacing: 0.15em;
	line-height: 1em;
	padding-bottom: 25px;
}
.staff_prof .staff_list li .photo_name .name .position_dh{
	color: #eca320;
}
.staff_prof .staff_list li .photo_name .name .position_da{
	color: #f19ca6;
}
.staff_prof .staff_list li .photo_name .name .position_rd{
	color: #a0d173;
}
.staff_prof .staff_list li .photo_name .name .name1{
	font-size: 185%;
	font-weight: bold;
	letter-spacing: 0.17em;
	line-height: 1em;
	padding-bottom: 20px;
}
.staff_prof .staff_list li .photo_name .name .name2{
 	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #7e7e72;
	letter-spacing: 0.1em;
	line-height: 1em;
	font-size: 120%;
	padding-bottom: 25px;
}
.staff_prof .staff_list li .message{
text-align: left;
}
.staff_prof .staff_list li .hobby{
	margin-top: 2em;
	padding-top: 1.5em;
	padding-left: 1.9em;
	background: url(../images/staff/ster@2x.png) no-repeat left 2.1em;
	background-size: 1.4em auto;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	text-align: left;
}
.staff_prof .staff_list li .hobby.dh{
	border-top: solid 2px #f4c879;
}	
.staff_prof .staff_list li .hobby.da{
	border-top: solid 2px #f7c4ca;
}
.staff_prof .staff_list li .hobby.rd{
	border-top: solid 2px #c3d8ad;
}
.staff_prof .staff_list li .hobby span{
	font-weight: bold;
	font-size: 115%;
}
.staff_prof .staff_list li .hobby span.orange{
	color: #eca320;
}
.staff_prof .staff_list li .hobby span.pink{
	color: #f19ca6;
}
.staff_prof .staff_list li .hobby span.green{
	color: #a0d173;
}
.staff_prof .staff_read{
	text-align: center;
	font-weight: bold;
	font-size: 200%;
	line-height: 1.7em;
	letter-spacing: 0.2em;
	padding-bottom: 1.5em;
}
.staff_prof .staff_read span{
	color: #f19ca6;
}
.staff_prof .group_photo,.staff_prof .group_photo p{
	position: relative;
}

.staff_prof .group_photo .abs_img3 li{
	position: absolute;
	display: block;
	width: 20%;
	max-width: 164px;
}
.staff_prof .group_photo .abs_img3 li:first-child{
	left: 10px;
	bottom: -25px;
}
.staff_prof .group_photo .abs_img3 li:last-child{
	right: 15px;
	top:-48px;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.staff_prof{
	padding-bottom: 15%;
}
.staff_prof .staff_list{
	padding-bottom: 11%;
}
.staff_prof .staff_list li{
	width: 46%;
	padding-top: 7%;
}
.staff_prof .staff_list li .hobby{
	margin-top: 1em;
	padding-top: 1em;
	background-position: left 1.2em;
}
.staff_prof .staff_list li .photo_name{
	padding-bottom: 4.5%;
}
.staff_prof .staff_read{
	font-size: 180%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.staff_prof{
	padding-bottom: 16%;
}
.staff_prof .staff_list{
	padding-bottom: 10%;
}
.staff_prof .staff_list li,
.staff_prof .staff_list li:nth-child(2){
	width: 100%;
	padding-top: 12%;
}
.staff_prof .staff_list li .hobby{
	border-width: 1px !important;
	margin-top: .6em;
	padding-top: .4em;
	background-position: left .5em;
}
.staff_prof .staff_list li .hobby span{
	font-size: 100%;
}
.staff_prof .staff_list li .photo_name{
	padding-bottom: 3%;
	width:80%;
	margin: 0 auto;
}

.staff_prof .staff_list li .photo_name .name .position_dh,
.staff_prof .staff_list li .photo_name .name .position_da{
	padding-bottom: 14%;
}
.staff_prof .staff_list li .photo_name .name .name1{
	font-size: 5.5vw;
	padding-bottom: 8%;
}
.staff_prof .staff_list li .photo_name .name .name2{
	font-size: 4vw;
	padding-bottom: 14%;
}
.staff_prof .staff_read{
	font-size: 5.7vw;
	letter-spacing: 0.1em;
	padding-bottom: 1em;
}
.staff_prof .group_photo .abs_img3 li:first-child{
	left: 5px;
	bottom: -15px;
}
.staff_prof .group_photo .abs_img3 li:last-child{
	right: 10px;
	top:-20px;
}
}