@charset "utf-8";





.design .unit01 .ttl01{
	text-align: center;
}
.design .unit01 .ttl01 span{
	background: linear-gradient(transparent 50%, #eae4d1 50%);
}
@media(min-width: 768px){
	.design .unit01 .txtwrap{
		text-align: left;
	}
	.design .unit01 .ttl01{
		text-align: left;
	}
}




/*「建築条件付土地」の詳しい情報はこちらボタン*/
.landBtn01{
	width: 100%;
	background-color: #fcd68c;
	border:5px solid #f8b549;
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #333;
	text-decoration: none;
	padding: 20px 10px 50px;
	position: relative;
	font-size: min(4.5vw,30px);
}
.landBtn01::after{
	content: "CLICK";
	position: absolute;
	display: block;
	left: calc(50% - 20px);
	bottom: 15px;
	font-size:15px;
}
.landBtn01::before{
	content: "";
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	left: 50%;
	bottom: 8px;
	transform: translateX(-50%);
	transform: rotate(135deg);
}












/*ポップアップ*/
.zentaiWrap{
	background-color: #f1f6f1;
	width:90%;
	height:80vh;
	margin:0 auto 10vh;
	padding:40px 5%;
	overflow-y: scroll;
	text-align: center;
}
/*閉じるボタン*/
.mfp-close {
	width:150px;
	height:50px;
	position: absolute !important;
	right: 50% !important;
	top: auto !important;
	bottom:5px;
	text-decoration: none;
	text-align: center;
	opacity: 1;
	color: #000;
	font-style: normal;
	font-size: min(4vw,20px);
	transform:translateX(50%);
	font-family: serif;
	display: block;
	background-color:#fff !important;
	font-weight: bold;
	border:0;
	transition-duration: 0.2s;
}
.mfp-close:hover {
	opacity: 0.7;
}

/*区画・間取図*/
.zentaiUnit01{
	background-color: #fff;
	margin-bottom: min(8vw,80px);
	padding: 20px;
}
.zentaiUnit01 .imgwrap{
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.zentaiUnit01 .imgwrap .land{
	width:85%;
}
.zentaiUnit01 .imgwrap .houi{
	width: 15%;
}
.zentaiUnit01 .txtwrap{
	width: 100%;
}
.zentaiUnit01 .txtwrap .ttl01{
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px;
}
.zentaiUnit01 .txtwrap .speclist{
	font-size: 18px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
.zentaiUnit01 .txtwrap .speclist dt,
.zentaiUnit01 .txtwrap .speclist dd{
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	padding:0.25em;
}
.zentaiUnit01 .txtwrap .speclist dt{
	background-color: #f6f1d6;
}
.zentaiUnit01 .txtwrap .speclist dd{
}

@media(min-width: 768px){
	.zentaiUnit01{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding:40px 5%;
	}
	.zentaiUnit01 .imgwrap{
		width: 40%;
		margin-bottom: 0;
	}
	.zentaiUnit01 .txtwrap{
		width: 58%;
	}
	.zentaiUnit01 .txtwrap .speclist{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		font-size: 20px;
	}
	.zentaiUnit01 .txtwrap .speclist > div{
		width:50%;
	}
}
/*詳細情報*/
.zentaiUnit02 .table01{
	width:100%;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-spacing:0;
	background-color: #fff;
}
.zentaiUnit02 .table01 thead th{
	font-size:1.2em;
}
.zentaiUnit02 .table01 th,
.zentaiUnit02 .table01 td{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding:10px 5px;
	font-size:1.3em;
}
.zentaiUnit02 .table01 th{
	background-color: #f6f1d6;
	font-weight: normal;
}
.zentaiUnit02 .table01 tbody th{
	font-size:1.5em;
}
@media(min-width: 768px){
	.zentaiUnit02 .table01 thead th,
	.zentaiUnit02 .table01 th,
	.zentaiUnit02 .table01 td{
		font-size:min(2.5vw,25px);
	}
	.zentaiUnit02 .table01 tbody th{
		font-size:min(3.6vw,36px);
	}
}