@charset "utf-8";

/*==================================================
スライダーのためのcss
===================================*/
.slider {
    position:relative;
	z-index: 1;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: 70vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
/*　背景画像設定　*/

.slider-item01 {
    background:url("../images/home/mv.jpg");
}

.slider-item02 {
    background:url("../images/home/mv_02.jpg");
}

.slider-item03 {
    background:url("../images/home/mv_03.jpg");
}

.slider-item04 {
    background:url("../images/home/mv_04.jpg");
}

.slider-item05 {
    background:url("../images/home/mv_05.jpg");
}


.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:70vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

/*矢印の設定*/

.slick-prev, 
.slick-next,
.slick-dots {	
	display: none
}

/*========= レイアウトのためのCSS ===============*/
.catch_copy{
	position: absolute;
	z-index: 2;
	top: 70%;
	left: 10%;
	max-width: 1160px;
	text-align: center;
	font-size:3vw;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
}
#main_visual{
	position: relative;
}
@media screen and (max-width: 768px){
	.slider,
	.slider-item{ 
		height: 40vh;
		min-height: 200px;
		
	}
}