@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;}
.bg_line::after{display: block;content:"";width:100%;height:160px;background:url("../images/bg_line.webp") bottom center/cover no-repeat;}


/*共通*/
.bg_c2{position:relative;}
.bg_c2::before{display: block;content:"";width:100%;height:160px;background:url("../images/bg_c2.webp") top center/cover no-repeat;}
.bg_c1{position:relative;}
.bg_c1::after{display: block;content:"";width:100%;height:70px;background:url("../images/bg_c1.webp") bottom center/cover no-repeat;}
/*診療・治療について*/
.imgR{align-items:flex-start;}
.imgR img{order:2;width:37.4%;max-width:500px;height: auto;border-radius: 10px;}
.imgR div{order:1;width:58.3%; max-width:890px;}

/*症状でお悩みではありませんか*/
.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/home/icon_person.webp");}
.symtoms div:nth-child(2)::before{content:url("../images/home/icon_spilit.webp");}
.symtoms div:nth-child(3)::before{content:url("../images/home/icon_body.webp");}
.symtoms ul{flex-grow: 1;}
.symtoms .btn_nxt::after{transform: rotate(90deg);top:29%;}

.guide > li{border-radius:30px;padding:30px;box-shadow:0 0 5px 3px #ccc;margin-bottom: 60px;}
.guide h3::before{display:inline-block;content:url("../images/li_circle.webp");width:12px;height: 12px;margin-right: 10px;}
.guide h4{display:flex;align-items: center;}
.guide h4::before{display:inline-block;content:url("../images/guide/icon_sick.webp");margin-right: 10px;}
.imgboxR{align-items:flex-start;}
.imgboxR img{order:2;width:25.7%;max-width:370px;height: auto;border-radius: 10px;}
.imgboxR div{order:1;width:72%; max-width:1020px;}
.sick{justify-content: flex-start;flex-wrap: wrap; gap:30px 20px;}
.sick a{background:#f9cbae;padding:10px 30px;border:1px solid #f9cbae; border-radius: 30px;color:#000000;}
.sick a:hover{background:#FFF;border:1px solid #e3823c;}
/* レスポンシブ
------------------------------------------------------------*/
@media screen and (max-width: 1700px) {
	#main_area::after{display: block;content:"";width:100%;height:110px;background:url("../images/innermainbg.webp") bottom center/contain no-repeat;}
	.bg_c2::before{display: block;content:"";width:100%;height:160px;background:url("../images/bg_c2.webp") top center/contain no-repeat;}
	.bg_c1::after{display: block;content:"";width:100%;height:70px;background:url("../images/bg_c1.webp") bottom center/contain no-repeat;}
	.bg_line::after{display: block;content:"";width:100%;height:137px;background:url("../images/bg_line.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_c2::before{height:100px;}
	.bg_line::after{height:90px;}
}
/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
	body {min-width: 768px!important;}
	.bg_c2::before{height:70px;}
	.bg_c1::after{height:50px;}
	.bg_line::after{height:60px;}
	/*症状でお悩みではありませんか*/
	.imgR img{order:1;width:85%;max-width:500px;margin:auto;margin-bottom: 20px;}
	.imgR div{order:2;width:100%;}
	.imgboxR img{order:1;width:85%;margin:0 auto 20px;}
	.imgboxR div{order:2;width:100%;}
}
/* 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_c2::before{height:43px;background:url("../images/bg_c2SP.webp") top center/contain no-repeat;}
	.bg_c1::after{height:33px;background:url("../images/bg_c1SP.webp") bottom center/contain no-repeat;}
	.bg_line::after{height:36px;background:url("../images/bg_lineSP.webp") bottom center/contain no-repeat;}
}