@media screen and (min-width: 1024px){ .active .ResTitle_a3 { -webkit-animation: fadeInUp 0.8s ease 0.1s both; -ms-animation: fadeInUp 0.8s ease 0.1s both; -moz-animation: fadeInUp 0.8s ease 0.1s both; -o-animation: fadeInUp 0.8s ease 0.1s both; } .active .adv-list li{ -webkit-animation: fadeInUp 0.8s ease 0.3s both; -ms-animation: fadeInUp 0.8s ease 0.3s both; -moz-animation: fadeInUp 0.8s ease 0.3s both; -o-animation: fadeInUp 0.8s ease 0.3s both; } .active .num-list li,.active .adv-list2 li{ -webkit-animation: fadeInRight 0.8s ease 0.3s both; -ms-animation: fadeInRight 0.8s ease 0.3s both; -moz-animation: fadeInRight 0.8s ease 0.3s both; -o-animation: fadeInRight 0.8s ease 0.3s both; opacity: 1; } .active .ser-list li{ -webkit-animation: zoomIn 0.6s ease 0.3s both; -ms-animation: zoomIn 0.6s ease 0.3s both; -moz-animation: zoomIn 0.6s ease 0.3s both; -o-animation: zoomIn 0.6s ease 0.3s both; } .active .PhotoList_i1 li{ -webkit-animation: zoomIn 0.6s ease 0.3s both; -ms-animation: zoomIn 0.6s ease 0.3s both; -moz-animation: zoomIn 0.6s ease 0.3s both; -o-animation: zoomIn 0.6s ease 0.3s both; } .active .num-list li:nth-of-type(2),.active .ser-list li:nth-of-type(2),.active .ser-list li:nth-of-type(3),.active .adv-list2 li:nth-of-type(2),.active .adv-list li:nth-of-type(2){ -webkit-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; } .active .num-list li:nth-of-type(3),.active .adv-list2 li:nth-of-type(3),.active .adv-list li:nth-of-type(3){ -webkit-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s; } .active .num-list li:nth-of-type(4),.active .adv-list2 li:nth-of-type(4){ -webkit-animation-delay: 1.2s; -o-animation-delay: 1.2s; -ms-animation-delay: 1.2s; animation-delay: 1.2s; } .active .num-list li:nth-of-type(5),.active .adv-list2 li:nth-of-type(5){ -webkit-animation-delay: 1.5s; -o-animation-delay: 1.5s; -ms-animation-delay: 1.5s; animation-delay: 1.5s; } .active .adv-list2 li:nth-of-type(6){ -webkit-animation-delay: 1.8s; -o-animation-delay: 1.8s; -ms-animation-delay: 1.8s; animation-delay: 1.8s; } .active.main02 .link-list li:nth-child(2){ -webkit-animation: fadeInRight 0.8s ease 1s both; -ms-animation: fadeInRight 0.8s ease 1s both; -moz-animation: fadeInRight 0.8s ease 1s both; -o-animation: fadeInRight 0.8s ease 1s both; } .active.main02 .link-list li:nth-child(3){ -webkit-animation: fadeInRight 0.8s ease 1.3s both; -ms-animation: fadeInRight 0.8s ease 1.3s both; -moz-animation: fadeInRight 0.8s ease 1.3s both; -o-animation: fadeInRight 0.8s ease 1.3s both; } .active.main02 .link-list li:nth-child(4){ -webkit-animation: fadeInRight 0.8s ease 1.7s both; -ms-animation: fadeInRight 0.8s ease 1.7s both; -moz-animation: fadeInRight 0.8s ease 1.7s both; -o-animation: fadeInRight 0.8s ease 1.7s both; } }