@charset "utf-8";

/*-------------------------------------------------
	//レスポンシブ用
-------------------------------------------------*/
#contents{
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}


/*-------------------------------------------------
	//01用
-------------------------------------------------*/
.movieBox{
	position: relative;
}

.cvBox{
	background: url("../img/cv_bg.jpg") repeat-y;
	background-size: 100%;
}
.cvBox ul.offerTxt{
	width: 85%;
	margin: 0 auto 20px;
}
.cvBox .btn01{
	width: 85%;
	margin: 0 auto;
    padding: 10px 0 20px;
}
.movieBox .movieCv,
.movieBox .movie01,
.movieBox .movie02,
.movieBox .movie03{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.movieBox .movieCv{
    width: 89%;
    bottom: 0;
}
.movieBox .movie01{
    width: 80%;
    top: 74%;
}
.movieBox .movie02{
    width: 93%;
    top: 10%;
}
.movieBox .movie03{
    width: 93%;
    top: 30%;
}

.movieBox .iconAni{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30%;
    top: 39%;
}

.slideImage01{
    display: block;
    width: 100%;
    overflow: hidden;
    background: url("../img/slide.jpg") repeat-x;
    background-size: cover;
    padding: 40% 0;
    animation: slide01 180s linear infinite;
}

@keyframes slide01{
    from {
        background-position: 0  0;
    }
    to {
        background-position: -1000% 0;
    }
}