@charset "utf-8";



.wid_1400 {width:100%; max-width:1400px; margin:auto; height:100%;}


.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:10px;}
.mg_t20{margin-top:20px;}
.mg_t30{margin-top:30px;}
.mg_t40{margin-top:40px;}
.mg_t50{margin-top:50px;}
.mg_t80{margin-top:80px;}
.mg_t100{margin-top:100px;}
.mg_t120{margin-top:120px;}

.mg_t120{margin-top:120px;}

.mg_b10{margin-bottom:10px;}
.mg_b20{margin-bottom:20px;}
.mg_b30{margin-bottom:30px;}
.mg_b40{margin-bottom:40px;}
.mg_b50{margin-bottom:50px;}
.mg_b80{margin-bottom:80px;}
.mg_b100{margin-bottom:100px;}

.point {color:#134fa9 !important;}
.txt_l {text-align:left;}
.txt_c {text-align:center;}
.txt_r {text-align:right;}

.txt_b {font-weight:bold;}


.fl_left {float:left;}
.fl_right {float:right;}




.clear_fix {width:100%; position:relative;}
.clear_fix:after {display:block;clear:both;content:''}


.pc_only {display:block;}
.mobile_only {display:none;}

@media screen and (max-width: 768px){
	.pc_only {display:none;}
	.mobile_only {display:block;}

}


/*ÀÎ»ç¸»*/
.message {}
.message .messageWrap{margin:80px 0;}
.message .messageWrap:after{content:"";display:block;clear:both}
.message .messageWrap .messageLeft{float:left;width:50%;}
.message .messageWrap .messageLeft .img{background: url(../../pages/images/message_img01.jpg) no-repeat;width: 540px;height:500px}

.message .messageWrap .messageRight {float:left;width:50%;padding-top:50px;}
.message .messageWrap .messageRight .txt01{font-size:2.8rem;font-weight:bold;margin-bottom:50px;}
.message .messageWrap .messageRight .txt01 span{color:#0f317e}
.message .messageWrap .messageRight .txt02{color:#777777;font-size:1.7rem;line-height:35px;margin-bottom:50px;}
.message .messageWrap .messageRight .ceo_name{text-align:right}

@media( max-width:1400px ) {

.message{width:100%}

}

@media( max-width:1200px ) {

.message .messageWrap .messageLeft .img{width:100%}
.message .messageWrap .messageRight{padding-left:60px;padding-top:10px;}
}


@media( max-width:1024px ) {


}

@media( max-width:768px ) {

.message .messageWrap .messageLeft{width:100%}
.message .messageWrap .messageLeft .img{background-size:100%;height:300px;}
.message .messageWrap .messageRight{width:100%;padding-left:20px;}
}


/*È¸»ç°³¿ä*/
.company { width:100%;margin-top:80px; }
.company .left {width:40%; float:left;}
.company .right {width:60%; float:left; padding-left:10%;}
.company .right > dl {border-bottom:4px solid #ddd;padding-bottom:15px;margin-bottom:30px;; width:100%; margin-right:6%; float:left; font-size:17px;}
.company .right > dl:nth-child(2n) {margin-right:0;}
.company .right > dl:after {content: ''; display: block; clear: both;}
.company .right > dl > dt {float:left; width:120px; color:#777;}
.company .right > dl > dd {float:left; width: calc(100% - 120px); color:#000; font-weight:500;}



@media( max-width:1400px ) {
.company .left {width:35%; float:left;}
.company .left img{width:100%}
.company .right {width:65%; float:left; padding-left:5%;}


}

@media( max-width:1024px ) {
.company .left {}
.company .right {  padding-left:49px;}
}

@media( max-width:768px ) {
.company .left{width:100%}
.company .right {width:100%;padding-left:0;}
.company .right dl {width:100%; padding:30px 0 20px; border-bottom:2px solid #ddd; font-size:15px;margin-bottom:0;}
.company .left img{width:100%}
}


.cert{}
.cert:after{content:"";display:block;clear:both}
.cert li{float:left;width:33.333%;;padding:10px;}
.cert li img{border:1px solid #ddd;width:100%}
.cert li:nth-child(3n){margin-right:0}



@media( max-width:1400px ) {



}

@media( max-width:1024px ) {



}

@media( max-width:768px ) {
.cert{display:block;}
.cert li{width:100%;margin-bottom:30px;}


}


/*¿À½Ã´Â±æ*/
.location{margin:80px 0;position:relative}
.location .location_map{width:100%}

.location .location_cont{width:1200px;margin:0 auto;background:Red;position:absolute;background:#ffffff;box-shadow:5px 10px 10px rgba(0,0,0,.07);padding:80px;bottom:-120px;left: 50%;transform: translateX(-50%);z-index:9;border-radius:50px;}
.location .location_cont .title{padding-bottom:30px;}
.location .location_cont .txtbox:after{content:"";display:block;clear:both}
.location .location_cont .txtbox{display:flex; justify-content: space-between;}
.location .location_cont .txtbox li{font-size:1.8rem}
.location .location_cont .txtbox li .txt01{font-weight:bold;margin-right:15px;}


@media( max-width:1400px ) {

.location .location_cont{width:100%;}
}

@media( max-width:1024px ) {

.location .location_cont{width:100%;position:static;transform: translateX(0%);}
.location .location_cont .txtbox li{width:100%}
}

@media( max-width:768px ) {

.location .location_cont .txtbox{display:block;}
.location .location_cont .txtbox li{margin-bottom:15px;}
.location .location_cont{padding:40px 60px;;margin-top:50px;}

}



/*table*/
.product_table{border-top:2px solid #000;border-left:1px solid #ddd;margin-bottom:20px;}
.product_table tr td.gray{background:#ededed ;border-right:1px solid #ddd;border-bottom:1px solid #fff;padding:15px 0;text-align:center;border-bottom:1px solid #ddd}
.product_table tr td.blue{background:#ffffff;border-right:1px solid #ddd;padding:15px 0;text-align:center;color:#000000;border-bottom:1px solid #ddd}
.product_table tr td.blue_left{background:#ffffff;border-right:1px solid #ddd;text-align:left;padding:25px;color:#000000;border-bottom:1px solid #ddd;line-height:30px;}


/*ÆßÇÁ*/
.pump{margin-top:80px;}
.pump:after{content:"";display:block;clear:both}
.pump .Left{float:left;width:30%}
.pump .right{float:left;width:70%}
.pump .right .pump_title{color:#2260a3;font-size:2.2rem;font-weight:bold;padding-bottom:15px;margin-bottom:15px;border-bottom: 1px solid #d1d1d1;}
.pump .right .pump_cont{margin-bottom:100px;}
.pump .right .pump_cont .imgbox{border:1px solid #ddd}
.pump .right .pump_cont .imgbox_margin{margin:50px 0;}

/*
.product_table tr td.gray{background:#ededed;border-right:2px solid #fff;border-bottom:2px solid #fff;padding:15px 0;text-align:center}
.product_table tr td.blue{background:#2260a3;border-right:2px solid #fff;padding:15px 0;text-align:center;color:#fff;border-bottom:2px solid #fff}
*/

.pump .right .pump_cont ul li{font-size:1.7rem;padding-left:26px;line-height:35px;color:#777777;position:relative}
.pump .right .pump_cont ul li:before{content:"";display:block;width:4px;height:4px;background:#2260a3;position:absolute;left:10px;top:15px;border-radius:50%}
.pump .right .pump_cont ul:after{content:"";display:block;clear:both}
.pump .right .pump_cont .contline li{float:left;width:33%}
.pump .right .pump_cont .txtbox{font-size:1.7rem;margin-bottom:10px;line-height:35px;color:#777777}
.pump .right .pump_cont .imglist:after{content:"";display:block;clear:both}
.pump .right .pump_cont .imglist .list01{float:left;width:50%;padding:10px;}
.pump .right .pump_cont .imglist .list01 img{border:2px solid #ddd;border-radius:30px;}
.pump .right .pump_cont .imglist .list01 .list_txt{text-align:center;font-size:1.8rem;margin:10px 0;}


@media( max-width:1400px ) {


}

@media( max-width:1024px ) {

.pump .Left{float:left;width:100%;margin-bottom:50px;}
.pump .right{float:left;width:100%}
.pump .right .pump_cont .contline li{width:30%}

}

@media( max-width:768px ) {

.pump .right .pump_cont .contline li{width:50%}
.pump .right .pump_cont{overflow:auto}
}

@media( max-width:370px ) {

.pump .right .pump_cont .contline li{width:100%}

}

/*¸ðÅÍ*/

.motor {width:100%;margin:80px 0;}
.motor .motorsub{width:100%;display:flex; justify-content: space-between;flex-wrap: wrap;margin-bottom:80px;padding-bottom:80px;border-bottom:1px solid #000}
.motor .motorsub:after{content:"";display:block;clear:both}
.motor .motorsub .left{width:45%}
.motor .motorsub .right{width:55%;padding-top:35px;padding-left:80px;}
.motor .motorsub .right .motortitle{color:#2260a3;font-size:2.2rem;font-weight:bold;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #d1d1d1}
.motor .motorsub .left img{border:1px solid #ddd}
.motor .motorsub .right .motorcont ul li{font-size: 1.7rem;padding-left: 26px; line-height: 35px;color: #777777;position: relative;}
.motor .motorsub .right .motorcont ul li:before{content:"";display:block;width:4px;height:4px;background:#2260a3;position:absolute;left:10px;top:15px;border-radius:50%}

.motor .motorsub .right .motorcont .txtbox{font-size:1.7rem;margin-bottom:10px;line-height:35px;color:#777777}
.motor .motorsub .right .motorcont  p{font-weight:bold}


.motor_tap{width:100%;margin-bottom:30px;}
.motor_tap:after{content:"";display:block;clear:both}
.motor_tap li{width:20%;float:left;height:50px;line-height:49px;border:1px solid #ddd;border-right:none}
.motor_tap li:last-child{border-right:1px solid #ddd}
.motor_tap li a{display:block;;text-align:center;height:100%}
.motor_tap li a.active{background:#113186;color:#fff}

.type_box{width:100%;display:flex;flex-wrap:wrap;    justify-content: space-between}
.type_box .type_sub{} 
.type_box .type_sub .sub01{}
.type_box .type_sub .sub01 h2{font-size:1.9rem;margin-bottom:10px;}
.type_box .type_sub .sub01 .imgbox{border:1px solid #ddd;margin-bottom:30px;}
.type_box .type_sub .sub01 .imgbox img{width:100%}
@media( max-width:1400px ) {

.motor .motorsub .left img{width:100%}
}

@media( max-width:1024px ) {
.motor_tap{margin-top:50px;}

.motor_tap li{width:50%;margin-bottom:5px;border-right: 1px solid #ddd}
}

@media( max-width:768px ) {

.motor .motorsub .left{width:100%}
.motor .motorsub .right{width:100%;padding-left:0}

}



/*fire monitor*/
.fire_extinguisher{}
.fire_extinguisher .fire_extinguisher_sub{margin-bottom:80px;padding-bottom:80px;border-bottom:1px solid #000}
.fire_extinguisher .fire_extinguisher_sub .product_name{font-size:3.2rem;font-weight:bold;margin-bottom:20px;position:relative}

.fire_extinguisher .fire_extinguisher_sub .Topcont .left img{border:1px solid #ddd}

.fire_extinguisher {width:100%;margin:80px 0;}
.fire_extinguisher .fire_extinguisher_sub .Topcont{width:100%;display:flex; justify-content: space-between;flex-wrap: wrap;}
.fire_extinguisher .fire_extinguisher_sub .Topcont:after{content:"";display:block;clear:both}

.fire_extinguisher .fire_extinguisher_sub .Topcont .table_box{width:100%;}

.fire_extinguisher .fire_extinguisher_sub .Topcont .left{width:45%}
.fire_extinguisher .fire_extinguisher_sub .Topcont .right{width:55%;padding-top:20px;padding-left:80px;}
.fire_extinguisher .fire_extinguisher_sub .Topcont .right .fire_extinguishercont img{border:1px solid #ddd}
.fire_extinguisher .fire_extinguisher_sub .Topcont .right .fire_extinguishertitle{color:#2260a3;font-size:2.2rem;font-weight:bold;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #d1d1d1}
.fire_extinguisher .fire_extinguisher_sub .Topcont .left img{border:1px solid #ddd}
.fire_extinguisher .fire_extinguisher_sub .Topcont .right .fire_extinguishercont ul li{font-size: 1.7rem;padding-left: 26px; line-height: 35px;color: #777777;position: relative;}
.fire_extinguisher .fire_extinguisher_sub .Topcont .right .fire_extinguishercont ul li:before{content:"";display:block;width:4px;height:4px;background:#2260a3;position:absolute;left:10px;top:15px;border-radius:50%}

.fire_extinguisher .fire_title {color: #2260a3; font-size: 2.2rem;font-weight: bold;margin-bottom:7px;margin-top:30px;}
.fire_extinguisher .fire_txt{font-size:1.7rem;margin-bottom:10px;line-height:35px;color:#777777}


@media( max-width:1400px ) {

.fire_extinguisher .fire_extinguisher_sub .Topcont .left img{width:100%}
.fire_extinguisher .fire_extinguisher_sub .Topcont .right .fire_extinguishercont img{width:100%}
}

@media( max-width:1024px ) {

.fire_extinguisher .fire_extinguisher_sub .Topcont .table_box{width:100%;overflow:scroll}

}

@media( max-width:768px ) {



}




/*µµÇÏÃ÷*/

.dohatsu {width:100%;margin:80px 0;border-bottom:1px solid #000}
.dohatsu .dohatsusub{width:100%;display:flex; justify-content: space-between;flex-wrap: wrap;margin-bottom:80px;}
.dohatsu .dohatsusub:after{content:"";display:block;clear:both}
.dohatsu .dohatsusub .left{width:45%}
.dohatsu .dohatsusub .right{width:55%;padding-left:80px;}
.dohatsu .dohatsusub .right .dohatsutitle{color:#2260a3;font-size:2.2rem;font-weight:bold;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #d1d1d1}
.dohatsu .dohatsusub .left img{border:1px solid #ddd}
.dohatsu .dohatsusub .right .dohatsucont ul li{font-size: 1.7rem;padding-left: 26px; line-height: 35px;color: #777777;position: relative;}
.dohatsu .dohatsusub .right .dohatsucont ul li:before{content:"";display:block;width:4px;height:4px;background:#2260a3;position:absolute;left:10px;top:15px;border-radius:50%}

.dohatsu .dohatsusub .right .dohatsucont .txtbox{font-size:1.7rem;margin-bottom:10px;line-height:35px;color:#777777}
.dohatsu .dohatsusub .right .dohatsucont  p{font-weight:bold}

@media( max-width:1400px ) {
.dohatsu .dohatsusub .left img{width:100%}

}

@media( max-width:1024px ) {



}

@media( max-width:768px ) {
.fire_extinguisher .fire_extinguisher_sub .Topcont .left{width:100%}
.fire_extinguisher .fire_extinguisher_sub .Topcont .right{width:100%;padding-left:0;}
.dohatsu .dohatsusub .left{width:100%;margin-bottom:30px;}
.dohatsu .dohatsusub .right{width:100%;padding-left:0;}

}


/*3%Æû¾×*/
.foam{margin-top:80px;border-bottom: 1px solid #000;}
.foam:after{content:"";display:block;clear:both}
.foam .Left{float:left;width:30%}
.foam .right{float:left;width:70%}
.foam .right .foam_title{color:#2260a3;font-size:2.2rem;font-weight:bold;padding-bottom:15px;margin-bottom:15px;border-bottom: 1px solid #d1d1d1;}
.foam .right .foam_cont{margin-bottom:100px;}
.foam .right .foam_cont .imgbox{border:1px solid #ddd}
.foam .right .foam_cont ul li{font-size:1.7rem;padding-left:26px;line-height:35px;color:#777777;position:relative}
.foam .right .foam_cont ul li:before{content:"";display:block;width:4px;height:4px;background:#2260a3;position:absolute;left:10px;top:15px;border-radius:50%}
.foam .right .foam_cont .txtbox{font-size:1.7rem;margin-bottom:10px;line-height:35px;color:#777777}


@media( max-width:1400px ) {



}

@media( max-width:1024px ) {

.foam .Left{width:100%;margin-bottom:50px;}
.foam .right{width:100%;}

}

@media( max-width:768px ) {



}
