@charset "utf-8"

*{
	margin:0;
	padding:0;
	border:0;
	text-align:center;
	vertical-align:baseline;
	max-width:100%;
	background:#fff;
}

body{
	margin-left:auto;
	margin-right:auto;
/*	text-align:center;*/
	margin:0;
	font-family: "メイリオ", meiryo, sans-serif;
}

wrap{
	margin-left:auto;
	margin-right:auto;
	text-align:center;

}

header{
	position:fixed;
	background:#fff;
	display:flex;
	height:130px;
	margin:0;
	width:100%;
	z-index: 900;

}

/*header img{
	width:400px;
	height:80px;
}*/
/*グローバルナビここから*/
nav #gNav{
	width:100%;
	height:100%;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	margin:0px;
	margin-left:43px;
	padding:0 0 0 25px;
}

nav #gNav > li{
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	aling-items:center;
	height:100%;
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	text-align:center;
}

nav #gNav > li:hover{
	color:#fff;
}

nav #gNav > li a:hover{
	color:#fff;
	text-decoration:none;
}

nav #gNav > li a{
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration:none;	
}

nav #gNav .nav_title,.unit,.watus,.ex,.show,.toi{
	display:block;
	width:100%;
	height:100%;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	padding:0 20px;
}

nav #gNav .nav_title:hover,.unit:hover,.watus:hover,.ex:hover,.show:hover,.toi:hover,.hanbai:hover{
	background:#009fe8;
	color:#fff;
	text-decoration:none;

}

nav #gNav .sub_nav_box{
	width:calc(100% - 225px);
	display:-webkit-box;
	display:flex;
	flex-wrap:wrap;
	margin-right:-25px;
	width:120px;
	list-style:none;
	position:fixed;
	padding:0;
	margin-top:90px;
	display:none;
}

nav #gNav .sub_nav_box li{
	width:120px;
	height:40px;
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	background:#009fe8;
}
nav #gNav .sub_nav_box li a{
	line-height:45px;
}

nav #gNav .sub_nav_box li:hover{

	background:#009fe8;
	color:#fff;
}

/*グローバルナビここまで*/
#main{
	margin-left:auto;
	margin-right:auto;
	/*padding-top:90px;*/
}

#main img{
	width:100%;
}

#solid{
	border:5px solid #5188b1;
	margin-top:70px;
}

.sikaku{
	width:50px;
	height:50px;
	border: 8px solid #5188b1;
	transform:rotate(45deg);
	border-top:8px solid transparent;
	border-left:8px solid transparent;
	margin-left:auto;
	margin-right:auto;
	z-index:9999;
	margin-top:-43px;
}

.transparent{
	width:62px;
	border:6px solid #fff;
	margin-left:auto;
	margin-right:auto;
	margin-top:-35px;
}

h2{
	font-size:32px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
}
#mainBlockTop p, #Comparison p{
	font-size:18px;	
}
#top-main-u, #top-main-w{
	margin:50px auto;
}

#top-main-u .detail-btn, #top-main-w .detail-btn{
	position:absolute;
	justify-content:center;
}
#top-main-u .detail-btn{
	top:1320px;
	left:730px;
}
#top-main-w .detail-btn{
	top:4260px;
	left:300px;
}
#top-main-u img, #top-main-w img{
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
/*ハウスメリット切り替わりここから*/

#mainBig{
	display:flex;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	justify-content:center;
}

#mainImage img{
	width:600px;
	height:350px;
	margin-top:0;
}

.secret img{
	position:absolute;
	width:300px;
	margin:0 auto;
	margin-top:-60px;
}

#imageList, #imageList2{
	margin-top:0;
}

#imageList img, #imageList2 img{
	width:100px;
	height:100px;
	object-fit:cover;
	margin-top:15px;
}

#imageList ul li, #imageList2 ul li{
	display:flex;
	display-wrap:wrap;
	list-style:none;
	margin:0px;
	padding:0px;
}

#zume img{
	width:1000px;
	height:700px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

/*ハウスメリット切り替わりここまで*/

.tenjiver{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:50px;
}

#_____01{
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	justify-content:center;
}

#_____01 tr{
	margin:0;
	border-collapse:collapse;
}

.d1 img{
	border-collapse:collapse;
}

#Comparison h2{
	margin-top:100px;
}

#Comparison img{
	height:485px;
	margin-top:50px;
}
.comparison-t{
	color:#5188b1;
	font-size:18px;
	font-weight:bold;
	line-height:60px;
}
#jyouka img{
	width:800px;
	height:500px;
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
}
/*ピックアップ商品ここから*/

#new h2{
	background:#e0f1f1;
	width:100%;
	margin:0;
	line-height:4em;
	color: black;
	text-align: center;
	/*padding-top:60px;*/
}

#ichibus_used{
	display:flex;
	flex-wrap:wrap;
	background:#e0f1f1;
	width:100%;
}

.ichibu_uesd{
	display:flex;
	flex-wrap:wrap;
	max-width:1200px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;

}

.item-box{
	padding: 10px;
	margin: 0 0 20px 25px;
	text-align:center;
	width:350px;
	border:1px solid #ccc;
	background:#fff;
}

.item-img img{
	width:350px;
	height:260px;
}

table{
	 border-collapse: collapse;
}

td{
	/*text-align:center;*/
}
/*-----------unit.htmlから移動始まり-----------------------*/
.tyuuko_unit table {
	width:600px;
	margin:0 auto;
	font-size:17px;
	border:1px solid #aaa;
}

.tyuuko_unit table th,
.tyuuko_unit table td {
	padding:3px;
	border:1px solid #ccc;
}

.tyuuko_unit table td{
	padding-left:10px;
	padding:3px;
	border:1px solid #ccc;
}

.tyuuko_unit table td a{
	color:#00f;
	text-decoration:none;
}

.tyuuko_unit table td a:hover{
	text-decoration:underline;
}

.tyuuko_unit table caption{
	font-size:20px;
	font-weight:bold;
}

#unit_kiji{
	width:830px;
	padding-bottom:50px;
}
/*ピックアップ商品ここまで*/
/*事例ここから*/

#jirei ul{
	margin:0;
	padding:0;
}

#jirei li{
	list-style:none;
	font-family:"Meiryo";
	background:#ee5577;
	font-weight:bold;
	border-radius:10px;
	padding:5px 15px;
	font-size:17px;
	color:#fff;
	
}

#jirei p{
	padding:0 10px;
	font-family:"Meiryo";
}



#ecohouse p{
	font-family:"Meiryo";
	margin:5px 0 0 0;
	padding:0 0 5px 10px;
	color:#f00;
	font-weight:bold;
	font-size:18px;
}

#ecohouse img{
	width:100%;
	vertical-align:bottom;
}

#ecohouse li{
	font-family:"Meiryo";
	text-align:left;
	font-size:18px;

}

#zumen img{
	width:415px;
	height:300px;
}

#b-unit h3{
	color:#00a0e9;
	padding-left:10px;
	font-size:25px;
	margin-bottom:10px;
}

#pic_nav img{
	width:32%;
}

#section_wrap{
	font-family:"Meiryo";
}
#unit_setti{ width:830px; }
#unit_setti table{ width:500px; margin:0 auto; border-collapse:collapse; }
#unit_setti table td{ border:1px solid #000; text-align:center;  }
#unit_setti table tr:nth-child(2) td,
#unit_setti table tr:nth-child(4) td,
#unit_setti table tr:nth-child(6) td,
#unit_setti table tr:nth-child(8) td{ padding:5px; }


#unit_setti img{ width:380px; height:280px; vertical-align:bottom; }
#unit_setti ul{ margin-left:15px; }
#unit_setti ul li{ font-family:"Meiryo"; font-size:17px; }


#unit_pic img{
	width:200px;
	height:200px;
}

/*-----------unit.htmlから移動おわり-----------------------*/

.jirei_text h2{
	padding:20px 0;
	background:#e0f1f1;
}

#koumoku_zu {
	margin-left:auto;
	margin-right:auto;	
}

#koumoku_zu ul{
	list-style:none;
	display:flex;
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
	justify-content:center;
}

#koumoku_zu ul li p{
	font-size:26px;
	margin-bottom:30px;
}

#koumoku_zu ul li img{
	width:400px;
	height:300px;
	border-radius:200px;
	display:flex;
}

#jirei_s ul, #jirei_s2 ul,#jirei_s3 ul{
	display:flex;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	justify-content:center;
}

#jirei_s ul li, #jirei_s2 ul li, #jirei_s3 ul li{
	list-style:none;
	padding:0;
	margin-top:30px;

}

#jirei_s ul li img, #jirei_s2 ul li img, #jirei_s3 ul li img{
	width:400px;
	height:300px;
	display:flex;
}
/*事例ここまで*/
.btn2{
	text-align:center;
	font-size:20px;
	margin-top:50px;
}

*,
*:before,
*:after{
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}


.btn,
a.btn,
button.btn {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;	
}

a.btn--yellow {
  color: #000;
  background-color: #fff100;
  border-bottom: 5px solid #ccc100;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #000;
  background: #fff20a;
  border-bottom: 2px solid #ccc100;
}
/*お知らせここから*/
.area{
	background:#5188b1;
	height:auto;
	padding-bottom:40px;
}

#newsArea{
	margin:auto;
	margin-left:auto;
	margin-right:auto;
	width:70%;
	height:auto;
	background:#fff;
}

.hd01{
	margin-top:90px;
	background:#5188b1;
	width:100%;
	line-height:3em;
	color:#fff;
}

.infobox{
	height:9em;
	background:#fff;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#info{	
	font-size:20px;
	font-weight:bold;
	text-align:right;
}
#info a{
	text-decoration:none;
}

#iframe{
	margin:40px auto;
	width:100%;
	height:400px;
	border:none;
}
/*お知らせここまで*/
/*展示場ここから*/
.hd02{
	background:#e0f1f1;
	line-height:4em;
	margin:0;
	padding-top:40px;
}

#tenji2{
	margin:0;
	margin-left:auto;
	margin-right:auto;
}

#tenjibox{
	margin-left:auto;
	margin-right:auto;
	margin:0;
	height:auto;
}

#tenjibox img{
	margin-left:auto;
	margin-right:auto;
	margin:0;
}

#tenji2 img:hover{
	opacity:0.5;
}
/*展示場ここまで*/
h4{
	font-size:35px;
}

.woman_text{
	font-size:18px;
}

.decoy{
	margin-left:auto;
	margin-right:auto;
}

.decoy2{
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
}
/*6つ画像ここから*/
#businessArea{
	margin-top:100px;
	padding-top:60px;
	margin-left:auto;
	margin-right:auto;
	background:#e0f1f1;
	height:650px;

}
#businessArea .business_box td{
	position:relative;
}
#businessArea .business_box p{
	position:absolute; 
	color:#fff;
	font-size:30px; 
	font-weight:70px;
	margin-top:20px;
	top:0px; 
	left:22px;
	text-shadow:1px 2px 3px #5188b1;
}

#tenji2{
	background:#e0f1f1;
	width:100%;
}

#tenji2 #tenjibox img{
	background:#ccc;
}


.business_box{
	display:flex;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	justify-content:center;
}

.business_box img{
	transition:all 1s;
	width:400px;
	height:300px;
	display:block;
}

.business_box img:hover{
	transform:scale(1.1,1.1);
	transition:all 1s;
}

td{
	overflow:hidden;
}

.zoom{
	overflow:hidden;
	width:100%;
	height:100%
}
/*6つ画像ここまで*/
/*お問い合わせここから*/
.contact_text p{
	font-size:18px;

}

#telnav{
	margin-left:auto;
	margin-right:auto;
}

.tel{
	margin: 0 170px;
}

.tel img{

}

*,
*:before,
*:after{
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}


.btn,
a.btn,
button.btn {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--yellow {
  color: #fff;
  background-color: #238f3b;
  border-bottom: 5px solid #aed265;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #fff;
  background: #238f3b;
  border-bottom: 2px solid #aed265;
}
/*フッターここから*/
footer{
	height:250px;
	min-width:1000px;
	background:url(../images/footer.jpg);
}

footer .box{
	/*width:100%;*/

}

/*ul#f-l{
	position:relative;
	left:110px;
	top:55px;
	float:left;
	list-style-type:none;
	margin-top: 16px;
	padding:0;
	line-height:14pt;
}*/

#f-l li{
	text-align:left;
}

#f-l ul {
	margin: 0 16px;
}

/*#f-r{
	float:right;
	position:relative;
	top:60px;
	right:80px;

}

#f-r{
	font-size:11pt;
	line-height:14pt;
	color:#fff;
}

#f-r p{
	text-align:left;
}

#f-c{
	position:relative;
	clear:both;
	top:50px;
	text-align:center;
}
#f-c p{

	padding:0;
	margin:0;
	text-decoration:none;
	font-size:11pt;
	color:#fff;
}
/*フッターここまで*/
/*トップに戻るボタン*/

#bTop #page_top{
  width: 65px;
  height: 65px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3f98ef;
  opacity: 0.6;
  border-radius: 50%;
}

#bTop #page_top a{
  position: relative;
  display: block;
  width: 65px;
  height: 65px;
  text-decoration: none;
}

#bTop #page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
/*トップに戻るボタンここまで*/

/*
@media screen and (max-width:600px){

nav,#top-main-w .detail-btn, #top-main-u .detail-btn, footer, #bTop #page_top, #bTop #page_top a,#bTop #page_top a::before {
	display:none!important;
}

#main img,#top-main-u img, #top-main-w img, .mainpic, #box2 img, #jyouka img, #tenjibox img, .decoy img, .decoy2 img, #zume img{
	width:100%;
	height:auto;
}

*{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	max-width:100%;
}

body{
	margin:0;
	font-family: "メイリオ", meiryo, sans-serif;
}

wrap{
	text-align:center;
}

header{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:80px;
}

header img{
    background-size: cover;
	width:300px;
	height:80px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

nav{
	display:none;
}


#main img{
	height:280px;
}

h2{
	font-size:20px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

#mainBig{
	display:block;
}

#mainImage img{
	width:100%;
	height:300px;
}

.secret img{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	position:initial;
	margin-top:60px;
}

#imagesList{
	margin-top:0;
}

#imageList,#imageList2{
	margin-top:20px;
}

#imageList ul, #imageList2 ul{
	display:flex;
	margin-left:auto;
	margin-right:auto;
	justify-content:center;
}

#imageList ul li,#imageList2 ul li{
	margin-left:20px;
}

#zume{
	width:100%
	margin-left:auto;
	margin-right:auto;
}

#zume img{
	width:500px;
	height:250px;
	margin-left:auto;
	margin-right:auto;
}

.tenjiver{
	width:90%;
	height:120px;
}

.tenjiver a{
	font-size:16px;
}


.comparison-t{
	font-size:16px;
	line-height:30px;
}

#Comparison p{
	font-size:12px;
	line-height:20px;
}

#koumoku_zu ul li p{
	font-size:16px;
	margin-bottom:30px;
}

#koumoku_zu ul li img{
	width:150px;
	height:100px;
	border-radius:75px;
	display:flex;
}

#jirei_s ul li img, #jirei_s2 ul li img, #jirei_s3 ul li img{
	height:120px;
	display:flex;
	margin:0;
	margin-left:auto;
	margin-right:auto;
}

#jirei_s ul li, #jirei_s3 ul li{
	font-size:10px;
}

#jirei_s2 ul li{
	font-size:10px;
}

.area{
	margin-top:-80px;
}

.item-box{
	margin:10px 0;
	padding:10px;
	text-align:center;
	width:350px;
	border:1px solid #ccc;
	background:#fff;
}

.decoy2{
	margin-top:20px;
}


.ichibu_uesd{
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.item-text{
	border:1px solid;
}

.item-text table th{
	border:1px solid;
}

.item-text table td{
	border-top:1px solid;
}

#businessArea{
	margin-top:50px;
	padding-top:60px;
	height:350px;
}

.business_box{
	margin-left:
	margin-right:
}

.business_box img{
	width:150px;
	height:130px;
	transition:all 1s;
	display:block;
}

#businessArea .business_box p{
	position:absolute;
	color:#fff;
	font-size:10px;
	margin-top:10px;
	top:0px;
	left:12px;
	text-shadow:1px 2px 3px #5188b1;
}

h4{
	font-size:20px;
}

.contact_text p{
	font-size:12px;
}


footer{
	display:none;
}
}

@media screen and (min-width:1400px){
	#top-main-w .detail-btn, #top-main-u .detail-btn{
	display:none;
}


}*/

/*---------------------------------------------修正ここから--------------------------------------------------*/

#imageList ul {
	padding-left: 10px;
	margin: 0 0 50px 0;
}
#imageList2 ul {
	padding-left: 10px;
	margin: 0 0 50px 0;
}

#merit-wo {
	background: #e0f1f1;
}
#f-r {
	margin: 16px 0;
}