@charset "UTF-8";

/* 契約までの流れ */
.houseBody .main{ margin-bottom:0}
.houseBody .section-wrap{ padding:0}
.houseBody .breadcrumbs{ margin:10px}
.house-top-img{ padding-top:150px; background: url(../../concept/house/img/bg.jpg) center top no-repeat; background-size:cover;}
.house_h3_bg{ display:inline-block; margin:10px; padding:0 5px; background-color: rgba(255,255,255,0.65);}
.house_h3_bg h3{ margin:10px 0; padding:10px 20px; font-size:1.8rem;  font-family: 'Noto Serif JP', serif;border-top:2px solid rgba(68,68,68,0.25);border-bottom:2px solid rgba(68,68,68,0.25); font-weight:normal}
.house-wrap .kaiteki-list{ margin:0; padding:0; }
.house-wrap .kaiteki-list li { margin:0 10px; padding:20px 0; list-style-type:none; border-bottom:2px solid #007843}
.house-wrap .kaiteki-list li p.image{ text-align: center;}
.house-wrap .kaiteki-list li:first-child { padding:40px 0;}
.houseBody h4{ margin:0; color:#007843; font-size:3rem;font-family: 'Noto Serif JP', serif; text-align:center;font-weight:normal}
.houseBody h5{ margin:0 0 20px;  color:#007843; font-size:2rem;font-family: 'Noto Serif JP', serif; text-align:center;font-weight:normal}
.houseBody h5 span{ display:block;font-size:3.4rem;}
.construction-wrap{ padding:20px 0;   background-color: rgba(197,216,207,0.5);}
.construction-wrap ol{ margin:20px 0 0; padding:0}
.construction-wrap ol li{ padding:10px ; box-sizing:border-box; list-style-type:none}
.houseBody .construction-wrap h5{ position:relative;  display: flex; align-items: center; margin-bottom:0; background:#007843 ; padding:10px; box-sizing:border-box; color:#fff; text-align:left;}
.houseBody .construction-wrap h5 span.number{ display:inline-block; padding-right:10px; margin-right:10px; border-right:2px solid #fff;  line-height: 1;}
.construction-wrap ol li p{ padding:10px; box-sizing:border-box; background:#fff;}
.houseBody .construction-wrap h5 span.sub{ display:block; font-size:1.2rem; text-align:left;}
.construction-wrap ol li.option h5{ display:inline-block }
.houseBody .construction-wrap li.option {}
.houseBody .construction-wrap li.option .left{ text-align:right;}
.houseBody .construction-wrap li.option h5 span.number{ font-size:1.4rem}
.houseBody .construction-wrap li.option h5 div{ display:inline-block }

.houseBody .construction-wrap li.option{
	position: relative;
	display: block;
}

.houseBody .construction-wrap li.option .left{
	right:0px;
	top: -55px;
}
/*
.option-wrap{
	margin-top:-20px;
	padding:20px 4% 20px;
	background:#fff;
	text-align:center;
	border:1px solid #007843;
	box-sizing:border-box
}
.option-wrap section{
	overflow: hidden;
	padding: 17px 0;
	border-bottom: 1px solid #7db89e;
}
	
.option-wrap section:last-child{
	padding-bottom: 0;
	border: 0;
}
.option-wrap section .explain h6{
	font-size:2.3rem;
	text-align: left;
	color: #007843;
	margin:0 0 12px 0;
	padding: 0;
	font-family: 'Noto Serif JP', serif;
}
.option-wrap section .explain p{
	width: auto;
	margin: 0;
	padding: 0;
}
.option-wrap section .image{
	text-align: center;
}

.option-wrap{ }
.option-wrap img{ margin-bottom:20px;}
.option-wrap p{text-align:left}
*/
/* .houseBody .construction-wrap li:nth-child(8) .option-wrap p{ padding:0 10px} */
.houseBody h5 span.kaisteki-sub{ font-size:1.2rem}

@media screen and (min-width: 961px) {
.houseBody .share .section-wrap{ width:100%}
.houseBody .share .section-wrap .breadcrumbs{ width:1080px; margin:10px auto 40px}
.house_h3_bg-wrap{ width:1080px; margin:0 auto}
.house-top-img{ padding-top:440px; padding-bottom:50px;}
.house_h3_bg h3{ margin:10px 0; padding:10px 20px; font-size:3.4rem; }
.house-wrap .kaiteki-list{ display:flex; flex-wrap: wrap;width:1080px; margin:120px auto 100px}
.houseBody h4{margin: 0 auto;font-size:3.4rem;}
.houseBody h5{ font-size:2.4rem;}
.house-wrap .kaiteki-list li{  width:360px; margin: 0; border:none}
.house-wrap .kaiteki-list li:after{  display: block;  height: 2px;  background-color: #007843;  content: " ";  width: 320px;  margin: 0 auto; }
.house-wrap .kaiteki-list li:first-child{ padding:20px 0 0;  margin-bottom: 15px; }
.house-wrap .kaiteki-list li:first-child:after{ margin-top:-4px; }
.house-wrap .kaiteki-list li:first-child div{ display: flex; align-items: center; height:100%}
.house-wrap .kaiteki-list li div{ width:100%; height:100%; margin-bottom:20px; padding: 20px; border-right:2px solid #007843;  box-sizing: border-box;   }
.house-wrap .kaiteki-list li:nth-child(3n) div{  border-right:none}
.construction-wrap{ padding:100px 0 120px; }
.houseBody .construction-wrap ol{ width:1080px; margin:40px auto 0 }
.houseBody .construction-wrap ol li{ padding:0 0 50px 0; }
.houseBody .construction-wrap h5{ width:440px; height: 100%;padding:20px 40px 20px 30px; box-sizing:border-box}
.houseBody .construction-wrap h5 span.number{ width: 65px;  padding: 20px 20px 20px 0; margin-right:20px;}
.houseBody .construction-wrap p{ width:640px; padding:20px 40px; box-sizing:border-box; line-height:1.8}
.houseBody .construction-wrap li{ display:flex;}
.houseBody .construction-wrap h5 span.sub{ font-size:1.6rem; text-align: center}
.houseBody .construction-wrap h5 div{ width:100%; text-align:center}
.houseBody .construction-wrap li.option { position:relative; margin-top:100px; padding-bottom:0}
.houseBody .construction-wrap li.option h5{ width:auto; height: auto; padding:15px 20px;min-height:auto }
.houseBody .construction-wrap li.option h5 span.number{ font-size: 2rem; width: 120px; padding: 0 10px;}
.houseBody .construction-wrap li.option h5 div{ width:auto}

.houseBody .construction-wrap li.option{
	display: block;
}

.houseBody .construction-wrap li.option .left{
	position:absolute;
	left:-10px;
	top: -25px;
	font-size: 2rem;}

/*
.option-wrap{
	margin-right: 20px;
	padding:40px 30px 40px 30px
}
.option-wrap section{
	overflow: hidden;
	padding: 27px 0;
	border-bottom: 1px solid #7db89e;
}
	
.option-wrap section:last-child{
	padding-bottom: 0;
	border: 0;
}
.option-wrap section .explain{
	float: left;
	width: 360px;
}
.option-wrap section .explain h6{
	font-size:2.3rem;
	text-align: left;
	color: #007843;
	margin:0 0 12px 0;
	padding: 0;
	font-family: 'Noto Serif JP', serif;
}
.option-wrap section .explain p{
	width: auto;
	margin: 0;
	padding: 0;
}
.option-wrap section .image{
	float: right;
	width: auto;
	padding: 0;
}
.option-wrap section .image img{
	display: inline-block;
}	

.option-wrap img{ margin-bottom:0}
.option-wrap img:first-child{ margin-right:5px}
*/
/*	
.houseBody .construction-wrap li:nth-child(8) .option-wrap p{ padding:20px 0 0 20px}
	*/
.houseBody h5 span.kaisteki-sub{ font-size:1.8rem}





_::-webkit-full-page-media, _:future,
 :root .house-wrap .kaiteki-list li:first-child,
 :root .house-wrap .kaiteki-list li:nth-child(3)  {display: flex; justify-content: space-between; flex-direction: column;}
_::-webkit-full-page-media, _:future,
 :root .house-wrap .house-wrap .kaiteki-list li:first-child div{ height:370px}
_::-webkit-full-page-media, _:future,
 :root .house-wrap .kaiteki-list li:first-child{ margin-bottom:0; padding:20px 0 0}
_::-webkit-full-page-media, _:future,
 :root .house-wrap .kaiteki-list li:first-child:after{ margin-bottom:0;}
_::-webkit-full-page-media, _:future,
 :root .house-wrap .kaiteki-list li {
  display: flex;
  justify-content: space-between;
  flex-direction: column;  padding-bottom:0;}
_::-webkit-full-page-media, _:future,
 :root .house-wrap .kaiteki-list li:first-child { background: url(../../concept/house/img/line.png) right bottom no-repeat
 }
_::-webkit-full-page-media, _:future,
 :root .house-wrap .kaiteki-list li:nth-child(4),
 :root .house-wrap .kaiteki-list li:nth-child(7),
 :root .house-wrap .kaiteki-list li:nth-child(10),
 :root .house-wrap .kaiteki-list li:nth-child(11)  { background: url(../../concept/house/img/line2.png) right bottom no-repeat
 }
_::-webkit-full-page-media, _:future,
 :root .house-wrap .kaiteki-list li:first-child div{ margin-top:200px}

}


.option-wrap{
	padding: 58px 0;
}

.option-wrap h4{
	margin-bottom: 45px;
}

	.option-wrap section.entry{
		position: relative;
		width: 1080px;
		box-sizing: border-box;
		background: #fff;
		padding: 43px 50px;
		margin: 0 auto 55px auto;
	}
	.option-wrap section.entry:after{
		clear: both;
		display: block;
		content: "";
	}

		.option-wrap section.entry h5{
			text-align: left;
			margin-bottom: 30px;
		}

		.option-wrap section.entry h5 span{
			display: inline-block;
			font-size: 27px;
			font-size:2.7rem;
			padding-left: 81px;
			padding-bottom: 11px;
			margin: 0 0 0 -81px;
			border-bottom: 3px solid #007843;
			line-height: 1.2;
		}
		.option-wrap section.entry p.subtitle{
			position: absolute;
			top: 43px;
			right: 50px;
			margin: 0;
			font-size: 19px;
			font-size: 1.9rem;
			font-family: 'Noto Serif JP', serif;
		}

		.option-wrap section.entry > p.text{
			margin-bottom: 30px;
		}

	.option-wrap section.entry.sideImage .explain{
		float: left;
		width: 520px;
	}
	.option-wrap section.entry.sideImage .explain > dl dt{
		font-size: 21px;
		font-size: 2.1rem;
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		margin-bottom: 11px;
	}
	.option-wrap section.entry.sideImage .explain > dl dd{
		line-height: 1.8;
	}
	.option-wrap section.entry.sideImage .image{
		float: right;
	}



	.option-wrap section#option2 > p.image{
		margin-bottom: 50px;
	}

	.option-wrap section#option2 .ability{
		padding: 46px 48px;
		background: #f4f4f4;
		margin-bottom: 44px;
	}
		.option-wrap section#option2 .ability h6{
			text-align: center;
			font-size: 25px;
			font-size: 2.5rem;
			font-family: 'Noto Serif JP', serif;
			margin: 0 0 31px 0;
			font-weight: 500;
		}
		.option-wrap section#option2 .ability ul.list{
			overflow: hidden;
			margin-left: -60px;
		}

		.option-wrap section#option2 .ability ul.list li{
			width: 410px;
			float: left;
			margin-left: 60px;
		}
		.option-wrap section#option2 .ability ul.list li dl dt{
			font-size: 20px;
			font-size: 2.0rem;
			font-family: 'Noto Serif JP', serif;
			margin-bottom: 13px;
		}
		.option-wrap section#option2 .ability ul.list li dl dt img{
			vertical-align: middle;
			margin-right: 10px;
		}

		.option-wrap section#option2 .ability ul.list li.ability1 dl dt{
			color: #e84566;
		}
		.option-wrap section#option2 .ability ul.list li.ability2 dl dt{
			color: #39a2c6;
		}
		.option-wrap section#option2 .ability ul.list li.ability3 dl dt{
			color: #67747b;
		}
		.option-wrap section#option2 .ability ul.list li.ability4 dl dt{
			color: #e29223;
		}


	.option-wrap section#option2 .abilityDetails{
		overflow: hidden;
		margin-bottom: 55px;
	}
	.option-wrap section#option2 .abilityDetails > .explain{
		float: left;
		width: 480px;
	}
	.option-wrap section#option2 .abilityDetails > .image{
		float: right;
	}
	.option-wrap section#option2 .abilityDetails h6{
		font-size: 22px;
		font-size: 2.2rem;
		font-family: 'Noto Serif JP', serif;
		margin: 0;
		margin-bottom: 13px;
		font-weight: 500;
	}
	.option-wrap section#option2 .abilityDetails h6:before{
		display: inline-block;
		vertical-align: middle;
		margin-right: 8px;
	}
	.option-wrap section#option2 .abilityDetails.ability1 h6{
		color: #e84566;
	}
	.option-wrap section#option2 .abilityDetails.ability1 h6:before{
		content: url("../../concept/house/img/option2-icon1.png");
	}
	.option-wrap section#option2 .abilityDetails.ability2 h6{
		color: #39a2c6;
	}
	.option-wrap section#option2 .abilityDetails.ability2 h6:before{
		content: url("../../concept/house/img/option2-icon2.png");
	}

	.option-wrap section#option2 .abilityDetails p{
		line-height: 1.8;
		margin-bottom: 1.4em;
	}
	.option-wrap section#option2 .abilityDetails p:last-child{
		margin-bottom: 0;
	}
	.option-wrap section#option2 .abilityDetails p span.blue{
		color: #39a2c6;
	}
	.option-wrap section#option2 .abilityDetails p span.yellow{
		color: #e29223;
	}

	.option-wrap section#option3 > .explain{
		width: 657px;
	}
	.option-wrap section#option3 > .image{
		margin-top: -55px;
	}

	.option-wrap section#option4 > .explain{
		width: 450px;
	}
	.option-wrap section#option4 > .image{
		margin-top: -35px;
	}

	.option-wrap section#option5 > .image{
		margin-top: -88px;
	}

	.option-wrap section#option6 > .explain dl.point{
		color: #007843;
		border: 1px solid #007843;
		padding: 10px;
		font-size: 17px;
		font-size: 1.7rem;
		font-family: 'Noto Serif JP', serif;
		text-align: center;
	}

	.option-wrap section#option6 > .explain dl.point dt{
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 1.1;
	}

	.option-wrap section#option6 > .image{
		margin-top: -88px;
	}

@media screen and (max-width: 960px) {
	
.option-wrap{
	padding: 6% 0;
}

.option-wrap h4{
	margin-bottom: 6%;
}

	.option-wrap section.entry{
		width: auto;
		padding: 4%;
		margin: 0 4% 6% 4%;
	}

		.option-wrap section.entry h5{
			text-align: left;
			margin-bottom: 4%;
		}

		.option-wrap section.entry h5 span{
			font-size: 20px;
			font-size:2.0rem;
			padding-left: 8%;
			padding-bottom: 11px;
			margin: 0 0 0 -8%;
		}
		.option-wrap section.entry p.subtitle{
			position: static;
			font-size: 17px;
			font-size: 1.7rem;
			margin-bottom: 6%;
		}

		.option-wrap section.entry > p.text{
			margin-bottom: 4%;
		}

	.option-wrap section.entry.sideImage .explain{
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	.option-wrap section.entry.sideImage .explain > dl dt{
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 1.2;
		margin-bottom: 8px;
	}
	.option-wrap section.entry.sideImage .image{
		float: none;
		text-align: center;
	}
	.option-wrap section#option1 > p.image{
		text-align: center;
	}


	.option-wrap section#option2 > p.image{
		margin-bottom: 6%;
	}

	.option-wrap section#option2 .ability{
		padding: 4%;
		margin-bottom: 6%;
	}
		.option-wrap section#option2 .ability h6{
			font-size: 20px;
			font-size: 2.0rem;
			margin: 0 0 4% 0;
		}
		.option-wrap section#option2 .ability ul.list{
			margin-left: 0;
		}

		.option-wrap section#option2 .ability ul.list li{
			width: auto;
			float: none;
			margin-left: 0;
			margin-bottom: 7%;
		}
		.option-wrap section#option2 .ability ul.list li dl dt{
			font-size: 20px;
			font-size: 2.0rem;
			margin-bottom: 13px;
		}
		.option-wrap section#option2 .ability ul.list li dl dt img{
			margin-right: 5px;
		}

	.option-wrap section#option2 .abilityDetails{
		margin-bottom: 12%;
	}
	.option-wrap section#option2 .abilityDetails > .explain{
		float: none;
		width: auto;
		margin-bottom: 15px;
	}
	.option-wrap section#option2 .abilityDetails > .image{
		float: none;
		text-align: center;
	}
	.option-wrap section#option2 .abilityDetails h6{
		font-size: 18px;
		font-size: 1.8rem;
		margin-bottom: 13px;
	}
	.option-wrap section#option2 .abilityDetails h6:before{
		zoom:0.7;
	}

	.option-wrap section#option3 > .explain{
		width: auto;
	}
	.option-wrap section#option3 > .image{
		margin-top: 0;
	}

	.option-wrap section#option4 > .explain{
		width: auto;
	}
	.option-wrap section#option4 > .image{
		margin-top: 0;
	}

	.option-wrap section#option5 > .image{
		margin-top: 0;
	}

	.option-wrap section#option6 > .explain dl.point{
		padding: 3%;
	}

	.option-wrap section#option6 > .explain dl.point dt{
		font-size: 20px;
		font-size: 2.0rem;
	}

	.option-wrap section#option6 > .image{
		margin-top: 0;
	}

}