@charset "UTF-8";
.arial { font-family: Arial, Helvetica, sans-serif;}
.f-bold { font-weight: bold;}
.cap-image .cap.w { color: #fff;}
.ar { text-align: right;}
.ac { text-align: center;}
.dib { display: inline-block;}
.full { width: 100%;}
.inner {
	margin: auto;
	padding-right: 15px;
	padding-left: 15px;
	max-width: 1030px;
}
.w1200 { max-width: 1230px;}
.design-title {
	text-align: center;
	margin: 0 0 clamp(40px, 3.8194vw, 55px);
}
.design-title .ttl-en {
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 30px;
}
.design-title .ttl-en.sm {
	font-size: 27px;
	margin-bottom: 25px;
}
.design-title .ttl {
	font-size: 27px;
	line-height: 1.4;
	letter-spacing: 0.075em;
	margin: 0 0 25px;
}
.design-title .ttl sup {
	font-size: 10px;
	top: -12px;
}
.design-title .txt {
	font-size: 15px;
	line-height: 2;
}
@media screen and (max-width: 767px) {
	.design-title .ttl .large {
		font-size: 110%;
		line-height: 1;
	}
	.full-sp {
		margin-left: -15px;
		width: calc(100% + 30px);
	}
	.full-sp .cap.cap-under { padding-right: 5px;}
}
.mb10 { margin-bottom: 10px !important;}
.bg-black {
	background-color: #000000;
	color: #fff;
}
.design-head { padding: clamp(50px, 6.9444444vw, 100px) 0;}
.design-head .design-title { margin-bottom: 0;}
.ttl-normal {
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: 0.02em;
}
.ttl-normal .sm { font-size: 78%;}
.txt-normal {
	font-size: 13.8px;
	line-height: 1.6;
}
.lounge-list .txt-normal {
	font-size : 13.5px;
}
.hall-list .txt-normal {
	font-size : 13px;
}
.note {
	font-size: 13px;
	line-height: 1.5;
}
.info-list {
	margin: 25px 0 0;
	padding: 0;
}
.info-list li {
	border-bottom: 1px solid;
	padding: 20px 0;
}
.info-list li:first-child { border-top: 1px solid;}
.info-list .ttl {
	font-size: 16px;
	letter-spacing: 0.02em;
}
.info-list .ttl .lg { font-size: 112.5%;}
/* tab */
.tab-nav {
	display: grid;
	position: relative;
	justify-content: center;
	grid-template-columns: repeat(2, 1fr);
	margin: 0 auto clamp(50px, 4.8611vw, 70px);
	padding: 0 15px;
	max-width: 700px;
	gap: 10px;
}
.tab-nav li {
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	padding: 17px 5px;
	transition: all ease-in-out 0.3s;
}
.tab-nav li:nth-child(1) { background-color: #84bae5;}
.tab-nav li:nth-child(2) { background-color: #d8e698;}
.tab-nav li:hover { opacity: 0.7;}
.tab-item {
	visibility: hidden;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.75s ease-in-out;
	padding-bottom: 5px;
}


.tab-item.active {
	visibility: visible;
	height: auto;
	opacity: 1;
}
.tab-content .design-title .ttl {
	font-size: 21px;
	line-height: 1.7;
	letter-spacing: 0;
}
.tab-content .design-title .txt {
	font-size: 14px;
	line-height: 2.1;
	letter-spacing: 0;
	/* text-align: left; */
	margin: auto;
	max-width: 740px;
}
@media only screen and (max-width: 767px) {
	.tab-nav { grid-template-columns: 1fr;}
	.tab-content .design-title .txt {
		text-align : left;
	}
}
/* residence-block */
.residence-block {
	background-color: rgba(216, 214, 207, 0.4);
	padding: clamp(45px, 10.4167vw, 150px) 0;
}
/* carlife-car */
.carlife-car {
	background-color: #000000;
	color: #fff;
	padding: clamp(75px, 9.7222vw, 140px) 0 clamp(50px, 10.7639vw, 155px);
}
.carlife-car .inner { max-width: 975px;}
.car-list {
	display: grid;
	grid-template-columns: 50% auto;
	gap: clamp(20px, 2.0833vw, 30px);
}
.car-list .item:nth-child(1) {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.car-list .car-ttl .ttl {
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 0.08em;
	margin-bottom: 10px;
}
.car-parking { margin-top: 20px;}
.car-parking .topic {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 35px;
	line-height: 1;
	letter-spacing: -0.01em;
	margin-bottom: 20px;
	gap: 10px;
}
.car-parking .topic .md {
	font-size: 49%;
	text-align: center;
}
.car-parking .topic .md small { font-size: 64%;}
.car-parking .parking-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 0;
	gap: clamp(10px, 1.3889vw, 20px);
}
.car-parking .parking-list h4 {
	font-size: clamp(10px, 0.7639vw, 11px);
	line-height: 1.4;
	text-align: center;
}
.car-parking .parking-list h4 .lg { font-size: 155%;}
@media screen and (max-width: 767px) {
	.car-list {
		grid-template-columns: 1fr;
		gap: 50px;
	}
	.car-list .item:nth-child(2) .cap-image { margin-bottom: 20px;}
	.car-parking { margin-top: 40px;}
	.car-parking .topic { margin-bottom: 30px;}
	.car-parking .topic .md {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		gap: 5px;
	}
	.car-parking .parking-list {
		grid-template-columns: 1fr;
		gap: 20px;
		margin: auto;
		max-width: 65%;
	}
	.car-parking .parking-list h4 { font-size: 11px;}
}
.carlife-garage { padding: clamp(70px, 5.9028vw, 85px) 0 0;}
.carlife-garage .design-title { margin-bottom: clamp(40px, 5.2083vw, 75px);}
.garage-gallery {
	display: grid;
    grid-template-columns: 71.1% auto;
    padding: 0;
    gap: 0.5% 13px;
}
.garage-gallery .item:nth-child(1) { grid-row: 1/3;}
.garage-gallery .item:nth-child(4) {
	grid-column: 1/3;
	margin-top: clamp(5px, 2.4306vw, 35px);
}
@media screen and (max-width: 767px) {
	.garage-gallery {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px 10px;
	}
	.garage-gallery .item:nth-child(1) { grid-area: 1/1/2/3;}
	.garage-gallery .item:nth-child(4) { margin-top: 0;}
}
/* design-intro */
.design-intro {
	position: relative;
	padding: clamp(45px, 7.9861vw, 115px) 0 0;
}
.design-intro::before {
	background-color: #000000;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1px;
	margin: auto;
	margin: auto;
	width: 1000px;
}
.design-intro .intro-img .cap-image .cap { bottom: -25px;}
/* design-nature */
.design-nature .design-title { margin-bottom: clamp(50px, 6.9444vw, 100px);}
.design-nature .design-cont { padding: clamp(65px, 8.3333vw, 120px) 0 clamp(70px, 10.4167vw, 150px);}
.nature-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin: auto;
	padding: 0;
	max-width: 800px;
	gap: 30px 25px;
}
.nature-list .img {
	display: grid;
	grid-template-columns: 35.5% auto;
	margin-bottom: 10px;
}
.nature-list .ttl {
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 1.4;
	gap: 20px;
}
.nature-list .ttl .lg {
	font-size: 212%;
	line-height: 1;
}
.nature-img .cap-image .cap { padding-right: 5px;}
@media screen and (max-width: 767px) {
	.nature-list { grid-template-columns: 1fr;}
	.nature-list .img { margin: 0 -15px 10px;}
	.nature-list .img .cap-image:nth-child(2) .cap { padding-right: 5px;}
}
/* design-entrance */
.design-entrance { padding: 45px 0 0;}
/* design-lounge */
.design-lounge { padding: 45px 0 0;}
.design-lounge .design-title { margin-bottom: clamp(40px, 6.9444vw, 100px);}
.lounge-list {
	display: grid;
	grid-template-columns: 36.5% 1fr 1fr;
	margin: 0 0 clamp(50px, 4.8611vw, 70px);
	gap: clamp(15px, 2.0833vw, 30px);
}
.lounge-list .img {
	margin-bottom: 20px;
}
.lounge-list .img-small {
	margin: clamp(15px, 2.0833vw, 30px) auto 10px;
	max-width: 320px;
}
.lounge-list .img-txt {
	text-align: center;
	margin: 30px 0 30px;
}
.lounge-list .img-txt img {
	max-height: 37px;
	width: auto;
}
.lounge-list .item:nth-child(3) .info-list li { padding: 37px 0;}
@media screen and (max-width: 767px) {
	.lounge-list {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.lounge-list .img-small { margin: 15px auto 30px;}
	.lounge-list .item:nth-child(1) .txt-normal { font-size: 17px;}
}
/* design-hall */
.design-hall { padding: 50px 0 0;}
.design-hall .design-title { margin-bottom: clamp(40px, 6.9444vw, 100px);}
.hall-map {
	position: relative;
	margin: 0 auto 20px;
	max-width: 1130px;
}
.hall-map .design-title {
	position: absolute;
	bottom: -3px;
	left: 2.5%;
	margin: 0;
	width: 100%;
}
.hall-map .cap-image .cap {
	right: 2.5%;
	bottom: 15px;
}
.hall-num {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin: 0 auto clamp(35px, 6.9444vw, 100px);
	padding: 0;
	max-width: 1075px;
	gap: 25px 30px;
}
.hall-num .ttl {
	position: relative;
	font-size: 17px;
	line-height: 1.2;
	margin-bottom: 20px;
	padding-left: clamp(35px, 2.7778vw, 40px);
}
.hall-num .ttl .num {
	background-color: #3c4348;
	color: #fff;
	display: flex;
	position: absolute;
	top: -5px;
	left: 0;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 30px;
}
.hall-num .txt-normal { line-height: 1.2;}
.hall-num li:nth-child(4) { grid-area: 1/4/4/5;}
.hall-num .img { margin-top: 15px;}
.hall-balcony {
	display: grid;
	align-items: flex-end;
	grid-template-columns: 66% auto;
	margin-bottom: clamp(45px, 4.8611vw, 70px);
	gap: 30px;
}
.hall-balcony .design-title {
	text-align: left;
	margin-bottom: 0;
}
.hall-balcony .desc { margin-bottom: 20px;}
.hall-block .design-title { margin-bottom: clamp(35px, 3.4722vw, 50px);}
.hall-list {
	display: grid;
	grid-template-columns: 1fr 1fr 27%;
	margin: auto;
	max-width: 1045px;
	gap: 15px 30px;
}
.hall-list .item:nth-child(4) { grid-column: 1/3;}
.hall-list .info-list { margin: 10px 0 10px;}
.hall-list .info-list li { padding: 2px 0;}
.hall-list .box-txt {
	border: 1px solid;
	display: grid;
	align-items: center;
	justify-content: center;
	grid-template-columns: auto auto;
	padding: 5px 5px;
	gap: 5px clamp(5px, 1.7361vw, 25px);
}
.hall-list .img { margin-bottom: clamp(15px, 1.7361vw, 25px);}
.hall-list .img-txt {
	text-align: center;
	margin-bottom: 20px;
}
.hall-list .img-txt img {
	height: 56px;
	width: auto;
}
.hall-list .food-block {
	display: grid;
	grid-template-columns: 75.5% auto;
	gap: 5px;
}
.hall-list .machine-block {
	display: grid;
	grid-template-columns: 33.5% auto;
	gap: 15px;
}
.hall-list .apartment-block {
	display: grid;
	grid-template-columns: 64.5% auto;
	gap: 15px;
}
.hall-list .aed-block {
	display: grid;
	grid-template-columns: 37% auto;
	margin-top: 20px;
	gap: 15px;
}
.hall-list .cycling-block {
	display: grid;
	grid-template-columns: 44.5% auto;
	margin-top: 15px;
	gap: 20px;
}
@media screen and (max-width: 1023px) {
	.hall-map .design-title { 
		left: 6.5%;
		bottom: -5%;
	}
	.hall-list .apartment-block { margin-bottom: 10px;}
}
@media screen and (max-width: 767px) {
	.hall-map { margin-bottom: 35px;}
	.hall-map .design-title {
		position: static;
		margin-top: 30px;
	}
	.hall-map .cap-image .cap { bottom: -5px;}
	.hall-num { grid-template-columns: 1fr;}
	.hall-num li:nth-child(4) { grid-area: initial;}
	.hall-balcony { grid-template-columns: 1fr;}
	.hall-balcony .desc { margin-bottom: 0;}
	.hall-balcony .design-title { text-align: center;}
	.hall-list {
		grid-template-columns: 1fr;
		gap: 40px 30px;
	}
	.hall-list .info-list { margin: 10px 0 20px;}
	.hall-list .item:nth-child(4) { grid-area: 3/1/4/2;}
	.hall-list .box-txt {
		text-align: center;
		grid-template-columns: 1fr;
		padding: 8px 5px;
		margin-top: -20px;
	}
}
.foot-caption {
	max-width: 980px;
	padding: 0 15px;
	margin: clamp(40px, 5.5556vw, 80px) auto 0;
}
.foot-caption li {
	font-size: 12px;
	line-height: 1.8;
	position: relative;
	padding-left: 20px;
}
.foot-caption li .mark {
	position: absolute;
	left: 0;
}

#tabcontent {
	padding-top : 300px;
	margin-top : -300px;
}

.footertab {
	padding-top : 100px;
}

@media screen and (max-width: 767px) {
	.footertab {
		padding-top : 60px;
	}
}