/************************************************************************************
smaller than 1240
*************************************************************************************/
@media screen and (max-width: 1240px) {



.sl-slider-wrapper {
	width: 100%;
	}


	/* header */
	#header {
		width: 100%;
		height: auto;
	}


	/* content */
	#content {
		width: 100%;
	}
	.in-main {
	width: 100%;
	margin: 0 auto;
	padding: 40px  0px 20px 0px;
	position: relative;
}

	.in-main img {
	margin: 0 auto;
}
	.product_box {
	width:100%;
	position: relative;
}


}


/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	/* header */
	#header {
		height: auto;
	}
	
	.in-main {
	width: 100%;
	margin: 0 auto;
	padding: 40px  0px 20px 0px;
	position: relative;
}

	.in-main img {
	margin: 0 auto;
}

	th,td,caption 	{ }
	
	.product_box {
	width:100%;
	position: relative;
}

	.product table{	width: 100%;}

	.product_box table th{ width: 15%;}

	.product_box table td{ width: 70%;}

	.company_box table{
	width: 100%;
	}
	.recruit_box table{
	width: 100%;
	}
	.box{
	margin: 0px auto;
	width: 90%;
	}
	.list li{
	float:left;
	width:100%;
	}
	.main {
	margin: 0  10px 0 10px;
	padding: ;
	position: relative;
	}

	#footer .inner {
     width: 100%;
     padding: 33px 0 26px;
     margin: 0 auto;

    }
#footer .leftBox {
 float: left;
 width: 20%;

}


#footer .rightBox {
 float: right;
 width: 80%;
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

.sl-slider-wrapper {
	width: 100%;
	}


	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	};
	margin: 0px;;;;;;