@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------
*  index
* --------------------------------------------------------------------------------------------------*/
.index_img01{
	margin: 100px 0 60px;
}
.index_img01 img{
	width:100%;
}
.service_top{
	height:300px;
	background:#F8F8F8;
	padding:55px 0 0;
	margin:50px 0;
}
.service_top p{
	text-align:center;
	font-size:1.6rem;
	line-height:1.7;
}
.service_top .ttl{
	font-size:2.7rem;
	font-weight:500;
	margin:0 0 20px;
}

.indexlink_area{
	width:940px;
	margin: 50px auto 0;
}
.indexlink_img{
	float:right;
	width:455px;
}
.indexlink_box{
	float:left;
	width:455px;
}
.indexlink_boxin{
	float:left;
	width:215px;
	height:240px;
}
.indexlink_boxin a{
	display:block;
}
.indexlink_boxin dt{
	margin: 20px 0;
	font-size:2rem;
	color: #000;
}
.indexlink_boxin dd{
	font-size:1.4rem;
	color: #000;
	line-height: 1.5;
}
.mr25{
	margin-right: 25px;
}
.mb50{
	margin-bottom: 50px;
}

.indexflow_area{
	margin: 60px 0;
	padding: 60px 0 43px;
	background: url(../img/product/flow_bg.jpg) center center no-repeat;
	background-size:cover;
}
.indexflow_areain{
	width:910px;
	margin: 50px auto 0;
}
.indexflow_box{
	float:left;
	padding: 20px 17px 0 60px;
	border: 1px solid #95989a;
	width:440px;
	height:200px;
	position:relative;
	margin-bottom: 17px;
}
.indexflow_no{
	position:absolute;
	top:10px;
	left:10px;
	font-size:3.6rem;
    font-family: serif;
	color: #3c3c3c;
}
.indexflow_ttl{
	font-size:2rem;
	font-weight:500;
	color: #010101;
}
.indexflow_sttl{
	font-size:1.6rem;
	color: #000;
	margin-top: 12px;
}
.indexflow_txt{
	font-size:1.4rem;
	line-height: 1.5;
	color: #000;
	margin-top: 12px;
}
.mr30{
	margin-right: 30px;
}
.mt40{
	margin-top: 40px;
}
.indexafter_area{
	text-align:center;
}
.indexafter_sttl01{
	text-align: center;
	font-size:1.6rem;
	line-height: 1.7;
	color: #000;
	margin-top: 50px;
}
.indexafter_txt01{
	display:inline-block;
	text-align: left;
	font-size:1.4rem;
	line-height: 2.2;
	color: #000;
	margin-top: 40px;
}
.indexafter_box{
	margin: 50px auto 40px;
}
.indexafter_box p{
	text-align: center;
}
.indexafter_sttl02{
	width:130px;
	margin: 0 auto;
	padding: 10px 15px;
	font-size:1.8rem;
	color: #000;
	border:1px solid #95989a;
}
.indexafter_circle{
	width:66px;
	height:66px;
	margin: 22px auto 12px;
	border-radius: 50%;
	background: #005753;
	color: #fff;
	font-size:1.4rem;
	line-height: 66px;
}

@media screen and (max-width: 768px) {
	
.service_top{
	height:auto;
	padding:5% 0;
	margin:5% 0;
}
.service_top .ttl{
	font-size:1.8rem;
	margin:0 0 3%;
}
.service_top p{
	font-size:1.4rem;
}
.index_img01{
	margin: 30px 0 20px;
}

.indexlink_area{
	width:90%;
	margin: 15px auto 0;
}
.indexlink_img{
	float:none;
	width:100%;
}
.indexlink_area img{
	width:100%;
}
.indexlink_box{
	float:none;
	width:100%;
}
.indexlink_boxin{
	float:none;
	width:100%;
	height:auto;
	margin-top: 15px;
}
.indexlink_boxin dt{
	margin: 5px 0;
	font-size:1.6rem;
}
.mr25{
	margin-right: 0;
}
.mb50{
	margin-bottom: 0;
}

.indexflow_area{
	margin: 30px 0;
	padding: 30px 0 15px;
}
.indexflow_areain{
	width:90%;
	margin: 15px auto 0;
}
.indexflow_box{
	float:none;
	padding: 20px 17px 20px 50px;
	width:100%;
	height:auto;
	margin-bottom: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
 }
.indexflow_ttl{
	font-size:1.8rem;
}
.indexflow_sttl{
	font-size:1.6rem;
	color: #000;
	margin-top: 12px;
}
.indexflow_txt{
	font-size:1.4rem;
	line-height: 1.5;
	color: #000;
	margin-top: 12px;
}
.mr30{
	margin-right: 0;
}
.mt40{
	margin-top: 12px;
}

.indexafter_sttl01{
	width:90%;
	margin: 20px auto 0;
}
.indexafter_txt01{
	width:90%;
	margin: 20px auto 0;
	line-height: 1.9;
}
.indexafter_box{
	width:90%;
	margin: 20px auto 30px;
}
.indexafter_sttl02{
	font-size:1.6rem;
}
.indexafter_circle+p{
	line-height: 1.5;
}
}


/* ----------------------------------------------------------------------------------------------------
*  construction
* --------------------------------------------------------------------------------------------------*/

.construction_img01{
	margin-bottom: 60px;
}
.construction_img01 img{
		width:100%;
}
.constructionimg_area{
	width:800px;
	margin: 50px auto 55px;
}
.construction_ltxt{
	float:left;
	width:380px;
	font-size:1.4rem;
	color: #191919;
	line-height: 2.2;
}
.construction_rimg{
	float:right;
}

.product_txt01{
	width:800px;
	margin: 50px auto 55px;
	font-size:1.4rem;
	color: #191919;
	line-height: 2.2;
}

.mb140{
	margin-bottom: 140px;
}

@media screen and (max-width: 768px) {
.construction_img01{
	margin-bottom: 20px;
}

.constructionimg_area{
	width:90%;
	margin: 30px auto 30px;
}
.construction_ltxt{
	float:none;
	width:100%;
	line-height: 1.9;
}
.construction_rimg{
	float:none;
	margin-top: 10px;
}
.construction_rimg img{
	width:100%;
}

.product_txt01{
	width:90%;
	margin: 15px auto 30px;
	line-height: 1.9;
}

.mb140{
	margin-bottom: 40px;
}
}


/* ----------------------------------------------------------------------------------------------------
*  material.
* --------------------------------------------------------------------------------------------------*/

.material_img01{
	margin-bottom: 60px;
}
.material_img01 img{
	width:100%;
}
.materialimg_area01{
	width:800px;
	margin: 50px auto;
}
.material_ltxt{
	width:390px;
	float:left;
	font-size:1.4rem;
	color: #191919;
	line-height: 2.2;
}
.material_rimg{
	float:right;
}

.materialimg_area02{
	background: url(../img/product/materialimg_bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 60px 0 70px;
	margin-bottom: 140px;
}
.materialimg_sttl{
	font-size:1.6rem;
	color: #000;
	line-height: 2;
	text-align: center;
	margin-top: 50px;
}
.materialimg_areain{
	width:800px;
	margin: 50px auto 0;
}
.materialimg_areain .material_ltxt{
	float:left;
	width:385px;
	font-size:1.4rem;
	color: #191919;
	line-height: 2.2;
}
.material_rimg{
	float:right;
}
.materialimg_areain+div{
	margin-top: 40px!important
}

@media screen and (max-width: 768px) {
.material_img01{
	margin-bottom: 20px;
}

.materialimg_area01{
	width:90%;
	margin: 15px auto 20px;
}
.material_ltxt{
	float:none;
	width:100%;
	line-height: 1.9;
}
.material_rimg{
	float:none;
	margin-top: 10px;
}
.material_rimg img{
	width:100%;
}


.materialimg_area02{
	padding: 30px 0;
	margin-bottom: 40px;
}
.materialimg_sttl{
	width:90%;
	font-size:1.6rem;
	line-height: 1.8;
	margin: 20px auto;
}
.materialimg_areain{
	width:90%;
	margin: 20px auto 0;
}
.materialimg_areain .material_ltxt{
	float:none;
	width:100%;
	line-height: 1.9;
}
.materialimg_areain+div{
	margin-top: 20px!important
}
}


/* ----------------------------------------------------------------------------------------------------
*  insulation
* --------------------------------------------------------------------------------------------------*/

.insulation_img01{
	margin-bottom: 60px;
}
.insulation_img01 img{
	width:100%;
}
.insulationimg_area01{
	width:800px;
	margin: 50px auto 70px;
}
.insulation_ltxt{
	width:440px;
	float:left;
	font-size:1.4rem;
	color: #191919;
	line-height: 2.2;
}
.insulation_rimg{
	float:right;
	font-size:1.6rem;
	color: #c60000;
	text-align: center;
}
.insulation_rimg img{
	margin-bottom: 17px;
}

.insulation_ttl{
	color: #3c3c3c;
	font-size:2.1rem;
	margin-bottom: 30px;
	text-align: center;
}
.insulationimg_area02{
	width:800px;
	margin: 0 auto 40px;
}
.insulation_txt01{
	font-size:1.4rem;
	color: #191919;
	line-height: 2.2;
	margin-top: 15px;
}

.insulationlist_area{
	width:800px;
	margin: 0 auto;
}
.insulationlist_area .cf+div{
	margin-top: 50px;
}
.insulationlist_left{
	padding: 15px 17px;
	background: #a30000;
	color: #fff;
	line-height: 1.2;
	font-size:2.8rem;
	float:left;
	font-weight: 400;
	margin-right: 30px;
}
.insulationlist_right{
	font-size:1.4rem;
	color: #191919;
	line-height: 2.2;
}

.insulationtxt_area{
	width:800px;
	margin: 40px auto 0;
}
.insulationtxt_areain{
	margin-bottom: 40px;
}
.insulationtxt_ttl{
	color: #3c3c3c;
	font-size:1.8rem;
	padding-bottom: 18px;
	margin-bottom: 15px;
	border-bottom: 2px solid #a30000;
}
.insulationtxt_txt01{
	font-size:1.4rem;
	color: #191919;
	line-height: 2.2;
	width:505px;
	float:left;
}
.insulationtxt_img{
	float:right;
}
.insulationtxt_txt02{
	font-size:1.4rem;
	color: #191919;
	line-height: 2.2;
}
.insulationtxt_area table{
	width:798px;
	border-collapse:collapse;
	margin: 30px 0 40px;
}
.insulationtxt_area th,.insulationtxt_area td{
	text-align: center;
	padding: 5px 0;
	font-size:1.2rem;
	color: #000;
	line-height: 1.4;
	border: 1px solid #dfdfdf;
}
.insulationtxt_area th{
	width:70px;
	font-weight: bold;
	vertical-align: top;
}
th.vam{
	vertical-align: middle;
}
.insulationsys_area{
	width:100%;
	padding: 60px 0 70px;
	margin:65px 0 140px;
	background: #f3eada;
}
.insulationsys_txt01{
	color: #000;
	font-size:1.6rem;
	line-height: 1.7;
	text-align: center;
	margin: 50px 0;
}
.insulationsys_txt01 span{
	font-size:1.8rem;
	font-weight: bold;
}
.insulationsys_img{
	text-align: center;
}
.insulationsys_txt02{
	width:800px;
	margin: 45px auto 0;
	font-size:1.4rem;
	color: #000;
	line-height: 2.2;
}

@media screen and (max-width: 768px) {
.insulation_img01{
	margin-bottom: 20px;
}

.insulationimg_area01{
	width:90%;
	margin: 15px auto 20px;
}
.insulation_ltxt{
	width:100%;
	float:none;
	line-height: 1.9;
}
.insulation_rimg{
	float:none;
}
.insulation_rimg img{
	margin-top: 10px;
	margin-bottom: 5px;
	width:100%;
}
.insulation_ttl{
	font-size:1.6rem;
	margin-bottom: 10px;
	line-height: 1.4;
}
.insulationimg_area02{
	width:90%;
	margin: 0 auto 20px;
}
.insulation_txt01{
	line-height: 1.9;
	margin-top: 10px;
}

.insulationlist_area{
	width:90%;
	margin: 0 auto;
}
.insulationlist_area .cf+div{
	margin-top: 20px;
}
.insulationlist_left{
	padding: 7px;
	font-size:1.8rem;
	float:none;
	margin: 0 auto 5px;
	text-align: center;
}
.insulationlist_right{
	line-height: 1.9;
}

.insulationtxt_area{
	width:90%;
	margin: 30px auto 0;
}
.insulationtxt_areain{
	margin-bottom: 20px;
}
.insulationtxt_ttl{
	font-size:1.6rem;
	padding-bottom: 5px;
	margin-bottom: 10px;
	line-height: 1.4;
}
.insulationtxt_txt01{
	line-height: 1.92;
	width:100%;
	float:none;
}
.insulationtxt_img{
	float:none;
	margin-top: 10px;
}
.insulationtxt_img img{
	width:100%;
}
.insulationtxt_txt02{
	line-height: 1.9;
}
.insulationtxt_area table{
	width:100%;
	margin: 10px 0 20px;
	border-bottom: 1px solid #dfdfdf;
}
.insulationtxt_area th,.insulationtxt_area td{
	display:block;
	text-align: left;
	padding: 5px 10px;
	width:100%;
	border-bottom: none;
}
.insulationtxt_area th{
	width:100%;
}
td.ti1{
	padding: 5px 10px 5px 20px;
}
td.ti2{
	padding: 5px 10px 5px 30px;
}

.insulationsys_area{
	width:100%;
	padding: 20px 0 30px;
	margin:20px 0 40px;
	background: #f3eada;
}
.insulationsys_txt01{
	width:90%;
	font-size:1.4rem;
	text-align: center;
	margin: 20px auto 10px;
}
.insulationsys_txt01 span{
	font-size:1.6rem;
}
.insulationsys_img img{
	width:100%;
}
.insulationsys_txt02{
	width:90%;
	margin: 10px auto 0;
	line-height: 1.9;
}

}



/* ----------------------------------------------------------------------------------------------------
*  quake
* --------------------------------------------------------------------------------------------------*/

.quake_img01{
	margin-bottom: 60px;
}
.quake_img01 img{
	width:100%;
}

.quakeimg_area01{
	width:800px;
	margin: 50px auto 0;
}
.quake_ltxt{
	width:400px;
	float:left;
	font-size:1.4rem;
	color: #191919;
	line-height: 2.2;
}
.quake_rimg{
	float:right;
}

.quakelist_area{
	width:800px;
	margin: 35px auto 60px;
}
.quakelist_left{
	width:180px;
	float:left;
	font-size:1.8rem;
	color: #a30000;
	line-height: 2.2;
	font-weight: 500;
}
.quakelist_right{
	float:right;
	width:620px;
	font-size:1.4rem;
	color: #191919;
	line-height: 2.2;
}
.quakelist_area div +div{
	margin-top: 45px;
}
.quake_img02{
	text-align: center;
}
.quake_table{
	width:780px;
	margin: 70px auto 100px;
	border-bottom: 1px solid #a68d7b;
	border-collapse:collapse;
	font-size:1.4rem;
}
.quake_table td{
	padding: 5px;
	border-top: 1px solid #a68d7b;
	color: #5d4332;
}
.quake_table td.w150{
	width:150px;
}
.quake_table td.w220{
	width:220px;
}
.quake_table td.w230{
	width:230px;
}


@media screen and (max-width: 768px) {
.quake_img01{
	margin-bottom: 20px;
}

.quakeimg_area01{
	width:90%;
	margin: 15px auto 20px;
}
.quake_ltxt{
	width:100%;
	float:none;
	line-height: 1.9;
}
.quake_rimg{
	float:none;
}
.quake_rimg img{
	margin-top: 10px;
	margin-bottom: 5px;
	width:100%;
}

.quakelist_area{
	width:90%;
	margin: 20px auto;
}
.quakelist_left{
	width:100%;
	float:none;
	font-size:1.6rem;
	text-align: center;
}
.quakelist_right{
	float:none;
	width:100%;
	line-height: 1.9;
}
.quakelist_area div +div{
	margin-top: 15px;
}
.quake_spimg{
	width:90%;
	margin: 0 auto;
	font-size:1.6rem;
	text-align: center;
	color: #a30000;
}
.quake_spimg img{
	width:100%;
	margin-bottom: 5px;
}

.quake_sptable{
	width:90%;
	margin: 10px auto 20px;
	border-bottom: 1px solid #a68d7b;
	border-collapse:collapse;
}
.quake_sptable th,.quake_sptable td{
	border-top: 1px solid #a68d7b;
	color: #5d4332;
  }
.quake_sptable th{
	padding: 5px;
	min-width:115px;
}
.quake_sptable td{
	padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	width:100%;
}
.mb40{
	margin-bottom: 40px;
}
}