@charset "UTF-8";
/****** .swiper ******/
.swiper-container {
/*padding: 30px 0 50px;
  background: #eeeeee;*/
}
.s-fade-wrap {
	position: relative;
	/* max-width: 640px;*/
	/*margin: 0 auto;*/
}
.s-fade-txt1 {
	position: absolute;
	top: 40%;
	left: 2%;
	width: 45%;
	/*text-align: center;*/
	/* color: white;*/
	/* font-size: 5vw;*/
}
.s-fade-txt2 {
	position: absolute;
	top: 40%;
	right:2%;
	width: 45%;
}
.s-fade-txt3 {
	position: absolute;
	top: 35%;
	left: 2%;
	width: 45%;
}
.s-fade-txt4 {
	position: absolute;
	top: 34.5%;
	left: 0;
	width: 100%;
}
.s-fade-txt5 {
	position: absolute;
	top: 25%;
	left: 0;
	width: 100%;
}
.swiper-slide-active .s-fade-txt1 {
	/*animation: slideTextFade 1.75s ease 0s 1 normal;*/
	/*アニメーションの名前*/
	/*アニメーションが始まって終わるまでの時間を指定（1sは1秒）*/
	/*アニメーションの進行の度合いを指定*/
	/*アニメーションが始まる時間を指定*/
	/*アニメーションの繰り返し回数を指定*/
	/*アニメーションの再生方向を指定*/
	animation: slideTextFade 3s ease-in 0s 1 normal;
}
.swiper-slide-active .s-fade-txt2, .swiper-slide-active .s-fade-txt3, .swiper-slide-active .s-fade-txt4 {
	/*animation: slideTextFade 1.75s ease 0s 1 normal;*/
	/*アニメーションの名前*/
	/*アニメーションが始まって終わるまでの時間を指定（1sは1秒）*/
	/*アニメーションの進行の度合いを指定*/
	/*アニメーションが始まる時間を指定*/
	/*アニメーションの繰り返し回数を指定*/
	/*アニメーションの再生方向を指定*/
	animation: slideTextFade 4s ease-in 0s 1 normal;
}
.swiper-slide-active .s-fade-txt5 {
	animation: slideTextFade 6s ease-in 0s 1 normal;
}
 @keyframes slideTextFade {
 0%, 25% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}

/* TB用CSS記述（768px以上） */
@media print, screen and (min-width:768px) {
}

/* PC用CSS記述（1000px以上）*/
@media print, screen and (min-width:1000px) {
}