.slide-text {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease;
}

.slide-text.animate {
  opacity: 1;
  transform: translateY(0);
}

.slide-text2 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease;
  transition-delay: 250ms;
}

.slide-text2.animate {
  opacity: 1;
  transform: translateY(0);
}
.slide-text3 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease;
  transition-delay: 350ms;
}

.slide-text3.animate {
  opacity: 1;
  transform: translateY(0);
}

/* visual */
.visual{
	overflow:hidden;
	position:relative;
	width:100%; height: calc(100vh - 0px); 
}
.visual .swiper-wrapper{width:100%;height:100%;}
.visual .swiper-slide{
	position:relative;
	width:100%;height:100%;
}
.visual .swiper-slide .bg{
	position:absolute;left:0%;top:0%;z-index:-1;
	width:100%;height:100%;	
	transform:scale(1.2);
	transition:all 4s;
}
.visual .swiper-slide-active .bg{transform:scale(1);}
.visual .swiper-slide.v1 .bg{background:url('/images/main_bg_01.png') no-repeat center;background-size:cover;}
.visual .swiper-slide.v2 .bg{background:url('/images/main_bg_02.jpg') no-repeat center;background-size:cover;}
.visual .swiper-slide.v3 .bg{background:url('/images/main_bg_03.jpg') no-repeat center;background-size:cover;}
.visual .swiper-slide.v4 .bg{background:url('/images/main_bg_04.jpg') no-repeat center;background-size:cover;}
.visual .swiper-slide.v5 .bg{background:url('/images/main_bg_05.jpg') no-repeat center;background-size:cover;}
.visual .swiper-slide.v6 .bg{background:url('/images/main_bg_06.jpg') no-repeat center;background-size:cover;}
.visual .swiper-slide.v7 .bg{background:url('/images/main_bg_07.jpg') no-repeat center;background-size:cover;}
.visual .swiper-slide.v8 .bg{background:url('/images/main_bg_08.jpg') no-repeat center;background-size:cover;}


.visual .txtwrap{
	position:absolute;left:50%;top:50%;z-index:10;
	transform:translate(-50%, -50%);
	width:92%;
	max-width: 1570px;
}
.visual .txtwrap .line{
	display: block;
	width: 100px;
	height: 1px;
	background: rgba(255,255,255,0.8);
	margin-bottom: 30px;
}
.visual .txtwrap .tit h2, .visual .txtwrap .tit h3{
	overflow: hidden;
}
.visual .txtwrap .tit h2 span, .visual .txtwrap .tit h3 span{
	font-family: "Nunito Sans";
	display: inline-block;
	font-size: 86px;
	font-weight: 700;
	color: #fff;
}
.visual .txtwrap .txt{
	margin-top: 10px;
	font-size: 30px;
	font-weight: 300;
	color: #fff;
}
.visual .ctr{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 70px;
	display:flex;align-items:center;justify-content:center;
	margin-top: 50px;z-index:10;
	box-sizing:border-box;width:100%;
}

.visual .ctr .vprev {
	/*width: 27px;
	height: 15px;
	background: url(/images/main/vprev.png) no-repeat;
	cursor: pointer;
	*/
	display:none;
}
.visual .ctr .vnext {
	/*
	width: 27px;
	height: 15px;
	background: url(/images/main/vnext.png) no-repeat;
	cursor: pointer;
	*/
	display:none;
}

.visual .vpaging {
	position: static;
	z-index: 100;
	margin: 0 55px;
	display: flex;
	align-items: center;
}
.visual .ctr .vpaging span{
	opacity:1;
	display: inline-block;
	position:relative;
	width:12px;height:12px;
	border-radius: 50%;
	margin:0 6px;
	background:0;border:2px solid #fff;
	border-radius: 50%;
}
.visual .ctr .vpaging span.swiper-pagination-bullet-active{ 
	background:#3582FF;
}

.visual .scrollWrap{
	position: absolute;
	right: 8%;
	bottom: 0;
	z-index: 1;
}
.visual .scrollWrap .scroll{
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 1px;
	height: 150px;
	background: rgba(255, 255, 255, 0.3);
}
.visual .scrollWrap .scroll:after{
	display: block;
	content: "";
	width: 1px;
	height: 60px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	animation: scroll 1.4s infinite ease;
}
@keyframes scroll{
	0%{transform:translateY(0);}
	100%{transform:translateY(150%);}
}