@charset "utf-8";

/*-------------------------------------------------
	//レスポンシブ用
-------------------------------------------------*/
@media screen and (max-width: 749px) {
/*　画面サイズ 749pxまで適用　*/
	#contents{
	width: 100%;
	margin: 0 auto;
}
	video,img{
		width: 100%;
	}
}

@media screen and (min-width:750px) {
/*　画面サイズ 750px以上から適用　*/
    #contents{
    width: 750px;
    margin: 0 auto;
	}
	img{
		width: 100%;
	}
}
/*-------------------------------------------------
	//03chat用
-------------------------------------------------*/
video{
	display: block;
	width: 100%;
}
.movieBox{
	position: relative;
	overflow: hidden;
}

.movieBox .slider01,
.movieBox .movie01,
.movieBox .movie02,
.movieBox .movie04{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.cvBox{
	background: url("../img/cv_bg.jpg") repeat-y;
	background-size: 100%;
}
.cvBox ul.offerTxt{
	width: 82%;
	margin: 0 auto 5%;
}
.cvBox .offerTxt li{
	padding-left: 5%;
}
.cvBox .offerTxt li:before{
	content: '●';
	width: 4%;
	height: 7%;
}
.cvBox .offerTxt li:last-child{
	color: #ff0000;
	font-weight: bold;
	text-decoration: underline;
}
.cvBox .offerTxt li:last-child:before{
	content: '※';
	background: none;

}
.cvBox .btn{
	padding: 0 0 3%;
}
.cvBox .btn a{
	display: block;
	width: 90%;
	margin: 0 auto;
}


.movieBox .slider01{
	top: 24%;
}
.movieBox .movie01{
	width: 85%;
	top: 39%;
}
.movieBox .movie02{
	width: 85%;
	top: 60%;
}
.movieBox .movie03{
	position: absolute;
	width: 40%;
	top: 11%;
	right: 1%;
}
.movieBox .movie04{
	width: 90.6%;
	top: 29%;
}
.movieBox .iconAni{
	position: absolute;
	width: 36%;
	left:0;
	top: 0;
}

/*slider*/
.slick-slide img{
	width: 90%;
	margin: 0 auto;
}