@charset "Shift_JIS";





/*LOAD*/
.load_on .wrap { animation:load_on1 0.5s ease-in-out forwards; }
@keyframes load_on1 {
	0% { opacity:0; }
	100% { opacity:1; }
}
.load_on .section_title h1 > img:nth-child(1) { animation:load_on2 0.5s ease-in-out forwards; }
@keyframes load_on2 {
	0% { opacity:0; transform:translateY(30px); }
	100% { opacity:1; transform:translateY(0px); }
}
.load_on .section_title h1 > img:nth-child(4) { animation:load_on3 1s cubic-bezier(0.75,-0.5,0.25,1.5) 0.25s forwards; }
.load_on .section_title h1 > img:nth-child(3),
.load_on .section_title h1 > img:nth-child(5) { animation:load_on3 1s cubic-bezier(0.75,-0.5,0.25,1.5) 0.5s forwards; }
.load_on .section_title h1 > img:nth-child(2),
.load_on .section_title h1 > img:nth-child(6) { animation:load_on3 1s cubic-bezier(0.75,-0.5,0.25,1.5) 0.75s forwards; }
@keyframes load_on3 {
	0% { opacity:0; transform:translateY(60px); }
	100% { opacity:1; transform:translateY(0px); }
}





/*FIX*/
.fix_on .fix { animation:fix_on1 0.5s ease-in-out forwards; }
@keyframes fix_on1 {
	0% { opacity:0; transform:translateY(30px); }
	100% { opacity:1; transform:translateY(0px); }
}
.fix_off .fix { animation:fix_off1 0.5s ease-in-out forwards; }
@keyframes fix_off1 {
	0% { opacity:1; transform:translateY(0px); }
	100% { opacity:0; transform:translateY(30px); }
}





/*SCROLL*/
.scroll_on1 { animation:scroll_on1 0.5s ease-in-out forwards; }
@keyframes scroll_on1 {
	0% { opacity:0; }
	100% { opacity:1; }
}
.scroll_on2 { animation:scroll_on2 0.5s ease-in-out forwards; }
@keyframes scroll_on2 {
	0% { opacity:0; transform:translateY(30px); }
	100% { opacity:1; transform:translateY(0px); }
}
.scroll_on .scroll_character { animation:scroll_on3 1s cubic-bezier(0.75,-0.5,0.25,1.5) forwards; }
@keyframes scroll_on3 {
	0% { opacity:0; transform:translateY(30px); }
	100% { opacity:1; transform:translateY(0px); }
}