@charset "UTF-8";

@keyframes wrapobj {
  0% { opacity: 0;}
  100% { opacity: 100%;}
}
@keyframes slideup {
  0% { transform: translateY(10%);}
  100% { transform: translateY(0);}
}
@keyframes slidedown {
  0% {  transform: translateY(-10%);}
  100% { transform: translateY(0);}
}
@keyframes sub-nav-pc {
  0% { transform: translateY(-25px); opacity: 0;}
  100% { transform: translateY(0); opacity: 100%;}
}
@keyframes slideleft {
  0% { transform: translateX(10px);
  }
  100% { transform: translateX(0);}
}
@keyframes slideright {
  0% { transform: translateX(0);}
  100% { transform: translateX(10px);}
}
@-webkit-keyframes zoomin {
  0% { transform: scale(1);}
  100% { transform: scale(1.05);}
}
@keyframes zoomin {
  0%  { transform: scale(1);}
  100% { transform: scale(1.028);}
}
@keyframes zoomin-fadein {
  0%  { transform: scaleY(.985); opacity: 0;}
  100% { transform: scaleY(1); opacity: 100%;}
}


.ani-wrapobj1-5s { animation: 1.5s ease-out 0s 1 wrapobj;} 
.ani-slideup1s { animation: 1s ease-out 0s 1 slideup;}
.ani-slidedown1s { animation: 1s ease-out 0s 1 slidedown;}
.ani-slideup2-25s { animation: 2.25s ease-out 0s 1 slideup;}
.ani-slidedown2-25s { animation: 2.25s ease-out 0s 1 slidedown;}
.ani-slidedown-5s { animation: .5s ease-out 0s 1 slidedown;}
.ani-zoomin-4s { animation: 4.5s ease-out 0s 1 zoomin;}
.ani-zoom-fade2s { animation: 2s ease-out 0s 1 zoomin-fadein;} 

.ani-logo { animation: .5s ease-out 0s 1 slideup;}
.ani-nav { animation: .5s ease-out 0s 1 slidedown;}


@media screen and (min-width:768px) {
	.ani-sub_nav_pc { animation: .5s ease-out 0s 1 sub-nav-pc;}
}


@media screen and (max-width:1366px) {
	.ani-logo { animation: 1s ease-out 0s 1 slideleft;}
	.ani-nav { animation: 1s ease-out 0s 1 wrapobj;}
}


@media screen and (max-width:767px) {
	.ani-logo { animation: .5s ease-out 0s 1 slideup;}
	.ani-nav { animation: .5s ease-out 0s 1 slidedown;}
}