/*==================================================
スライダーのためのcss
===================================*/
.slider {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: -1;
    height: 100vh;
      box-sizing: border-box;
  position: relative;
  left: -130px;
  width: calc(100% + 200px); /* 130px + 70px = 200px */
  margin: 0;     /* 必要に応じてリセット */
  padding: 0;    /* 必要に応じてリセット */

}
@media(max-width:1024px) {
.slider {
    height: 80vh;
}
}
@media(max-width:960px) {
.slider {
left: -95px;
        width: calc(100% + 105px);
}
}

.slider img {
    width: 100%;
    /*スライダー内の画像を横幅100%に*/
    height: auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin: 0 10px;
    /*スライド左右の余白調整*/
}