/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 20 2026 | 01:37:52 */
/* ===== 共通 ===== */
.fx {
  display: block;
  width: 100%;
  height: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform, opacity, filter;
  opacity: 0;
}

.fx.is-inview {
  opacity: 1;
}



.fx-18 {
  transform: scale(1.02) skewY(1.5deg);
}
.fx-18.is-inview {
  transform: scale(1) skewY(0);
  transition: transform 0.9s cubic-bezier(.2,.8,.2,1);
}

.fx-19 {
  transform: scale(0.92);
}
.fx-19.is-inview {
  transform: scale(1);
  transition: transform 0.8s cubic-bezier(.3,1.4,.4,1);
}

.fx-20.is-inview {
  animation: fx20 0.8s ease-out forwards;
}
@keyframes fx20 {
  0% { transform: translateY(6px); }
  40% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}