@charset "utf-8";

/*BACK_FIX*/
.back_on { animation:back_on 0.5s ease-in-out forwards; }
@keyframes back_on {
	0% { bottom:25px; opacity:0; }
	100% { bottom:50px; opacity:1; }
}
.back_off { animation:back_off 0.5s ease-in-out forwards; }
@keyframes back_off {
	0% { bottom:50px; opacity:1; }
	100% { bottom:25px; opacity:0; }
}

/*CONTENTS_IMG*/
#home .contents_img_on > div:nth-child(1) { animation:contents_img_on1 1.25s ease-in-out forwards; }
@keyframes contents_img_on1 {
	0% { transform:scale(1.0375); }
	100% { transform:scale(1); }
}
#products .contents_img_on > div:nth-child(1),#history .contents_img_on > div:nth-child(1),#company .contents_img_on > div:nth-child(1),#information .contents_img_on > div:nth-child(1),#contact .contents_img_on > div:nth-child(1) { animation:contents_img_on2 1.25s ease-in-out forwards; }
@keyframes contents_img_on2 {
	0% { transform:scale(1.1); }
	100% { transform:scale(1); }
}



/*CONTENTS_TITLE*/
#home .contents_title_on { animation:contents_title_on1 0.5s ease-in-out 0.75s forwards; }
#products .contents_title_on,#history .contents_title_on,#company .contents_title_on,#information .contents_title_on,#contact .contents_title_on { animation:contents_title_on1 0.5s ease-in-out forwards; }
@keyframes contents_title_on1 {
	0% { opacity:0; }
	100% { opacity:1; }
}
.contents_title_on .contents_title_line > div:nth-child(1) span { animation:contents_title_on3 0.75s ease-in-out forwards; }
.contents_title_on .contents_title_line > div:nth-child(2) span { animation:contents_title_on4 0.75s ease-in-out forwards; }
@keyframes contents_title_on3 {
	0% { left:100%; }
	100% { left:0%; }
}
@keyframes contents_title_on4 {
	0% { left:-100%; }
	100% { left:0%; }
}



/*CONTENTS_BUTTON*/
.contents_button_on .contents_button_img { animation:contents_button_on0 0.45s ease-in-out forwards; }
.contents_button_on .contents_button_title p.english { animation:contents_button_on1 0.3s ease-in-out forwards; }
.contents_button_on .contents_button_title p.japan { animation:contents_button_on2 0.3s ease-in-out forwards; }
@keyframes contents_button_on0 {
	0% { transform:scale(1); }
	100% { transform:scale(1.03); }
}
@keyframes contents_button_on1 {
	0% { top:0; opacity:1; }
	100% { top:-25%; opacity:0; }
}
@keyframes contents_button_on2 {
	0% { top:25%; opacity:0; }
	100% { top:0; opacity:1; }
}
.contents_button_off .contents_button_img { animation:contents_button_off0 0.45s ease-in-out forwards; }
.contents_button_off .contents_button_title p.english { animation:contents_button_off1 0.3s ease-in-out forwards; }
.contents_button_off .contents_button_title p.japan { animation:contents_button_off2 0.3s ease-in-out forwards; }
@keyframes contents_button_off0 {
	0% { transform:scale(1.03); }
	100% { transform:scale(1); }
}
@keyframes contents_button_off1 {
	0% { top:-25%; opacity:0; }
	100% { top:0; opacity:1; }
}
@keyframes contents_button_off2 {
	0% { top:0; opacity:1; }
	100% { top:25%; opacity:0; }
}



/*SLIDE_IMG*/
.slide_img_on { animation:slide_img_on 10s linear forwards; }
@keyframes slide_img_on {
	0% { transform:scale(1.15); }
	100% { transform:scale(1); }
}



/*PRODUCTS_LIST*/
.products_list_on .products_list_img { animation:products_list_on0 0.45s ease-in-out forwards; }
.products_list_on .products_list_frame { animation:products_list_on1 0.45s ease-in-out forwards; }
@keyframes products_list_on0 {
	0% { transform:scale(1); }
	100% { transform:scale(1.025); }
}
@keyframes products_list_on1 {
	0% { transform:scale(1.1); border:10px solid rgba(255,255,255,0); }
	100% { transform:scale(1); border:10px solid rgba(255,255,255,0.75); }
}
.products_list_off .products_list_img { animation:products_list_off0 0.45s ease-in-out forwards; }
.products_list_off .products_list_frame { animation:products_list_off1 0.45s ease-in-out forwards; }
@keyframes products_list_off0 {
	0% { transform:scale(1.025); }
	100% { transform:scale(1); }
}
@keyframes products_list_off1 {
	0% { transform:scale(1); border:10px solid rgba(255,255,255,0.75); }
	100% { transform:scale(1.1); border:10px solid rgba(255,255,255,0); }
}



/*INFORMATION_LIST*/
.information_list_on .home_information_img > div,.information_list_on .information_img > div { animation:information_list_on 0.45s ease-in-out forwards; }
@keyframes information_list_on {
	0% { transform:scale(1); }
	100% { transform:scale(1.0625); }
}
.information_list_off .home_information_img > div,.information_list_off .information_img > div { animation:information_list_off 0.45s ease-in-out forwards; }
@keyframes information_list_off {
	0% { transform:scale(1.0625); }
	100% { transform:scale(1); }
}