@charset "utf-8";

/*=====================================================================================
	
	Document    : house.css
	Description : PC用（幅900px以上）
 
=====================================================================================*/

/*---------------------------------------------------------------------------

   住まいの考え方

---------------------------------------------------------------------------*/

@media screen and (max-width:800px) {
	.housing .motto {
		max-width:70%;
	}
}

.housing p {
	text-align:left;
	padding-top:1em;
}

.housing .quality {
	text-align:left;
}

@media screen and (max-width:800px) {
	.housing .quality {
		text-align:center;
	}
}


/*---------------------------------------------------------------------------

   CGイメージ

---------------------------------------------------------------------------*/

.cg {
	position:relative;
}

.cg .block {
	background:url(../../image/bg-black5.png) repeat center top;
	max-width:100% !important;
	position:relative;
}

.cg-cut {
	width:100%;
	height:1300px;
	background:url(../image/house/cg-cut.png) no-repeat center top;
	position:absolute;
	left:0;
	top:50px;
	z-index:95;
}

.cg h4,
.cg p {
	position:relative;
}

.cg-photo {
	padding-top:0 !important;
}

.cg-photo h5 {
	border-top:5px solid #7ab9d8;
}

.cg-photo .slide {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:96;
}

.cg-photo .clm2 > div {
	width:48%;
	float:left;
}

.cg-photo .clm2 > div:nth-child(2n) {
	float:right;
}

.cg-photo .clm3 > div {
	width:31.5%;
	float:left;
}

.cg-photo .clm3 > div:nth-child(2) {
	margin:0 2.75%;
}

.cg-photo .slide > div p {
	display:block;
	padding:10px;
	text-align:center;
	background-color:#fff;
}

.cg-photo .slide div p img {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}


.cg-photo .gaikan-sp,
.cg-photo .naikan-sp {
	display:none;
}


/*
.cg-slide {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.cg-slide .gaikan {
	width:50%;
	float:left;
}

.cg-slide .naikan {
	width:50%;
	float:right;
}

.cg-slide .slide > div p {
	display:block;
	margin-left:4%;
	margin-right:4%;
	padding:10px;
	text-align:center;
	background-color:#fff;
}

.cg-slide .slide > div p img {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
*/


/*---------------------------------------------------------------------------

   建築方法

---------------------------------------------------------------------------*/

.cmethod-list {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.cmethod-box {
	width:31.5%;
	float:left;
}

.cmethod-box:nth-child(2) {
	margin-left:2.75%;
	margin-right:2.75%;
}

.cmethod-box h6 {
	background-color:#7ab9d8;
	color:#fff;
	padding:10px;
}

.cmethod-box p {
	text-align:left;
}

@media screen and (max-width:800px) {
	.cmethod-box {
		width:100%;
		float:none;
	}
	
	.cmethod-box:nth-child(2) {
		margin-left:0;
		margin-right:0;
	}
}