@charset "utf-8";
/* CSS Document */
@media (max-width: 1325px)
{
	.customPrevBtn{
		left:30px;
	}
	.customNextBtn{
		right:30px;
	}
}
@media (max-width: 1210px)
{
	.tableheader .tdheader1{
        width:215px;
    }
	.tableheader .tdheader2 {
        padding-left: 20px;
    }
    .tableheader .tdheader3 {
        width: 70px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .tableheader .tdheader4 {
        width: 130px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .tableheader .tdheader5 {
        width: 90px;
    }
    .menu_icon {
        width: 90px;
    }
    .inquiry_icon {
        margin-right: 8px;
    }
    .tablefooterc td.tdfooterc{
        display:block;
        width:100%;
    }
    .tablefooterc td.tdfooterc1{
        padding-right:0px;
        padding-bottom:30px;
        text-align: left;
    }
    .tablefooterc td.tdfooterc2{
        text-align: left;
    }
}
@media (max-width: 1120px)
{
	.displayd1120{
		display:none;
	}
	.displaym1120{
		display:block;
	}
    ul.sf-menu .menupoint {
        margin-left: 10px;
        margin-right: 10px;
    }
}
@media (max-width: 1080px)
{
    .homepartslide{
        flex-flow: column wrap;
    }
    .hpslideflex{
        width:100%;
    }
    .hpslideflex1pad{
        padding:50px 30px;
    }
    .servicetxtdiv {
        padding: 35px 35px;
    }
    .homepart5pad {
        padding: 30px;
    }
    .contactpointpad{
        padding:45px;
    }
}
@media (max-width: 1050px)
{
	.menudisplayd{
		display:none;
	}
	.menudisplaym{
		display:block;
	}
    .tableheader .tdheader4 {
        display:none;
    }
    .tdhp1b2div1{
        display:block;
    }
    .homepart4{
        flex-flow: column;
        align-content: left;
    }
    .hpslide4flex1{
        width:100%;
    }
    .hpslide4flex2{
        width:100%;
    }
    .tablenavc td.tdnavc1 {
        width: 300px;
    }
    .tablenava td.tdnava1{
        width:250px;
        padding-right:20px;
    }
    .tablenava td.tdnava2{
        padding-left:20px;
    }
    .hp4slidetitle{
        padding-left:30px;
        padding-right:30px;
    }
    .hp4slidedescription{
        padding-bottom:80px;
        padding-left:30px;
        padding-right:30px;
    }
    .hp4imgdiv{
        height:64.5vw;
    }
}
@media (max-width: 1000px)
{
	.displayd1000{
		display:none;
	}
	.displaym1000{
		display:block;
	}
	.bx-wrapper .bx-next {
    	right: 10px !important;
	}
	.bx-wrapper .bx-prev {
    	left: 10px  !important;
	}
}
@media (max-width:950px)
{
	.tableheader .tdheader3 {
        display:none;
    }
	
}
@media (max-width:900px)
{
    .hp3body{
        flex-flow: column;
    }
    .hp3point_a{
        width:100%;
        max-width:600px;
        margin:0px auto;
        margin-bottom:10px;
    }
    .hp3point_a:last-child{
        margin-bottom:0px;
    }
    .hp3point{
        height:73vw;
        max-height:520px;
        
    }
    .footerverticalline{
        display:none;
    }
    .footerlogo3rd{
        display:block;
        
        margin-bottom:30px;
    }
    .tablefooter td.tdfooter{
        display:block;
    }
    .tablefooter td.tdfooter1{
        width:100%;
        padding-right:0px;
    }
    .tablefooter td.tdfooter2{
    }
    .tablefooterb td.tdfooterb {
        padding-right: 30px;
    }
    .ap_point2 {
        width: 50%;
    }
    .ap_point2b{
        width: 50%;
        padding:0px 10px 20px 10px;
    }
    .marginfit20px{
        margin-left:-10px;
        margin-right:-10px;
    }
    .news_point {
        width: 50%;
    }
    .sidebarpoint{
        height: 70px;
        padding-left:20px;
        padding-right:20px;
    }
}
@media (max-width:850px)
{
	.displayd850{
		display:none;
	}
	.displaym850{
		display:block;
	}
    .contentpart {
        padding: 20px;
    }
    .tablecategory td.tdcategory1 {
        padding-right: 20px;
        width: 250px;
    }
}
@media (max-width:800px)
{
	.displayd800{
		display:none;
	}
	.displaym800{
		display:block;
	}
	.table800width100percent td{
		display:block;
		width:100%;
	}
	.table800width100percent td.displayd{
		display:none;
	}
	.containerpadding35{
		margin:0px auto;
		padding-left:20px;
		padding-right:20px;
	}
	.containerpadding30{
		margin:0px auto;
		padding-left:20px;
		padding-right:20px;
	}
    .headercontainer {
        padding-left: 20px;
    }
    .container {
        padding: 0px 20px;
    }
	.marginfitleft35px{
		margin-left:-20px;
	}
	.marginfitleft30px{
		margin-left:-20px;
	}
	.searchinlineblocksearch{
		display:none;
	}
    
    
	.tdheader2div {
        display:none;
    }
    .header {
        height: 70px;
    }
    .tableheader .tdheader{
        height: 70px;
    }
    .headersep{
        height:70px;
    }
    .tableheader .tdheader1{
        width:185px;
        border-right:0px;
    }
    .tableheader .tdheader2{
        padding-left:20px;
        padding-right:0px;
    }
    .tableheader .tdheader2b {
        padding-right: 20px;
    }
    .tableheader .tdheader5{
        width:80px;
        border-right:0px;
    }
    .menu_icon {
        width: 80px;
        height: 70px;
    }
    .logo {
        max-height: 25px;
    }
    .searchbtn {
        max-width: 20px;
    }
    .hpslideflex1pad {
        padding: 40px 20px;
    }
    .contactpointpad{
        padding:30px 20px;
    }
    .servicetxtdiv {
        padding: 30px 20px;
    }
    .homepart5pad {
        padding: 20px;
    }
    .tablehp1b td.tdhp1b2 {
        padding-left: 20px;
    }
    .tablehp1b td.tdhp1b3{
        padding-left:20px;
    }
    
    .homepart2 {
        /*background: url(images/hp2bg1.png) no-repeat top left,url(images/hp2bg2.png) no-repeat bottom right, #f5f5f5;*/
        background-size: 50% auto, 40% auto;
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .homepart6 {
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .aboutpart1 {
        background: url(../images/aboutbg2_1.png) no-repeat top -10% left,url(../images/aboutbg2_2.png) no-repeat bottom right -10%, #f5f5f5;
        background-size: 50% auto, 50% auto;
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .aboutpart2 {
        /*background: url(images/aboutbg3_1.png) no-repeat top 10% left,url(images/aboutbg3_2.png) no-repeat bottom right, #005B44;*/
        background-size: 40% auto, 30% auto;
        padding-top: 55px;
        padding-bottom: 75px;
    }
    .pagecontentpart1 {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .tablenavc td.tdnavc{
        display:block;
        width:100%;
        box-sizing: border-box;
    }
    .tablenavc td.tdnavc1{
        border-right: 0px solid rgba(0, 0, 0, 0.1);
        padding:20px 20px;
    }
    .tablenava td.tdnava1{
        display:none;
    }
    .tablenava td.tdnava2{
        padding-left:0px;
    }
}
@media (max-width:720px)
{
	.displayd{
		display:none;
	}
	.displaym{
		display:block;
	}
	.displaym_inlineblock, .displaym_ib{
		display:inline-block;
	}
	.table720width100percent td{
		display:block;
		width:100%;
	}
	.table720width100percent td.displayd{
		display:none;
	}
	.headnavdisplaym{
		display:block;
		/*padding:0px 20px;*/
	}
	.page_title0, .pagetitle0{
		font-size:25px;
        line-height:35px;
	}
		.page_title0b, .pagetitle0b{
			font-size:25px;
			line-height:35px;
		}
	.page_title1, .pagetitle1{
		font-size:20px;
        line-height:30px;
	}
	.page_title2, .pagetitle2{
		font-size:20px;
		line-height:30px;
	}
		.page_title2b, .pagetitle2b{
			font-size:20px;
			line-height:30px;
		}
		.page_title2l, .pagetitle2l{
			font-size:20px;
			line-height:30px;
		}
	.page_title3, .pagetitle3{
		font-size:18px;
		line-height:25px;
	}
		.page_title3b, .pagetitle3b{
			font-size:18px;
			line-height:25px;
		}
        .pagetitle3nolh{
            font-size:18px;
        }
	.page_title4, .pagetitle4{
		font-size:17px;
		line-height:25px;
	}
		.page_title4b, .pagetitle4b{
			font-size:17px;
			line-height:25px;
		}
	.page_title5, .pagetitle5{
		font-size:15px;
		line-height:25px;
	}
		.page_title5b, .pagetitle5b{
			font-size:15px;
			line-height:25px;
		}
	.page_title6, .pagetitle6{
		font-size:14px;
		line-height:20px;
	}
		.page_title6b, .pagetitle6b{
			font-size:14px;
			line-height:20px;
		}
	.page_title7, .pagetitle7{
		font-size:16px;
		line-height:25px;
	}
		.page_title7b, .pagetitle7b{
			font-size:16px;
			line-height:25px;
		}
		.page_title7l, .pagetitle7l{
			font-size:16px;
			line-height:25px;
		}
	.page_title8, .pagetitle8{
		font-size:30px;
	}
	.page_title9, .pagetitle9{
		font-size:14px;
		line-height:28px;
	}
		.page_title9b, .pagetitle9b{
			font-size:14px;
			line-height:28px;
		}
	.page_description1, .pagedescription1{
		font-size:13px;
		line-height:22px;
	}
	.page_description2, .pagedescription2{
	}
	.page_description3, .pagedescription3{
	}
	.btn1{
		padding:0px 20px;
		height:40px;
	}
		.btn1t{
			font-size:16px;
		}
		.btn1download{
			padding-left:65px;
		}
	.btn2{
		padding:0px 20px;
		height:40px;
		font-size:14px;
	}
	.customPrevBtn{
        top:65px;
		left:-10px;
        opacity:0.6;
	}
    .customNextBtn{
        top:65px;
		right:-10px;
        opacity:0.6;
	}
    .wa_float_icon{
		right:15px;
		bottom:15px;
	}
	.wa_float_icon img{
		max-width:50px;
		
	}
    
    .pageheaderpart1{
        background:url('../images/aboutbg1.png') no-repeat top 10% left,url('../images/aboutbg2.png') no-repeat bottom 10% right, #005B44;
        background-size:40% auto, 30% auto;
        padding-top:25px;
        padding-bottom:70px;
    }
    .pageheaderpart2{
        padding-top:25px;
        padding-bottom:200px;
    }
    .pageheaderpart3{
        padding-top:25px;
        padding-bottom:65px;
    }
    .pageheaderpart4{
        /*background:url('images/newsbg1.png') no-repeat bottom right, #005B44;*/
        background-size:30% auto;
        padding-top:25px;
        padding-bottom:65px;
    }
    .pageheaderpart5{
        /*background:url('images/newsbg1.png') no-repeat bottom right, #005B44;*/
        background-size:30% auto;
        padding-top:20px;
        padding-bottom:20px;
    }
    .marginfit10px {
        margin-left: -5px;
        margin-right: -5px;
    }
    .news_point {
        width: 50%;
        padding: 0px 5px 25px 5px;
    }
    .tdnews_2pad {
        padding-top: 10px;
    }
    .tablenews2 td.tdnews3a {
        padding-right: 20px;
    }
    .hp3list {
        padding: 0px 15px;
        margin-right: 7px;
        height: 40px;
    }
    .tablenavb td.tdnavb {
        padding: 10px 0px;
    }
    .contactpart1{
        flex-flow: column;
    }
    .contactpoint{
        width:100%;
    }
    .tablefcontact td.tdfcontact1 {
        padding-right: 10px;
    }
    .tablefcontact td.tdfcontact1b {
        padding-right: 7px;
    }
    .tablefcontact td.tdfcontact2b {
        padding-left: 15px;
    }
    .sidebarpoint{
        font-size:13px;
        line-height: 18px;
    }
    
}
@media (max-width:640px)
{
	.displayd640{
		display:none;
	}
	.displaym640{
		display:block;
	}
    .tdhp1b2div2{
        display:block;
    }
    .homepart1bline{
        margin:5px 0px;
    }
    .back_icon {
        margin-right: 10px;
    }
    .nav {
        margin: 0px 8px;
    }
    .news_line {
        margin: 0px 5px;
        width:20px;
    }
    .contactpart1c{
        flex-flow: column;
        justify-content: space-around;
    }
    .contactpoint2{
        border-right:0px solid #d9d9d9;
        border-bottom:1px solid #d9d9d9;
    }
    .tableproduct td.tdproduct1{
        padding-right:20px;
        width:150px;
    }
    .pp2head {
        height: 63px;
        padding-left: 20px;
        padding-right: 70px;
    
        background:url('../images/plus_icon.png') no-repeat right 20px center #F5F5F5;
        background-size:29px auto;
    }
    .pp2headactive{
        background:url('../images/minus_icon.png') no-repeat right 20px center #056950;
        background-size:29px auto;
    }
    .pp2body {
        padding: 0px 20px 20px 20px;
    }
    .productpoint3{
        height:50px;
        padding-left:20px;
        padding-right:50px;
        background:url('../images/pp2_arrow.png') no-repeat right 20px center #fff;
        background-size:auto 12px;
    }
    .productpoint3:hover{
        background:url('../images/pp2_arrow.png') no-repeat right 10px center #eee;
        background-size:auto 12px;
    }
    .table_copyright td.tdcopyright{
		display:block;
		width:100%;
		text-align:left;
	}
	.table_copyright td.tdcopyright1{
		padding-bottom:25px;
	}
}
@media (max-width:600px)
{
	.table600width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.displayd600{
		display:none !important;
	}
    .tablecategory td.tdcategory1 {
        padding-right: 20px;
        width: 30%;
    }
    .hpslidebtn {
        min-width: 200px;
        background: url(../images/hpslide_arrow.png) no-repeat right 7px center #199804;
        background-size: 30px auto;
        padding-left: 20px;
        padding-right: 40px;
    }
}

@media (max-width:540px)
{
    .displayd540{
		display:none;
	}
	.displaym540{
		display:block;
	}
	.table540width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.popupindex2{
		width:calc(100% - 40px);
		margin-left:calc((50% - 20px) * -1);
	}
    .tableheader .tdheader1{
        width:155px;
        border-right:0px;
    }
    .tableheader .tdheader2b {
        padding-right: 10px;
    }
    
    .logo {
        max-height: 20px;
    }
    .hpslide_line {
        margin-left: 0px;
        margin-top:10px;
        display:block;
    }
    .bx-down2 .bx-wrapper .bx-caption {
        bottom: 30px !important;
    }
    .bx-down2 .bx-wrapper .bx-controls-direction a {
        display:none !important;
    }
    .hpslidebtn2{
        padding-top:30px;
        display:block;
    }
    .hpslidebtn2or {
        margin-left: 10px;
    }
    .tablefooterb td.tdfooterb{
        display:inline-block;
        vertical-align: top;
        width:50%;
        box-sizing: border-box;
        padding-right:20px;
    }
    .tablefooterb td.tdfooterb1{
        width:50%;
    }
    .tablefooterb td.tdfooterb2{
        width:50%;
    }
    .tablefooterb td.tdfooterb3{

    }
    .webfooterpart1 {
        padding-top: 45px;
        padding-bottom: 30px;
    }
    .tdnavc2verline{
        display:none;
    }
    .tdnavc2title1{
        padding-top:30px;
        display:block;
    }
    .hp4slidetitle{
        padding-left:20px;
        padding-right:20px;
    }
    .hp4slidedescription{
        padding-bottom:40px;
        padding-left:20px;
        padding-right:20px;
    }
}
@media (max-width:480px)
{
	.displayd480{
		display:none !important;
	}
	.customPrevBtn{
        top:45px;
		left:-10px;
	}
	.customNextBtn{
        top:45px;
		right:-10px;
	}
	.customPrevBtnG{
		top:30vw !important;
	}
	.customNextBtnG{
		top:30vw !important;
	}
    .tableheader .tdheader5 {
        width: 60px;
    }
    .menu_icon {
        width: 60px;
        height: 70px;
    }
    .menu_icon_img {
        width: 30px;
    }
    .tablehp1b td.tdhp1b1 {
        width: 55px;
        vertical-align: top;
    }
    .tablehp1b td.tdhp1b2 {
        padding-left: 10px;
    }
    .tablehp1b td.tdhp1b3{
        display:none;
    }
    .tablecategory td.tdcategory{
        display:block;
        width:100%;
    }
    .tablecategory td.tdcategory1{
        padding-right:0px;
        padding-bottom:15px;
    }
    .tablecategory td.tdcategory2{
        
    }
    .tableproduct td.tdproduct{
        display:block;
        width:100%;
    }
    .tableproduct td.tdproduct1{
        padding-right:0px;
        padding-bottom:15px;
    }
    .tableproduct td.tdproduct2{
        padding-bottom: 20px;
    }
}
@media (max-width:360px)
{
}