@charset "utf-8";

/*メイン画像エリア*/
#main_area{position:relative;background:#fef1e6;}
#main_area::after{display: block;content:"";width:100%;height:110px;background:url("../images/innermainbg.webp") bottom center/cover no-repeat;}
#main_area img{
	width:100%;
	height: auto;
	object-fit:contain;
}
.inner{position:relative;margin-left:calc(280px + 2.6vw);max-width:1560px;padding:40px 2.6vw;}
#main_area p.copy{
	border:2px solid #FFF;
	background: url("../images/innercopybg.webp")#f7a26c right bottom no-repeat;
	border-radius: 12px;
	width:380px;
	height:145px;
	position: absolute;
	top:-100%;
	left:50%;
	transform: translateX(-50%);
	white-space: nowrap;
}
#main_area p span{position:absolute;top:30%; left:50%; transform: translateX(-50%);font-size:max(1.25vw,22px);color:#FFF;}
/*院長からのご挨拶*/
.imgL{align-items: flex-start;}
.imgL img{max-width:550px; width:38%; height: auto;}
.imgL div{width:calc(100% - 40%);}
/*勤務先、専門*/
.boxb{border:1px solid #e3823c;padding:30px;border-radius: 10px;}
.boxb h3{margin-bottom:30px;}
.boxb .h2:after{margin-top: 10px;}
.bg_line::after{display: block;content:"";width:100%;height:160px;background:url("../images/bg_line.webp") bottom center/cover no-repeat;}

.lisence{max-width:700px;margin:auto; border-radius:10px;overflow: hidden;}
.lisence div{display:table;width:100%;}
.lisence div:not(:last-child){border-bottom:2px solid #FFF;}
.lisence dt,.lisence dd{padding:20px;display:table-cell;}
.lisence dt{width:150px;text-align: center;background-color:#e3823c; color:#FFF;vertical-align: middle;}
.lisence dd{width:calc(100% - 150px);background-color:#fef1e6;}

/*施設紹介*/
.faci{justify-content: flex-start;}
.faci li:not(:nth-child(3n)){margin-right:1.3%;}
.faci img{border-radius: 10px;border:1px solid #e3823c;}
/* レスポンシブ
------------------------------------------------------------*/
@media screen and (max-width: 1700px) {
	.bg_line::after{display: block;content:"";width:100%;height:137px;background:url("../images/bg_line.webp") bottom center/contain no-repeat;}
	#main_area::after{display: block;content:"";width:100%;height:110px;background:url("../images/innermainbg.webp") bottom center/contain no-repeat;}
}
@media screen and (max-width: 1180px) {
	.inner{margin-left:0;padding:40px 2.6vw;}
	#main_area::after{height:70px;}
	.bg_line::after{height:90px;}
}
/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
	body {min-width: 768px!important;}
	/*院長のご紹介*/
	.imgL img{max-width:560px; width:85%;}
	.imgL div{width:100%;}
	.bg_line::after{height:60px;}
	/*施設紹介*/
	.faci{justify-content: space-between;}
	.faci li{margin-right:0;}
}
/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
    body {min-width: inherit!important;width: 100%;}
	#main_area::after{display: block;content:"";width:100%;height:60px;background:url("../images/innermainbgSP.webp") bottom center/contain no-repeat;}
	#main_area p.copy{
		width:85%;
		height:130px;
	}
	#main_area img{border-radius: 0 0 20px 20px;}
	.bg_line::after{height:36px;background:url("../images/bg_lineSP.webp") bottom center/contain no-repeat;}
	.lisence div{flex-wrap: wrap;}
	.lisence dt,.lisence dd{display:block;width:100%;}
}