@charset "utf-8";
/* ===================================================================

 file name  :project > index.css
 style info : 分譲中物件

=================================================================== */

/* =============================

	overwrite

=============================== */
#pageHeader{
	background: url(../../images/project/img_page.jpg) no-repeat 50% 50% / cover;
}


/* =================================== */
#main .sec-project{
	padding: 0 0 86px;
	position: relative;
}
#main .sec-project + .sec-project{
	margin: 140px 0 0;
}
#main .sec-project::before{
	content: "";
	display: block;
	width: 100%;
	height: 678px;
	background: #f6f6f6;
	position: absolute;
	bottom: 0;
	z-index: -1;
}
#main .sec-project .sec-inner-1200{
	position: relative;
	color: #505050;
}
#main .sec-project .txt-catch{
	margin: 0 0 15px;
}
#main .sec-project figure{
	margin: 0 0 15px;
}
#main .sec-project .project-info{
	display: flex;
	flex-wrap: wrap;
	font-size: 1.4rem;
	line-height: 1.4;
}
#main .sec-project .project-info dt{
	width: 142px;
	margin: 0 0 14px;
}
#main .sec-project .project-info dt::before{
	content: "■";
	margin: 0 2px 0 0;
}
#main .sec-project .project-info dd{
	width: 1058px;
	margin: 0 0 14px;
}
#main .sec-project .btn-view{
	position: absolute;
	top: 0;
	right: 10px;
}

@media screen and (max-width: 767px){
	#main .sec-project{
		padding: 0 0 43px;
		overflow: hidden;
	}
	#main .sec-project + .sec-project{
		margin: 70px 0 0;
	}
	#main .sec-project::before{
		height: 100vh;
		top: 25%;
		bottom: auto;
	}
	#main .sec-project .txt-catch{
		margin: 0 0 10px;
	}
	#main .sec-project figure{
		margin: 0 0 10px;
	}
	#main .sec-project .project-info{
		display: block;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	#main .sec-project .project-info dt{
		width: 100%;
		margin: 0 0 4px;
	}
	#main .sec-project .project-info dd{
		width: 100%;
	}
	#main .sec-project .btn-view{
		margin: 30px auto 0;
		position: static;
	}
}