@charset "utf-8";
/*下層共通メインエリア*/
#main_area2 {
	position: relative;
	height: 280px;
	background-color:#f4f0e7;
	overflow: hidden;
}
#main_area2::before{
	position: absolute;
	bottom:-20%;
	left:-5%;
	content:url("../images/flare.webp");
	width:300px;
	height:250px;
}
#main_area2::after{
	position: absolute;
	top:-75%;
	right:-5%;
	content:url("../images/flare.webp");
}
#main_area2 p{
	position: absolute;
	top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
	font-size:36px;
	margin: 0;
	text-align: center;
}
#main_area2 p::before{
	display: block;
	content:url("../images/icon_title.webp");
	text-align: center;
	margin: 0;
}
#main_area2 p::after{
	display: block;
	content: "";
	background: radial-gradient(circle farthest-side, #de5115, #de5115 60%, transparent 60%, transparent);
	background-size:10px;
	width:260px;
	height: 10px;
	margin:10px auto 0;
}

/*代表からのご挨拶*/
.imgboxL,.imgboxR{display:flex;justify-content: space-between;align-items: flex-start;}
.imgboxL img{width:32%;max-width: 420px;height: auto; border-radius: 15px;}
.imgboxL div{width:calc(100% - 35%);}
.right{text-align: right;}

/*施設案内*/
.faci{position: relative;}
.faci > div{display:flex;align-items: flex-start;justify-content: space-between;}
.leftco{position: sticky;top:100px;left:0;width:50%;}
.rightco{width:40%;display:block;margin-left: auto;}
.rightco li{background:#FFF;padding:20px;margin-bottom:40px;border-radius: 10px;}
.rightco li:last-child{margin-bottom:0px;}
.rightco li img{width:100%;height:auto;}
.rightco li p{margin: 0;}

/*施設概要*/
.table{border:1px solid #dededf;max-width:1000px;margin: auto;}
.table div{display: flex;}
.table dt,.table dd{padding:10px; border-bottom:1px solid #dededf;}
.table dt{background:#f4f0e7;width:200px;}
.table dd{width:calc(100% - 200px);margin:0;}

/* レスポンシブ
------------------------------------------------------------*/
/* 1320px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1320px){
	body {min-width: 1280px!important;}
}

/* 960px以下から
------------------------------------------------------------*/
@media only screen and (max-width:960px){
	body {min-width: 910px!important;}
	.inner-box{padding:30px 0;}
	#main_area2 p{font-size:28px;}
	#main_area2::before{
		bottom:-20%;
		left:-20%;
		width:200px;
		height:200px;
	}

	#main_area2::after{
		top:-70%;
		right:-25%;
	}
	/*施設案内*/
	.faci > div{display:block;}
	.leftco{position: static;top:0;left:0;width:100%;}
	.rightco{width:100%;}
	.rightco li{width:70%;}
	.rightco li:nth-child(even){margin-left: auto;}
}

/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:769px){
	body {min-width: 718px!important;}
	#main_area2 {height: 200px;}
	#main_area2::after{
		position: absolute;
		top:-140%;
		right:0%;
		width:200px;
		height: 200px;
	}
	/*代表からのご挨拶*/
	.imgboxL{flex-wrap: wrap;}
	.imgboxL img{width:100%;max-width: 420px;margin:auto; border-radius: 10px;}
	.imgboxL div{width:100%;}
}

/* 430px以下から
------------------------------------------------------------*/
@media only screen and (max-width:431px){
    body {min-width: inherit!important;width: 100%;}
	#main_area2 p{font-size:24px;}
	#main_area2::before{
		bottom: 0;
		left:-70%;
	}
	#main_area2::after{
		position: absolute;
		top:-150%;
		right:-20%;

	}
	/*代表からのご挨拶*/
	.imgboxL{flex-wrap:wrap;}
	.imgboxL img{max-width:420px;width:100%; margin:0 auto 20px;}
	/*施設案内*/
	.rightco li{width:100%;margin-bottom: 20px;}
	.rightco li:nth-child(even){margin-left: inherit;}
	/*施設概要*/
	.table div{display: block;}
	.table dt{background:#f4f0e7;width:100%;}
	.table dd{width:100%;}
}