@charset "UTF-8";

.mainBlk{
	padding: 90px 0 110px;
	text-align: center;
}
.mainBlk .title{
	width: 805px;
	margin: 0 auto 70px;
	font-size: 50px;
	letter-spacing: 0.15em
}
.mainBlk .mainCatch{
	width: 873px;
	margin: 0 auto 30px;
	font-size: 0;
}
.mainBlk .copy{
	font-size: 30px;
	letter-spacing: 0.15em;
	line-height: 1.5;
	margin-bottom: 30px;
}
.mainBlk .copyTxt {
	line-height: 2.2;
	letter-spacing: 0.05em;
	font-size: 16px;
}

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
	.mainBlk{
		padding: 8.036% 0;
	}
	.mainBlk .title{
		width: 71.875%;
		margin-bottom: 10.714%;
	}
	.mainBlk .mainCatch{
		width: 77.946%;
		margin-bottom: 2.679%;
	}
	.mainBlk .text{
		font-size: 1.429vw;
	}
}

@media screen and (max-width: 768px){
	.mainBlk{
		padding: 10.417% 0;
	}
	.mainBlk .title{
		width: 88.542%;
		/*! margin-bottom: 11.719%; */
		font-size: 6.51vw;
		margin-top: 11.047%;
		margin-bottom: 6.51%;
	}
	.mainBlk .mainCatch{
		width: 86.849%;
		margin-bottom: 5.208%;
	}
	.mainBlk .text{
		font-size: 3.125vw;
		line-height: 1.833;
	}
	.mainBlk .copy{
		font-size: 3.906vw;
		margin-bottom: 10.417%;
	}
	.mainBlk .copyTxt {
		line-height: 2.2;
		letter-spacing: 0.05em;
		font-size: 3.125vw;
	}


}


/*--敷地配置図--------------------------------------*/
.figureSec {
	margin: 0 auto;
	background-color: #f6f6f6;
}
.figureSec .inner{
	max-width: 1110px;
	padding: 80px 0;
	margin: 0 auto;
}
.figureSec .guide {
	text-align: center;
	font-size: 18px;
	padding: 17px 0;
	background-color: #dddddd;
	margin-bottom: 50px;
}
.landplan_fig {
	position: relative;
}
.landplan_fig .caption {
	text-align: right;
	font-size: 12px;
	position: absolute;
	right: 1px;
	bottom: -5px;
}
.landplan_fig .figBtn {
	width: 50px;
	height: 50px;
	cursor: pointer;
	position: absolute;
/*	background-color: red;
	opacity: 0.5;*/
}

.landplan_fig .landplan_btn01 {
	left: 505px;
	bottom: 49px;
}
.landplan_fig .landplan_btn02 {
	left: 485px;
	bottom: 154px;
}
.landplan_fig .landplan_btn03 {
	left: 402px;
	bottom: 118px;
}
.landplan_fig .landplan_btn04 {
	left: 515px;
	bottom: 310px;
}
.landplan_fig .landplan_btn05 {
	left: 375px;
	bottom: 174px;
}
.landplan_fig .landplan_btn06 {
	left: 879px;
	bottom: 174px;
}
.landplan_fig .landplan_btn07 {
	left: 736px;
	bottom: 68px;
}
.landplan_fig .landplan_btn08 {
	left: 936px;
	bottom: 72px;
}

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
	.figureSec {
		margin: 0 auto;
	}
	.figureSec .guide {
		font-size: 1.607vw;
		padding: 1.517% 0;
		background-color: #dddddd;
		margin-bottom: 4.464%;
	}
	.landplan_fig .caption {
		font-size: 1.071vw;
		bottom: -0.446vw;
	}

}
@media screen and (max-width: 1110px){
		.landplan_fig .figBtn {
		width: 4.464vw;
		height: 4.464vw;
	}

	.landplan_fig .landplan_btn01 {
		left: 45.9vw;
		bottom: 4.414vw;
	}
	.landplan_fig .landplan_btn02 {
		left: 43.693vw;
		bottom: 13.874vw;
	}
	.landplan_fig .landplan_btn03 {
		left: 36.216vw;
		bottom: 10.631vw;
	}
	.landplan_fig .landplan_btn04 {
		left: 46.396vw;
		bottom: 27.927vw;
	}
	.landplan_fig .landplan_btn05 {
		left: 33.784vw;
		bottom: 15.676vw;
	}
	.landplan_fig .landplan_btn06 {
		left: 79.189vw;
		bottom: 15.676vw;
	}
	.landplan_fig .landplan_btn07 {
		left: 66.306vw;
		bottom: 6.126vw;
	}
	.landplan_fig .landplan_btn08 {
		left: 84.324vw;
		bottom: 6.486vw;
	}
}

@media screen and (max-width: 768px){
	.figureSec {
		margin: 0 auto;
	}
	.figureSec .inner{
		padding: 10% 0;
	}
	.figureSec .guide {
		width: 86.979vw;
		margin: 0 auto;
		font-size: 2.604vw;
		padding: 2.083vw 0;
		margin-bottom: 3.906vw;
	}
	.landplan_fig {
		width: 86.979vw;
		display: block;
		margin: 0 auto;
	}
	.landplan_fig .caption {
		position: static;
		font-size: 2.5vw;
	}

		.landplan_fig .landplan_btn01 {
		left: 40.2vw;
		bottom: 3.614vw;
	}
	.landplan_fig .landplan_btn02 {
		left: 38.093vw;
		bottom: 12.274vw;
	}
	.landplan_fig .landplan_btn03 {
		left: 31.516vw;
		bottom: 9.131vw;
	}
	.landplan_fig .landplan_btn04 {
		left: 40.196vw;
		bottom: 24.127vw;
	}
	.landplan_fig .landplan_btn05 {
		left: 29.184vw;
		bottom: 13.676vw;
	}
	.landplan_fig .landplan_btn06 {
		left: 68.689vw;
		bottom: 13.676vw;
	}
	.landplan_fig .landplan_btn07 {
		left: 57.406vw;
		bottom: 5.126vw;
	}
	.landplan_fig .landplan_btn08 {
		left: 73.024vw;
		bottom: 5.586vw;
	}
}
/*--モーダルボタン--------------------------------------*/

.modalBtns {
	max-width: 1110px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
	margin-bottom: 115px;
}
.modalBtns a {
	text-align: left;
	display: block;
	width: 360px;
	height: 70px;
	background-color: #333333;
	color: #FFF;
	position: relative;
	margin-bottom: 15px;
	margin-right: 15px;
	font-size: 18px;

}
.modalBtns li {
		/*! position: relative; */
}
.modalBtns li:nth-child(3n) a{
	margin-right: 0px;
}
.modalBtns .btnInnerWrap {
	color: #FFF;
	letter-spacing: 0.05em;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}
.btnInnerWrap::before {
	content: "";
	background-size: contain;
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-left: 30px;
	vertical-align: -8px;
	margin-right: 18px;
}
.cross {
	display: block;
	position: absolute;
	top: 14px;
	left: 310px;
}
.cross::before,
.cross::after{
		background: #FFF;
		display: block;
		content: "";
		width: 25px;
		height: 2px;
	}
.cross::after {
	transform: rotate(90deg);
	margin-top: -2px;
}
.modalBtns .titleWrap {
	display: inline-block;
}
.landplan_btn01 .btnInnerWrap::before {
	background-image: url("../images/landplan/landplan_icon01.png");
}
.landplan_btn02 .btnInnerWrap::before {
	background-image: url("../images/landplan/landplan_icon02.png");
}
.landplan_btn03 .btnInnerWrap::before {
	background-image: url("../images/landplan/landplan_icon03.png");
}
.landplan_btn04 .btnInnerWrap::before {
	background-image: url("../images/landplan/landplan_icon04.png");
}
.landplan_btn05 .btnInnerWrap::before {
	background-image: url("../images/landplan/landplan_icon05.png");
}
.landplan_btn06 .btnInnerWrap::before {
	background-image: url("../images/landplan/landplan_icon06.png");
}
.landplan_btn07 .btnInnerWrap::before {
	background-image: url("../images/landplan/landplan_icon07.png");
}
.landplan_btn08 .btnInnerWrap::before {
	background-image: url("../images/landplan/landplan_icon08.png");
}

.landplan_btn06 .btnInnerWrap::before {
vertical-align: 5px;
}
.landplan_btn06 .cross {
		top: 26px;
}

@media screen and (max-width: 1120px){
	.modalBtns {
		margin-top: 4.464vw;
		margin-bottom: 10.268vw;
	}
	.modalBtns li{
		width: 33.789%;
		margin-right: 0;
		font-size: 1.607vw;
	}
	.modalBtns li:nth-child(3n){
	 width: 32.143%;
		margin-right: 0;
	}
	.modalBtns a {
		width: 96%;
		 height: 6.25vw;
		margin-bottom: 1.339vw;
		margin-right: 2.703%;
		font-size: 1.607vw;
	}
	.modalBtns li:nth-child(3n) a{
		width: 100%;
	}
	.btnInnerWrap::before {
		width: 2.679vw;
		height: 2.679vw;
		margin-left: 2.679vw;
		vertical-align: -0.714vw;
		margin-right: 1.607vw;
	}
	.cross {
		top: 1.25vw;
		left: 27.679vw;
	}
	.cross::before,
	.cross::after{
			width: 2.232vw;
			height: 0.186vw;
		}
	.cross::after {
		transform: rotate(90deg);
		margin-top: -0.089vw;
	}
	.landplan_btn06 .cross {
/*		 top: 2.321vw; */
	}
}

@media screen and (max-width: 768px){
	.modalBtns {
		width: 86.979vw;
		margin-bottom: 8.854vw;
		margin: 9.115vw auto 0;
	}
	.modalBtns a {

		width: 86.979vw;
		height: 17.317vw;
		margin-bottom: 2.604vw;
		margin-right: 0px;
		font-size: 4.471vw;
	}
	.modalBtns li{
		width: initial;
		margin-right: 0;
	}
	.modalBtns li:nth-child(3n){
	 width: initial;
		margin-right: 0;
	}

	.modalBtns li:nth-child(3n) a{
		margin-right: 0px;
		width: 86.979vw;
	}
	.btnInnerWrap::before {
		content: "";
		background-size: contain;
		width: 7.552vw;
		height: 7.552vw;
		margin-left: 4.947vw;
		vertical-align: -1.822vw;
		margin-right: 4.167vw;
		display: inline-block;
	}
	.cross {
		top: 3.8vw;
		left: 74.343vw;
	}
	.cross::before,
	.cross::after{
		width: 6.25vw;
		height: 0.521vw;
	}
	.cross::after {
		transform: rotate(90deg);
		margin-top: -0.521vw;
	}
	.landplan_btn06 .cross {
/*		 top: 6.321vw; */
	}
}


/*--モーダル--------------------------------------*/
.remodal {
	text-align: center;
	position: relative;
	max-width: 1110px;
}
.remodal img {
	width: 1000px;
}

.remodal .title {
	margin-top: 30px;
}
.remodal .title p{
	font-size: 24px;
	color: #FFF;

	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	display: inline-block;
}
.remodal .title img {
	width: 30px;
	display: inline-block;

	vertical-align: -6px;
	margin-right: 10px;
}
.remodal-close {
	position: absolute;
	top: -58px;
	right: -8px;

		display: inline-block;
	width: 50px;
	height: 50px;
}
.remodal-close::before,
.remodal-close::after{
		background: #FFF;
		display: block;
		content: "";
		width: 50px;
		height: 1px;
	}
.remodal-close::before {
	transform: rotate(-45deg);
	margin-top: 25px;
}
.remodal-close::after {
	transform: rotate(45deg);
	margin-top: -0px;
}
.remodal picture {
	position: relative;
}
.remodal .caption {
	font-size: 12px;
	color: #FFF;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0 0 -5px 0px;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-family: "FP-ヒラギノ明朝 ProN W3";
	background-color:	rgba(0,0,0,0.4);
	padding: 1px 4px 1px 4px;
}


@media screen and (max-width: 1120px){
	.remodal img {
		width: 89.286vw;
	}
	.remodal .title {
		margin-top: 2.679vw;
	}
	.remodal .title p{
		font-size: 2.143vw;
	}
	.remodal .title img {
		width: 2.679vw;
		vertical-align: -0.536vw;
		margin-right: 0.893vw;
	}
	.remodal-close {
	top: -5.179vw;
	right: -0.714vw;
	}
}

@media screen and (max-width: 768px){
	.remodal img {
		width: 89.583vw;
	}
	.remodal .title {
		margin-top: 3.906vw;
	}
	.remodal .title p{
		font-size: 3.646vw;
	}
	.remodal .title img {
		width: 4.947vw;
		vertical-align: -1.041vw;
		margin-right: 1.041vw;
	}
	.remodal-close {
		top: 3.645%;
		right: -7.552%;
		width: 9.114%;
		height: 9.114%;
	}
	.remodal-close::before,
	.remodal-close::after{
		width: 9.114vw;
		height: 0.13vw;
		}
	.remodal-close::before {
		margin-top: 4.557vw;
	}
	.remodal-close::after {
		margin-top: 4.557vw;
	}
}

/* 注釈肩付き */
.sup {
	vertical-align: top;
}



.hero{ position: relative; }
.hero .cap{ position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); padding: 3px; font-size: 12px; color: #fff; line-height: 1; }
.landplan-list{ display: -ms-flex; display: flex; flex-wrap: wrap; margin-top: 50px; }
.landplan-list .item{ width: 25%; font-size: 16px; }
.landplan-list .item:nth-child(n+5){ margin-top: 20px; }
.landplan-list .item .num{ background-color: #c9ba4f; width: 24px; height: 24px; line-height: 24px; display: inline-block; text-align: center; border-radius: 50%; color: #ffffff; margin-right: 0.2em; }

@media screen and (max-width: 1120px){
	.hero .cap{ font-size: 1.071vw; }
	.landplan-list .item{ font-size: 1.429vw; }
}
@media screen and (max-width: 768px){
	.hero .cap{ font-size: 2.604vw; }
	.landplan-list{ padding: 0 5%; margin-top: 5%; }
	.landplan-list .item{ width: 50%; font-size: 2.8vw; }
	.landplan-list .item:nth-child(n+3){ margin-top: 2%; }
	.landplan-list .item .num{ width: 4vw; height: 4vw; line-height: 4vw; }
}