@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;}

/*初診の流れ*/
.flow > li{margin-bottom:80px;position: relative;counter-increment: number 1;}
.flow > li::before{font-size:max(1.8vw,30px);position:absolute;top:-36px; left:10px; text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF,0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;}
.flow > li::before{content:"Step"counter(number);}
.imgL{align-items: flex-start;}
.imgL img{max-width:420px; width:29.1%; height: auto;border-radius: 10px;}
.imgL div{width:calc(100% - 32%);}
.imgL h3{padding-bottom: 10px; border-bottom:1px solid #CCC;}
.w800{max-width:800px;margin:auto;border-radius:30px;padding:30px;box-shadow:0 0 5px 3px #ccc;}
.w240{max-width:240px;display:block;margin:auto;}
.list2 span{color:#1e0000;}
/*予約フォーム*/
.w900{max-width: 900px;margin:auto;}
/* レスポンシブ
------------------------------------------------------------*/
@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_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_line::after{height:90px;}
}
/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
	body {min-width: 768px!important;}
	/*初診の流れ*/
	.flow > li::before{font-size:max(1.8vw,28px);position:absolute;top:-30px; left:50%;transform:translateX(-50%);}
	.imgL h3{text-align: center;}
	.imgL img{max-width:420px; width:85%;}
	.imgL div{width:100%;}
	.bg_line::after{height:60px;}

}
/* 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;}
}