.animation-fadein{
	display:block;
	position:relative;
	transform:translateY(20px);
	transition:all cubic-bezier(0.65, 0, 0.2, 1) 1s;
	opacity:0
}
.animation-fadein.active{
	transform:translateY(0px);
	opacity:1
}
.animation-fadein-02{
	display:block;
	position:relative;
	transform:translateY(60px);
	transition:all ease 1s;
	opacity:0
}
.animation-fadein-02.active{
	transform:translateY(0px);
	opacity:1
}
.animation-fadein-03{
	display:block;
	position:relative;
	transform:translateY(30px);
	transition:all ease 1s .2s;
	opacity:0
}
.animation-fadein-03.active{
	transform:translateY(0px);
	opacity:1
}
.animation-fade-slidein{
	position:relative;
	transform:translateY(100px);
	transition:all cubic-bezier(0.65, 0, 0.2, 1) 1s;
	opacity:0
}
.animation-fade-slidein.active{
	transform:translateY(0px);
	opacity:1
}
.animation-bg-01{
	display:inline-block;
	position:relative;
	transform:scaleX(0);
	transform-origin:left top;
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 0.5s 0.5s
}
.animation-bg-01.active{
	transform:scaleX(1)
}
.animation-bg-02{
	display:inline-block;
	position:relative;
	transform:scaleX(0);
	transform-origin:left top;
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 0.4s
}
.animation-bg-02.active{
	transform:scaleX(1)
}
.animation-bg-03{
	display:inline-block;
	position:relative;
	transform:scaleX(0);
	transform-origin:left top;
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 0.6s
}
.animation-bg-03.active{
	transform:scaleX(1)
}

.animation-txt-cover{
	display:inline-block;
	position:relative
}
.animation-txt-cover .text_inner{
	transition:all ease .5s .5s;
	opacity:0
}

.animation-txt-cover.active .text_inner{
	opacity:1
}
.animation-txt-cover::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	transform-origin:left top;
	transform:scaleX(0);
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 0.5s
}
.animation-txt-cover.active::before{
	transform:scaleX(1)
}


.animation-txt-cover-01{
	display:inline-block;
	position:relative
}
.animation-txt-cover-01 .text_inner{
	transition:all ease .5s .5s;
	opacity:0
}
.animation-txt-cover-01.active .text_inner{
	opacity:1
}
.animation-txt-cover-01::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background:#142b7b;
	transform-origin:left top;
	transform:scaleX(0);
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 0.5s
}
.animation-txt-cover-01.active::before{
	transform:scaleX(1)
}
.animation-txt-cover-02{
	display:inline-block;
	position:relative
}
.animation-txt-cover-02::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100.5%;
	height:100.5%;
	z-index:2;
	background:#fff;
	transform-origin:right top;
	transform:scaleX(1);
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 0.5s
}
.animation-txt-cover-02.active::before{
	transform:scaleX(0)
}
.animation-txt-cover-03{
	display:inline-block;
	position:relative
}
.animation-txt-cover-03::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100.5%;
	height:100.5%;
	z-index:2;
	background:#1f42bb;
	transform-origin:right top;
	transform:scaleX(1);
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 0.5s
}
.animation-txt-cover-03.active::before{
	transform:scaleX(0)
}
.animation-txt-cover-04{
	display:block;
	position:relative
}
.animation-txt-cover-04::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100.5%;
	height:100.5%;
	z-index:2;
	background:#f2f5f5;
	transform-origin:right top;
	transform:scaleX(1);
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 0.5s
}
.animation-txt-cover-04.active::before{
	transform:scaleX(0)
}
.animation-txt-cover-05{
	display:block;
	position:relative
}
.animation-txt-cover-05::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100.5%;
	height:100.5%;
	z-index:2;
	background:#fff;
	transform-origin:right top;
	transform:scaleX(1);
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 0.5s
}
.animation-txt-cover-05.active::before{
	transform:scaleX(0)
}
.animation-txt-cover-06{
	display:inline-block;
	position:relative;
	color:transparent;
	transition:color 0s .5s
}
.animation-txt-cover-06.active{
	color:#fff
}
.animation-txt-cover-06::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background:#132b7a;
	transform:scaleX(0);
	transform-origin:left top
}
.animation-txt-cover-06.bgc_w::before{
	background:#fff
}
.animation-txt-cover-06.active::before{
	animation:txt_cover cubic-bezier(0.65, 0, 0.2, 1) 1s forwards
}
@media only screen and (max-width: 834px){
	.animation-txt-cover-06.bgc_w.active{
	color:#000
}

}
@keyframes txt_cover{
	0%{
	transform:scaleX(0);
	transform-origin:left top
}
49%{
	transform:scaleX(1);
	transform-origin:left top
}
51%{
	transform:scaleX(1);
	transform-origin:right top
}
100%{
	transform:scaleX(0);
	transform-origin:right top
}

}
.animation-img-cover-01{
	position:relative;
	overflow:hidden;
	opacity:0
}
.animation-img-cover-01.active{
	opacity:1
}
.animation-img-cover-01::before{
	content:"";
	display:block;
	width:180%;
	height:180%;
	position:absolute;
	top:60%;
	left:160%;
	background:#fff;
	z-index:3;
	transform-origin:top left;
	transform:rotate(-210deg) scaleY(1);
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 1s
}
.animation-img-cover-01.active::before{
	transform:rotate(-210deg) scaleY(0)
}
.animation-img-cover-02{
	position:relative;
	overflow:hidden;
	opacity:0
}
.animation-img-cover-02.active{
	opacity:1
}
.animation-img-cover-02::before{
	content:"";
	display:block;
	width:100.5%;
	height:100.5%;
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	z-index:3;
	transform-origin:bottom right;
	transform:scaleY(1);
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 1s
}
.animation-img-cover-02.active::before{
	transform:scaleY(0)
}
.animation-img-cover-03{
	position:relative;
	opacity:0;
	overflow:hidden
}
.animation-img-cover-03.active{
	opacity:1
}
.animation-img-cover-03::before,.animation-img-cover-03::after{
	content:"";
	display:block;
	width:100.5%;
	height:50.5%;
	padding:2px 0;
	position:absolute;
	top:0;
	left:0;
	background:#f2f5f5;
	z-index:3;
	transform-origin:top left;
	transform:scaleY(1);
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 1s
}
.animation-img-cover-03::after{
	top:50%;
	transform-origin:bottom left;
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 1s
}
.animation-img-cover-03.active::before,.animation-img-cover-03.active::after{
	transform:scaleY(0)
}
.animation-img-cover-04{
	position:relative;
	overflow:hidden;
	opacity:0
}
.animation-img-cover-04.active{
	opacity:1
}
.animation-img-cover-04::before{
	content:"";
	display:block;
	width:100.5%;
	height:100.5%;
	position:absolute;
	top:0;
	left:0;
	background:#f6f6f6;
	z-index:3;
	transform-origin:top right;
	transform:scaleY(1);
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 1s
}
.animation-img-cover-04.active::before{
	transform:scaleY(0)
}
.animation-img-cover-05{
	position:relative;
	opacity:0
}
.animation-img-cover-05.active{
	opacity:1
}
.animation-img-cover-05::before,.animation-img-cover-05::after{
	content:"";
	display:block;
	width:50%;
	height:101%;
	padding:2px 0;
	position:absolute;
	top:0;
	left:0;
	background:#f6f6f6;
	z-index:3;
	transform-origin:bottom left;
	transform:scaleY(1);
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 1s
}
.animation-img-cover-05::after{
	left:50%;
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 1s 0.2s
}
.animation-img-cover-05.active::before,.animation-img-cover-05.active::after{
	transform:scaleY(0)
}
.animation-img-cover-06{
	position:relative;
	overflow:hidden
}
.animation-img-cover-06::before{
	content:"";
	display:block;
	width:180%;
	height:180%;
	position:absolute;
	top:80%;
	left:160%;
	background:#f6f6f6;
	z-index:3;
	transform-origin:top left;
	transform:rotate(-210deg) scaleY(1);
	transition:transform cubic-bezier(0.65, 0, 0.2, 1) 1.5s
}
.animation-img-cover-06.active::before{
	transform:rotate(-210deg) scaleY(0)
}

