@charset "utf-8";.line_button_on span{animation:line_button_on0 .75s ease-in-out forwards}
@keyframes line_button_on0{0%,100%{left:0%;opacity:1}
48%{left:100%;opacity:1}
49%{left:100%;opacity:0}
51%{left:-100%;opacity:0}
52%{left:-100%;opacity:1}
}
.line_button_off span{animation:line_button_off0 .75s ease-in-out forwards}
@keyframes line_button_off0{0%,100%{left:0%;opacity:1}
48%{left:100%;opacity:1}
49%{left:100%;opacity:0}
51%{left:-100%;opacity:0}
52%{left:-100%;opacity:1}
}

.opening .loading_logo div>span:nth-child(1){animation:opening_on0 .25s ease-in-out forwards}
@keyframes opening_on0{0%,40%,80%{opacity:0}
100%,20%,60%{opacity:1}
}
.wrap_on .default .loading_logo div span{animation:loading_on0 .5s ease-in-out forwards}
@keyframes loading_on0{0%{left:0%}
100%{left:100%}
}
.wrap_off .default .loading_logo div>span:nth-child(2){animation:loading_off0 .5s ease-in-out forwards}
@keyframes loading_off0{0%{left:-100%}
100%{left:0%}
}
.wrap_on .loading{animation:wrap_on0 .75s ease-in-out forwards}
@keyframes wrap_on0{0%{opacity:1}
100%{opacity:0}
}
.wrap_on .contents{animation:wrap_on1 .75s ease-in-out forwards}
@keyframes wrap_on1{0%{transform:translateX(-25px)}
100%{transform:translateX(0)}
}
.wrap_off .loading{animation:wrap_off0 .75s ease-in-out forwards}
@keyframes wrap_off0{0%{opacity:0}
100%{opacity:1}
}
.wrap_off .contents,.wrap_off .wrap_off .menu_on .menu_bg,.wrap_off .menu_on .menu_inner{animation:wrap_off1 .75s ease-in-out forwards}
@keyframes wrap_off1{0%{transform:translateX(0)}
100%{transform:translateX(25px)}
}
.detail_slide .slide_on,.main_slide .slide_on{animation:slide_on0 2.5s ease-in-out forwards}
@keyframes slide_on0{0%{opacity:0;transform:scale(1.05,1)}
100%{opacity:1;transform:scale(1,1)}
}
.main_slide .slide_off div,.main_slide .slide_on div{animation:slide_on1 10s linear forwards}
@keyframes slide_on1{0%{transform:scale(1.1)}
100%{transform:scale(1)}
}
.main_loader_line .slide_on path{animation:slide_on2 6.5s linear forwards;stroke-dasharray:600}
@keyframes slide_on2{0%{stroke-dashoffset:600}
100%{stroke-dashoffset:1200}
}
.main_loader_text .slide_on{animation:slide_on3 1.25s ease-in-out 1.25s forwards}
@keyframes slide_on3{0%{opacity:0}
100%{opacity:1}
}
.main_loader_number_first .slide_on{animation:slide_on4 1s ease-in-out .85s forwards}
.main_loader_number_second .slide_on{animation:slide_on4 1s ease-in-out .75s forwards}
@keyframes slide_on4{0%{opacity:0;transform:translateY(50%) rotateX(90deg)}
100%{opacity:1;transform:translateY(0) rotateX(0)}
}
.detail_slide .slide_off,.main_slide .slide_off{animation:slide_off0 2.5s ease-in-out forwards}
@keyframes slide_off0{0%{opacity:1}
100%{opacity:0}
}
.main_loader_line .slide_off path{animation:slide_off2 1s ease-in-out forwards;stroke-dasharray:600}
@keyframes slide_off2{0%{stroke-dashoffset:0}
100%{stroke-dashoffset:600}
}
.main_loader_text .slide_off{animation:slide_off3 1.25s ease-in-out forwards}
@keyframes slide_off3{0%{opacity:1}
100%{opacity:0}
}
.main_loader_number_first .slide_off{animation:slide_off4 1s ease-in-out .1s forwards}
.main_loader_number_second .slide_off{animation:slide_off4 1s ease-in-out forwards}
@keyframes slide_off4{0%{opacity:1;transform:translateY(0) rotateX(0)}
100%{opacity:0;transform:translateY(-50%) rotateX(90deg)}
}
.wrap_on .main_loader_line .main_loader_line_shadow path{animation:home0 1.5s ease-in-out forwards;stroke-dasharray:600}
@keyframes home0{0%{stroke-dashoffset:600;stroke:rgba(230,230,230,1)}
50%{stroke-dashoffset:1200;stroke:rgba(230,230,230,.5)}
100%{stroke-dashoffset:1200;stroke:rgba(255,255,255,.25)}
}
.wrap_on .main_copy div,.wrap_on .main_title div{animation:home1 .75s ease-in-out forwards}
@keyframes home1{0%{width:0%}
100%{width:100%}
}
.wrap_on .main_loader_text .slide_on p{animation:home2 1.5s ease-in-out forwards}
@keyframes home2{0%{color:rgba(230,230,230,0)}
50%{color:rgba(230,230,230,1)}
100%{color:hsla(0,0%,40%,1.00); text-shadow:
           1px 1px 0px #fff, -1px -1px 0px #fff,
          -1px 1px 0px #fff,  1px -1px 0px #fff,
           1px 0px 0px #fff, -1px  0px 0px #fff,
           0px 1px 0px #fff,  0px -1px 0px #fff;}
}
.wrap_on .main_loader_number .slide_on path{animation:home3 1.5s ease-in-out forwards}
@keyframes home3{0%{fill:rgba(230,230,230,1)}
100%{fill:rgba(255,55,255,1)}
}
.wrap_on .main_loader_line_form{animation:home4 .5s ease-in-out 1s forwards}
@keyframes home4{0%{opacity:0}
100%{opacity:1}
}
.wrap_on .contents_scroll div{animation:home5 1s ease-in-out 1s forwards}
@keyframes home5{0%{height:0%}
100%{height:100%}
}
.wrap_off .contents_scroll div span,.wrap_on .contents_scroll div span{animation:home6 2.5s ease-in-out 2s infinite}
@keyframes home6{0%{top:0%;opacity:0}
15%,55%{opacity:1}
100%,70%{top:90%;opacity:0}
}
.wrap_on .contents_copy p,.wrap_on .main_copy div p,.wrap_on .main_title div p{animation:home7 1.5s ease-in-out forwards}
@keyframes home7{0%{color:rgba(230,230,230,0)}
100%{color:rgba(50,50,50,1)}
}
.wrap_on .main_logo path{animation:home8 1.5s ease-in-out forwards}
@keyframes home8{0%{fill:rgba(230,230,230,0)}
100%{fill:rgba(0,159,65,1)}
}
.slide_first .main_slide .slide_on,.wrap_on .main_img div{animation:home9 1.125s ease-in-out 375ms forwards}
@keyframes home9{0%{opacity:0;transform:scale(1.025)}
100%{opacity:1;transform:scale(1)}
}
.slide_first .main_loader_number_first .slide_on{animation:slide_on4 .75s ease-in-out .1s forwards}
.slide_first .main_loader_number_second .slide_on{animation:slide_on4 .75s ease-in-out 0s forwards}
.wrap_on .main_title>img:nth-child(1){animation:lower0 375ms ease-in-out 475ms forwards}
.wrap_on .main_title>img:nth-child(2){animation:lower0 375ms ease-in-out 375ms forwards}
@keyframes lower0{0%{opacity:0;transform:translateY(50%) rotateX(90deg)}
100%{opacity:1;transform:translateY(0) rotateX(0)}
}

.wrap_on .header_off .header_button_inner>div:nth-child(2)>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:nth-child(2)>div:nth-child(2) span span{animation:header_button_off0 2.5s ease-in-out .15s infinite}
.wrap_on .header_off .header_button_inner>div:nth-child(2)>div:nth-child(3) span span{animation:header_button_off0 2.5s ease-in-out .3s infinite}
@keyframes header_button_off0{0%,100%,65%{left:0%;opacity:1}
80%{left:100%;opacity:0}
85%{left:-100%;opacity:0}
}
.header_fix .header_button_bg{animation:header_fix0 375ms ease-in-out forwards}
@keyframes header_fix0{0%{transform:scale(.9);opacity:0}
100%{transform:scale(1);opacity:1}
}
.header_fix .header_button_inner>div:nth-child(2){animation:header_fix1 375ms ease-in-out .1875s forwards}
@keyframes header_fix1{0%{opacity:0}
100%{opacity:1}
}
.header_nofix .header_button_bg{animation:header_nofix0 375ms ease-in-out forwards}
@keyframes header_nofix0{0%{transform:scale(1);opacity:1}
100%{transform:scale(.9);opacity:0}
}
.header_on .header_button_bg div{animation:header_on0 375ms ease-in-out forwards}
@keyframes header_on0{0%{transform:scale(1);opacity:1}
100%{transform:scale(.9);opacity:0}
}
.header_on .header_button_inner>div:nth-child(2)>div:nth-child(1){animation:header_on1 .75s ease-in-out forwards}
@keyframes header_on1{0%{margin:0;transform:rotate(0)}
50%{margin:8px 0 0;transform:rotate(0)}
100%{margin:8px 0 0;transform:rotate(-45deg)}
}
.header_on .header_button_inner>div:nth-child(2)>div:nth-child(3){animation:header_on2 .75s ease-in-out forwards}
@keyframes header_on2{0%{margin:16px 0 0;transform:rotate(0)}
50%{margin:8px 0 0;transform:rotate(0)}
100%{margin:8px 0 0;transform:rotate(45deg)}
}
.header_off .header_button_bg div{animation:header_off0 375ms ease-in-out forwards}
@keyframes header_off0{0%{transform:scale(.9);opacity:0}
100%{transform:scale(1);opacity:1}
}
.header_off .header_button_inner>div:nth-child(2)>div:nth-child(1){animation:header_off1 .75s ease-in-out forwards}
@keyframes header_off1{0%{margin:8px 0 0;transform:rotate(-45deg)}
50%{margin:8px 0 0;transform:rotate(0)}
100%{margin:0;transform:rotate(0)}
}
.header_off .header_button_inner>div:nth-child(2)>div:nth-child(3){animation:header_off2 .75s ease-in-out forwards}
@keyframes header_off2{0%{margin:8px 0 0;transform:rotate(45deg)}
50%{margin:8px 0 0;transform:rotate(0)}
100%{margin:16px 0 0;transform:rotate(0)}
}
.menu_on .menu_bg,.menu_on .menu_inner{animation:menu_on0 .5s ease-in-out forwards}
@keyframes menu_on0{0%{left:50%;background:rgba(255,255,255,0)}
100%{left:0%;background:rgba(255,255,255,1)}
}
.menu_on .menu_block{animation:menu_on1 .5s ease-in-out .25s forwards}
@keyframes menu_on1{0%{opacity:0;left:55%}
100%{opacity:1;left:50%}
}
.menu_on .menu_sns_list{animation:menu_on2 375ms ease-in-out 375ms forwards}
@keyframes menu_on2{0%{opacity:0;transform:scale(.9)}
100%{opacity:1;transform:scale(1)}
}
.menu_off .menu_bg,.menu_off .menu_inner{animation:menu_off0 .5s ease-in-out forwards}
@keyframes menu_off0{0%{left:0%;background:rgba(255,255,255,1)}
100%{left:50%;background:rgba(255,255,255,0)}
}
.menu_off .menu_block{animation:menu_off1 .5s ease-in-out forwards}
@keyframes menu_off1{0%{opacity:1}
100%{opacity:0}
}
.menu_off .menu_sns_list{animation:menu_off2 .5s ease-in-out forwards}
@keyframes menu_off2{0%{opacity:1;transform:scale(1)}
100%{opacity:0;transform:scale(.9)}
}
.menu_block_list_on>img:nth-child(2){animation:menu_block_list_on0 .5s ease-in-out forwards}
.menu_block_list_on>img:nth-child(1){animation:menu_block_list_on0 .5s ease-in-out .1s forwards}
@keyframes menu_block_list_on0{0%,100%{opacity:1;transform:translateY(0) rotateX(0)}
49%{opacity:0;transform:translateY(-50%) rotateX(90deg)}
51%{opacity:0;transform:translateY(50%) rotateX(90deg)}
}
.menu_block_list_off>img:nth-child(2){animation:menu_block_list_off0 .5s ease-in-out forwards}
.menu_block_list_off>img:nth-child(1){animation:menu_block_list_off0 .5s ease-in-out .1s forwards}
@keyframes menu_block_list_off0{0%,100%{opacity:1;transform:translateY(0) rotateX(0)}
49%{opacity:0;transform:translateY(-50%) rotateX(90deg)}
51%{opacity:0;transform:translateY(50%) rotateX(90deg)}
}