/*
1024pxまで
----------------------------------------*/
@media screen and (max-width:1024px){

}



/*
768pxまで
----------------------------------------*/
@media screen and (max-width:768px){
	.topBox{
		width:100%;
	}
	.ForeignersBox a {
		display: block;
		font-size: 24px;
	    	padding: 20px 35px;
	}
	.recruitBox{
		display:block;
	}
	.recruitBox a {
	    	width: 50%;
	}
	.enterBox img {
	    	width: 20%;
	}
	.ForeignersBox{
	    	width: 50%;
	    	text-align: center;
	    	margin: 0 auto;
	}
	.bannerBox img {
	    	width: 100%;
	}
	.recruitBox .woman a{
		margin-bottom:30px;
	}
}



/*
430pxまで
----------------------------------------*/
@media screen and (max-width:430px){
	header img.pc{
		display:none;
	}
	header img.s{
		display:block;
		width:100%;
	}
	.topobi {
	    	font-size: 0.7em;
	}
	.topBox{
		width:100%;
	}
	.maincontainer{
	    	padding: 40px 0;
		margin-top: -45px;
		background:url("../img/bg.jpg") no-repeat scroll center top / cover;
	}
	p.Foreigners img {
	    	width: 80%;
	}
	.bannerBox {
	    	width: auto;
	}
	.bannerBox img {
	    	width: 100%;
	}
	    .ForeignersBox {
	        width: 70%;
	}
    	.recruitBox a {
        	width: 80%;
    	}
	.enterBox img {
	    	width: 30%;
	}
	.enterBox a {
	    	margin: 0 15px;
	}
	.recruitBox .woman a{
		margin-bottom:30px;
	}
	.recruitBox .woman a,
	.recruitBox .man a{
		width: 80%;
	}
}