/*--------------------------------------
 　トップページ
---------------------------------------*/
/*　メインビジュアル　h2　*/
.hisa-fade-lines h2 {
  display: block;
  opacity: 0;
  transform: translateX(-40px);
  animation: slideIn 0.8s ease-out forwards;
}
.hisa-fade-lines h2:nth-child(1) {
  animation-delay: 0.1s;
}
.hisa-fade-lines h2:nth-child(2) {
  animation-delay: 0.3s;
}
.hisa-fade-lines h2:nth-child(3) {
  animation-delay: 0.5s;
}

@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/*　メディアとテキスト　画像左からスライドイン　*/
.hisa-media-slidein .wp-block-media-text__media {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.hisa-media-slidein.is-inview .wp-block-media-text__media {
  opacity: 1;
  transform: translateX(0);
  will-change: opacity, transform;
}

/* 画像 フェードアップ（時差つき） */
.hisa-fadeup-img img {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease-out, transform 1s ease-out;
  will-change: opacity, transform;
}
.hisa-fadeup-img.is-inview .img01 img {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s;
}
.hisa-fadeup-img.is-inview .img02 img {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.7s;
}
.hisa-fadeup-img.is-inview .img03 img {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1s;
}

/*--------------------------------------
 　下層ページ
---------------------------------------*/
/* カバー背景 ズームイン */
.hisa-zoomin-hero .wp-block-cover__image-background {
  animation: zoomIn 1.4s ease-out forwards;
}
@keyframes zoomIn {
  0% {
    transform: scale(1.06);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* 左からスライドイン */
.hisa-slidein-left {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.hisa-slidein-left.is-inview {
  opacity: 1;
  transform: translateX(0);
}

/* 右からスライドイン */
.hisa-slidein-right {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.hisa-slidein-right.is-inview {
  opacity: 1;
  transform: translateX(0);
}

/* Media & Text：ズームイン */
.hisa-zoomin .wp-block-media-text__media {
  overflow: hidden;
}
.hisa-zoomin .wp-block-media-text__media img {
  opacity: 0;
  transform: scale(1.06);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.hisa-zoomin.is-inview .wp-block-media-text__media img {
  opacity: 1;
  transform: scale(1);
}

/* ポップアップ */
.hisa-popup {
  opacity: 0;
  transform: translateY(16px) scale(0.95);
}
.hisa-popup.is-inview {
  animation: popup 1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes popup {
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}


/* グループ内 画像フェードアップ */
.hisa-fadeup-group img {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.9s ease-out, transform 0.9s ease-out;
}
/* グループ単位の時差 */
.hisa-fadeup-group.is-inview:nth-child(1) img { transition-delay: 0.1s; }
.hisa-fadeup-group.is-inview:nth-child(2) img { transition-delay: 0.25s; }
.hisa-fadeup-group.is-inview:nth-child(3) img { transition-delay: 0.4s; }
.hisa-fadeup-group.is-inview:nth-child(4) img { transition-delay: 0.55s; }
.hisa-fadeup-group.is-inview:nth-child(5) img { transition-delay: 0.7s; }
.hisa-fadeup-group.is-inview:nth-child(6) img { transition-delay: 0.85s; }

.hisa-fadeup-group.is-inview img {
  opacity: 1;
  transform: translateY(0);
}