@charset "utf-8";

/* title */
.pageWrap{
	aspect-ratio: 1920/1080;
	background-attachment: fixed;
	background-image: url(../images/plan/bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.title{
	padding-top: 30px;
}
.ttlWrap{
	width: 1320px;
	margin: 0 auto;
	margin-bottom: 80px;
}
.ttlRow{
	width:700px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.ttlRow>.txtBox>h2>ul>li{
	color:#b5a784;
}
.ttlRow>.txtBox>h2>ul>li:first-of-type{
	font-size: 3em;
	border-bottom: 1px solid #b5a784;
}
.ttlRow>.txtBox>h2>ul>li:last-of-type{
	font-size: 1.5em;
}
.ttlRow>.txtBox>h2>ul>li:last-of-type>span{
	font-size: 2em;
}
.ttlRow>.txtBox>h2>ul>li:first-of-type>span{
	font-size: 2em;
}
.ttlRow>.txtBox{
	width: 48%;
}
.ttlRow>.imgBox{
	width: 48%;
}
.ttlRow>.txtBox>ul>li{
	font-size: 1em;
	margin-bottom: 20px;
}
.ttlRow>.txtBox>ul>li>span{
	font-size: 2.5em;
}
.ttlRow>.txtBox>ul>li:last-of-type{
	margin-bottom: 0px;
}
.ttlRow>.txtBox>ul>li:nth-of-type(2),
.ttlRow>.txtBox>ul>li:last-of-type{
	border-left:10px solid rgba(181, 167, 132, 0.5);
	padding-left: 1em;
	box-sizing: border-box;
}
.under1600{
	display: none;
}
@media (max-width:1600px){
	.ttlWrap{
		width: 82.5%;
	}
	.ttlRow{
		width:650px;
	}
	.ttlRow>.txtBox>h2>ul>li:first-of-type{
		font-size: 2.75em;
	}
	.ttlRow>.txtBox>h2>ul>li:last-of-type{
		font-size: 1.25em;
	}
	.under1600{
		display: block;
	}
}
@media (max-width:1400px){
	.ttlRow{
		width:600px;
	}
	.ttlRow>.txtBox>h2>ul>li:first-of-type{
		font-size: 2.5em;
	}
	.ttlRow>.txtBox>ul>li>span{
		font-size: 2.25em;
	}
	.ttlRow>.txtBox>h2>ul>li:last-of-type{
		font-size: 1.15em;
	}
}
@media (max-width:1200px){
	.ttlRow{
		width:550px;
	}
	.ttlRow>.txtBox>h2>ul>li:first-of-type{
		font-size: 2.25em;
	}
	.ttlRow>.txtBox>ul>li>span{
		font-size: 2em;
	}
	.ttlRow>.txtBox>h2>ul>li:last-of-type{
		font-size: 1.05em;
	}
}
@media (max-width:1024px){
	.ttlRow{
		width:500px;
	}
}
@media (max-width:768px){
	.pageWrap{
		aspect-ratio: auto;
		background-image: url(../images/plan/bg_sp.png);
	}
	.ttlWrap{
		width: 80%;
		margin-bottom: 50px;
	}
	.ttlRow{
		width:450px;
	}
}
@media (max-width:600px){
	.ttlWrap{
		width: 90%;
	}
}
@media (max-width:500px){
	.ttlWrap{
		width: 250px;
	}
	.ttlRow{
		width:100%;
		flex-wrap: wrap;
	}
	.ttlRow>.txtBox,
	.ttlRow>.imgBox{
		width: 100%;
	}
}
@media (max-width:300px){
	.ttlWrap{
		width: 85%;
	}
}

/* mainTxt */
.pointTxt_inner{
	width: 1320px;
	margin: 0 auto;
	margin-bottom: 80px;
	background-color: rgba(181, 167, 132, 0.1);
	padding: 50px;
	box-sizing: border-box;
}
.pointTxt_inner>.em{
	font-size: 1.5em;
	color: #b5a784;
	margin-bottom: 20px;
}
.pointTxt_inner>ul>li{
	font-size: 1em;
	margin-bottom: 10px;
}
@media (max-width:1600px){
	.pointTxt_inner{
		width: 82.5%;
	}
	.pointTxt_inner>.em{
		font-size: 1.4em;
	}
}
@media (max-width:1400px){
	.pointTxt_inner>.em{
		font-size: 1.3em;
	}
}
@media (max-width:768px){
	.pointTxt_inner{
		width: 90%;
		padding: 40px;
		margin-bottom: 50px;
	}
}
@media (max-width:500px){
	.pointTxt_inner{
		padding: 30px;
	}
}

/* plan */
.plan{
	position: relative;
}
.planWrap{
	width: 1320px;
	margin: 0 auto;
	padding-bottom: 180px;
}
.leaflet-pane{
	z-index:2;
}
.leaflet-top, 
.leaflet-bottom {
	z-index: 3;
}
@media (max-width:1600px){
	.planWrap{
		width: 82.5%;
	}
}
@media (max-width:768px){
	.planWrap{
		width: 90%;
		padding-bottom: 150px;
	}
}

/* pageNotice */
.pageNotice{
	background-color: #d8e4ea;
	padding: 80px 0;
}
@media (max-width:768px){
	.pageNotice{
		padding: 50px 0;
	}
}