@charset "utf-8";
/* CSS Document */
@media (max-width: 1280px)
{
	.customPrevBtn{
		left:15px;
	}
	.customNextBtn{
		right:15px;
	}
}
@media (max-width: 1210px)
{
	
	.popupindex_qb{
		width:calc(100vw - 200px);
	}
	#posfixed_qb{
		left:50%;
		margin-left:calc((100vw - 200px) / 2 * -1);
	}
	.menupoint{
		padding:0px 15px;
	}
}
@media (max-width: 1160px)
{
	.bx-wrapper .bx-prev {
		display:none;
	}
	.bx-wrapper .bx-next {
		display:none;
	}
	.tablehp5head td.tdhp5head1{
		padding-left:0px;
	}	
	.tablehp5head td.tdhp5head2{
		padding-right:0px;
	}
}
@media (max-width: 1120px)
{
	.displayd1120{
		display:none;
	}
	.displaym1120{
		display:block;
	}
}
@media (max-width: 1050px)
{
	.tablepproduct1 td.tdpproductsidebar{
		width:200px;
		padding-right:25px;
	}
}
@media (max-width: 1000px)
{
	.displayd1000{
		display:none;
	}
	.displaym1000{
		display:block;
	}
	.menudisplayd{
		display:none;
	}
	.menudisplaym{
		display:block;
	}
	.hp3pointimg{
		height:41vw;
	}
		
	.customPrevBtn{
		top:12.0vw;
	}
	.customNextBtn{
		top:12.0vw;
	}
	/*.customPrevBtn2{
		top:8.0vw;
	}
	.customNextBtn2{
		top:8.0vw;
	}*/
	.customPrevBtnA{
		top:8.0vw !important;
	}
	.customNextBtnA{
		top:8.0vw !important;
	}
}
@media (max-width:950px)
{
	
	.popupindex2{
		width:calc(100% - 80px);
		margin-left:calc((50% - 40px) * -1);
	}
	.tablehp5head td.tdhp5head{
		display:block;
		width:100%;
	}
	.tablehp5head td.tdhp5head1{
		border-right:0px;
		border-bottom:1px solid rgba(0, 0, 0, 0.1);
	}	
	.tablehp5head td.tdhp5head2{
	}
	.hp5txtdiv{
		padding:0px 40px;
	}
	.tdhp5body2pad{
		padding:40px;
	}
}
@media (max-width:900px)
{
	.footermenu{
		display:block;
		margin:5px 0px;
	}
	.footercol3{
		display:block;
		width:100%;
	}
	.tdhp5_2pad {
		padding: 25px 25px;
		background: #fff;
		min-height: 55px;
	}
	.tablecontactinfo td.tdcontactinfo{
		display:block;
		width:100%;
	}
	.tablecontactinfo td.tdcontactinfo1{
		padding-right:0px;
		padding-bottom:30px;
	}
	.tablecontactinfo td.tdcontactinfo2{
		padding-left:0px;
	}
}
@media (max-width:850px)
{
	.displayd850{
		display:none;
	}
	.displaym850{
		display:block;
	}
	.tablehp2 td.tdhp2{
		display:inline-block;
	}
	.tablehp2 td.tdhp2_1{
		width:97px;
		padding-right:45px;
	}
	.tablehp2 td.tdhp2_2{
		width:calc(100% - 150px);
		padding-right:0px;
	}
	.tablehp2 td.tdhp2_3{
		padding-top:20px;
		width:100%;
	}
	.clientpoint{
		width:25%;
	}
	.tabletokopedia td.tdtokopedia{
		display:block;
		width:100%;
	}
	.tabletokopedia td.tdtokopedia1{
		padding-right:0px;
		border-right: 0px solid rgba(0, 0, 0, 0.1);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		padding-bottom:60px;
	}
	.tabletokopedia td.tdtokopedia2{
		padding-left:0px;
		padding-top:60px;
		text-align:center;
	}
	.tablepproduct1 td.tdpproduct{
		display:block;
	}
	.tablepproduct1 td.tdpproductsidebar{
		display:none;
		position:fixed;
		z-index:200000;
		background:#f5f5f5;
		top:0px;
		left:0px;
		padding-left:20px;
		box-shadow:0px 0px 10px rgba(0,0,0,0.2);
		overflow-y:auto;
		height:calc(100vh - 0px);
	}
	.tablepproduct1 td.tdpproductcontent{
		padding-left:0px;
	}
	.hp3pointimg2{
		height:22vw;
	}
	.pageproductpart1{
		background: #fff;
	}
	.sidebarproduct{
		padding-top:25px;
	}
}
@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;
	}
	.marginfitleft35px{
		margin-left:-20px;
	}
	.marginfitleft30px{
		margin-left:-20px;
	}
	.searchinlineblocksearch{
		display:none;
	}
}
@media (max-width:720px)
{
	.displayd{
		display:none;
	}
	.displaym{
		display:block;
	}
	.displaym_inlineblock{
		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;
	}
		.page_title0b, .pagetitle0b{
			font-size:25px;
			line-height:35px;
		}
		.page_title0m, .pagetitle0m{
			font-size:25px;
			line-height:35px;
		}
	.page_title1, .pagetitle1{
		font-size:20px;
		line-height:30px;
	}
		.page_title1b, .pagetitle1b{
			font-size:20px;
			line-height:30px;
		}
		.page_title1m, .pagetitle1m{
			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_title2m, .pagetitle2m{
			font-size:20px;
			line-height:30px;
		}
	.page_title3, .pagetitle3{
		font-size:18px;
		line-height:25px;
	}
		.page_title3b, .pagetitle3b{
			font-size:18px;
			line-height:25px;
		}
		.page_title3m, .pagetitle3m{
			font-size:18px;
			line-height:25px;
		}
	.page_title4, .pagetitle4{
		font-size:17px;
		line-height:25px;
	}
		.page_title4b, .pagetitle4b{
			font-size:17px;
			line-height:25px;
		}
		.page_title4m, .pagetitle4m{
			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_title5m, .pagetitle5m{
			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_title6m, .pagetitle6m{
			font-size:14px;
			line-height:20px;
		}
	.page_title7, .pagetitle7{
		font-size:16px;
		line-height:21px;
	}
		.page_title7b, .pagetitle7b{
			font-size:16px;
			line-height:21px;
		}
		.page_title7l, .pagetitle7l{
			font-size:16px;
			line-height:21px;
		}
		.page_title7m, .pagetitle7m{
			font-size:16px;
			line-height:21px;
		}
	.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_title9m, .pagetitle9m{
			font-size:14px;
			line-height:28px;
		}
	.page_description1, .pagedescription1{
		font-size:14px;
		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:18vw;
	}
	.customNextBtn{
		top:18vw;
	}
	.customPrevBtnG{
		top:30vw;
	}
	.customNextBtnG{
		top:30vw;
	}
	.wa_float_icon{
		right:15px;
		bottom:15px;
	}
	.wa_float_icon img{
		max-width:50px;
		
	}
	.socmed_point{
		margin:0px 8px;
	}
	.hp3txt{
		height:55px;
		background: rgba(0, 0, 0, 0.5);
		color:#fff;
		padding:0px 20px;
	}
		.hp3point:hover .hp3txt{
			padding-left:30px;
		}
	.hp4menupoint {
		height: 55px;
		padding: 0px 10px;
	}
	.tdhp5head img {
    	margin-right: 20px;
	}
	.tablehp5body td.tdhp5body{
		display:block;
		width:100%;
	}
	.hp5imgdiv{
		height:70vw;
		max-height:535px;
	}
	.hp5txtdiv{
		padding:0px 30px;
		text-align:center;
	}
	.tdhp5body2pad{
		padding:30px;
		text-align:center;
	}
	.clientpoint{
		width:33.33%;
	}
	.hp5_point{
		display:block;
		width:100%;
		padding-bottom:30px;
	}
	.pagecontentpart{
		height:50vw;
	}
	.pagecontentbody{
		height:calc(50vw - 90px);
		padding-bottom:20px;
	}
	.pagecontentnav{
		padding-top:22px;
	}
	.aboutpart1 {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.newstd{
		width:50%;
		margin-bottom:15px;
	}
	.newstdpad{
		padding:0px 5px;
	}
	.newstxtdiv{
		padding: 15px 20px;
		min-height:95px;
	}
	.table_nd td.td_nd{
		display:block;
		width:100%;
	}
	.table_nd td.td_nd2{
		padding-top:50px;
		padding-left:0px;
	}
}
@media (max-width:640px)
{
	.displayd640{
		display:none;
	}
	.displaym640{
		display:block;
	}
	.homepart1{
		height:100vw;
	}
	.hp3pointimg{
		height:80vw;
	}
		
	.customPrevBtn{
		top:20.0vw;
	}
	.customNextBtn{
		top:20.0vw;
	}
	/*.customPrevBtn2{
		top:16.0vw;
	}
	.customNextBtn2{
		top:16.0vw;
	}*/
	.homepart2 {
		padding-bottom: 20px;
	}
	.hp3pointout{
		width:50%;
	}
	.hp3pointimg2{
		height:25vw;
	}
	.productpoint, .prodpoint{
		width:50%;
	}
	.prodimgout{
		padding:10px;
		
	}
}
@media (max-width:600px)
{
	.table600width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.displayd600{
		display:none !important;
	}
	.tableproduct td.tdproduct{
		display:block;
		width:100%;
	}
	.tableproduct td.tdproduct1{
		
	}
	.tableproduct td.tdproduct2{
		padding-left:0px;
		padding-top:40px;
	}
	.popupindex_qb{
		width:calc(100vw - 100px);
	}
	#posfixed_qb{
		left:50%;
		margin-left:calc((100vw - 100px) / 2 * -1);
	}
}

@media (max-width:540px)
{
	.table540width100percent td{
		float:left;
		display:block;
		width:100%;
	}
	.popupindex2{
		width:calc(100% - 40px);
		margin-left:calc((50% - 20px) * -1);
	}
	.customPrevBtnF{
		top:40vw !important;
	}
	.customNextBtnF{
		top:40vw !important;
	}
	.popupindex_th{
		width:280px;
	}
	#posfixed_th{

		margin-left:-160px;
	}
	.thankyouheightpad{
		padding:0px 10px;
	}
}
@media (max-width:480px)
{
	.displayd480{
		display:none !important;
	}
	.headerbtn_ml{
		margin-left:5px;
	}
	.customPrevBtn{
		top:30vw;
	}
	.customNextBtn{
		top:30vw;
	}
	.clientpoint{
		width:50%;
	}
	.hp3pointout{
		display:block;
		width:100%;
	}
	.hp3pointimg2{
		height:50vw;
	}
	.popupindex_qb{
		width:calc(100vw - 50px);
	}
	#posfixed_qb{
		left:50%;
		margin-left:calc((100vw - 50px) / 2 * -1);
	}
	.inquirypopuppad{
		padding:0px 0px;
		padding-top:40px;
	}
}
@media (max-width:360px)
{
	
}