@charset "utf-8";

/* pageWrap */
.pageWrap{
	aspect-ratio: 1920/1080;
	background-attachment: fixed;
	background-image: url(../images/plan/bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}
@media (max-width:768px){
	.pageWrap{
		aspect-ratio: auto;
		background-image: url(../images/plan/bg_sp.png);
	}
}

/* title */
.title{
	padding: 80px 0 50px 0;
}
.ttlWrap h2 ,
.subTtl_wrap h3 {
	font-family: "Marcellus", serif;
	font-size: 2.5em;
	font-weight: 400;
	letter-spacing: 0.1em;
	color: #0078ad;
	text-align: center;
}
@media (max-width:768px){
	.title{
		padding: 50px 0 50px 0;
	}
}

/* planBtn(planPage Only) */
.planBtn{
	padding-bottom: 200px;
	position: relative;
}

/* mainContents */
.mainContents{
	background-color: #fff;
	position: relative;
}
.mainContents_wrap{
	width:1100px;
	margin: 0 auto;
}
.subTtl_wrap{
	margin-bottom: 30px;
}
.subTtl_wrap>p{
	font-size: 1.25em;
	letter-spacing: 0.025em;
	text-align: center;
}
.spMap,
.fpMap{
	margin-bottom: 50px;
}
.epMap{
	padding-bottom: 150px;
}
.fpMap>ul,
.epMap>ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.fpMap>ul>li,
.epMap>ul>li{
	width: 48%;
}
.epMap>ul>li{
	margin-bottom: 20px;
}
.epMap>ul>li:nth-of-type(3),
.epMap>ul>li:last-of-type{
	margin-bottom: 0px;
}
.leaflet-pane{
	z-index: 2;
}
.leaflet-control,
.leaflet-top,
.leaflet-bottom {
	z-index: 3;
}
@media (max-width:1200px){
	.mainContents_wrap{
		width:90%;
	}
}
@media (max-width:768px){
	.fpMap>ul,
	.epMap>ul {
		width:400px;
		flex-direction: column;
		margin:0 auto;
	}
	.fpMap>ul>li,
	.epMap>ul>li {
		width: 100%;
		margin-bottom: 30px;
	}
	.epMap>ul>li:nth-of-type(3) {
		margin-bottom: 30px;
	}
}
@media (max-width:500px){
	.fpMap>ul,
	.epMap>ul {
		width:90%;
	}
}

.pageNotice{
    background-color: #d8e4ea;
}