@charset "UTF-8";

.mainContent .title{
	margin: 115px 0 60px;
	font-size: 50px;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.1em;
	}
.mainContent .catch{
	margin-bottom: 20px;
	font-size: 30px;
	text-align: center;
	letter-spacing: 0.2em;
	}
.mainContent .text{
	margin-bottom: 110px;
	font-size: 16px;
	text-align: center;
	letter-spacing: 0.2em;
	line-height: 2.25;
	}

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
	.mainContent .title{
		margin: 10.268% 0 5.357%;
		font-size: 4.464vw;
		}
	.mainContent .catch{
		margin-bottom: 1.786%;
		font-size: 2.679vw;
		}
	.mainContent .text{
		margin-bottom: 9.821%;
		font-size: 1.429vw;
		text-align: center;
		}
}

@media screen and (max-width: 768px){
	.mainContent .title{
		margin: 11.068% 0 5.208%;
		font-size: 6.510vw;
		}
	.mainContent .catch{
		margin-bottom: 5.208%;
		font-size: 3.906vw;
		letter-spacing: 0.1em;
		}
	.mainContent .text{
		margin-bottom: 10.417%;
		font-size: 3.125vw;
		letter-spacing: 0.08em;
		}
}

/*　ボタンのcss*/
/*-------------------------------------------------------*/

.tabBox{
	min-width: 1110px;
	}
.tabBox .tabWrap{
	background-color: #333;
	padding: 50px 0;
	font-size: 0;
	text-align: center;
	}
.tabBox p{
	display: inline-block;
	width: 550px;
	}
.tabBox p:first-child{
	margin-right: 10px;
	}
.tabBox a{
	display: block;
	background-color: #ddd;
	padding: 25px 0;
	font-size: 18px;
	color: #333;
	line-height: 1;
	}
.tabBox .select a{
	background-color: #c9b94f;
	color: #fff;
	pointer-events: none;
	}

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
	.tabBox{
		min-width: 0;
		}
	.tabBox .tabWrap{
		min-width: 0;
		padding: 4.464% 0;
		}
	.tabBox p{
		width: 49.107%;
		}
	.tabBox p:first-child{
		margin-right: 0.893%;
		}
	.tabBox a{
		padding: 4.545% 0;
		font-size: 1.607vw;
		}
}

@media screen and (max-width: 768px){
	.tabBox{
		padding-top: 11.719%;
		margin-top: -11.719%;
		}
	.tabBox .tabWrap{
		min-width: 0;
		padding: 5.208% 0;
		}
	.tabBox p{
		width: 43.49%;
		}
	.tabBox p:first-child{
		margin-right: 2.604%;
		}
	.tabBox a{
		padding: 8.982% 0;
		font-size: 3.385vw;
		}
}

.contentView{
	height: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .5s;
	transition: all .5s;
	}
.contentView.view{
	height: auto;
	opacity: 1;
	pointer-events: auto;
	}
.appeaBlk{
	padding: 40px 0 0;
	}
.appeaBlk .secBlk h3{
	margin-bottom: 40px;
	font-size: 26px;
	letter-spacing: 0.12em;
	line-height: 1.692;
	text-align: center;
	}
.appeaBlk .secBlk h3 .e{
	display: inline-block;
	margin-bottom: 20px;
	font-family: "TrajanPro-Regular";
	font-size: 20px;
	color: #c9b94f;
	line-height: 1;
	}
.appeaBlk .secBlk .copy{
	width: 800px;
	margin: 0 auto 70px;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 2.25;
	}
.appeaBlk .secBlk .img{
	position: relative;
	}
.appeaBlk .secBlk .img .cap{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	padding: 3px;
	font-size: 12px;
	color: #fff;
	line-height: 1;
	}

@media screen and (max-width: 1120px){
	.appeaBlk{
		padding: 0;
		}
	.appeaBlk .secBlk h3{
		margin-bottom: 3.571%;
		font-size: 2.321vw;
		}
	.appeaBlk .secBlk h3 .e{
		margin-bottom: 1.786%;
		font-size: 1.786vw;
		}
	.appeaBlk .secBlk .copy{
		width: 71.429%;
		margin-bottom: 6.25%;
		font-size: 1.429vw;
		}
	.appeaBlk .secBlk .img .cap{
		font-size: 1.071vw;
		}
}

@media screen and (max-width: 768px){
	.appeaBlk .secBlk h3{
		margin-bottom: 3.255%;
		font-size: 3.646vw;
		}
	.appeaBlk .secBlk h3 .e{
		margin-bottom: 2.344%;
		font-size: 3.125vw;
		}
	.appeaBlk .secBlk .copy{
		width: 89.583%;
		margin-bottom: 9.115%;
		font-size: 3.125vw;
		line-height: 1.833;
		}
	.appeaBlk .secBlk .img .cap{
		font-size: 2.604vw;
		}
}

.appeaBlk .secBlk.facade,
.appeaBlk .secBlk.greenspace,
.appeaBlk .secBlk.greenspace{
	margin-bottom: 70px;
	}
.appeaBlk .secBlk.facade .img .cap{
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	background-color: rgba(0,0,0,.5);
	padding: 3px;
	}

@media screen and (max-width: 1120px){
	.appeaBlk .secBlk.facade,
	.appeaBlk .secBlk.greenspace{
		margin-bottom: 6.25%;
		}
}

@media screen and (max-width: 768px){
	.appeaBlk .secBlk.facade,
	.appeaBlk .secBlk.greenspace{
		margin-bottom: 3.906%;
		}
	.appeaBlk .secBlk.facade .img .cap{
		left: auto;
		right: 0;
		margin-bottom: 0;
		margin-left: 0;
		}
}

.appeaBlk .secBlk.landscape{
	background-color: #efefef;
	padding-top: 70px;
	padding-bottom: 100px;
	}
.appeaBlk .secBlk.landscape .inner{
	width: 1110px;
	margin: 0 auto;
	font-size: 0;
	}
.appeaBlk .secBlk.landscape .img{
	margin-bottom: 115px;
	}
.appeaBlk .secBlk.landscape .img .cap{
	left: auto;
	right: 0;
	background-color: transparent;
	margin: 0 0 -7px;
	color: #000;
	}
.appeaBlk .secBlk.landscape .lsBox{
	width: 1110px;
	margin: 0 auto 115px;
	font-size: 0;
	}
.appeaBlk .secBlk.landscape .lsBox p{
	display: inline-block;
	width: 270px;
	margin: 0 0 10px 10px;
	}
.appeaBlk .secBlk.landscape .lsBox p:nth-child(4n+1){
	margin-left: 0;
	}

.appeaBlk .secBlk.landscape .secBox{
	display: inline-block;
	width: 510px;
	margin-right: 50px;
	vertical-align: top;
	}
.appeaBlk .secBlk.landscape .secBox:last-child{
	width: 550px;
	margin-right: 0;
	}

.appeaBlk .secBlk.landscape .secBox h4{
	margin-bottom: 20px;
	font-size: 22px;
	letter-spacing: 0.12em;
	line-height: 1.692;
	}
.appeaBlk .secBlk.landscape .secBox h4 .s{
	font-size: 12px;
	vertical-align: top;
	}
.appeaBlk .secBlk.landscape .secBox h4 .fs{
	font-size: 18px;
	vertical-align: middle;
	}
.appeaBlk .secBlk.landscape .secBox .txt{
	font-size: 16px;
	letter-spacing: 0.12em;
	line-height: 2.25;
	}
.appeaBlk .secBlk.landscape .secBox .txt .s{
	font-size: 14px;
	}
.appeaBlk .secBlk.landscape .secBox .img{
	margin-top: 20px;
	}
.appeaBlk .secBlk.landscape .secBox.wide{
	width: 1110px;
	margin: 0 0 55px;
	}
.appeaBlk .secBlk.landscape .secBox.wide .txtWrap{
	display: inline-block;
	width: 530px;
	margin-right: 50px;
	}
.appeaBlk .secBlk.landscape .secBox.wide .img{
	display: inline-block;
	width: 530px;
	margin: 0;
	}
.appeaBlk .secBlk.landscape .secBox.wide .img .cap{
	right: auto;
	left: 0;
	background-color: rgba(0,0,0,.5);
	padding: 3px;
	margin: 0;
	font-size: 12px;
	color: #fff;
	line-height: 1;
	}


@media screen and (max-width: 1120px){
	.appeaBlk .secBlk.landscape{
		padding-top: 6.25%;
		padding-bottom: 10%;
		}
	.appeaBlk .secBlk.landscape .inner{
		width: 99.107%;
		}
	.appeaBlk .secBlk.landscape .img{
		margin-bottom: 10.360%;
		}
	.appeaBlk .secBlk.landscape .img .cap{
		margin-bottom: -0.631%;
		}
	.appeaBlk .secBlk.landscape .lsBox{
		width: 99.107%;
		margin-bottom: 10.268%;
		}
	.appeaBlk .secBlk.landscape .lsBox p{
		width: 24.324%;
		margin: 0 0 0.901% 0.901%;
		}
	.appeaBlk .secBlk.landscape .secBox{
		width: 45.536%;
		margin-right: 4.505%;
		}
	.appeaBlk .secBlk.landscape .secBox:last-child{
		width: 49.107%;
		}
	.appeaBlk .secBlk.landscape .secBox h4{
		margin-bottom: 1.802%;
		font-size: 1.964vw;
		}
	.appeaBlk .secBlk.landscape .secBox h4 .s{
		font-size: 1.071vw;
		}
	.appeaBlk .secBlk.landscape .secBox h4 .fs{
		font-size: 1.607vw;
		}
	.appeaBlk .secBlk.landscape .secBox .txt{
		font-size: 1.429vw;
		}
	.appeaBlk .secBlk.landscape .secBox .txt .s{
		font-size: 1.25vw;
		}
	.appeaBlk .secBlk.landscape .secBox .img{
		margin-top: 3.774%;
		}
	.appeaBlk .secBlk.landscape .secBox.wide{
		width: 100%;
		margin-bottom: 4.911%;
		}
	.appeaBlk .secBlk.landscape .secBox.wide .txtWrap{
		width: 47.748%;
		margin-right: 4.505%;
		}
	.appeaBlk .secBlk.landscape .secBox.wide .img{
		width: 47.748%;
		}
	.appeaBlk .secBlk.landscape .secBox.wide .img .cap{
		font-size: 1.071vw;
		}
}

@media screen and (max-width: 768px){
	.appeaBlk .secBlk.landscape{
		padding-top: 3.906%;
		}
	.appeaBlk .secBlk.landscape .inner{
		width: 100%;
		padding-bottom: 9.510%;
		}
	.appeaBlk .secBlk.landscape .img{
		width: 89.583%;
		margin: 0 auto 15.988%;
		}
	.appeaBlk .secBlk.landscape .img .cap{
		margin: 0;
		}
	.appeaBlk .secBlk.landscape .lsBox{
		width: 89.583%;
		margin-bottom: 14.535%;
		}
	.appeaBlk .secBlk.landscape .lsBox p{
		width: 49.273%;
		margin: 0 0 1.453% 1.453%;
		}
	.appeaBlk .secBlk.landscape .lsBox p:nth-child(2n+1){
		margin-left: 0;
		}
	.appeaBlk .secBlk.landscape .secBox{
		display: block;
		width: 89.583%;
		margin: 0 auto 7.267%;
		}
	.appeaBlk .secBlk.landscape .secBox:last-child{
		width: 89.583%;
		margin-right: auto;
		}
	.appeaBlk .secBlk.landscape .secBox h4{
		margin-bottom: 4.360%;
		font-size: 3.646vw;
		text-align: center;
		}
	.appeaBlk .secBlk.landscape .secBox h4 .s{
		font-size: 2.344vw;
		}
	.appeaBlk .secBlk.landscape .secBox h4 .fs{
		font-size: 2.744vw;
		}
	.appeaBlk .secBlk.landscape .secBox .txt{
		font-size: 3.125vw;
		line-height: 1.833;
		}
	.appeaBlk .secBlk.landscape .secBox .txt .s{
		font-size: 2.604vw;
		}
	.appeaBlk .secBlk.landscape .secBox .img{
		width: 100%;
		margin: 5.970% 0 0;
		}
	.appeaBlk .secBlk.landscape .secBox.wide{
		width: 89.583%;
		margin: 0 auto 7.267%;
		}
	.appeaBlk .secBlk.landscape .secBox.wide .txtWrap{
		display: inline-block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 5.814%;
		}
	.appeaBlk .secBlk.landscape .secBox.wide .img{
		display: inline-block;
		width: 100%;
		margin: 0;
		}
	.appeaBlk .secBlk.landscape .secBox.wide .img .cap{
		font-size: 2.604vw;
		}
}


.publiBlk{
	padding: 0;
	}
.publiBlk .secBlk h3{
	padding-top: 80px;
	margin-bottom: 40px;
	font-size: 26px;
	letter-spacing: 0.12em;
	line-height: 1.692;
	text-align: center;
	}
.publiBlk .secBlk h3 .s{
	font-size: 14px;
	vertical-align: text-top;
	}
.publiBlk .secBlk h3 .e{
	display: inline-block;
	margin-bottom: 20px;
	font-family: "TrajanPro-Regular";
	font-size: 20px;
	color: #c9b94f;
	line-height: 1;
	}
.publiBlk .secBlk .copy{
	width: 800px;
	margin: 0 auto 70px;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 2.25;
	}
.publiBlk .secBlk .img{
	position: relative;
	margin-bottom: 120px;
	}
.publiBlk .secBlk .img .cap{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	padding: 3px;
	font-size: 12px;
	color: #fff;
	line-height: 1;
	}

.publiBlk .secBlk .secBox{
	display: flex;
	align-items: center;
	width: 1110px;
	margin: 0 auto 120px;
	}
.publiBlk .secBlk .secBox .txtWrap{
	width: 450px;
	margin-right: 60px;
	}
.publiBlk .secBlk .secBox .txtWrap h4{
	margin-bottom: 10px;
	font-size: 22px;
	letter-spacing: 0.12em;
	line-height: 1.692;
	}
.publiBlk .secBlk .secBox .txtWrap h4 .e{
	display: inline-block;
	margin-bottom: 20px;
	font-family: "TrajanPro-Regular";
	font-size: 16px;
	color: #c9b94f;
	line-height: 1;
	}
.publiBlk .secBlk .secBox .txt{
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 2.25;
	}
.publiBlk .secBlk .secBox .fig{
	position: relative;
	width: 600px;
	}
.publiBlk .secBlk .secBox .fig .cap{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	padding: 3px;
	font-size: 12px;
	color: #fff;
	line-height: 1;
	}
.publiBlk .secBlk .wrap{
	background-color: #efefef;
	padding-top: 40px;
	}
.publiBlk .secBlk .secBox.grand,
.publiBlk .secBlk .secBox.guest{
	flex-direction: row-reverse;
	}
.publiBlk .secBlk .secBox.grand .txtWrap,
.publiBlk .secBlk .secBox.guest .txtWrap{
	margin-left: 60px;
	margin-right: 0;
	}



@media screen and (max-width: 1120px){
	.publiBlk .secBlk h3{
		padding-top: 7.143%;
		margin-bottom: 3.571%;
		font-size: 2.321vw;
		}
	.publiBlk .secBlk h3 .s{
		font-size: 1.25vw;
		}
	.publiBlk .secBlk h3 .e{
		margin-bottom: 1.786%;
		font-size: 1.786vw;
		}
	.publiBlk .secBlk .copy{
		width: 71.429%;
		margin-bottom: 6.25%;
		font-size: 1.429vw;
		}
	.publiBlk .secBlk .img{
		margin-bottom: 10.714%;
		}
	.publiBlk .secBlk .img .cap{
		font-size: 1.071vw;
		}

	.publiBlk .secBlk .secBox{
		width: 99.107%;
		margin-bottom: 10.714%;
		}
	.publiBlk .secBlk .secBox .txtWrap{
		width: 40.541%;
		margin-right: 5.405%;
		}
	.publiBlk .secBlk .secBox .txtWrap h4{
		margin-bottom: 2.222%;
		font-size: 1.964vw;
		letter-spacing: 0.08em;
		}
	.publiBlk .secBlk .secBox .txtWrap h4 .e{
		margin-bottom: 4.444%;
		font-size: 1.429vw;
		}
	.publiBlk .secBlk .secBox .txt{
		font-size: 1.429vw;
		}
	.publiBlk .secBlk .secBox .fig{
		width: 54.054%;
		}
	.publiBlk .secBlk .secBox .fig .cap{
		font-size: 1.081vw;
		}
	.publiBlk .secBlk .wrap{
		padding-top: 3.604%;
		}
	.publiBlk .secBlk .secBox.grand,
	.publiBlk .secBlk .secBox.guest{
		flex-direction: row-reverse;
		}
	.publiBlk .secBlk .secBox.grand .txtWrap,
	.publiBlk .secBlk .secBox.guest .txtWrap{
		margin-left: 5.405%;
		margin-right: 0;
		}
}

@media screen and (max-width: 768px){
	.publiBlk .secBlk h3{
		padding-top: 9.115%;
		margin-bottom: 3.255%;
		font-size: 3.646vw;
		line-height: 1.429;
		}
	.publiBlk .secBlk h3 .s{
		font-size: 2.083vw;
		}
	.publiBlk .secBlk h3 .e{
		margin-bottom: 1.563%;
		font-size: 2.344vw;
		}
	.publiBlk .secBlk .copy{
		width: 89.583%;
		margin-bottom: 7.813%;
		font-size: 3.125vw;
		line-height: 1.833;
		}
	.publiBlk .secBlk .img{
		margin-bottom: 9.115%;
		}
	.publiBlk .secBlk .img .cap{
		font-size: 2.604vw;
		}

	.publiBlk .secBlk .secBox{
		display: block;
		width: 89.583%;
		margin-bottom: 9.115%;
		}
	.publiBlk .secBlk .secBox.owners,
	.publiBlk .secBlk .secBox.community{
		margin-bottom: 0;
		}
	.publiBlk .secBlk .secBox .txtWrap{
		width: 100%;
		margin-right: 0;
		margin-bottom: 8.721%;
		}
	.publiBlk .secBlk .secBox .txtWrap h4{
		margin-bottom: 3.255%;
		font-size: 3.646vw;
		line-height: 1.429;
		text-align: center
		}
	.publiBlk .secBlk .secBox .txtWrap h4 .e{
		margin-bottom: 1.563%;
		font-size: 3.125vw;
		}
	.publiBlk .secBlk .secBox .txt{
		font-size: 3.125vw;
		line-height: 1.833;
		}
	.publiBlk .secBlk .secBox .fig{
		width: 111.628%;
		margin: 0 -5.814%;
		}
	.publiBlk .secBlk .secBox .fig .cap{
		font-size: 2.604vw;
		}
	.publiBlk .secBlk .wrap{
		background-color: #fff;
		padding-top: 0;
		}
	.publiBlk .secBlk .secBox.grand,
	.publiBlk .secBlk .secBox.guest{
		flex-direction: row-reverse;
		}
	.publiBlk .secBlk .secBox.grand .txtWrap,
	.publiBlk .secBlk .secBox.guest .txtWrap{
		margin-left: auto;
		margin-right: auto;
		}
}

/* 画像削除後CSS */
.publiBlk .secBlk .wrap{
	/*! padding-bottom: 50px; */
	/*! margin-bottom: 120px; */
}
.publiBlk .secBlk .owners.secBox {
	/*! display: block; */
	/*! width: 800px; */
}
.publiBlk .secBlk .owners.secBox .txtWrap {
	/*! width: 100% */
}
/* @media screen and (max-width: 1120px){
	.publiBlk .secBlk .owners.secBox	{
		width: 71.429%;
	}
	.publiBlk .secBlk .wrap {
		margin-bottom: 10.714%;
		padding-bottom: 4.497%;
	}
}
@media screen and (max-width: 768px){
	.publiBlk .secBlk .owners.secBox	{
		width: 89.583%;
	}
	.publiBlk .secBlk .owners .txtWrap {
		margin-bottom: 0;
	}
	.publiBlk .secBlk .coworking .copy{
		margin-bottom: 0%;
	}
	.publiBlk .secBlk .wrap{
		padding-bottom: 0px;
		margin-bottom: 9.115%;
		padding-bottom: 9.155%;
		margin-top: 9.155%;
		background-color: #efefef;
	}
} */




.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; }
@media screen and (max-width: 1120px){
	.hero .cap{ font-size: 1.071vw; }
}
@media screen and (max-width: 768px){
	.hero .cap{ font-size: 2.604vw; }
}