@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: #fcf88f;z-index: 9999;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;padding: 0 0 100px;}

.loading-animation img {width: 190px; margin: 0 0 70px;}

.loading-animation.is-active {opacity: 1;visibility: visible;}
/* HTML: <div class="loader"></div> */
.loader {
  width: 15px;
  aspect-ratio: 1;
  position: relative;
  margin: 0 auto;
}
.loader::before,
.loader::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #e72e25;
}
.loader::before {
  box-shadow: -25px 0 #008052;
  animation: l8-1 0.6s infinite linear;
}
.loader::after {
  transform: rotate(0deg) translateX(25px);
  animation: l8-2 0.6s infinite linear;
}

@keyframes l8-1 {
100%{transform: translateX(25px)}
}
@keyframes l8-2 {
100%{transform: rotate(-180deg) translateX(25px)}
}

.kv-slider{
opacity: 0;
}
.loaded .kv-slider.ose{
opacity:1;
transition:opacity 1s .3s;
}
.main-catch{
clip-path: inset(0 100% 0 0);
}
.loaded .main-catch.ose{
clip-path: inset(0);
transition:clip-path 1.7s .7s;
}




.message-bg{
opacity: 0;
}
.loaded .message-bg.ose{
opacity:1;
transition:opacity 1s 1.6s;
}
.message-inner p{
opacity: 0;
transform: translateY(40px);
}
.loaded .message-inner p.ose{
opacity:1;
transform: translateY(0);
transition:opacity 0.9s 2s,transform 0.9s 2s;
}






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



.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{
clip-path: inset(0 100% 0 0);
}
.clip.scrolled{
clip-path: inset(0);
transition:clip-path 2s;
}
.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;
}

.mu01{
opacity:0;
transform: translateY(40px);
}
.mu01.scrolled,
.loaded .mu01.ose{
opacity:1;
transform: translateY(0);
transition:opacity 0.9s 0s,transform 0.9s 0s;
}
.mu02{
opacity:0;
transform: translateY(40px);
}
.mu02.scrolled,
.loaded .mu02.ose{
opacity:1;
transform: translateY(0);
transition:opacity 0.9s 0.4s,transform 0.9s 0.4s;
}
.mu03{
opacity:0;
transform: translateY(40px);
}
.mu03.scrolled,
.loaded .mu03.ose{
opacity:1;
transform: translateY(0);
transition:opacity 0.9s 0.8s,transform 0.9s 0.8s;
}
.mu04{
opacity:0;
transform: translateY(40px);
}
.mu04.scrolled,
.loaded .mu04.ose{
opacity:1;
transform: translateY(0);
transition:opacity 0.9s 1.2s,transform 0.9s 1.2s;
}






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

}
@media (max-width: 767px) {  

.fade02.scrolled{
opacity:1;
transition:opacity 1s .3s;
}
.fade03.scrolled{
opacity:1;
transition:opacity 1s .3s;
}
.fade04.scrolled{
opacity:1;
transition:opacity 1s .3s;
}





}