@charset "utf-8";


/*animation1のキーフレーム設定
---------------------------------------------------------------------------*/
@keyframes animation1 {
	0% {left: -200px;}
	100% {left: 0px;}
}


/*opa1のキーフレーム設定
---------------------------------------------------------------------------*/
@keyframes opa1 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}



    .catch_copy span {
        text-align: left;
        color: inherit; /* ← 念のため継承を明示 */
        font-size: clamp(16px, 5vw, 20px);
        font-weight: 100;
        transition: 1s;
        opacity: 0;
        transform: translateY(20px);
        display: block;
      }
      .catch_copy span:first-child {
        animation: catch_anime 1.4s forwards 1s;
      }
      .catch_copy span:nth-child(2) {
        animation: catch_anime 1.4s forwards 2s;
      }
      .catch_copy span:nth-child(3) {
        animation: catch_anime 1.4s forwards 3s;
      }
      .catch_copy span:nth-child(4) {
        animation: catch_anime 1.4s forwards 4s;
      }

      @keyframes catch_anime {
        0% {
          transform: translateY(20px);
        }
        100% {
          opacity: 1;
          transform: translateY(0);
        }
      }