@charset "utf-8"; 
.envi_2{line-height:1.3em}
/*envi2*/
.in{width:95%;margin:auto}
.smell{margin:0 3%}
.smell h2{width:35%; font-size:16px; color:#4b4a4a; text-align:left; margin:24px 0 10px;display:inline-block; position:absolute; left:0 }
.envi_2 h3{ font-size:18px; color:#4b4a4a; text-align:left;margin:32px 0 4px }
.smell p{font-size:14px; color:#4b4a4a;text-align:left;margin-top:10px}
.pspec{margin-bottom:40px}
.envi_2 h4{font-size:15px; color:#4b4a4a;text-align:left;}
.envi_2 h5{}
.h-ion img:nth-child(1), .h-ion img:nth-child(3){margin-right:10%;}
.envi_2 h5{font-size:15px; color:#4b4a4a;text-align:left;}
.area{margin-top:35px}

.product img{width:18%; }
.item li{float:left;color:#4b4a4a; width: 20%; padding-bottom:30px; font-size:10px; }
.example img{width:50%; float:left}
.sub-button{height:170px}
.sub-button{position:relative; margin-left:0%}
.sub_img{1margin-right: 2%; width:15%; float:left; right:0%; padding-right:5%; }
.sub-button button{1border-radius: 4px; font-size: 0.6em;1padding: 3px 1px;    1margin-left: 22%; background: #c8590e;color: #fff;border: none;outline: 0;padding: 4px 4px; border-radius: 10px;-webkit-appearance: button;cursor: pointer;}
.idea_img> h3 > img{margin-right:1%; max-width:100%}
.sub_img img{1padding-right:5%; 1max-width:100%}

.sub3_bottom_img{margin:20px 0 40px}
.sub_nav{display:none}
.smell_R .iso_T{border-bottom:1px solid #4b4a4a; 1margin-top:20px; height:50px; position:relative}
.smell_R .mini_nav{float:right;width:42%; margin-top:24px; 1margin-right:-34px; position:absolute; right:0 }
.smell_R .mini_nav ul li{float:left; 1padding-right:5px; margin-right:5px}
.smell_R .mini_nav li a{color:#4b4a4a; font-size:14px;}

.sub3_bottom_img img{width:70%}

.id> h3{ font-size: 13px;}
.id> h3{font-size:20px; padding-top:7%;font-weight:700; background:url(../images/bar01.gif) no-repeat 0% 50%; margin-bottom:5%}



.tbody{font-size:10px; line-height:1.3}
#table{margin:auto; line-height:1.2; border-collapse:collapse; font-size:0,7em; margin-left:5%;margin-bottom:5%}
.tbody{border-collapse:collapse; border-spacing:0}
#table th{background:#bfbfbf; padding:15px 0px}
#table tr td, th{border:2px solid #000}
.air> table{    border-collapse: collapse; font-size: 1.0em; margin-left: 5%; margin-bottom: 5%; margin-top: 5%;}
.air> .table tr td{    padding: 5px 1px; font-size: .8em;}
.air> .table tr td{border:1px solid #8a8a8a; text-align:center}
.cj{margin:5%; font-size:.9em}


..air> .table tr td{border:1px solid #8a8a8a; padding:5px 47px;  text-align:center; font-size:11px; font-size:1.2em;*font-size:.9em;*/ }

.air{font-size:11px}
.envi_2-img img{width:50%; margin-top:10px}

.procedure > img:first-of-type{width:58%; padding-bottom:10px; margin-right:5%}
.procedure > img:last-child{width:30%}


.procedure> h3 > img {width:3%}
.sub-button > h3 > img{width:3%}
.air > h3 > img{width:3%}






@media screen and (min-width:320px){
.sub-button{height:140px}
.tbody{font-size:8px; line-height:1.3}
.envi_2-img > img{width:80%; margin-top:3%}

.procedure> h3 > img {width:3%}
.procedure > img:first-of-type{ywidth:48%; padding-bottom:15px; margin-right:5%}
.procedure > img:last-child{width:70%}

.sub-button{ margin-left:2%}
.sub-button > h3 > img{width:3%}
.air> table{font-size: .8em; margin-left: 0%; text-align:left}
.air > h3 > img{width:3%}
.cj{margin:0%; font-size:.7em;line-height:1.5;}
.cj> .mtable tr td{padding: 2px 3px; text-align:left; }
.mtable{margin-bottom:5%}
.mtable tr td{padding:5px 5px;dtext-align:center;font-size:.8em ;border:1px solid #8a8a8a}



}

@media screen and (min-width:425px){
.cj> .mtable tr td{width: 150px;}
.mtable tr td{border:1px solid #8a8a8a;padding:5px 5px;text-align:left; font-size:.6em;line-height:1.3 }

}


@media screen and (min-width:768px){
.smell{width:90%; margin:auto}
.smell_R .mini_nav{width:18%;}
.envi_2-text{width:45%; float:left; margin-top:30px}
.envi_2-img img{width:45%;margin-top:30px}
.procedure, .technic, .example{margin-bottom:50px;}
..procedure > img:first-of-type{width:68%; padding-bottom:25px; margin-top:40px}
..procedure > img:last-child{width:55%}
.example img{width:25%}
.sub3_bottom_img img{width:70%}
.tbody{border-collapse:collapse; border-spacing:0}
#table tr td, th{border:2px solid #000; padding:5px 5px; width:130px}


.procedure > img:last-child{width:50%}

.procedure> h3 > img {width:2%}
.sub-button > h3 > img{width:2%}
.air > h3 > img{width:2%}


.tbody{font-size:10px; line-height:1.3}
.sub-button{height:160px}
.air> table{margin-left: 5%; text-align:left}
.air> .table tr td{border:1px solid #8a8a8a; padding:5px 45px;  text-align:center; font-size:11px; font-size:1.2em;*font-size:.9em;*/ }

.cj{margin:5%; font-size:.9em;line-height:1.5;}

.cj> .mtable tr td{border:1px solid #8a8a8a;padding:5px 35px;dtext-align:center; font-size:.8em }



}

@media screen and (min-width:1024px){
.sub_nav{1width:20%; float:left;position:fixed; display:block}
.sub_nav li{border-bottom:1px solid #d7d7d7}
.sub_nav li:nth-child(1){padding:18px 30px 14px; border-top: 2px solid #00a650; background:#d7d7d7;font-size:20px}
.sub_nav li:nth-child(2), .sub_nav li:nth-child(3), .sub_nav li:nth-child(4){padding:7px 13px 5px;background:#fff;}
.sub_nav li:nth-child(4){border-bottom:1px solid #d7d7d7}
.sub_nav li:nth-child(5){border-bottom:2px solid #d7d7d7}



.company{font-size:12px}
.smell_R{width:76%; float:right; margin:50px 0px}
.smell_R h2{font-size:30px; }
.sub_nav li:nth-child(2):hover{background:#b3b3b3;} 
.sub_nav li:nth-child(3):hover{background:#b3b3b3;} 
.sub_nav li:nth-child(4):hover{background:#b3b3b3;} 
.sub_nav li:nth-child(5):hover{background:#b3b3b3;} 


.smell_R .mini_nav{width:19%; margin-top:35px;}
.smell_R .iso_T{height:65px}
.sub-button{height:250px; position:relative; margin-left:6%}
.sub_img{width:18%;    margin-right: 1%;
    float: left;
    right: 0%;}
	.sub_img img{padding-right: 5%; }
	.sub-button button{border-radius: 8px;
    font-size: 0.9em;    margin-left: 22%;
    background: #c8590e;
    color: #fff;
    border: none;
    outline: 0;
    padding: 4px 4px;
    border-radius: 10px;
}


.envi_3 img{70%}

#table{font-size:9px} 
#table{margin:auto; line-height:1.2; border-collapse:collapse; font-size:0.7em; margin-left:5%;margin-bottom:5% }
#table> h2{margin:3% 5px; color:#004ea2;font-size:2.0em }
#table> h2 > img{margin-right:1%; }

#table> h3{font-size:20px; padding-top:7%;font-weight:700; background:url(../images/bar01.gif) no-repeat 0% 50%; margin-bottom:5%}
#table tr td, th{border:2px solid #000; padding:5px 5px; width:230px; }
#table th{background:#bfbfbf; padding:15px 0px}
.cj_01> h3{font-size:20px; padding-top:7%;font-weight:700; background:url(../images/bar01.gif) no-repeat 0% 50%; }
.idea> p{margin-left:10%; font-size:1.2em; margin-bottom:5%}
.plasma{margin-left:5%}

.air> table{border-collapse:collapse; ;  margin-left:5%; margin-bottom:5%; margin-top:5%}
.air> .table tr td{border:1px solid #8a8a8a; padding:5px 40px;  text-align:center; font-size:11px; font-size:1.2em;*font-size:.9em;*/ }

.cj{margin:5%;font-size:11px/*font-size:.9em;*/}
.cj> .mtable tr td{border:1px solid #8a8a8a;padding:5px 45px;dtext-align:center;font-size: 1.2em }

.sub-button{    height: 200px; position: relative; margin-left: 0%;}
.sub_img{margin-right: 1%; float: left;right: 0%;}
.sub_img img{padding-right: 5%;}
.sub-button button{margin-left: 1%;background: #c8590e;color: #fff; border: none; outline: 0; padding: 4px 4px; border-radius: 10px; width:100%}
.sub_img{width:14%}
.plasma p{font-size:15px; }

.procedure > img:first-of-type{width:58%; padding-bottom:10px; margin-right:5%}
.procedure > img:last-child{width:30%}


.envi_2 h3{ font-size:23px;  }
.tbody{font-size:12px; line-height:1.3;}

.procedure> h3 > img {width:2%}
.sub-button > h3 > img{width:2%}
.air > h3 > img{width:2%}


}