/* コンテナ */
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  padding: 0;
  max-width: 1500px;
  min-height: 365px;
}

.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-self: end;
  flex-wrap: wrap;
  align-items: flex-end;
}

/* 余白 */
.swiper-slide.swiper-slide-prev {
  max-width: 16%;
}

.swiper-slide.swiper-slide-next {
  max-width: 16%;
}

.swiper-slide.swiper-slide-active {
  padding:0 80px;
}

/* 画像 */
.swiper-slide img {
  display: inline;
    width: auto;
    width:240px;
    height:159.6px;
    transition: .2s;

}

.swiper-slide.swiper-slide-active img {
  width:320px;
  height:212.8px;
  transition: .2s;

}

/* 動画で製品紹介の画像 */
#video-introduction-area img.movie-main {
  display: inline;
  width: auto;
  width:240px;
  height:135px;
}

#video-introduction-area .swiper-slide img.movie-main {
  display: inline;
    width: auto;
    width:240px;
    height:135px;
    transition: .2s;

}

#video-introduction-area .swiper-slide.swiper-slide-active img.movie-main {
  width:320px;
  height:180px;
}

/* キャプション */
.swiper-slide .slide-text {
  margin: 5% 0 0;
  font-size: 0.8125em;
  line-height: 1.6;
  letter-spacing: 0.05em;
  height: 3em;
  min-width: 10em;
}

/* ラッパー */
.swiper-wrapper {
  position: relative;
    width: 100%;
    height: 285px !important;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    padding: 30px 0;

}

/* スライド */
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  transform: translate3d(-17px, 0, 0) !important;
}

/* ナビゲーションボタン */
.swiper-button-prev,
.swiper-button-next {
  width: 50px;
  height: 50px;
  margin-top: -16px;
  position: absolute;
  margin: auto;
  top: -25%;
  bottom: 0;
}
.swiper-button-prev {
    background: url(/static/images/gallery_banner/yajirushi_L_80.png) no-repeat center center / contain;
    left: 35%;
}
.swiper-button-prev::after {
    content: "";
}

.swiper-button-next {
    background: url(/static/images/gallery_banner/yajirushi_R_80.png) no-repeat center center / contain;
    right: 34.7%;
}
.swiper-button-next::after {
    content: "";
}

/* ページネーション */
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  bottom: 0 !important;
}

/* ページネーションブレット */
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #DFDFDF);
  margin: 0 8px !important;
  opacity: 1;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #004DA2;
}

div.swiper-slide a {
    opacity: 1;
    transition: 0.2s;
}

div.swiper-slide a:hover {
    opacity: 0.6;
    transition: 0.2s;
}

div.swiper-slide a:hover img {
    opacity: 1!important;
}
/* 1400px以下（３枚表示） */

@media(max-width:1399px){
/* コンテナ */
  .swiper {
    max-width: 960px;
  }

  /* スライド */
  .swiper-slide {
    transform: translate3d(10px, 0, 0) !important;
  }
  /* 余白 */
  .swiper-slide.swiper-slide-prev {
    max-width: 24%;
  }

  .swiper-slide.swiper-slide-next {
    max-width: 24%;
  }
 /* ナビゲーションボタン */
 .swiper-button-prev {
  left: 26%;
}
.swiper-button-next {
  right: 26%;
}
}

@media(max-width:979px){
.swiper-button-next {
  right: 24%;
}
.swiper-button-prev {
left: 26.5%;
}
}

@media(max-width:768px){
.swiper {
  min-height: 300px;
}
 /* 画像 */
 .swiper-slide img {
  width:173px;
    height:115px;

}

.swiper-slide.swiper-slide-active img {
  width:230px;
    height:153px;

}
  /* 動画で製品紹介の画像 */
  #video_introduction-area img {
    width:192px;
    height:108px;
  }

  #video_introduction-area .swiper-slide.swiper-slide-active img {
    width:256px;
    height:144px;
  }
  /* スライド */
  .swiper-slide {
    transform: translate3d(0, 0, 0) !important;
  }
  /* 余白 */
  .swiper-slide.swiper-slide-prev {
    max-width: 100%;
  }
  .swiper-slide.swiper-slide-next {
    max-width: 100%;
  }
  .swiper-slide.swiper-slide-active {
    padding: 0px;
}
/* ナビゲーションボタン */
.swiper-button-prev, .swiper-button-next {
  width: 30px;
  height: 30px;
  top: 80%;
}
.swiper-button-prev {
  left: 15%;
}
.swiper-button-next {
  right: 15%;
}
}

@media(max-width:570px){
 /* 画像 */
 .swiper-slide img {
  width:173px;
    height:115px;

}

.swiper-wrapper {
  position: relative;
    width: 100%;
    height: 226px !important;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    padding: 30px 0;

}

.swiper-slide.swiper-slide-active img {
  width: 202px;
  height: 134.33px;
}

/* 動画で製品紹介の画像 */
#video-introduction-area .swiper-slide img.movie-main {
  display: inline;
  width: 170px;
  height: 95.6px;
  transition: .2s;
}
#video-introduction-area .swiper-slide.swiper-slide-active img.movie-main {
  width: 210px;
  height: 118.125px;
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #DFDFDF);
  margin: 0 6.6px !important;
}
}
@media(max-width:430px){
.swiper {
  min-height: 255px;
}
.swiper-wrapper {
padding: 15px 0;
}
/* スライド */
.swiper-slide {
  transform: translate3d(-70px, 0, 0) !important;
}
    /* 余白 */
    .swiper-slide.swiper-slide-active {
      padding: 0 60px;
  }
  .swiper-slide .slide-text {
    margin: 5% 0 0;
    font-size: 0.6em;
    line-height: 1.6;
    letter-spacing: 0.05em;
}
.swiper-button-prev, .swiper-button-next {
  width: 20px;
  height: 20px;
}
.swiper-button-prev {
  left: 11%;
}
.swiper-button-next {
right: 11%;
}
}