@charset "utf-8";





/*LOAD*/
.load_on { animation:load_on0 0.5s ease-in-out forwards; }
@keyframes load_on0 {
	0% { opacity:0; }
	100% { opacity:1; }
}
.load_on .fix_button { animation:load_on1 0.5s ease-in-out 1s forwards; }
@keyframes load_on1 {
	0% { opacity:0; transform:translateY(15px); }
	100% { opacity:1; transform:translateY(0px); }
}





/*SCROLL*/
.scroll_on0 { animation:scroll_on0 0.5s ease-in-out forwards; }
@keyframes scroll_on0 {
	0% { opacity:0; }
	100% { opacity:1; }
}
.scroll_off0 { animation:scroll_off0 0.5s ease-in-out forwards; }
@keyframes scroll_off0 {
	0% { opacity:1; }
	100% { opacity:0; }
}
.scroll_on1 { animation:scroll_on1 0.5s ease-in-out forwards; }
@keyframes scroll_on1 {
	0% { opacity:0; transform:translateY(30px); }
	100% { opacity:1; transform:translateY(0px); }
}
.scroll_off1 { animation:scroll_off1 0.5s ease-in-out forwards; }
@keyframes scroll_off1 {
	0% { opacity:1; transform:translateY(0px); }
	100% { opacity:0; transform:translateY(30px); }
}
.scroll_on .visual_title { animation:scroll_on2 0.5s ease-in-out 0.5s forwards; }
@keyframes scroll_on2 {
	0% { opacity:0; transform:scale(0.95); }
	100% { opacity:1; transform:scale(1); }
}





/*FIX*/
.fix_on .fix_back { animation:fix_on0 0.5s ease-in-out forwards; }
@keyframes fix_on0 {
	0% { opacity:0; transform:translateY(15px); }
	100% { opacity:1; transform:translateY(0px); }
}
.fix_off .fix_back { animation:fix_off0 0.5s ease-in-out forwards; }
@keyframes fix_off0 {
	0% { opacity:1; transform:translateY(0px); }
	100% { opacity:0; transform:translateY(15px); }
}