@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;
	border-radius: 0 0 30px 30px;
}
.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;}

/*主な疾患について*/
.symtoms{justify-content: flex-start; gap:20px; }
.symtoms div{border:1px solid #e3823c;background: #FFF; padding:20px;position: relative;margin-top: 65px;display:flex; flex-direction: column;border-radius: 10px;}
.symtoms div::before{position:absolute;top:-66px;left:50%;transform: translateX(-50%);}
.symtoms div:nth-child(1)::before{content:url("../images/disease/symptom01.webp");}
.symtoms div:nth-child(2)::before{content:url("../images/disease/symptom02.webp");}
.symtoms div:nth-child(3)::before{content:url("../images/disease/symptom03.webp");}
.symtoms div:nth-child(4)::before{content:url("../images/disease/symptom04.webp");}
.symtoms div:nth-child(5)::before{content:url("../images/disease/symptom05.webp");}
.symtoms div:nth-child(6)::before{content:url("../images/disease/symptom06.webp");}
.symtoms div:nth-child(7)::before{content:url("../images/disease/symptom07.webp");}
.symtoms div:nth-child(8)::before{content:url("../images/disease/symptom08.webp");}
.symtoms div:nth-child(9)::before{content:url("../images/disease/symptom09.webp");}
.symtoms div:nth-child(10)::before{content:url("../images/disease/symptom10.webp");}
.symtoms div:nth-child(11)::before{content:url("../images/disease/symptom11.webp");}
.symtoms div:nth-child(12)::before{content:url("../images/disease/symptom12.webp");}
.symtoms div:nth-child(13)::before{content:url("../images/disease/symptom13.webp");}
.symtoms div:nth-child(14)::before{content:url("../images/disease/symptom14.webp");}
.symtoms div:nth-child(15)::before{content:url("../images/disease/symptom15.webp");}
.symtoms div:nth-child(16)::before{content:url("../images/disease/symptom16.webp");}
.symtoms div:nth-child(17)::before{content:url("../images/disease/symptom17.webp");}
.symtoms div:nth-child(18)::before{content:url("../images/disease/symptom18.webp");}
.symtoms div:nth-child(19)::before{content:url("../images/disease/symptom19.webp");}
.symtoms div:nth-child(20)::before{content:url("../images/disease/symptom20.webp");}
.symtoms p{flex-grow: 1; margin-bottom: 20px;}
/* レスポンシブ
------------------------------------------------------------*/
@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;}
}