@charset "UTF-8";

.lux-section {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 1.3s cubic-bezier(.19,1,.22,1),
              transform 1.3s cubic-bezier(.19,1,.22,1);
}

.lux-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* 見出しだけ少し遅らせる */
.lux-section h2 {
  transition-delay: .2s;
}

/* 画像だけ少し上品に */
.lux-section img {
  transform: scale(1.02);
  transition: transform 1.6s cubic-bezier(.19,1,.22,1);
}

.lux-section.is-visible img {
  transform: scale(1);
}
