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

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

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

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

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


/*矢印の設定*/

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