@charset "UTF-8";
:root {
  --second:1.2s;
  --second02:2s;
  --second03:0.6s;
  --second04:2s;
  --distance:60px;
  --mdistance:-60px;
  --mscale:0.75;
  --scale:1.25;
}
.iv {
  opacity:0;
}

.fv_fi {
  animation: fadeIn var(--second) cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
  opacity:0;
}
.fi.show {
  animation: fadeIn var(--second) cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fv_bi {
  animation: blurIn var(--second) cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
  opacity:0;
}
.bi.show {
  animation: blurIn var(--second) cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
@keyframes blurIn {
  0% {opacity: 0;filter: blur(6px) brightness(1.25);}
  100% {opacity: 1;}
}

.fv_fu {
  animation: slideInUp var(--second) cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
  opacity: 0;
}
.fu.show {
  animation: slideInUp var(--second) cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;

}
@keyframes slideInUp {
  0% {transform: translateY(var(--distance));opacity: 0;}
  80% {opacity: 1;}
  100% {opacity: 1;transform: translateY(0);}
}
.fv_fd {
  animation: slideInDown var(--second) cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
  opacity: 0;
}
.fd.show {
  animation: slideInDown var(--second) cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;

}
@keyframes slideInDown {
  0% {transform: translateY(var(--mdistance));opacity: 0;}
  80% {opacity: 1;}
  100% {opacity: 1;transform: translateY(0);}
}
.fv_fl {
  animation: slideInLeft var(--second) cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  opacity: 0;
}
.fl.show {
  animation: slideInLeft var(--second) cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;

}
@keyframes slideInLeft {
  0% {transform: translateX(var(--distance));opacity: 0;}
  100% {transform: translateX(0);}
  40%,100% {opacity: 1;}
}
.fv_fr {
  animation: slideInRight var(--second) cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  opacity: 0;
}
.fr.show {
  animation: slideInRight var(--second) cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;

}
@keyframes slideInRight {
  0% {transform: translateX(var(--mdistance));opacity: 0;}
  100% {transform: translateX(0);}
  40%,100% {opacity: 1;}
}
.fv_zi {
  animation: zoomIn var(--second) cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  opacity: 0;
}
.zi.show {
  animation: zoomIn var(--second) cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;

}
@keyframes zoomIn {
  0% {transform: scale(var(--mscale));opacity: 0;}
  100% {transform: scale(1);opacity: 1;}
}
.fv_zo {
  animation: zoomOut var(--second) cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  opacity: 0;
}
.zo.show {
  animation: zoomOut var(--second) cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;

}
@keyframes zoomOut {
  0% {transform: scale(var(--scale));opacity: 0;}
  100% {transform: scale(1);opacity: 1;}
}

.fv_poyon01.show {
  animation: poyon01 var(--second) ease-in-out 1 forwards;
  opacity: 0;
}
.poyon01.show {
  animation: poyon01 var(--second) ease-in-out 1 forwards;

}
@keyframes poyon01 {
  0%  {transform: scale(1.0, 1.0) translate(0, 0);}
  15% {transform: scale(0.98, 0.9) translate(0, 5px);}
  30% {transform: scale(1.02, 1.0) translate(0, 8px);}
  50% {transform: scale(0.98, 1.05) translate(0, -8px);}
  70% {transform: scale(1.0, 0.9) translate(0, 5px);}
  100% {transform: scale(1.0, 1.0) translate(0, 0);}
  0%, 100% {opacity: 1;}
}

.fv_poyon02.show {
  animation: poyon02 var(--second) ease-in-out 1 forwards;
  opacity: 0;
}
.poyon02.show {
  animation: poyon02 var(--second02) forwards;
  opacity: 1;
}
@keyframes poyon02 {
  0%, 40% {transform: skew(0deg, 0deg);}
  5% {transform: skew(5deg, 5deg);}
  10% {transform: skew(-4deg, -4deg);}
  15% {transform: skew(3deg, 3deg);}
  20% {transform: skew(-2deg, -2deg);}
  25% {transform: skew(1deg, 1deg);}
  30% {transform: skew(-0.6deg, -0.6deg);}
  35% {transform: skew(0.3deg, 0.3deg);}
  0%, 100% {opacity: 1;}
}

.fv_popup {
  animation: popup var(--second03) cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
  opacity: 0;
}
.popup.show {
  animation: popup var(--second03) cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;

}
@keyframes popup {
  0% {transform: translateY(40px) scale(0.8);opacity: 0;}
  100% {transform: translateY(0) scale(1.0);}
  80%, 100% {opacity: 1;}
}

.poyo.show {
  animation: poyo var(--second04) ease-out infinite;
  opacity: 1;
}
@keyframes poyo {
  0%, 40%, 60%, 80% {transform: scale(1.0);}
  50%, 70% {transform: scale(0.95);}
}

.fv_clip {
  animation:clip var(--second) forwards;
  opacity:0;
}
.clip.show {
  animation: clip var(--second) linear forwards;
}
@keyframes clip {
  0% {clip-path: inset(0 100% 0 0); opacity: 0;}
  1% {opacity: 1;}
  100% {clip-path: inset(0); opacity: 1;}
}

.ad01 {animation-duration:0.1s !important;}
.ad02 {animation-duration:0.2s !important;}
.ad03 {animation-duration:0.3s !important;}
.ad04 {animation-duration:0.4s !important;}
.ad05 {animation-duration:0.5s !important;}
.ad06 {animation-duration:0.6s !important;}
.ad07 {animation-duration:0.7s !important;}
.ad08 {animation-duration:0.8s !important;}
.ad09 {animation-duration:0.9s !important;}
.ad10 {animation-duration:1.0s !important;}
.ad11 {animation-duration:1.1s !important;}
.ad12 {animation-duration:1.2s !important;}
.ad13 {animation-duration:1.3s !important;}
.ad14 {animation-duration:1.4s !important;}
.ad15 {animation-duration:1.5s !important;}
.ad16 {animation-duration:1.6s !important;}
.ad17 {animation-duration:1.7s !important;}
.ad18 {animation-duration:1.8s !important;}
.ad19 {animation-duration:1.9s !important;}
.ad20 {animation-duration:2.0s !important;}
.ad30 {animation-duration:3.0s !important;}
.ad40 {animation-duration:4.0s !important;}
.ad45 {animation-duration:4.5s !important;}
.ad50 {animation-duration:5.0s !important;}
.ad55 {animation-duration:5.5s !important;}
.ad60 {animation-duration:6.0s !important;}

.dt01 {animation-delay:0.1s !important;}
.dt02 {animation-delay:0.2s !important;}
.dt03 {animation-delay:0.3s !important;}
.dt04 {animation-delay:0.4s !important;}
.dt05 {animation-delay:0.5s !important;}
.dt06 {animation-delay:0.6s !important;}
.dt07 {animation-delay:0.7s !important;}
.dt08 {animation-delay:0.8s !important;}
.dt09 {animation-delay:0.9s !important;}
.dt10 {animation-delay:1.0s !important;}
.dt11 {animation-delay:1.1s !important;}
.dt12 {animation-delay:1.2s !important;}
.dt13 {animation-delay:1.3s !important;}
.dt14 {animation-delay:1.4s !important;}
.dt15 {animation-delay:1.5s !important;}
.dt16 {animation-delay:1.6s !important;}
.dt17 {animation-delay:1.7s !important;}
.dt18 {animation-delay:1.8s !important;}
.dt19 {animation-delay:1.9s !important;}
.dt20 {animation-delay:2.0s !important;}
.dt30 {animation-delay:3.0s !important;}
.dt40 {animation-delay:4.0s !important;}
.dt45 {animation-delay:4.5s !important;}
.dt50 {animation-delay:5.0s !important;}
.dt55 {animation-delay:5.5s !important;}
.dt60 {animation-delay:6.0s !important;}