@charset "utf-8";
/* CSS Document */

#main * {
	box-sizing:border-box;
}

h1.tit {
	margin-bottom:22px;
	text-align:center;
	letter-spacing:.1em;
}
h1.tit img {
	display:inline-block;
	width:auto;
	height:44px;
}
section.concept_house {
	margin:0 15px;
	padding-top:25px;
	color:#69584D;
	font-size:12px;
}
section.concept_house p {
	line-height:1.8;
}
section.concept_house p.read {
	margin-bottom:1em;
	text-align:center;
	line-height:1.6;
}
section.concept_house p.read strong {
	display:block;
	margin-bottom:.4em;
	font-weight:normal;
	font-size:2em;
	line-height:1.2;
}

#concept_house section.concept_house {
	padding:2.5em 0;
	border-bottom:solid 1px rgba(105,88,77,.5);
}
#concept_house section.concept_house:last-of-type {
	border-bottom:none;
}
#concept_house h2 {
	margin-bottom:.7em;
	font-weight:500;
	font-size:1.7em;
	text-align:center;
	letter-spacing:.1em;
}
#concept_house h2 span {
	display:block;
	margin-top:.3em;
	font-size:.7em;
}
#concept_house section.concept_house p {
	font-size:.9em;
}
#concept_house section.concept_house div.img {
	margin-bottom:1.2em;
}
#concept_house #lighting_plan div.img {
	margin:3em auto 2em;
}
.loc_img1 {
    float: left;
    width: 32%;
}
.loc_img1:nth-child(3n+2) {
    margin: 0 1%;
}
p.read {
    color: #69584d;
}
.img_box {
    border-bottom: 1px solid #69584d;
    margin: 0 auto;
    padding: 0 0 8%;
    width: 742px;
}
#concept_house section.concept_house p.loc_img1 {
    float: left;
    margin-right: 20px;
    width: 461px;
}
._locimg {
    float: left;
    width: 260px;
}
#concept_house section.concept_house p.loc_img2 {
    margin:0 auto 0;
    width: 255px;
}
#concept_house section.concept_house p.loc_img2:first-child {
    width: 255px;
    margin: 0 auto 10px;
}
.img_box_n {
    padding: 0 0 8%;
}
.facility_box {
    width: 100%;
}
.f_box {
    float: left;
    width: 32%;
    min-height: 240px;
}
.f_box:nth-child(3n+2) {
    margin: 0 2%;
}

.f_name {
    padding-left: 1em;
    text-indent: -1em;
}
.wolk {
	font-family: 'Noto Sans Japanese', serif;
}
.sub_list {
    float: left;
    width: 48%;
}
.sub_list:first-child {
	margin:0 4% 0 0;
}
.facility_subbox {
	width:100%;
}
.facility_subbox h3 {
    border-bottom: 2px solid #a29790;
    padding-bottom: 10px;
}
.facility_subbox .f_list {
	width:100%;
	margin:4% 0;
}
.facility_subbox .f_list th {
	text-align: left;
	font-weight:normal;
	font-size:90%;
	padding:0 0 3%;
}
.facility_subbox .f_list td {
	text-align: right;
	font-size:90%;
}
p.ch_img1 img {
    width: auto;
}
.facility_subbox .f_list .fs80 {
	font-size:85%;
}
p.ex_info {
    text-align: center;
    color: #69584d;
}
.btn_resive {
	margin:0 auto;
	position: relative;
	z-index:101;
}
.btn_resive a {
    color: #69584d;
	text-align: center;
	display:block;
}
.btn_resive {
    margin: 0 auto;
    position: relative;
    z-index: 101;
    text-align: center;
}
.btn_resive a {
	color: #69584d;
    text-align: center;
    display: block;
    background: #f6d24a;
    font-size: 200%;
    padding: 3% 0%;
    margin: 4% auto 0;
    text-align: center;
    border-radius: 40px;
    width: 50%;
    font-weight: bold;
}
p.ch_img1 {
    margin: 0 auto 3%;
}
.img_s {
    margin: 3% auto;
}
.rc_txt1 {
	color:#231815;
}
.rc_txt1 {
    color: #231815;
    font-size: 1.1em;
    line-height: 1.6em;
}
@media screen and (min-width: 768px) {
	.pc_none {
		display:none;
	}
	
	section.concept_house {
		width:780px;
		margin:0 auto;
		padding-top:45px;
		font-size:14px;
	}
	
	h1.tit {
		margin-bottom:55px;
		text-align:center;
	}
	h1.tit img {
		height:83px;
	}
	section.concept_house p.read {
		margin-bottom:50px;
		line-height:2;
	}
	section.concept_house p.read strong {
		font-size:2.4em;
	}
	
	#concept_house section.concept_house {
		position:relative;
		margin: 0 0 8%;
		padding:0px;
		border:none;
	}
	#concept_house section.concept_house:nth-of-type(2n) {
/*		padding-right:450px;
		padding-left:18px;
*/
	    margin: 0;
	}
	#concept_house section.concept_house div.img {
		position:absolute;
		z-index:1;
		top:0;
		left:0;
		width:458px;
		margin:0;
	}
	#concept_house section.concept_house:nth-of-type(2n) div.img {
		right:0;
		left:auto;
	}
	
	#concept_house h2 {
		position:relative;
		z-index:3;
		font-size:1.7em;
		text-align:left;
	}
	#concept_house h2 {
		margin-top:.5em;
	}
	#concept_house section.concept_house p {
		position:relative;
		z-index:2;
		font-size:1em;
	}

	#concept_house #spred div.img {
		left:-39px;
	}
	#concept_house #planting {
		padding-top:3.5em;
	}
	#concept_house #planting  div.img {
		right:-20px;
	}
	#concept_house #retaining_walls {
		padding:5em 0 0 450px;
	}
	#concept_house #retaining_walls div.img {
		left:-20px;
	}
	#concept_house #wind {
		min-height:360px;
		margin-top:-2em;
		padding-top:6.5em;
	}
	#concept_house #wind div.img {
		right:-100px;
		width:570px;
	}
	#concept_house #lighting_plan {
		min-height:260px;
		margin:3em 0 2em;
		padding-top:3.5em;
	}
	#concept_house #lighting_plan div.img {
		left:-20px;
		margin:0;
	}
	#concept_house #approach {
		padding-right:390px;
		padding-top:5em;
	}
	#concept_house #approach div.img {
		right:-30px;
	}
	
	body.concept_house footer .foot_top {
		position:relative;
		z-index:100;
	}
section#concept_house.sec_ch {
    margin: 1% auto 7%;
}
}
@media (max-width: 767px) {
	.loc_img1 {
	    float: none;
	    width: 100%;
	    margin: 0 auto 4%;
	}
	#concept_house section.concept_house {
		padding: 0.5em 0 1em;
	    border-bottom: none;
	}
	.f_box {
	    float: left;
	    width: 46%;
	    min-height: auto;
	    margin: 0 auto 4%;
	}
	.f_box:nth-child(3n+2) {
	    margin: 0 ;
	}
	.f_box:nth-child(2n+1) {
	    margin: 0 4% 4%;
	}
	.sub_list {
	    float: none;
	    width: 100%;
	}
	.sub_list:first-child {
	    margin: 0 auto 0;
	}
	.loc_img1:nth-child(3n+2) {
	    margin: 0 auto 4%;
	}
	p.ex_info {
	    text-align: left;
	    color: #69584d;
	}
	.img_box_n {
	    padding: 0;
	}
	p.ex_info {
	    text-align: left;
	    width: 90%;
	    margin: 0 auto;
	}
	.btn_resive a {
	    color: #69584d;
	    text-align: center;
	    display: block;
	    background: #f6d24a;
	    font-size: 1.5em;
	    padding: 3% 0%;
	    margin: 6% auto 10%;
	    text-align: center;
	    border-radius: 40px;
	    width: 80%;
	    font-weight: bold;
	}
	section.concept_house p.read strong {
	    margin-bottom: .4em;
	    font-weight: normal;
	    font-size: 1.7em;
	    line-height: 1.2;
	}
	.img_box {
	    width: 100%;
	}
	#concept_house section.concept_house p.loc_img1 {
		float: none;
		height: auto;
		width: 100%;
	}
	._locimg {
	    float: none;
	    width: 100%;
	}
	#concept_house section.concept_house p.loc_img2:first-child {
	    width: 100%;
	    margin: 0 auto 10px;
	}
	#concept_house section.concept_house p.loc_img2 {
	    margin: 0 auto 0;
	    width: 100%;
	}
	section.concept_house p.read {
	    margin-top: 1em;
	}
}