@media screen and (max-width: 999px) {
body, #wrapper{
	width: 1000px;
	min-width: 1000px;	
}
}
@media screen and (max-width:768px) {
	
.sp{ display: block; }
.pc{ display:none; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
		font-size: 12px;
}

/*-------------------------------------------------
---- media screen for base
------------------------------------------------- */
body, #wrapper, #h_box, #footer_box, #main_img{
	width: 100%;
	min-width: 100%;
}

 #main, .box, #topicPath{
	width: 96%;
	min-width: 96%;
}

/*------ header ------*/
#header{
	border: none;
	border-bottom: 5px solid #FFA200;
}
#h_box{
	padding-bottom:0px;
	position: relative;
}
#logo{
	margin-top: 0px;
}
#h_right {
	position: absolute;
	right: 2%;
	bottom: 0;
}
#language{
	margin-bottom: 0px;
}
#language li img{ vertical-align: bottom;}

.tel_s{
	padding: 8% 6%;
}


/*------ main ------*/
#main{ margin-bottom: 0%; }
#content{
	width: 100%;
	float: none;
	margin-bottom: 8%;
}
#snav{
	width: 104%;
	float: none;
	margin: 0 -2%;
}
#snav .menu_s{
	min-height: auto;
	padding-bottom:0;
}
#snav .menu_s .title_snav{
	font-size: 150%;
}
#snav .menu_product > li a{
	width: 83%;
}
/*------ footer ------*/
#scrollUp{
	width: 40px;
	height: 40px;
}
#footer {
	padding: 2.5rem 0 1rem 0;
}
#logo_f{
	width: 100%;
	float: none;
	text-align: center;
}
#footer .tel_f{
	float: none;	
	text-align: center;
}
#footer .tel_f span{ margin-bottom: 0;}
#footer .tel_f .sp{
	margin-top: 10px;
}
#footer .tel_f a{ text-decoration: none; }
#copy_right{
	padding: 8px 0;
	margin-top: 2.5rem;
}
#copy_right p{
	float: none;
	margin-bottom: 8px;
}
#copy_right a{
	float:none;
}

/*------ tab_con ------*/
.tab_con .msg {
	width: 100%;
}
.tab_con .img {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
.tab_con.pic_l .img, .tab_con.pic_r .msg,
.tab_con.pic_l .msg, .tab_con.pic_r .img,
.tab_con.flow_picl .img,
.tab_con.flow_picr .img {
	float: none;
}



/*------ tb_cell ------*/
.tb_cell th,
.tb_cell td{
	width: 100% !important;
	display:block;
}

/* ------ magin box ------- */
.section {
	margin-bottom:10%;
}
.container {
	margin-bottom:8%;
}
.case {
	margin-bottom:6%;
}
.pack {
	margin-bottom:4%;
}
.item {
	margin-bottom:2%;
}

#main_wrap #main_img{
	padding: 40px 0;
}
/*-------------------------------------------------------
---- page_index
-------------------------------------------------------*/

/* ------main_img------- */
.page_index #main_img_wrap{
	background-image: url(../images/index/bg_main_visual_sp.jpg);
	background-size: cover;
	padding: 0;
}
.page_index #main_img .slide{
	width: 100%;
	float: none;
	padding: 0 8%;
	box-sizing: border-box;
}


/* ------product------- */
.page_index #product{ padding-bottom: 6%;}
.page_index #product h2 img{
	margin-top: -7%;
}
.page_index #product h2{
	padding: 0 10%;
	margin-bottom: 4%;
}

/* ------about------- */
.page_index #about{
	background-image: url(../images/index/bg_about_sp.jpg);
	background-size: cover;
	padding: 25% 0 15% 0;
}
.page_index #about h3{
	padding-left: 30%;
	margin-bottom: 30px;
}
.page_index #about p{
	padding-left: 0%;
}



/*------ news ------*/
.page_index #video{
	width: 100%;
	float: none;
	margin-bottom: 8%;
}
.page_index #video iframe{
	height: 250px;
}
.page_index #news{
	width: 100%;
	float: none;
}
#news .news_box{
	margin-bottom: 6%;
}
#news .news_box .img{
	width: 30%;
	margin-bottom: 0;
	float: left;
}
#news .news_box .msg{
	width: 67%;
	float: right;
}

/* ------banner------- */
#banner {
	padding: 4% 0;
}
#banner li{
	/*padding: 10px;*/
}
#banner li img{
	height: 45px;
}




/*-------------------------------------------------------
---- page_certificate
-------------------------------------------------------*/
.img_cer{
	padding: 0 20%;
}


.cer_list li{
	width: 32%;
}
.cer_list li:nth-child(4n+1){
	margin-left: 2%;
}
.cer_list li:nth-child(3n+1){
	margin-left: 0%;
}






























} /* End Media 768px */


@media screen and (max-width:420px) {

/*#footer .tel3{ display: block;}*/

#main_wrap .title_main span{
	font-size: 200%;
	padding: 0 50px;
	padding-bottom: 5px;
}
#snav .menu_product > li a{
	width: 77%;
}

/*-------container------- */
.container .msg {
	width: 100%;
}
.container .img {
	width: 100%;
	text-align: center;
	margin-bottom: 3%;
}
.pic_l .img, .pic_r .msg,
.pic_l .msg, .pic_r .img,
.flow_picl .img,
.flow_picr .img {
	float: none;
}





/*-------------------------------------------------------
---- page_index
-------------------------------------------------------*/
/*------ news ------*/
.page_index #video iframe{
	height: auto;
}
#news .news_box .msg p{ display: none;}
#news .news_box span a{
	font-size: 100%;
}


/* ------banner------- */
/*#banner li{
	padding: 5px;
}
#banner li img{
	height: 20px;
}*/


/*-------------------------------------------------------
---- page_products_detail
-------------------------------------------------------*/
.page_products_detail .msg{
	padding: 4%;
}











} /* End Media 420px */