@charset "utf-8";@keyframes opa_on{0%{opacity:0}100%{opacity:1}}@keyframes opa_off{0%{opacity:1}100%{opacity:0}}.menu_off .menu{animation:opa_off 0.5s ease-in-out forwards}.menu_on .menu{animation:opa_on 0.5s ease-in-out forwards}.wrap_on #home_mv ul li picture img:first-child{animation:opa_on 0.5s 1.5s ease-in-out forwards}.wrap_on #home_mv ul li picture img:last-child{animation:opa_on 0.5s ease-in-out forwards}#home_cs.fadein.scrollin:after{animation:opa_on 0.5s 1s ease-in-out forwards}ul.book_list li a:hover picture span:nth-child(2){animation:opa_on 0.5s ease-in-out forwards}.ttl_wrap span{display:block;opacity:0;transform:translateY(100%)}.ttl_wrap.fadein.scrollin span,.page .wrap_on .p_mv .ttl_wrap span,.page .wrap_on .p_mv_l .ttl_wrap span{opacity:1;transform:translateY(0);transition:transform .55s cubic-bezier(.165,.84,.44,1)}.home .wrap_on .header_off .header_title a:nth-child(1) .ttl_wrap span,.home .header_on .header_title a:nth-child(2) .ttl_wrap span{opacity:1;transform:translateY(0);transition:transform .55s cubic-bezier(.165,.84,.44,1);pointer-events:auto}.home .header_on .header_title a:nth-child(1) .ttl_wrap span,.oval_btn.opa_off{animation:opa_off 0.5s ease-in-out forwards}.page .wrap_on .header_off .header_title a:nth-child(2) .ttl_wrap span,.page .wrap_on .header_on .header_title a:nth-child(2) .ttl_wrap span{opacity:1;transform:translateY(0)}ul.work_list li.fadein.scrollin picture img{animation:opa_on .2s ease forwards;animation-delay:.5s}ul.work_list li a:hover .c_pic img{width:calc(100% - 4.6rem);height:calc(100% - 4.6rem)}ul.book_list li.fadein.scrollin picture img{animation:opa_on .5s ease forwards}ul.book_list li a .c_pic img{width:calc(100% - 4.6rem);height:calc(100% - 4.6rem)}@keyframes carousel-loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes carousel-loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}.carousel_slider_inner ul:first-child{animation:carousel-loop 120s -60s linear infinite}.carousel_slider_inner ul:last-child{animation:carousel-loop2 120s linear infinite}.head_cs_btn p:first-child{animation:carousel-loop 60s -30s linear infinite}.head_cs_btn p:last-child{animation:carousel-loop2 60s linear infinite}@keyframes parallax-anim{from{transform:translateY(500px)}to{transform:translateY(0)}}.cs_sozai{animation:parallax-anim linear}.chrome .cs_sozai,.edge .cs_sozai,.chrome .cs_sozai02,.edge .cs_sozai02{animation-timeline:scroll()}@keyframes parallax-anim02{from{transform:translateY(-500px)}to{transform:translateY(0)}}.cs_sozai02{animation:parallax-anim02 linear}