.se{}
.fade-in{
opacity:0;
transition:opacity 1.2s;
}
.fade-in.scrolled,
.loaded .fade-in.ose{
opacity:1;
transition:opacity 1.2s;
}
.loaded .fade-in.ose{
transition:opacity 0.8s 0.4s;
}
.fade-in-late,
.fade-in02{
opacity:0;
transition:opacity 1.2s 0.5s;
}
.fade-in-late.scrolled,
.loaded .fade-in-late.ose,
.fade-in02.scrolled,
.loaded .fade-in02.ose{
opacity:1;
transition:opacity 0.8s 0.5s;
}
.loaded .fade-in-late.ose{
opacity:1;
transition:opacity 0.8s 1.2s;
}
.move-up{
opacity:0;
transform: translateY(80px);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.move-up.scrolled,
.loaded .move-up.ose{
opacity:1;
transform: translateY(0);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.loaded .move-up.ose{
transition:opacity 0.8s 0.4s,transform 0.8s 0s;
}
.move-up-late{
opacity:0;
transform: translateY(80px);
}
.move-up-late.scrolled,
.loaded .move-up-late.ose{
opacity:1;
transform: translateY(0);
transition:opacity 0.8s 0.4s,transform 0.8s 0.4s;
}
.loaded .move-up-late.ose{
transition:opacity 0.8s 1s,transform 0.8s 0.4s;
}
.move-down{
opacity:0;
transform: translateY(-80px);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.move-down.scrolled,
.loaded .move-down.ose{
opacity:1;
transform: translateY(0);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.loaded .move-down.ose{
transition:opacity 0.8s 0.4s,transform 0.8s 0.4s;
}
.move-down-big{
opacity:0;
transform: translateY(-200px);
transition:opacity 0.8s 0.5s,transform 1s 0.5s;
}
.move-down-big.scrolled{
opacity:1;
transform: translateY(0);
transition:opacity 0.8s 0.5s,transform 1s 0.5s;
}
.up01{
opacity:0;
transform: translateY(80px);
transition:opacity 0.7s 0s,transform 0.7s 0s;
}
.up01.scrolled{
opacity:1;
transform: translateY(0);
transition:opacity 0.7s 0s,transform 0.7s 0s;
}
.up02{
opacity:0;
transform: translateY(80px);
transition:opacity 0.7s 0.3s,transform 0.7s 0.3s;
}
.up02.scrolled{
opacity:1;
transform: translateY(0);
transition:opacity 0.7s 0.3s,transform 0.7s 0.3s;
}
.up03{
opacity:0;
transform: translateY(80px);
transition:opacity 0.7s 0.6s,transform 0.7s 0.6s;
}
.up03.scrolled{
opacity:1;
transform: translateY(0);
transition:opacity 0.5s 0.6s,transform 0.5s 0.6s;
}
.to-left{
opacity:0;
transform: translateX(80px);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.to-left.scrolled,
.loaded .to-left.ose{
opacity:1;
transform: translateX(0);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.loaded .to-left.ose{
transition:opacity 0.8s 0.5s,transform 0.8s 0.5s;
}
.to-left02{
opacity:0;
transform: translateX(80px);
transition:opacity 0.8s 0.6s,transform 0.8s 0.6s;
}
.to-left02.scrolled,
.loaded .to-left02.ose{
opacity:1;
transform: translateX(0);
transition:opacity 0.8s 0.6s,transform 0.8s 0.6s;
}
.loaded .to-left02.ose{
transition:opacity 0.8s 0.9s,transform 0.8s 0.9s;
}
.to-right{
opacity:0;
transform: translateX(-80px);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.to-right.scrolled,
.loaded .to-right.ose{
opacity:1;
transform: translateX(0);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.loaded .to-right.ose{
transition:transform 0.8s 0.4s,opacity 0.8s 0.4s;
}
.to-big{
transform: scale(0.3);
opacity:0;
}
.to-big.scrolled,
.loaded .to-big.ose{
transform: scale(1);
opacity:1;
transition:transform 0.8s 0s,opacity 0.8s 0s;
}
.loaded .to-big.ose{
transition:transform 0.8s 0.4s,opacity 0.8s 0.4s;
}
.to-big-late{
transform: scale(0.3);
opacity:0;
}
.to-big-late.scrolled,
.loaded .to-big-late.ose{
transform: scale(1);
opacity:1;
transition:transform 0.8s 0s,opacity 0.8s 0s;
}
.loaded .to-big-late.ose{
transition:transform 0.8s 1.6s,opacity 0.8s 1.6s;
}
.to-small{
transform: scale(1.7);
opacity:0;
}
.to-small.scrolled,
.loaded .to-small.ose{
transform: scale(1);
opacity:1;
transition:transform 0.8s 0s,opacity 0.8s 0s;
}
.loaded .to-small.ose{
transition:transform 0.8s 0.4s,opacity 0.8s 0.4s;
}
.blur {
filter: blur(40px);
}
.blur.scrolled,
.loaded .blur.ose{
filter: blur(0);
transition:filter 1.2s 0s;
}
.loaded .blur.ose{
filter: blur(0);
transition:filter 1s 0.5s;
}
.blur-lite {
filter: blur(6px);
}
.blur-lite.scrolled,
.loaded .blur-lite.ose{
filter: blur(0);
transition:filter 1.6s 0s;
}
.loaded .blur-lite.ose{
filter: blur(0);
transition:filter 1.4s 0.5s;
}
.deep-blur {
filter: blur(90px);
}
.deep-blur.scrolled,
.loaded .deep-blur.ose{
filter: blur(0);
transition:filter 1.4s 0s;
}
.loaded .deep-blur.ose{
filter: blur(0);
transition:filter 1.4s 0.3s;
}
.clip{
clip-path: inset(0 100% 0 0);
}
.clip.scrolled,
.loaded .clip.ose{
clip-path: inset(0);
transition:clip-path 3.6s 0.3s;
}
.loaded .clip.ose{
transition:clip-path 3.2s 0.8s;
}
.clip-down{
clip-path: inset(0 0 100% 0);
transition:clip-path 1.5s 0s;
}
.clip-down.scrolled,
.loaded .clip-down.ose{
clip-path: inset(0);
transition:clip-path 1.5s 0s;
}
.loaded .clip-down.ose{
transition:clip-path 2.2s .5s;
}




@media only screen and (max-width : 767px) {
.fade-in-late,
.fade-in02{
opacity:0;
transition:opacity 1.2s;
}
.fade-in-late.scrolled,
.loaded .fade-in-late.ose,
.fade-in02.scrolled,
.loaded .fade-in02.ose{
opacity:1;
transition:opacity 0.8s;
}
.move-up-late{
opacity:0;
transform: translateY(80px);
}
.move-up-late.scrolled,
.loaded .move-up-late.ose{
opacity:1;
transform: translateY(0);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}
.interview-list-box .move-up-late{
opacity:0;
transform: translateY(80px);
}
.interview-list-box .move-up-late.scrolled,
.loaded .interview-list-box .move-up-late.ose{
opacity:1;
transform: translateY(0);
transition:opacity 0.8s 0.4s,transform 0.8s 0.4s;
}

.clip.scrolled{
clip-path: inset(0);
transition:clip-path 1.6s 0.5s;
}
.loaded .clip.ose{
transition:clip-path 3.2s 0.8s;
}
}