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

body#sub{
	width:100%;
	min-width:1082px;
	height:auto;
	background:url(../image/background.png) repeat center;
	color:#232323;
	line-height:22px;
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	padding:0;
	overflow-x:hidden;
}
	.maintitle{
		background:url(../image/subpage/insulation/subtitle.png) top center no-repeat;
		margin-left:-2px;
		height:77px;
		position:relative;
	}
		.maintitle h2{
			font-size:26px;
			font-weight:bold;
			color:#56ab00;
			position:absolute;
			top:28px;
			left:95px;
		}
.type_a{
	width:708px;
	height:396px;
	border:#a5d264 solid 1px;
	border-collapse:collapse;
	font-size:15px;
	line-height:44px;
}
	.type_a th.a_top{
		color:#FFF;
		background:#a5d264;
		border-right:#FFF solid 1px;
		line-height:18px;
	}
	.type_a td.item{
		color:#221815;
		padding-left:15px;
		background:#FFF;
		width:451px;
		border-right:#a5d264 solid 1px;
		border-bottom:#a5d264 solid 1px;
	}
	.type_a td.kanki{
		color:#588f05;
		text-align:center;
		background:#ecf6dd;
		border-right:#a5d264 solid 1px;
		border-bottom:#a5d264 solid 1px;
	}
.type_b{
	width:498px;
	height:154px;
	border:#a5d264 solid 1px;
	border-collapse:collapse;
	font-size:15px;
	line-height:44px;
	margin-top:33px;
}
	.type_b th.a_top{
		color:#FFF;
		background:#a5d264;
		font-size:18px;
		font-weight:normal;
		text-align:left;
		padding-left:10px;
	}
	.type_b th{
		font-weight:normal;
		font-size:16px;
		color:#437f12;
		border-bottom:#a5d264 solid 1px;
		background:#daeebc;
	}
	.type_b td{
		text-align:center;
		border-bottom:#a5d264 solid 1px;
		border-right:#9fc467 dotted 1px;
		font-size:16px;
		color:#484848;
	}
/*-------------------------------------------------------
   高断熱高気密工事
-------------------------------------------------------*/
#insulation{
	background:url(../image/subpage/insulation/insulation_back.jpg) top center no-repeat;
	margin-top:6px;
	padding-top:20px;
	height:563px;
	width:100%;
}
	#insulation .tight{
		background:url(../image/subpage/insulation/insulation_Airtight.png) top center no-repeat;
		height:202px;
		margin-top:18px;
		position:relative;
		z-index:1;
	}
		#insulation .tight .tight_text{
			position:absolute;
			top:132px;
			left:303px;
			font-size:18px;
			font-weight:bold;
			color:#323232;
			line-height:24px;
		}
	#insulation .truck{
		position:absolute;
		top:185px;
		right:0;
		z-index:2;
	}

#rockwool{
	background:url(../image/subpage/insulation/rockwool_back.png) top center no-repeat; /* 影　上７ｐｘ下７ｐｘ　*/
	height:475px;
	padding-top:45px;
	margin-bottom: 30px;
}
	#rockwool .photo{
		margin-top:7px;
	}
	#rockwool #reason8{
		position:relative;
		width:352px;
		height:382px;
		background:url(../image/subpage/insulation/8_.png) center top no-repeat;
		margin-top:20px;
	}
		#rockwool #reason8 .abu{
			position:absolute;
			font-size:13px;
			line-height:18px;
			color:#221815;
			width:165px;
		}
#BIB{
}
	#BIB .subtitle{
		margin-top:38px;
		margin-bottom:26px;
	}
	#BIB .dashed{
		background:url(../image/subpage/insulation/dash.png) no-repeat;
		width:519px;
		height:5px;	
		margin:23px 0;
	}
	#BIB .bg-g{
		background:#90c31f;
		border-radius:7px;
		width:345px;
		height:55px;
		color:#FFF;
		font-size:16px;
		line-height:20px;
		font-weight:bold;
		padding:17px;
		margin-top:20px;
	}
/*-------------------------------------------------------
   高性能換気システム
-------------------------------------------------------*/
#ventilation{
	background:url(../image/subpage/insulation/insulation_back.jpg) top center no-repeat;
	margin-top:6px;
	padding-top:20px;
	width:100%;
}
	#ventilation #heatexchange{
		border:#87cc25 solid 2px;
		margin:0;
		margin-bottom:33px;
		padding:25px;
		background:#FFF;
	}
	#ventilation #heatexchange .example{
		float:left;
		font-size:14px;
		line-height:24px;
		color:#323232;
		width:300px;
		margin-left:16px;
	}	
	#ventilation #exhaust{
		background:#fff;
		border:#76c8fa solid 3px;
		padding:15px;
		margin-top:35px;
		width:498px;
		float:right;
	}
		#ventilation #exhaust .Important{
			color:#4cafed;
			font-size:30px;
			line-height:22px;
			font-weight:900;
		}

#ventilationsistem {
	border:#87cc25 solid 2px;
	margin:0;
	margin-bottom:33px;
	padding:25px;
	background:#FFF;
}


/*-------------------------------------------------------
   省エネ冷暖房システム
-------------------------------------------------------*/
#ecology{
	background:url(../image/subpage/insulation/insulation_back.jpg) top center no-repeat;
	margin-top:6px;
	padding-top:20px;
	width:100%;
}
	#ecology #PanelHeater{
		border-right:#87cc25 solid 2px;
		border-bottom:#87cc25 solid 2px;
		border-left:#87cc25 solid 2px;
		margin:0;
		margin-bottom:28px;
		padding:25px;
		background:#FFF;
	}
	#ecology #AirConditioner{
		border-right:#87cc25 solid 2px;
		border-bottom:#87cc25 solid 2px;
		border-left:#87cc25 solid 2px;
		margin:0;
		margin-bottom:28px;
		padding:25px;
		background:#FFF;
	}
	#ecology #stove_pellet{
		border-right:#87cc25 solid 2px;
		border-bottom:#87cc25 solid 2px;
		border-left:#87cc25 solid 2px;
		margin:0;
		margin-bottom:28px;
		padding:25px;
		background:#FFF;
	}
	#ecology #Other{
		position:relative;
		width:1078px;
		height:507px;
		boc-sizing:border-box;
		background:url(../image/subpage/ecology/Other_back.gif) center bottom -3px no-repeat;
		border-right:#87cc25 solid 2px;
		border-bottom:#87cc25 solid 2px;
		border-left:#87cc25 solid 2px;
		margin:0;
	}


	#ecology #OtherIn {
		position:relative;
	}

.contact-window {
	border:solid 2px #87cc25;
	padding:25px;
	background-color:#FFFFFF;
	margin-top:30px;
}

/*-------------------------------------------------------
   つなぐ
-------------------------------------------------------*/
#connect{
	background:url(../image/subpage/insulation/insulation_back.jpg) top center no-repeat;
	margin-top:6px;
	padding-top:20px;
	width:100%;
}

#connect p {
	margin-bottom: 1em;
	font-size:18px;
	line-height: 1.5;
}
	#connect .maintitile {
		background:url(../image/subpage/connect/mainimage_new.png) top center no-repeat;
		height:212px;
		margin-top:18px;
		margin-bottom: 18px;
		position:relative;
		z-index:1;
	}
		#connect .maintitile .maintitile_text {
			position:absolute;
			top:132px;
			left:303px;
			font-size:18px;
			line-height: 1.5;
			font-weight:bold;
			color:#323232;
		}

	#connect #voice {
		background:url(../image/subpage/connect/voice_back.png) no-repeat #fff bottom;
		width:1074px;
		border: 3px solid #66c2fb;
		margin: 24px auto 0;
		font-size: 18px;
	}
		#connect #voice .voice_img {
			background-image: url(../image/subpage/connect/voice.png);
			width: 974px;
			height: 259px;
			text-indent: 200%;
			white-space: nowrap;
			overflow:hidden;
			margin: 24px auto;
		}
		#connect #voice #voiceIn {
			width: 874px;
			margin-left: 105px;
		}
		#connect #voice #voiceIn .subtitle {
			margin-top: 21px;
		}
		#connect #voice #voiceIn .desc {
			width: 778px;
			margin-top: 30px;
			margin-left: 48px;
		}
		#connect #voice #voiceIn .mes {
			background: url(../image/subpage/connect/message.png) no-repeat center;
			width: 784px;
			height: 155px;
			text-indent: 100%;
			white-space: nowrap;
			overflow:hidden;
			margin: 30px 0 30px 48px;
		}

#connect .voice_exm h3 {
	width: 1080px;
	margin: 40px auto 0;
}

#connect .voice_exm_wrap {
	font-size: 18px;
	width: 1080px;
	border:#87cc25 solid 3px;
	margin:0 auto;
	padding: 24px;
	background:#FFF;
	box-sizing: border-box;
}

#connect .voice_exm .voice_exm_wrap .presenter {
	color: #02860b;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 6px;
	border-bottom: 1px dashed #aaa;
}

#connect .voice_exm .voice_exm_wrap .presenter::before {
	content: "■ "
}

#connect .voice_exm .voice_exm_wrap p {
	margin-bottom: 1em;
	line-height: 1.5;
}

#connect .voice_exm .voice_exm_wrap .spec {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	border-bottom: 1px dotted#ed6d00;
}

#connect .voice_exm .voice_exm_wrap .spec span {
	color: #ED6D00;
}

#connect .mailbtn {
    display: block;
	background: url(../image/subpage/connect/ic_mail.png) no-repeat 1em #8cbf2b;
    padding: 1em 1em 1em 70px;
	width: 360px;
	margin: 24px auto;
	font-size: 24px;
	font-weight: bold;
    text-decoration: none;
    color: #FFF;
    border-bottom: solid 3px #5f8910;
    border-radius: 4px;
	transition: 0.2s;
}

#connect .mailbtn:hover {
	background-color: #a5d647;
	border-bottom: solid 3px #7fb715;
}

#connect .mailbtn:active {
    -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);/*下に動く*/
    border-bottom: none;/*線を消す*/
	margin-bottom: 3px;
}