.slider {
    /*スライドショーの位置の起点とするため
    position:relative;　をつける*/
    position:relative;
    /*z-indexの値を小さくして背景に回す*/
    z-index: 0;   /*2*/
    /*スライドー全体の横幅を画面の高さいっぱい(100vh)にする*/
    height: 100vh;
}

/*背景画像設定*/
/*.slider-item01 { 
    background:url(../img/leisureCm.png);
}
.slider-item02 {
    background:url(../img/ekimaeCm.png);
}
.slider-item03 {
    background:url(../img/1businessCm.png);
}                                              */

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

    /*矢印の設定*/
    /*戻る、次へ矢印の位置*/
    .slick-prev,
    .slick-next {
        position: absolute;/*絶対配置にする*/
        z-index: 3;
        top: 42%; /*上から42%の位置に表示*/
        /*マウスカーソルを指マークに*/
        cursor: pointer;
        /*クリックをしたら出てくる枠線を消す*/
        outline: none;
        border-top: 2px solid #fff; /*矢印の色*/
        border-right: 2px solid #fff; /*矢印の色*/
        height: 25px; /*矢印のサイズ*/
        width: 25px; /*矢印のサイズ*/
    }

    .slick-prev { /*戻る矢印の位置と形状*/
        left: 5.5%;                      /*2.5%*/
        transform: rotate(-135deg);
    }
    .slick-next {  /*次へ矢印の位置と形状*/
        right: 2.5%;
        transform: rotate(45deg);
    }

    *ドットナビゲーションの設定*/
    *.slick-dots {
        position: relative;
        z-index: 3;
        text-align: center;
        margin: -50px 0 0 0; /*-50px 0 0 0_ドットの位置*/
    }   

    .slick-dots li {
        display: inline-block;
        margin: 0 5px; 
    }

    .slick-dots button {
        color: transparent;
        outline: none;
        width: 8px; /*ドットボタンのサイズ*/
        height: 12px; /*ドットボタンのサイズ*/
        display: block;
        border-radius: 100%;   /*50%*/
        background: #e25c00(192, 40, 98); /*ドットボタンの色*/
    }

    .slick-dots .slick-active button {  
        /*ドットボタンの現在地表示の色*/
        background: #e25c00;
    }                              


   /* ----------
   スライド用メディアクエリ   ---------- */

  @media screen and (max-width:768px) {
    /*.slider {
        margin-bottom: -500px;
    }                     */ 
   .slick-prev,
    .slick-next {    
        top: 10%; /*上から42%の位置に表示*/
    }      
    .slick-prev { /*戻る矢印の位置と形状*/
        left: 12.5%;                      /*2.5%*/
     transform: rotate(-135deg);
    }
}