@charset "utf-8";

/* ttlWrap */
.topWrap{
	background-attachment: fixed;
	aspect-ratio: 1920/1080;
	background-image: url(../images/top/siteBg.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.ttlWrap{
	text-align: center;
	padding-top: 80px;
	margin-bottom: 50px;
}
.ttlWrap h4{
	font-family: "Libre Baskerville", serif;
	font-size: 3em;
	font-weight: 700;
	letter-spacing: 0.1em;
	display: inline-block;
	padding: 0 1em;
	position: relative;
}
.ttlWrap p{
	font-size: 1em;
	letter-spacing: 0.1em;
}
.ttlWrap h4:before,
.ttlWrap h4:after{
	content: '';
	width: 15px;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;                
	background-image: url(../images/position/deco02_sp.svg);
	position: absolute;
}
.ttlWrap h4:before{
	top: 0;
	left: 0;
}
.ttlWrap h4:after{
	top: 0;
	right: 0;
}
@media (max-width:1400px){
	.ttlWrap h4{
		font-size: 2.75em;
	}
}
@media (max-width:1200px){
	.ttlWrap h4{
		font-size: 2.5em;
	}
}
@media (max-width:768px){
	.ttlWrap h4{
		font-size: 2.25em;
	}
}
@media (max-width:500px){
	.ttlWrap h4{
		font-size: 2em;
	}
}

/* siteMap */
.siteMap{
	background-color: #fff;
	padding: 80px 0;
	margin-bottom: 80px;
}
.siteMap_wrap{
	width: 1100px;
	margin: 0 auto;
}
@media (max-width:1500px){
	.siteMap_wrap{
		width: 73.33%;
	}
}
@media (max-width:1200px){
	.siteMap{
		margin-bottom: 50px;
	}
	.siteMap_wrap{
		width: 80%;
	}
}
@media (max-width:768px){
	.siteMap{
		margin-bottom: 30px;
	}
	.siteMap_wrap{
		width: 90%;
	}
}

/* floorplanMap */
.floorplanMap{
	background-color: #fff;
	padding: 80px 0;
	margin-bottom: 80px;
}
.floorplanMap_wrap{
	width: 1100px;
	margin: 0 auto;
}
.floorplanMap_wrap ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.floorplanMap_wrap ul li{
	width: 48%;
	margin-bottom: 20px;
}
.floorplanMap_wrap ul li:first-of-type,
.floorplanMap_wrap ul li:nth-of-type(3){
	margin-right: 4%;
}
.floorplanMap_wrap ul li:last-of-type{
	margin-bottom: 0;
}
@media (max-width:1500px){
	.floorplanMap_wrap{
		width: 73.33%;
	}
}
@media (max-width:1200px){
	.floorplanMap{
		margin-bottom: 50px;
	}
	.floorplanMap_wrap{
		width: 80%;
	}
}
@media (max-width:768px){
	.floorplanMap{
		margin-bottom: 30px;
	}
	.floorplanMap_wrap{
		width: 90%;
	}
}
@media (max-width:450px){
	.floorplanMap_wrap ul li{
		width: 100%;
	}
	.floorplanMap_wrap ul li:first-of-type,
	.floorplanMap_wrap ul li:nth-of-type(3){
		margin-right: 0%;
	}
}

/* elevationplanMap */
.elevationplanMap{
	background-color: #fff;
	padding: 80px 0;
}
.elevationplanMap_wrap{
	width: 1100px;
	margin: 0 auto;
}
.elevationplanMap_wrap ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.elevationplanMap_wrap ul li{
	width: 48%;
	margin-bottom: 20px;
}
.elevationplanMap_wrap ul li:nth-of-type(3),
.elevationplanMap_wrap ul li:last-of-type{
	margin-bottom: 0;
}
@media (max-width:1500px){
	.elevationplanMap_wrap{
		width: 73.33%;
	}
}
@media (max-width:1200px){
	.elevationplanMap_wrap{
		width: 80%;
	}
}
@media (max-width:768px){
	.elevationplanMap_wrap{
		width: 90%;
	}
}
@media (max-width:450px){
	.elevationplanMap_wrap ul li{
		width: 100%;
	}
	.elevationplanMap_wrap ul li:nth-of-type(3){
		margin-bottom: 20px;
	}
}