@charset "utf-8";
/* CSS Document */
.topBannerArea { width: 95%; max-width: 990px; margin: 0 auto 2rem; }
.topBannerArea img { 
	width: 100%;       /* max-widthからwidthに変更 */
	height: 100%;      /* autoから100%に変更して高さを固定 */
	object-fit: cover; /* 画像が潰れるのを防ぐ */
	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;
   transform: scale(.9);
  transition: transform 1s ease 0s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
._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;}
}