/* Custom CSS for LP 
  Tailwind CSSを使用していますが、追加の調整が必要な場合はここに記述します。
*/

/* Custom Animations usually provided by plugins, added manually here */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }

/* Font settings are handled in CSS file instead of style block */
body { 
    font-family: 'Noto Sans JP', sans-serif; 
}