.depicter-revert .depicter-1-section-1 .depicter-section-background{
	background-color:#FFF;
}

/*** Custom styles ***/
.depicter-revert .depicter-1-element-40 {
    position: absolute;
    /* 10秒のアニメーション。最後の状態を維持。 */
    animation: sailingThenFade 10s ease-in-out forwards;
  }

  @keyframes sailingThenFade {
    /* --- 0s〜6s: 波に揺られながら移動 --- */
    0% {
      transform: translateX(0) translateY(0) rotate(0deg);
      opacity: 1;
    }
    20% {
      transform: translateX(236px) translateY(-40px) rotate(10deg);
    }
    40% {
      transform: translateX(473px) translateY(-10px) rotate(-5deg);
    }
    /* 6s地点: 目的地（710px, -70px）に到着 */
    60% {
      transform: translateX(710px) translateY(-70px) rotate(0deg);
      opacity: 1;
    }

    /* --- 6s〜8s: 到着地点で2秒間とどまる（揺れだけ継続） --- */
    70% {
      transform: translateX(710px) translateY(-75px) rotate(2deg);
      opacity: 1;
    }
    80% {
      transform: translateX(710px) translateY(-70px) rotate(0deg);
      opacity: 1;
    }

    /* --- 8s〜10s: 2秒かけてフェードアウト --- */
    100% {
      transform: translateX(710px) translateY(-70px) rotate(0deg);
      opacity: 0;
    }
  }
atera{
  position:relative;
}