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

/*交通アクセス*/
.imgboxR{display:flex;justify-content: space-between;align-items: flex-start;}
.imgboxR img{width:45%;height: auto;}
.imgboxR dl{width:calc(100% - 50%);}
.imgboxR dt::before{display: inline-block; content: ""; width:12px; height: 12px; background:#de5115;border-radius: 10px;margin-right:0.5rem;}
.imgboxR dt{font-size:20px;}
.map iframe{width:100%;border-radius: 20px;}
/* レスポンシブ
------------------------------------------------------------*/
/* 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%;
	}

}

/* 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;
	}
	/*交通アクセス*/
	.imgboxR{display:block;}
	.imgboxR img{display:block;width:100%;max-width: 604px;margin: auto;}
	.imgboxR dl{width:100%;}
	.imgboxR dt{font-size:18px;}
	.imgboxR dd{margin:0;padding:10px;}
}

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

}