@charset "utf-8";
/* CSS Document */
.topBannerArea { width: 95%; max-width: 990px; margin: 0 auto 2rem; }
.topBannerArea img { max-width: 100%; height: auto; vertical-align: bottom;/* 画像下のスペースを消す */ }
.topBannerArea._swiper_top { width: 100%; }

._swiper_top .swiper-slide img { border-radius: 3px; }
._swiper_top .swiper-slide {
   box-sizing: border-box;
   left: -1rem;
  /*filter: opacity(0.3);  左右のスライドを薄くする */
  transform: scale(.9); /* 左右のスライドを小さくする */
  transition: filter 1s ease 0s;
  transition: all 1s ease 0s;
}
._swiper_top .swiper-slide-active {
  /*filter: opacity(1);  中央のスライドは薄くしない */
  transform: scale(1); /* 中央のスライドは小さくしない */
  z-index: 1; /* 中央のスライドを一番上にする */
}


/**************************************************************/
.PCbanner {display: block !important;}
.SPbanner {display: none !important;}
@media (max-width: 568px){
    .PCbanner {display: none !important;}
    .SPbanner {display: block !important;}
}