/*==================================================
スライダーのためのcss
===================================*/
.slider {
    position: relative;
    z-index: -10;
    /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
}

/*　背景画像設定　*/

.sliderItem01 {
    background: url(../img/img_mainvisual01.jpg) no-repeat top center/cover;
}

.sliderItem02 {
    background: url(../img/img_mainvisual02.jpg) no-repeat top center/cover;
}

.sliderItem03 {
    background: url(../img/img_mainvisual03.jpg) no-repeat top center/cover;
}

.sliderItem04 {
    background: url(../img/img_mainvisual04.jpg) no-repeat top center/cover;
}

.sliderItem {
    width: 100%;
    /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: 95vh;
    /*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}