/* 上から下へ線が伸びるアニメーション page top用 */
@keyframes drawLine {
	0% {
		stroke-dashoffset: 25; /* 線が完全に隠れた状態 */
	}
	100% {
		stroke-dashoffset: -25; /* 線が完全に表示された状態 */
	}

}

/* フェードイン */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}


/* 拡大縮小 */
@keyframes image-zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}

@keyframes text-zoom-in-out {
  0% {
    opacity: 0;
    scale: 5;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}

/* きらきら アニメーション */
@keyframes twinkle-small {
  0%, 100% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes pulse-glow {
  0%, 100% {
    transform: scale(0.8);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.5);
    opacity: 1;
  }
}
@keyframes sparkle-cross {
  0%, 100% {
    opacity: 0;
    transform: rotate(0deg) scale(0.3);
  }
  25% {
    opacity: 0.8;
    transform: rotate(45deg) scale(1);
  }
  50% {
    opacity: 1;
    transform: rotate(90deg) scale(1.2);
  }
  75% {
    opacity: 0.8;
    transform: rotate(135deg) scale(1);
  }
}

/* numberカウントアップ */
	@keyframes countUp {
		0% {
			transform: translateY(0px);
			opacity: 0;
		}
		100% {
			transform: translateY(0);
			opacity: 1;
		}
	}