/* 全体ブロック */
.visual {
  position: relative;
  width: 1080px;
  height: auto; /* ← これに変更 */
  margin: auto;
  background: url('https://wingscreation.jp/wp-content/uploads/2025/07/visual.jpg') no-repeat center center;
  background-size: cover;
  overflow: hidden;

  opacity: 0;                 /* ← 最初は非表示 */
  transform: translateY(50px);/* ← 最初は下にずらす */
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* スクロールトリガーで可視化 */
.visual.is-visible {
  opacity: 1;
  transform: translateY(0);
}