.passing .passing-box{display:block;}
.passing .passing-bar{position:relative;display:block;transform:translate3d(0, 0, 0)}
.passing .passing-bar::before{
	content: '';
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: #E2E2E2;
}
.passing .passing-bar.gradation::before{background: -webkit-gradient(linear, left top, right top, from(#a664bc), to(#0193db));
	background: linear-gradient(to right, #a664bc 0%, #0193db 100%);}
.passing .passing-txt{opacity:0;transform:translate3d(0, 0, 0)}

.passing.isShow .passing-bar::before{animation:passing-bar 1.1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s 1 normal forwards;}
.passing.isShow .passing-txt{animation:passing-txt .1s ease .7s 1 normal forwards}





@keyframes passing-bar{
0%{left:0;width:0}
50%{left:0;width:100%}
51%{left:0;width:100%}
100%{left:100%;width:0}
}
@keyframes passing-txt{
0%{opacity:0}
50%{opacity:0}
100%{opacity:1}
}





/*下からフェードアップ*/

.fadeup {
	opacity:0;
}
.fadeup.isShow {
  opacity: 1;
animation: fadeup 0.5s ease 0.4s 1 normal backwards;

}

.fadeup2 {
	opacity:0;
}
.fadeup2.isShow {
  opacity: 1;
animation: fadeup 0.5s ease 1s 1 normal backwards;

}
@keyframes fadeup {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}