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





/*共通
---------------------------------------------------------*/
#pagebody{
	padding-top:40px;
}
.prof_box dt{
	color:#81746d;
	font-size:105%;
	letter-spacing: 0.2em;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1em;
}
.prof_box ul{
	line-height:1.5em;
	border-left: 1px solid #81746d;
	padding-left: 10px;
}
.prof_box li{
	margin-bottom:0.5em;
	padding-left: 1em;
	text-indent:-1em;
}
.prof_box li:last-child{
	margin-bottom:0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#pagebody{
	padding-top:50px;
}
.prof_box dt{
	margin-bottom: 15px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#pagebody{
	padding-top:5%;
}	
.prof_box dt{
	margin-bottom: 4%;
}
}





/*院長紹介
---------------------------------------------------------*/
#director .box01 {
	position:relative;
	margin-bottom:75px;
}
#director .box01 dl{
	width:75%;
	padding-left: 25%;
	position: relative;
	z-index: 1;
	background:url(../images/greeting/director_bg1@2x.png) no-repeat right top;
	background-size:139px 346px;
	padding-top: 90px;
}
#director .box01 dt{
	color:#5bbdba;
	font-weight: bold;
	font-size:230%;
	letter-spacing: 0.2em;
	line-height: 1.7em;
	margin-bottom: 20px;
}
#director .box01 dd{
	line-height:2.7em;
}
#director .box01 .abs_img1{
	position:absolute;
	left: 0;
	top: 30px;
	max-width:452px;
	width:35%;
}
#director .box01 .abs_img1 p{
	margin-top:-15px;
	margin-left: 40px;
}
#director .box01 .abs_img2{
	position:absolute;
	left: 0;
	bottom: 0;
	max-width:275px;
	width:25%;
}
#director .box02 .w1500{
	position:relative;
	padding-bottom: 70px;
}
#director .box02 .w1500::before,#director .box02 .w1500::after{
	position:absolute;
	display: block;
	content:"";
	width:233px;
	height: 195px;
	bottom:-17px;
	z-index: 5;
}
#director .box02 .w1500::before{
	left: 1%;
	background:url(../images/greeting/director_illust_l@2x.png) no-repeat center bottom;
	background-size: 100% auto;
}
#director .box02 .w1500::after{
	background:url(../images/greeting/director_illust_r@2x.png) no-repeat center bottom;
	background-size: 100% auto;
	right: 1%;
	bottom:-13px;
}
#director .box02 .prof_box{
	border-radius:20px;
	padding: 40px 50px;
	max-width:1300px;
	box-sizing: border-box;
	margin: 0 auto;
}
#director .box02 .prof_box dl{
	float: left;
	width:27%;
}
#director .box02 .prof_box dl:first-child{
	padding-right: 8%;
	width:55%;
}
#director .box02 .prof_box dl .flt_ul ul{
	float: left;
}
#director .box02 .prof_box dl .flt_ul ul:first-child{
	padding-right: 7%;
}
#director .box03{
	background:url(../images/greeting/director_bg2.jpg) repeat-x center center;
	background-size:1500px 280px;
	position: relative;
	z-index: 2;
}
#director .box04{
	position:relative;
	padding-bottom: 50px;
	margin-bottom: 95px;
}
#director .box04::before{
	position:absolute;
	left: 0;
	bottom:0;
	display:block;
	content:"";
	width:100%;
	height: 55px;
	background:url(../images/wave3@2x.png) no-repeat center bottom;
	background-size:100% 100%;
}
#director .box04 .message_lead{
	text-align:center;
	padding-top: 75px;
	margin-bottom: 50px;
}
#director .box04 .message_lead p{
	line-height:2.7em;
}
#director .box04 .message_title{
	margin-bottom:30px;
}
#director .box04 .message_title dl{
	margin-top:15px;
}
#director .box04 .message_title dt{
	color:#5bbdba;
	font-weight: bold;
	letter-spacing: 0.2em;
	font-size:200%;
	margin-bottom: 20px;
}
#director .box04 .message_title dd{
	color:rgba(129,116,109,0.50);
	font-size:350%;
}

#director .box04 .message_btn i{
	font-size:100%;
	padding-left: 1em;
}
#director .box04 .message_flower{
	margin-top: 30px;
	padding-bottom: 60px;
	text-align:center;}
#director .box04 #open_box{
	display:none;
}

#director .box04 .message_box li{
	margin-bottom:80px;
	position: relative;
}
#director .box04 .message_box li dl{
	max-width:850px;
	width:73%;
}
#director .box04 .message_box li .img_box{
	position: absolute;
	top:0;
	max-width:330px;
	width:25%;
}
#director .box04 .message_box li .img_box.flt_r{
	right:0;
}
#director .box04 .message_box li .img_box.flt_l{
	left:0;
}	
#director .box04 .message_box li dt{
	font-size:170%;
	font-weight: bold;
	letter-spacing: 0.15em;
	color:#81746d;
	line-height: 1.6em;
	margin-bottom: 20px;
}
#director .box04 .message_box li dd span{
	color:#e4006e;
}

/* PC調整1
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1450px) {
#director .box02 .prof_box{
	padding: 30px;
	max-width:800px;
}
#director .box02 .prof_box dl{
	float: none;
	width:100%;
}
#director .box02 .prof_box dl:first-child{
	padding-right: 0;
	margin-bottom: 30px;
	width:100%;
}
#director .box02 .prof_box dl .flt_ul ul:first-child{
	padding-right: 4%;
}
}

/* PC調整2
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1100px) {
#director .box01 .abs_img1 p{
	margin-top:0;
	margin-left: 20px;
	width:60%;
}
#director .box01 dt{
	font-size:170%;
	letter-spacing: 0.1em;
	line-height: 1.7em;
	margin-bottom: 15px;
}	
#director .box02 .w1500::before,#director .box02 .w1500::after{
	width:180px;
	bottom:-13px;
}	
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {	
#director .com_title1{
	margin-bottom:15px;
}
#director .box01 {
	margin-bottom:30px;
}
#director .box01 dl{
	padding-left: 30%;
	width: 70%;
	background-size:13% auto;
	padding-top: 30px;
}
#director .box01 dd{
	line-height:2.2em;
}
#director .box01 .abs_img1{
	left: 2%;
	top: 30px;
}
#director .box01 .abs_img2{
	left: 2%;
	bottom:30px;
}
#director .box02 .w1500{
	padding-bottom: 100px;
}
#director .box02 .w1500::before,#director .box02 .w1500::after{
	width:180px;
	bottom:-15px;
}
#director .box02 .w1500::after{
	bottom:-11px;
}
#director .box04{
	padding-bottom:40px;
	margin-bottom: 70px;
}
#director .box04::before{
	height: 30px;}

#director .box04 .message_lead{
	padding-top: 60px;
	margin-bottom: 30px;
}
#director .box04 .message_lead p{
	line-height:2.5em;
}
#director .box04 .message_title{
	margin-bottom:20px;
}
#director .box04 .message_title dt{
	letter-spacing: 0.15em;
	font-size:180%;
	margin-bottom: 10px;
	margin-top: 5px;
}
#director .box04 .message_title dd{
	font-size:300%;
}
#director .box04 .message_flower{
	margin-top: 30px;
	padding-bottom: 40px;}
#director .box04 .message_box li{
	margin-bottom:50px;
}
#director .box04 .message_box li dl{
	width:70%;
}
#director .box04 .message_box li dt{
	font-size:150%;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#director .com_title1{
	margin-bottom: 5%;
}	
#director .box01 {
	margin-bottom:7%;
}
#director .box01 dl{
	width:100%;
	padding-left:0%;
	background-size:20% auto;
	padding-top: 5%;
}
#director .box01 dt{
	font-size:4.7vw;
	letter-spacing: 0.1em;
	line-height: 1.7em;
	margin-bottom: 3%;
	text-align: center;
}
#director .box01 dd{
	line-height:2.2em;
}
#director .box01 .abs_img1{
	position:relative;
	max-width:452px;
	width:60%;
	padding-right: 20%;
	margin: 0 auto 7% auto;
}
#director .box01 .abs_img1 p{
	margin-top:0;
	margin-left: 0;
	width:40%;
	position: absolute;
	right: 0;
	top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#director .box01 .abs_img2{
	position:static;
	float: right;
	width:40%;
	padding:2% 0 1% 5%;
}
#director .box02 .w1500{
	padding-bottom: 80px;
}
#director .box02 .w1500::before,#director .box02 .w1500::after{
	width:80px;
	bottom:-6px;
	z-index: 5;
}
#director .box02 .w1500::before{
	left: 5%;
}
#director .box02 .w1500::after{
	right: 5%;
	bottom:-6px;
}
#director .box02 .prof_box{
	border-radius:10px;
	padding:5%;
}
#director .box02 .prof_box dl{
	float: none;
	width: 100%;
}
#director .box02 .prof_box dl:first-child{
	padding-right: 0%;
	margin-bottom: 5%;
	width: 100%;
}
#director .box02 .prof_box dl .flt_ul ul{
	float: none;
}
#director .box02 .prof_box dl .flt_ul ul:first-child{
	padding-right: 0%;
	padding-bottom: 0.5em;
}
#director .box04{
	padding-bottom: 3%;
	margin-bottom: 10%;
}
#director .box04::before{
	height: 15px;
}
#director .box04 .message_lead{
	padding-top: 10%;
	margin-bottom: 5%;
}
#director .box04 .message_lead p{
	line-height:2.2em;
	text-align: left;
}
#director .box04 .message_title{
	margin-bottom:5%;
}
#director .box04 .message_title dl{
	margin-top:3%;
}
#director .box04 .message_title dt{
	margin-bottom:1%;
}
#director .box04 .message_title dd{
	font-size:330%;
}
#director .box04 .message_flower{
	width: 50%;
	margin: 5% auto 0 auto;
	padding-bottom: 5%;}
#director .box04 .message_box li{
	margin-bottom:10%;
	position: relative;
}
#director .box04 .message_box li dl{
	max-width:100%;
	width:100%;
}
#director .box04 .message_box li .img_box{
	position: static;
	width:42%;
}
#director .box04 .message_box li .img_box.flt_r{
	padding: 2% 0 1% 5%;
}
#director .box04 .message_box li .img_box.flt_l{
	padding: 2% 5% 1% 0;
}	
#director .box04 .message_box li dt{
	font-size:140%;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	margin-bottom: 3%;
}
}






/*歯科医師紹介
---------------------------------------------------------*/
#doctor .dr_list{
	margin-bottom:50px;
}
#doctor .dr_list > li{
	float:left;/*川﨑先生掲載時復活*/
	/*margin-left: auto;/*川﨑先生掲載時削除*/
	/*margin-right: auto;/*川﨑先生掲載時削除*/
	width:46%;
	margin-bottom: 90px;
}
#doctor .dr_list > li:nth-child(even){
	float:right;
}
#doctor .dr_list > li .dr_img{
	text-align:center;
	position: relative;
}
#doctor .dr_list > li .dr_img::before{
	position:absolute;
	display: block;
	content:"";
	width: 35%;
	max-width:180px;
	height: 50%;
	bottom:10px;
}
#doctor .dr_list > li:nth-child(odd) .dr_img::before{
	left: 0;
	background:url(../images/greeting/dr_illust1@2x.png) no-repeat center bottom;
	background-size:100% auto;}
#doctor .dr_list > li:nth-child(even) .dr_img::before{
	right: 0;
	bottom:20px;
	background:url(../images/greeting/dr_illust2@2x.png) no-repeat center bottom;
	background-size:100% auto;}

#doctor .dr_list > li .dr_name{
	text-align:center;
	color:#81746d;
	font-weight: 500;
	margin-bottom: 30px;
	margin-top:1em;
}
#doctor .dr_list > li .dr_name dt{
	font-size:130%;
	letter-spacing:0.25em;
	margin-bottom: 10px;
}
#doctor .dr_list > li .dr_name dd{
	font-size:200%;
	letter-spacing:0.25em;
}
#doctor .dr_list > li .dr_name .ft_chaparral{
	letter-spacing:0.2em;
	font-size:130%;
	margin-top: 10px;
	color:#9eded0;
}
#doctor .dr_list > li .dr_specialist{
	color:#ffffff;
	text-align: center;
	font-weight: 500;
	line-height: 1em;
	letter-spacing: 0.18em;
	font-size:135%;
	padding: 13px 0 8px 0;
	max-width:430px;
	margin: 0 auto 30px auto;
	background:#e4006e;
	border-radius: 30px;
}
#doctor .dr_list > li .prof_box{
	margin-top: 40px;
	border-radius:20px;
	padding:30px 40px;}
#doctor .dr_list > li .prof_box dl:nth-child(2){
	margin-top:20px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#doctor .dr_list{
	margin-bottom:30px;
}
#doctor .dr_list > li{
	width:47%;
	margin-bottom: 60px;
}
#doctor .dr_list > li .dr_img{
	width:80%;
	margin: 0 auto 15px auto;
}
#doctor .dr_list > li .dr_name{
	margin-bottom: 20px;
}
#doctor .dr_list > li .dr_name dt{
	font-size:120%;
	letter-spacing:0.2em;
	margin-bottom: 3px;
}
#doctor .dr_list > li .dr_name dd{
	font-size:180%;
	letter-spacing:0.2em;
}
#doctor .dr_list > li .dr_name .ft_chaparral{
	letter-spacing:0.15em;
	font-size:110%;
	margin-top: 5px;
}
#doctor .dr_list > li .dr_specialist{
	letter-spacing: 0.1em;
	font-size:120%;
	padding: 13px 0 8px 0;
	margin: 0 auto 20px auto;
}
#doctor .dr_list > li .prof_box{
	margin-top: 30px;
	padding:30px;}
#doctor .dr_list > li .prof_box dl:nth-child(2){
	margin-top:30px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#doctor .dr_list{
	margin-bottom:0%;
}
#doctor .dr_list > li{
	float:none;
	width:100%;
	margin-bottom:10%;
	padding-bottom: 10%;
	border-bottom:#bdb6b2 1px solid;
}
#doctor .dr_list > li:last-child{
	margin-bottom:10%;
	border-bottom:none;
}	
#doctor .dr_list > li:nth-child(even){
	float:none;
}
#doctor .dr_list > li .dr_img{
	width:60%;
	margin: 0 auto 3% auto;
}
#doctor .dr_list > li .dr_img::before{
	width: 40%;
}
#doctor .dr_list > li .dr_name{
	margin-bottom: 3%;
}
#doctor .dr_list > li .dr_name dt{
	font-size:120%;
	margin-bottom: 2%;
}
#doctor .dr_list > li .dr_name dd{
	font-size:180%;
	letter-spacing:0.20em;
}
#doctor .dr_list > li .dr_name .ft_chaparral{
	letter-spacing:0.1em;
	font-size:110%;
	margin-top: 5px;
}
#doctor .dr_list > li .dr_specialist{
	letter-spacing: 0.1em;
	font-size:120%;
	padding: 13px 0 10px 0;
	margin: 0 auto 5% auto;
}
#doctor .dr_list > li .prof_box{
	margin-top: 5%;
	border-radius:10px;
	padding:5%;}
#doctor .dr_list > li .prof_box dl:nth-child(2){
	margin-top:8%;}
}





/*スタッフ紹介
---------------------------------------------------------*/
#staff .com_title1{
	margin-bottom: 90px;
}
#staff .box01 .staff_list{
	margin-bottom:15px;
}
#staff .box01 .staff_list li{
	margin-bottom:75px;
	text-align: center;
	width:25%;
	float: left;
}
#staff .box01 .staff_list li dl{
	padding-top: 70px;
	background-size:25px 25px;
	background-position: center top;
	background-repeat: no-repeat;
}
#staff .box01 .staff_list li:nth-child(1) dl,
#staff .box01 .staff_list li:nth-child(4) dl,
#staff .box01 .staff_list li:nth-child(7) dl,
#staff .box01 .staff_list li:nth-child(10) dl,
#staff .box01 .staff_list li:nth-child(13) dl,
#staff .box01 .staff_list li:nth-child(16) dl,
#staff .box01 .staff_list li:nth-child(19) dl,
#staff .box01 .staff_list li:nth-child(22) dl{
	background-image:url(../images/greeting/icon-staff1@2x.png);
}
#staff .box01 .staff_list li:nth-child(2) dl,
#staff .box01 .staff_list li:nth-child(5) dl,
#staff .box01 .staff_list li:nth-child(8) dl,
#staff .box01 .staff_list li:nth-child(11) dl,
#staff .box01 .staff_list li:nth-child(14) dl,
#staff .box01 .staff_list li:nth-child(17) dl,
#staff .box01 .staff_list li:nth-child(20) dl,
#staff .box01 .staff_list li:nth-child(23) dl{
	background-image:url(../images/greeting/icon-staff2@2x.png);
}
#staff .box01 .staff_list li:nth-child(3) dl,
#staff .box01 .staff_list li:nth-child(6) dl,
#staff .box01 .staff_list li:nth-child(9) dl,
#staff .box01 .staff_list li:nth-child(12) dl,
#staff .box01 .staff_list li:nth-child(15) dl,
#staff .box01 .staff_list li:nth-child(18) dl,
#staff .box01 .staff_list li:nth-child(21) dl,
#staff .box01 .staff_list li:nth-child(24) dl{
	background-image:url(../images/greeting/icon-staff3@2x.png);
}
#staff .box01 .staff_list li dt{
	font-size:180%;
	letter-spacing: 0.3em;
	color:#81746d;
	font-weight: 700;
}
#staff .box01 .staff_list li dd{
	color:#9eded0;
	font-size:120%;
	letter-spacing: 0.2em;
	margin-top: 10px;
	line-height: 1.4em;
}
#staff .box01 .staff_list li span,#staff .box01 .staff_list li strong{
	vertical-align:middle;
}
#staff .box01 .staff_list li span{
	font-size:70%;
	padding-right:0.5em;
}
#staff .box02 h4{
	margin: 85px 0 100px 0;
	text-align:center;
	font-size:160%;
	letter-spacing: 0.2em;
	font-weight: bold;
	color:#81746d;
}
#staff .box02 h4 span{
	position:relative;
	padding: 0 100px;
}
#staff .box02 h4 span::before,#staff .box02 h4 span::after{
	position:absolute;
	display: block;
	content:"";
	width:51px;
	height: 76px;
	top:0;
}
#staff .box02 h4 span::before{
	left: 0;
	background:url(../images/greeting/fkds_l.svg) no-repeat left center;
	background-size:100% auto;
}
#staff .box02 h4 span::after{
	right: 0;
	background:url(../images/greeting/fkds_r.svg) no-repeat right center;
	background-size:100% auto;
}

#staff .box02 .img_box{
	position: relative;
	background:url(../images/greeting/staff_img1.jpg) repeat-x center center;
	margin-bottom: 80px;
}
#staff .box02 .img_box::before{
	position:absolute;
	left: 0;
	top:0;
	display:block;
	content:"";
	width:100%;
	height: 55px;
	background:url(../images/wave4@2x.png) no-repeat center center;
	background-size:100% 100%;
}
/* PC調整
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1100px) {
	#staff .box01 .staff_list li dt{
	font-size:160%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#staff .com_title1{
	margin-bottom:70px;
}	
#staff .box01 .staff_list{
	margin-bottom:10px;
}
#staff .box01 .staff_list li{
	margin-bottom:40px;
}
#staff .box01 .staff_list li dl{
	padding-top: 50px;
	background-size:20px 20px;
}
#staff .box01 .staff_list li dt{
	font-size:140%;
	letter-spacing: 0.15em;
}
#staff .box01 .staff_list li dd{
	font-size:100%;
	letter-spacing: 0.1em;
	margin-top: 5px;
}
#staff .box02 h4{
	margin:40px 0;
	font-size:130%;
	letter-spacing: 0.1em;
}
#staff .box02 h4 span{
	padding: 0 50px;
}
#staff .box02 h4 span::before,#staff .box02 h4 span::after{
	width:30px;
	height: 45px;
}
#staff .box02 .img_box{
	margin-bottom: 50px;
}
#staff .box02 .img_box::before{
	height: 30px;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#staff .com_title1{
	margin-bottom: 10%;
}
	
#staff .box01 .staff_list{
	margin-bottom:3%;
}
#staff .box01 .staff_list li{
	margin-bottom:7%;
	width:50%;
}
#staff .box01 .staff_list li dl{
	padding-top: 35px;
	background-size:20px 20px;
}
#staff .box01 .staff_list li dt{
	font-size:4vw;
	letter-spacing: 0.2em;
}
#staff .box01 .staff_list li dd{
	font-size:3vw;
	margin-top: 2%;
}
#staff .box02 h4{
	margin: 5% 0 5% 0;
	font-size:4.8vw;
	padding: 0 5%;
}
#staff .box02 h4 span{
	display: block;
	padding: 0 5%;
}
#staff .box02 h4 span::before,#staff .box02 h4 span::after{
	width:35px;
	height: 52px;
	top: auto;
	bottom:0;
}
#staff .box02 .img_box{
	margin-bottom: 10%;
}
#staff .box02 .img_box::before{
	height: 15px;
}
}