/*
	.5vw;
*/

/* //////////////////////////////////////////////////

	共通設定

////////////////////////////////////////////////// */
.u-content{
	margin-bottom: min(160px, 8.2vw);
}

.u-inner{
	width: min(1540px, 92%);
	max-width: 100%;
	margin: auto;
	background: transparent;
}

.c-title{
	margin-bottom: 1.1em;
	line-height: 1.6;
	color: var(--color-gold);
	font-size: min(38px, 1.98vw);
}

.c-subtitle{
	margin-bottom: 1.5em;
	line-height: 1.6;
	color: #685b51;
	font-size: min(24px, 1.25vw);
}

.c-body{
	letter-spacing: .1em;
	line-height: 2.0;
	color: #685b51;
	font-size: min(16px, .92vw);
}

.c-wrapper{
	position: relative;
	z-index: 1;
}

.c-wrapper .u-inner{
	position: absolute;
	z-index: 2;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translateX(-50%);
}

.c-wrapper .c-onbody{
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: center;
	gap: min(68px, 3.4vw);
	width: 42%;
	height: 100%;
	padding: 0 5%;
	background: rgba(255,255,255, .9);
}

.c-wrapper .c-onbody .c-title{
	margin: 0;
	text-align: center;
}


/* //////////////////////////////////////////////////

	MV設定

////////////////////////////////////////////////// */
.visual{
	margin-bottom: min(120px, 6.25vw);
}


/* //////////////////////////////////////////////////

	リードコンテンツ設定

////////////////////////////////////////////////// */
.read .read-top{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	gap: min(70px,3.5vw);
	margin-bottom: min(70px,3.5vw);
}

.read .read-top .read-top__txt{
	text-align: center;
}

.read .read-top .read-top__images{
	width: min(820px, 42vw);
}

.read .read-end .read-end__images{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}


/* //////////////////////////////////////////////////

	エリア設定

////////////////////////////////////////////////// */
.area .area-container{
	padding: min(90px, 4.6vw);
	background: #fff;
}

.area .c-title{
	text-align: center;
}

.area .area-body{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	gap: min(60px,3.5vw);
}

.area .area-body .item-txt{
	width: min(800px, 41vw);
}

.area .area-body .item-txt .c-body{
	margin-bottom: min(60px, 3.2vw);
}

.area .area-body .item-txt .item-images{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.area .area-body .item-txt .item-images .cap{
	margin: .6em 0;
	font-size: 11px;
	text-align: right;
}

.area .area-body .item-img{
	width: min(670px, 35vw);
}

/* //////////////////////////////////////////////////

	ショップ設定

////////////////////////////////////////////////// */
.shop .shop-container{
	background: #fff;
}

.shop .shop-body{
	gap: min(24px, 1.25vw);
	width: 34%;
	margin: auto 0 auto auto;
	padding: 0 2%;
}

.shop .shop-body .c-title{
	position: relative;
	z-index: 1;
}

.shop .shop-body .c-title .img{
	position: relative;
	z-index: -1;
	display: inline-block;
	width: 90%;
	margin-top: -1em;
}

.shop .shop-body .c-subtitle{
	margin: 0;
	text-align: center;
}

.shop .c-wrapper{
	margin-bottom: 5em;
}

.shop .shop-data_cont{
	padding-bottom: 5em;
}

.shop .shop-data_cont .u-inner{
	width: min(1280px, 66vw);
	margin: auto;
}

.shop .shop-data_cont .c-body{
	text-align: center;
}

.shop .shop-data_cont .c-body + .c-body{
	margin: 2em auto 3.2em;
}

.shop .shop-info{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: min(42px, 2.18vw) .2em;
	padding: 2.0em;
	border: 1px solid var(--color-gold);
}

.shop .shop-info .item{
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	gap: .8em;
	color: #685b51;
}

.shop .shop-info .item .number{
	width: 1.1em;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: min(40px, 2.0vw);
	color: #fff;
	background: var(--color-gold);
}

.shop .shop-info .item .name{
	margin-bottom: .5em;
	line-height: 1.4;
	font-weight: 700;
	font-size: min(18px, .94vw);
}

.shop .shop-info .item .data{
	letter-spacing: .1em;
	line-height: 1.8;
	font-size: min(13px, .68vw);
}

.shop .shop-info .item .data .data-item{
	display: flex;
}

.shop .shop-info .item .data .data-item .data_ttl{
	width: 4.0em;
}

/* //////////////////////////////////////////////////

	ランドプラン設定

////////////////////////////////////////////////// */

.landplan .landplan-container{
	padding: 5em 0;
	background: #fff;
}

.landplan .u-inner{
	width: min(1080px, 56.25vw);
	margin: auto auto 5em;
}

.landplan .landplan-body{
	margin-bottom: 2em;
}

.landplan .landplan-body .c-title{
	text-align: center;
}

.landplan .landplan-body{
	margin-bottom: 2em;
}

.landplan .landplan-merritt{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	justify-content: center;
}

.landplan .landplan-merritt .item{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1em 0;
	line-height: 1.6;
	text-align: center;
	font-size: min(20px, 1vw);
	color: var(--color-gold);;
	border: 1px solid var(--color-gold);
}

.landplan .landplan-images{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.landplan .landplan-images .layout{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-top: 1px dashed #ab9258;
	border-bottom: 1px dashed #ab9258;
}

.landplan .landplan-images .layout .layout-box{
	width: 72%;
}

.landplan .landplan-images .outside{
	background: #685b51;
}

.landplan .landplan-images .outside .outside-inner{
	width: 80%;
	margin: auto;
	padding: 5em 0;
}

.landplan .landplan-images .outside .c-title{
	text-align: center;
	color: #d6b978;
}

.landplan .landplan-images .outside .c-title::after{
	content: '';
	display: block;
	width: 3em;
	height: 0;
	margin: .6em auto 0;
	border-bottom: 1px solid #d6b978;
}

.landplan .landplan-images .outside .c-body{
	margin-bottom: 4em;
	color: #fff;
}

.landplan .landplan-images .outside .item-images{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	width: 80%;
	margin: auto;
}

.landplan .landplan-images .outside .item-images .cap{
	margin: .6em 0;
	font-size: 11px;
	text-align: right;
	color: #fff;
}