@charset "utf-8";














/*HEADER*/
.header_fix { animation:header_fix0 0.5s ease-in-out forwards; }
@keyframes header_fix0 {
	0% { opacity:0; transform:translate(0,-45px); }
	100% { opacity:1; transform:translate(0,0); }
}
.wrap_on .header_off .header_button_inner > div > div:nth-child(1) span span { animation:header_button_off0 2.5s ease-in-out 0s infinite; }
.wrap_on .header_off .header_button_inner > div > div:nth-child(2) span span { animation:header_button_off0 2.5s ease-in-out 0.15s infinite; }
.wrap_on .header_off .header_button_inner > div > div:nth-child(3) span span { animation:header_button_off0 2.5s ease-in-out 0.3s infinite; }
@keyframes header_button_off0 {
	0% { left:0; opacity:1; }
	65% { left:0; opacity:1; }
	80% { left:100%; opacity:0; }
	85% { left:-100%; opacity:0; }
	100% { left:0; opacity:1; }	
}
@media (max-width:1150px){
	.header_on .header_bg  { animation:header_on0 0.5s ease-in-out forwards; }
	.header_off .header_bg  { animation:header_off0 0.5s ease-in-out forwards; }
	.header_on .header_logo  { animation:header_on1 0.5s ease-in-out forwards; }
	.header_off .header_logo  { animation:header_off1 0.5s ease-in-out forwards; }
}
@media (max-width:1150px) and (orientation:landscape){
	.header_on .header_bg  { animation:header_on0 0.5s ease-in-out forwards; }
	.header_off .header_bg  { animation:header_off0 0.5s ease-in-out forwards; }
	.header_on .header_logo  { animation:header_on1 0.5s ease-in-out forwards; }
	.header_off .header_logo  { animation:header_off1 0.5s ease-in-out forwards; }
}
@keyframes header_on0 {
	0% { background: rgba(255,255,255,1); }
	100% { background: rgba(255,255,255,0); }
}
@keyframes header_off0 {
	0% { background: rgba(255,255,255,0); }
	100% { background: rgba(255,255,255,1); }
}
@keyframes header_on1 {
	0% { opacity:1; }
	100% { opacity:0; }
}
@keyframes header_off1 {
	0% { opacity:0; }
	100% { opacity:1; }
}



/*MENU*/
.menu_fix { animation:menu_fix0 0.5s ease-in-out forwards; }
@keyframes menu_fix0 {
	0% { opacity:0; transform:translate(0,-45px); }
	100% { opacity:1; transform:translate(0,0); }
}
@media (max-width:1150px){
	.menu_on .menu_inner { animation:menu_on0 0.5s ease-in-out forwards; }
	.menu_off .menu_inner { animation:menu_off0 0.5s ease-in-out forwards; }
	.menu_on .menu_block { animation:menu_on1 0.5s ease-in-out 0.25s forwards; }
	.menu_off .menu_block { animation:menu_off1 0.5s ease-in-out forwards; }
	.menu_on .menu_slash_img1 { animation:menu_on2 0.5s ease-in-out 0.25s forwards; }
	.menu_on .menu_slash_img2 { animation:menu_on3 0.5s ease-in-out 0.25s forwards; }	
	.menu_off .menu_slash_img1,.menu_off .menu_slash_img2 { animation:menu_off2 0.5s ease-in-out forwards; }
}
@media (max-width:1150px) and (orientation:landscape){
	.menu_on .menu_inner { animation:menu_on0 0.5s ease-in-out forwards; }
	.menu_off .menu_inner { animation:menu_off0 0.5s ease-in-out forwards; }
	.menu_on .menu_block { animation:menu_on1 0.5s ease-in-out 0.25s forwards; }
	.menu_off .menu_block { animation:menu_off1 0.5s ease-in-out forwards; }
	.menu_on .menu_slash_img1 { animation:menu_on2 0.5s ease-in-out 0.25s forwards; }
	.menu_on .menu_slash_img2 { animation:menu_on3 0.5s ease-in-out 0.25s forwards; }	
	.menu_off .menu_slash_img1,.menu_off .menu_slash_img2 { animation:menu_off2 0.5s ease-in-out forwards; }
}
@keyframes menu_on0 {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes menu_on1 {
	0% { opacity:0; right:60px; }
	100% { opacity:1; right: 30px; }
}
@keyframes menu_on2 {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes menu_on3 {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes menu_off0 {
	0% { opacity:1; }
	100% { opacity:0; }
}
@keyframes menu_off1 {
	0% { opacity:1; }
	100% { opacity:0; }
}
@keyframes menu_off2 {
	0% { opacity:1; }
	100% { opacity:0; }
}



/*WRAP*/
.wrap_on .loading { animation:wrap_on0 0.5s ease-in-out forwards; }
@keyframes wrap_on0 {
	0% { opacity:1; }
	100% { opacity:0; }
}
.wrap_on .main_slash_img2 { animation:wrap_on1 0.75s ease-in-out 0.25s forwards; }
@keyframes wrap_on1 {
	0% { opacity:0; left: -20%; }
	100% { opacity:1; left: -10%; }
}
.wrap_on .main_slash_img1 { animation:wrap_on2 0.75s ease-in-out 0.25s forwards; }
@keyframes wrap_on2 {
	0% { opacity:0; left: 0%; }
	100% { opacity:1; left: -10%; }
}
.wrap_on .main_copy { animation:wrap_on3 0.75s ease-in-out 0.25s forwards; }
@media (max-width:1400px){
	.wrap_on .main_copy { animation:wrap_on3_0 0.75s ease-in-out 0.25s forwards; }
}
@media (max-width:1300px){
	.wrap_on .main_copy { animation:wrap_on3_2 0.75s ease-in-out 0.25s forwards; }
}
@media (max-width:1000px){
	.wrap_on .main_copy { animation:wrap_on3_1 0.75s ease-in-out 0.25s forwards; }
}
@media (max-width:1000px) and (orientation:landscape){
	.wrap_on .main_copy { animation:wrap_on3_1 0.75s ease-in-out 0.25s forwards; }
}
@keyframes wrap_on3 {
	0% { opacity:0; right:0px; }
	100% { opacity:1; right:120px; }
}
@keyframes wrap_on3_0 {
	0% { opacity:0; right:0px; }
	100% { opacity:1; right:90px; }
}
@keyframes wrap_on3_2 {
	0% { opacity:0; right:0px; }
	100% { opacity:1; right:60px; }
}
@keyframes wrap_on3_1 {
	0% { opacity:0; right:15%; }
	100% { opacity:1; right:33%; }
}
.wrap_on .main_copy > p:nth-child(1) { animation:wrap_on4 0.75s ease-in-out 0.25s forwards; }
@keyframes wrap_on4 {
	0% { opacity:0; letter-spacing:10px; }
	100% { opacity:1; letter-spacing:0; }
}
.wrap_on .main_slide_inner { animation:wrap_on5 0.5s ease-in-out 0.5s forwards; }
.wrap_on .main_visual_inner { animation:wrap_on5 0.5s ease-in-out 0.5s forwards; }
@keyframes wrap_on5 {
	0% { opacity:0; }
	100% { opacity:1; }
}
.wrap_on .main_visual_img0 div,.wrap_on .main_visual_img2 div { animation:wrap_on6 2s ease-in-out forwards; }
@keyframes wrap_on6 {
	0% { opacity:0; transform:scale(1.05); }
	100% { opacity:1; transform:scale(1); }
}












/*SCROLL*/
.scroll_on0 { animation:scroll_on0 0.5s ease-in-out forwards; }
@keyframes scroll_on0 {
	0% { opacity:0; }
	100% { opacity:1; }
}
.scroll_on1 { animation:scroll_on1 0.5s ease-in-out forwards; }
@keyframes scroll_on1 {
	0% { opacity:0; transform:translate(0,25px); }
	100% { opacity:1; transform:translate(0,0); }
}
.scroll_on0 .trans_img,.scroll_on1 .trans_img { animation:scroll_on2 0.75s ease-in-out forwards; }
@keyframes scroll_on2 {
	0% { opacity:0; transform:scale(1.05); }
	100% { opacity:1; transform:scale(1); }
}
.scroll_on0 .trans_text,.scroll_on1 .trans_text { animation:scroll_on3 0.75s ease-in-out forwards; }
@keyframes scroll_on3 {
	0% { letter-spacing:5px; }
	100% { letter-spacing:0; }
}
.scroll_off0 { animation:scroll_off0 0.5s ease-in-out forwards; }
@keyframes scroll_off0 {
	0% { opacity:1; }
	100% { opacity:0; }
}
.scroll_off1 { animation:scroll_off1 0.5s ease-in-out forwards; }
@keyframes scroll_off1 {
	0% { opacity:1; transform:translate(0,0); }
	100% { opacity:0; transform:translate(0,25px); }
}








/*POPUP*/
.popup_on { animation:popup_on0 0.5s ease-in-out forwards; }
@keyframes popup_on0 {
	0% { opacity:0; }
	100% { opacity:1; }
}
.popup_off { animation:popup_off0 0.5s ease-in-out forwards; }
@keyframes popup_off0 {
	0% { opacity:1; }
	100% { opacity:0; }
}
.popup_on .popup_close { animation:popup_on1 0.5s ease-in-out 0.25s forwards; }
@keyframes popup_on1 {
	0% { opacity:0; transform:scale(0.5) translate3d(0,0,0); }
	100% { opacity:1; transform:scale(1) translate3d(0,0,0); }
}
.popup_on .popup_close > div > div:nth-child(1) span { animation:popup_on2 0.375s ease-in-out 0.75s forwards; }
@keyframes popup_on2 {
	0% { left:-100%; }
	100% { left:0; }
}
.popup_on .popup_close > div > div:nth-child(2) span { animation:popup_on3 0.375s ease-in-out 1s forwards; }
@keyframes popup_on3 {
	0% { left:100%; }
	100% { left:0; }
}
.popup_on .popup_interview_on { animation:popup_interview_on0 0.5s ease-in-out forwards; }
@keyframes popup_interview_on0 {
	0% { opacity:0; }
	100% { opacity:1; }
}
.popup_on .popup_interview_off { animation:popup_interview_off0 0.5s ease-in-out forwards; }
@keyframes popup_interview_off0 {
	0% { opacity:1; }
	100% { opacity:0; }
}



/*SLIDE*/
.slide_on { animation:home_on0 2.5s ease-in-out forwards; }
@keyframes home_on0 {
	0% { opacity:0; transform:scale(1.05); }
	100% { opacity:1; transform:scale(1); }
}
.slide_on div,.slide_off div { animation:home_on1 10s linear forwards; }
@keyframes home_on1 {
	0% { transform:scale(1.1); }
	100% { transform:scale(1); }
}