.slider {
    width: 100vw;
    margin: 0 auto;
    padding-top: 60px;
    position:relative;
    z-index: 1;
    /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
    height: 37vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
@media (min-width:600px) {
    .slider {
        padding-top: 75px;
        height: 51vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    }
}
@media (min-width:960px) {
    .slider {
        height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    }
}
/*　背景画像設定　*/
.slider-item01 {
    background:url(../images/top/2x/t03.jpg);
}
.slider-item02 {
    background:url(../images/top/2x/t04.jpg);
}
.slider-item03 {
    background:url(../images/top/2x/t01.jpg);
}
.slider-item04 {
    background:url(../images/top/2x/t02.jpg);
}
@media(min-width:600px){
    .slider-item01 {
        background:url(../images/top/2x/t03.jpg);
    }
    .slider-item02 {
        background:url(../images/top/2x/t04.jpg);
    }
    .slider-item03 {
        background:url(../images/top/2x/t01.jpg);
    }
    .slider-item04 {
        background:url(../images/top/2x/t02.jpg);
    }
}
@media(min-width:960px){
    .slider-item01 {
        background:url(../images/top/pc/t03.jpg);
    }
    .slider-item02 {
        background:url(../images/top/pc/t04.jpg);
    }
    .slider-item03 {
        background:url(../images/top/pc/t01.jpg);
    }
    .slider-item04 {
        background:url(../images/top/pc/t02.jpg);
    }
}
.slider-item {
    width: 100vw;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:37vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (min-width:600px) {
    .slider-item {
        padding-top: 75px;
        height: 51vh;
    }
}
@media (min-width:960px) {
    .slider-item {
        height: 100vh;
    }
}