@charset "UTF-8";

.pre-inc main.pagehead#bloomy {
	background: url("../img/design/main_image_bloomy.jpg") no-repeat;
	background-size: cover;
	height: 600px;
	width: 100%;
}
.pre-inc main.pagehead#calm {
	background: url("../img/design/main_image_calm.jpg") no-repeat;
	background-size: cover;
	height: 600px;
	width: 100%;
}
.pre-inc main.pagehead#dear {
	background: url("../img/design/main_image_dear.jpg") no-repeat;
	background-size: cover;
	height: 600px;
	width: 100%;
}
.pre-inc main.pagehead#armira {
	background: url("../img/design/main_image_armira.jpg") no-repeat;
	background-size: cover;
	height: 600px;
	width: 100%;
}
.pre-inc main.pagehead.on{
}

/* desing */
.pre-inc #design .section_head.appearance{
	padding: 80px 0 50px;
}
.pre-inc #design .section_head.entrance{
	padding: 80px 0 50px;
}
.pre-inc #design .lead_text{
	text-align: left;
}
.pre-inc .desingview .desingimg:first-child{
	margin-top: 0;
}
.pre-inc .desingview .desingimg{
	margin-top: 50px;
}

/* landplan */
.pre-inc #landplan{
	background: #224142;
	color: #FFF;
	padding: 80px 0 50px;
}
.pre-inc #landplan .section_head h2.section_ttl{
	color: #FFF;
}
.pre-inc #landplan .lead_text{
	text-align: left;
}
.pre-inc .landplan_container{
	margin-top: 30px;
}
.pre-inc .landplanflex,.pre-inc .landplanflex_bottom{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pre-inc .landplanflex .landplanmap{
	flex: 1;
	margin-right: 30px;
}
.pre-inc .landplanflex .flexitem{
	width: calc(320 / 1024 * 100%);
}
.pre-inc .landplanflex_bottom .flexitem{
	width: calc(320 / 1024 * 100%);
}
.pre-inc .landplaninfo{
	margin-bottom: 20px;
}
.pre-inc .landlabel{
	font-size: clamp(15px,1.8vw,18px);
	margin-bottom: 10px;
}
.pre-inc .landlabel .point{
	background: #00ab99;
	color: #FFF;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 22px;
	margin-right: 10px;
}
.pre-inc .landlabel sup{
	font-size: clamp(10px,1.3vw,13px);
}

/* dear */
.pre-inc .design_dear{
	max-width: 100%;
	overflow: hidden;
}
.pre-inc .desingview .desingimg_left,.pre-inc .desingview .desingimg_right{
	margin-top: 50px;
}
.pre-inc .desingview .desingimg_left{
	margin-left: -24.4140625%;
	margin-right: 24.4140625%;
}
.pre-inc .desingview .desingimg_right{
	margin-left: 24.4140625%;
	margin-right: -24.4140625%;
}
.pre-inc .landplanmap_wide{
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.pre-inc .landplanmap_wide div{
	display: inline-block;
	position: relative;
}
.pre-inc .landplanflex_bottom::after{
	content: "";
	display: block;
	width: calc(320 / 1024 * 100%);
}

@media screen and (max-width: 768px) {
	.pre-inc #landplan{
		padding: 40px 0;
	}
	.pre-inc .landplanflex .landplanmap{
		flex: none;
		width: 100%;
		margin-bottom: 30px;
	}
	.pre-inc .landplanflex .flexitem,.pre-inc .landplanflex_bottom .flexitem {
		width: 100%;
	}
}