.swiper-container {
width: 100%;
max-width: 1400px;
height: 500px;
background: #fff;
z-index:1;
	margin-bottom: 50px;
    position: relative;
}
.swiper-slide {
        font-size: 18px;
        color:#fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 40px 10px;
		position:relative;
    }


@media (max-width: 480px) {
	.swiper-container {
		height: 200px;
		margin-bottom: 20px;
	}
	.headerbox{
		left: 5%;
		right: 5%;
		top: 45%;
	}
	.headerbox h1{
		font-size: 24px;	
		line-height: 3rem!important;	
	}
	a.recruit-btn{
		padding: 5px 10px;
		width: 90%;
		margin: 80px auto 0 auto;
	}
}

#silederbox{
    position: absolute;
    top: 30px;
    left: 100px;
    width: 250px;
    z-index: 9999;
    content: " ";
}
#silederbox .item1{
        margin-bottom: 15px;
    }
#silederbox_sp{
    display: none;
}
#silederbox2{
    position: absolute;
    top: 30px;
    right: 50px;
    width: 300px;
    z-index: 9999;
    content: " ";
}
#silederbox2,
#silederbox2_sp{
    padding: 5px 15px 10px 15px;
}
#silederbox2 .item,
#silederbox2_sp .item{
    position: relative;
    padding: 40px 10px 10px 10px;
    border: solid 2px red;
    border-radius: 5px;
    color: red;
    background: #fff;
    font-size: 16px;
    }
#silederbox2 .item span,
#silederbox2_sp .item span{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 3px;
    text-align: center;
    background: red;
    color: #fff;
    border-bottom: solid 1px red;
}
#silederbox2_sp{
    display: none;
}
@media (max-width: 480px) {
#silederbox,
#silederbox2{
    display: none;
}
#silederbox_sp{
    display: block;
}
#silederbox2_sp{
    display: block;
}
}

#slider{
    position: relative;
    width:100%;
    height: 480px;
    overflow: hidden;
    background: url(../img/loading.gif) no-repeat center center;
}
#slider ul{
    position: absolute;
    top: 0;
    left: 0;
}
#slider li{
    float: left;
}
#slider #prev,
#slider #next{
    position: absolute;
    top:220px;
    cursor: pointer;
}
#slider #prev{ left:20px;}
#slider #next{ right:20px;}
 
/* for script */
#slider ul,
#slider #next,
#slider #prev{
    visibility: hidden;
}
#slider .layer{
    width: 900px;
    height: 480px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/dot.gif) repeat 0 0 #666;
    opacity: 0.5;
    filter: alpha(opacity=50);
}