@charset "utf-8";
/*
* ANIMATION
******************************************************/
/* common */
@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeUptext{
    0% {
        opacity: 0;
    }
	50% {
        opacity: .3;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeUpAnime{
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translate(40px,0)
    }

    50% {
        opacity: 0;
        transform: translate(40px,0)
    }

    100% {
        opacity: 1;
        transform: translate(0,0)
    }
}
@keyframes changeBgColor{
	0% {
		background:#E3F1F4;
		opacity: 1;
	}
    60% {
		background:#E3F1F4;
		opacity: 1;
	}
	100% {
		background:linear-gradient(90deg, #fff0f3, #e1f4fd);
		opacity: 1;
	}
}
@keyframes list-appear01 {
    0% {
        opacity: 0;
        transform: scale(0);
    }
	30% {
        opacity: 0;
        transform: scale(.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
/* 404 */
@keyframes smoke {
	0% {
	  opacity: 0;
	}
	50% {
	  opacity: 1;
	  text-shadow: 0 0 0 rgb(0, 0, 0);
	}
	100% {
	  opacity: 1;
	  text-shadow: 0 0 0 rgb(0, 0, 0);
	}
}