@charset "utf-8";
/* CSS Document */
/*==============================
==============================
★　GALLERY　★
==============================
==============================*/
#gallery {
  width: 100%;
  margin-top: 0;
  padding: 150px 0;
  background: url("../images/gallery-bg.jpg")no-repeat center/cover;
}
.gallery-content {
  width: 80%;
}
.gallery-slider img {
  width: 100%; /*スライダー内の画像を横幅100%に*/
  height: auto;
}
/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.gallery-slider .slick-slide {
  margin: 0 10px; /*スライド左右の余白調整*/
}
.gallery-content {
  width: 100%;
  margin: 0 auto;
}
.gallery-content .gallery-slider img {
  width: 315px;
  height: 200px;
  text-align: center;
  object-fit: cover;
  border: 1px solid #D8D8D8;
}
/*==============================
==============================*/
@media screen and (max-width: 861px) {
  #gallery {
    padding: 80px 0;
  }
  .gallery-content .gallery-slider img {
    width: 250px;
    height: 135px;
  }
  /*==============================
==============================*/
  @media screen and (max-width: 531px) {
    .gallery-slider img {
      width: 100%; /*スライダー内の画像を横幅100%に*/
      height: auto;
    }
    /*slickのJSで書かれるタグ内、スライド左右の余白調整*/
    .gallery-slider .slick-slide {
      margin: 0 5px; /*スライド左右の余白調整*/
    }
    .gallery-content {
      width: 100%;
      margin: 0 auto;
    }
    .gallery-content .gallery-slider img {
      width: 250px;
      height: 135px;
    }
  }