/*==================================================
スライダーのためのcss
===================================*/
.slider {
    position:relative;
      z-index: 0;
      /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
      height: 78vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  }
  /*　背景画像設定　*/
  .slider-item01 { background:url(https://ozio.jp/excludes/ozio/item/bo-series/img/251210/fv_pc_1.jpg);}  
  .slider-item02 { background:url(https://ozio.jp/excludes/ozio/item/bo-series/img/251210/fv-h_pc_1.jpg);}
  .slider-item03 { background:url(https://ozio.jp/excludes/ozio/item/bo-series/img/251210/fv-h_sp.jpg);}
  .slider-item04 { background:url(https://ozio.jp/excludes/ozio/item/bo-series/img/251210/fv_pc1.jpg);}
  .slider-item {
      width: 78%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
      height:78vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
      background-repeat: no-repeat;/*背景画像をリピートしない*/
      background-position: center;/*背景画像の位置を中央に*/
      background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
  }