@charset "UTF-8";
.fade01{
opacity:0;
transition:opacity 1.2s;
}
.loaded .fade01.ose{
opacity:1;
transition:opacity 1s 2s;
}
.fade02{
opacity:0;
transition:opacity 1.2s;
}
.loaded .fade02.ose{
opacity:1;
transition:opacity 1s 2.3s;
}
.fade03{
opacity:0;
transition:opacity 1.2s;
}
.loaded .fade03.ose{
opacity:1;
transition:opacity 1s 2.6s;
}
.fade04{
opacity:0;
transition:opacity 1.2s;
}
.loaded .fade04.ose{
opacity:4;
transition:opacity 1s 2.9s;
}
.fade-in{
opacity:0;
transition:opacity 1.2s;
}
.fade-in.scrolled{
opacity:1;
transition:opacity 1.2s;
}
.move-up{
opacity:0;
transform: translateY(40px);
transition:opacity 1s 0s,transform 1s 0s;
}
.move-up.scrolled{
opacity:1;
transform: translateY(0);
transition:opacity 1s 0s,transform 1s 0s;
}
.to-left{
opacity:0;
transform: translateX(60px);
transition:opacity 1s 0s,transform 1s 0s;
}
.to-left.scrolled{
opacity:1;
transform: translateX(0);
transition:opacity 1s 0s,transform 1s 0s;
}
.to-right{
opacity:0;
transform: translateX(-60px);
transition:opacity 1s 0s,transform 1s 0s;
}
.to-right.scrolled{
opacity:1;
transform: translateX(0);
transition:opacity 1s 0s,transform 1s 0s;
}
.clip-y{
clip-path: inset(0 0 100% 0);
}
.clip-y.scrolled{
clip-path: inset(0);
transition:clip-path 1s 0s;
}
.clip-kv{
clip-path: inset(0 100% 0 0);
}
.loaded .clip-kv.ose{
clip-path: inset(0);
transition:clip-path 1.9s .6s;
}

@media (max-width: 767px) {
.clip-kv{
clip-path: inset(0 0 100% 0);
}
.loaded .clip-kv.ose{
clip-path: inset(0);
transition:clip-path 1.9s .6s;
}
}