@charset "utf-8";
/* CSS Document */


.mainImg .swiper.sw-fadeIn{
  position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
.mainImg .swiper.sw-fadeIn .swiper-slide.slide01{
	position:relative;
	background:url(../../images/mainImg/mainImg_a-bg.jpg) center center no-repeat;
	background-size:cover;
	}

.mainImg .swiper-slide-active .mainTxt01,
.mainImg .swiper-slide-active .mainTxt02,
.mainImg .swiper-slide-active .mainTxt03,
.mainImg .swiper-slide-active .mainTxt04{
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: swiper-fadeInUp;
          animation-name: swiper-fadeInUp;
}


/* タイミングをずらす設定 */
.mainImg .swiper-slide-active .mainTxt01{ animation-delay:0.5s !important;}
.mainImg .swiper-slide-active .mainTxt02{ animation-delay:2.0s !important; }
.mainImg .swiper-slide-active .mainTxt03{ animation-delay:2.5s !important; }
.mainImg .swiper-slide-active .mainTxt04{ animation-delay:3.0s !important; }




@-webkit-keyframes swiper-fadeInUp {
  from {
    opacity: 0;
    visibility:hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1 !important;
    visibility:visible !important;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes swiper-fadeInUp {
  from {
    opacity: 0;
    visibility:hidden;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    visibility:visible;
    -webkit-transform: none;
            transform: none;
  }
}








/* ページネーションの余白 */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px;
}
/* ページネーションのサイズと色 */
.swiper-pagination-bullet {
  background-color: #fff;
	opacity: 0.5;
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,0.5);
  height: 8px;
  width: 8px;
}
/* 選択されているページネーション */
.swiper-pagination-bullet-active {
	opacity: 1;
}