@charset "utf-8";

/*医師紹介*/
.doctor .flower::before{
	right: -4%;
	top: 4%;
}
.doctor .flower::after{
	left: 0;
	bottom: 0;
}
.doctor .title *{text-align: left;}
.img-box_text p:first-child{line-height: 2;}
.doctor .name{text-align: right;}
.doctor-li_box div{
	background: #fff;
	padding: 45px 40px 50px;
	border-radius: 20px;
}
.doctor-li_box h3,.doctor-li_box li p:first-child{color: #339933;}
.doctor-li_box h3{
	font-size: 20px;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: solid 1px #d2e8ba;
	margin-bottom: 30px;
}
.doctor-li_box li{display: flex;}
.doctor-li_box li:not(:last-child){margin-bottom: 15px;}
.doctor-li_box li,.doctor-li_box li *{font-size: 18px;}
.doctor-li_box li p:first-child{width: 100px;}
.doctor-li_box li p:last-child{width: calc(100% - 100px);}

/*スタッフ紹介*/
/*
.staff{padding-top: 125px;}
.staff-box{
	max-width: 1500px;
	width: 95%;
	margin: 0 auto;
	padding-bottom: 150px;
}
.staff ul li{
	width: 32%;
	padding: 30px 25px 50px;
	background: #fcfaf3;
	border-radius: 20px;
}
.staff ul li img{border-radius: 15px;}
.staff li h3{
	font-size: 20px;
	color: #339933;
	letter-spacing: .14em;
	text-align: center;
	font-family: "NotoSansJP-Medium";
	background: url(../images/subtitle.webp) bottom / 160px 15px no-repeat,#fcfaf3;
	padding: 25px 40px 35px;
	border-radius: 20px 20px 0 0;
	width: fit-content;
	margin: -40px auto 25px;
	position: relative;
	z-index: 1;
}
.staff li h3::before,.staff h3::after{
	content: "";
	background: url(../images/arch_y.webp) center / contain no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 20px;
}
.staff li h3::before{left:-20px;}
.staff li h3::after{
	transform: scaleX(-1);
	right: -20px;
}
.staff li p{
	font-size: 18px;
	line-height: 1.4;
	padding: 0 10px;
}
*/

/*施設紹介*/
.facility{overflow: hidden;}
.facility .cloud::before{
	top: 14vw;
	left: -11vw;
}
.facility .cloud::after{
	right: -11vw;
	top: -3vw;
}
.facility-li li:not(:nth-last-child(-n+3)){margin-bottom: 40px;}
.facility-li li img{
	margin-bottom: 20px;
	border-radius: 20px;
}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	
	/*医師紹介*/
	.doctor-li_box div{
		padding: 30px 20px 35px;
		border-radius: 15px;
	}
	.doctor-li_box h3{
		font-size: 16px;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
	.doctor-li_box li:not(:last-child){margin-bottom: 10px;}
	.doctor-li_box li,.doctor-li_box li *{font-size: 14px;}
	.doctor-li_box li p:first-child{width: 75px;}
	.doctor-li_box li p:last-child{width: calc(100% - 75px);}
	
	/*スタッフ紹介*/
/*
	.staff{padding-top: 60px;}
	.staff-box{padding-bottom: 80px;}
	.staff ul li{
		padding: 25px 15px 30px;
		border-radius: 15px;
	}
	.staff ul li img{border-radius: 10px;}
	.staff li h3{
		font-size: 16px;
		background-size: 128px 12px, 482px;
		padding: 15px 25px 25px;
		border-radius: 10px 10px 0 0;
		margin: -30px auto 15px;
	}
	.staff li h3::before,.staff h3::after{
		width: 10px;
		height: 10px;
	}
	.staff li h3::before{left:-10px;}
	.staff li h3::after{right: -10px;}
	.staff li p{
		font-size: 14px;
		padding: 0 5px;
	}
*/

	/*施設紹介*/
	.facility .cloud::before{top: 16vw;}
	.facility-li li:not(:nth-last-child(-n+3)){margin-bottom: 30px;}
	.facility-li h3{font-size: 18px!important;}
	.facility-li li img{
		margin-bottom: 15px;
		border-radius: 15px;
	}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	
	/*医師紹介*/
	.doctor .flower::before{top: 400px;}
	.doctor .flower::after{bottom: 500px;}
	.doctor .title *,.img-box_text p:first-child{text-align: center;}
	.doctor-li_box div{
		max-width: 470px;
		margin: 0 auto;
	}
	.doctor-li_box div:first-child{margin-bottom: 30px;}
	
	/*スタッフ紹介*/
/*
	.staff ul li{
		max-width: 470px;
		width: 100%;
		margin: 0 auto;
	}
	.staff ul li:not(:last-child){margin-bottom: 30px;}
	.staff ul li img{
		display: block;
		margin: 0 auto;
	}
*/
	
	/*施設紹介*/
	.facility-li li:not(:nth-last-child(-n+2)){margin-bottom: 30px;}
	.facility .cloud::before{top: 65vw;}
}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
	
	/*施設紹介*/
	.facility .cloud::before{top: 235vw;}
	.facility-li li:not(:last-child){margin-bottom: 30px;}
	.facility-li li img{
		display: block;
		margin: 0 auto 15px;
	}
}