@charset 'UTF-8';
.loading {width: 100vw;height: 100vh;transition: all 1.2s;background-color: #FFF;position: fixed;top: 0;left: 0;z-index: 9999;opacity: 1;visibility: visible;}
.loading.is-active {opacity: 0;visibility: hidden;}
.loading-animation {width: 100vw;height: 100vh;transition: all .9s;background-color: #008742;z-index: 9999;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;padding: 0 0 100px;}
.loading-animation img{width: 160px; margin: 0 auto 50px;display: block;}
.loading-animation.is-active {opacity: 1;visibility: visible;}
/* HTML: <div class="loader"></div> */
.loader {
  width: 60px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#fff 90%,#0000);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: l3 1s infinite linear;
  margin: 0 auto;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}


.fade01,
.fade-in{
opacity:0;
}
.fade01.scrolled,
.fade-in.scrolled{
opacity:1;
transition:opacity 1.5s .3s;
}
.fade02{
opacity:0;
}
.fade02.scrolled{
opacity:1;
transition:opacity 1.5s .9s;
}
.fade03{
opacity:0;
}
.fade03.scrolled{
opacity:1;
transition:opacity 1.5s 1.5s;
}
.fade04{
opacity:0;
}
.fade04.scrolled{
opacity:1;
transition:opacity 1.5s 1.5s;
}
.fade05{
opacity:0;
}
.fade05.scrolled{
opacity:1;
transition:opacity 1.5s 1.9s;
}


.f1{
opacity:0;
}
.loaded .f1.ose{
opacity:1;
transition:opacity 1.2s 2s;
}
.f2{
opacity:0;
}
.loaded .f2.ose{
opacity:1;
transition:opacity 1.2s 2.5s;
}
.f3{
opacity:0;
}
.loaded .f3.ose{
opacity:1;
transition:opacity 1.2s 3s;
}
.f4{
opacity:0;
}
.loaded .f4.ose{
opacity:1;
transition:opacity 1.2s 3.5s;
}
.f5{
opacity:0;
}
.loaded .f5.ose{
opacity:1;
transition:opacity 1.5s 4s;
}







.clip-kv{
opacity:0;
}
.loaded .clip-kv.ose{
opacity:1;
transition:opacity 1s 0.4s;
}
.clip-kv2{
clip-path: inset(0 100% 0 0);
}
.loaded .clip-kv2.ose{
clip-path: inset(0);
transition:clip-path 1.3s 1.2s;
}
.move-up-kv{
opacity:0;
transform: translateY(40px);
}
.loaded .move-up-kv.ose{
opacity:1;
transform: translateY(0);
transition:opacity 0.9s 1.2s,transform 0.9s 1.2s;
}
.fade-et{
opacity:0;
}
.loaded .fade-et.ose{
opacity:1;
transition:opacity 1.8s 1.2s;
}
.fade-oj01{
opacity:0;
}
.loaded .fade-oj01.ose{
opacity:1;
transition:opacity 1s 2.2s;
}
.fade-oj02{
opacity:0;
}
.loaded .fade-oj02.ose{
opacity:1;
transition:opacity 1s 2.8s;
}


.fade-a{
opacity:0;
}
.loaded .fade-a.ose{
opacity:1;
transition:opacity 1.2s 3.2s;
}
.fade-b{
opacity:0;
}
.loaded .fade-b.ose{
opacity:1;
transition:opacity 1.2s 3.7s;
}
.fade-c{
opacity:0;
}
.loaded .fade-c.ose{
opacity:1;
transition:opacity 1.2s 4.2s;
}
.fade-d{
opacity:0;
}
.loaded .fade-d.ose{
opacity:1;
transition:opacity 1.2s 4.7s;
}
.clip-h1{
clip-path: inset(0 100% 0 0);
}
.clip-h1.scrolled{
clip-path: inset(0);
transition:clip-path 1.4s;
}
.clip-y{
clip-path: inset(0 0 100% 0);
}
.clip-y.scrolled{
clip-path: inset(0);
transition:clip-path 1.8s 0s;
}

.fade-in{
opacity:0;
}
.fade-in.scrolled{
opacity:1;
transition:opacity 1s;
}
.move-up{
opacity:0;
transform: translateY(40px);
}
.move-up.scrolled{
opacity:1;
transform: translateY(0);
transition:opacity 0.9s 0s,transform 0.9s 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;
}

@media (max-width: 767px) {  
.fade01{
opacity:0;
}
.fade01.scrolled,
.fade-in.scrolled{
opacity:1;
transition:opacity 1.5s .3s;
}
.fade02.scrolled{
opacity:1;
transition:opacity 1.5s .3s;
}
.fade03.scrolled{
opacity:1;
transition:opacity 1.5s .3s;
}
}