/* デスクトップ表示 (769px以上の画面) */
@media screen and (min-width: 769px) {
  .swiper-container {
    width: 1020px;
    margin: 20px auto;
  }
  .swiper-slide a img {
    width: 280px;
  }
  .swiper-wrapper {
    margin: 0 auto;
  }
  .swiper-button-next,
  .swiper-button-prev {
    color: #ffffff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
  }
}

@media screen and (max-width: 768px) {
  .swiper-container {
    width: 100%;
    margin: 20px auto;
  }
  .swiper-slide a img {
    width: 100%;
  }
  .swiper-wrapper {
    margin: 0 auto;
  }
  .swiper-button-next,
  .swiper-button-prev {
    color: #ffffff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
  }
}