@charset "utf-8";/*---------- 共通 ---------*/
@keyframes logo_1 {0% {opacity: 0; transform: translateY(-500px);}100% {opacity: 1; transform: translateY(0);}}
@keyframes logo_2 {0% {opacity: 0; transform: translateY(400px); }100% {opacity: 1; transform: translateY(0);}}
@keyframes logo_3 {0% {opacity: 0; transform: translateX(-200px);}100% {opacity: 1; transform: translateX(0);}}
@keyframes logo_4 {0% {opacity: 0; transform: translateX(200px);}100% {opacity: 1; transform: translateX(0);}}
@keyframes logo_5 {0% {opacity: 0; transform: translateX(200px); }100% {opacity: 1; transform: translateX(0);}}
@keyframes logo_6 {0% {opacity: 0; transform: translateX(-200px);}100% {opacity: 1; transform: translateX(0);}}
@keyframes logo_7 {0% {opacity: 0; transform: translateY(200px);}100% {opacity: 1; transform: translateY(0);}}
@keyframes logo_8 {0% {opacity: 0; transform: translateY(100px); }100% {opacity: 1; transform: translateY(0);}}
@keyframes logo_9 {0% {opacity: 0; transform: translateX(100px); }100% {opacity: 1; transform: translateX(0);}}
@keyframes logo_10 {0% {opacity: 0; transform: translateY(300px); }100% {opacity: 1; transform: translateY(0);}}
/*---------------------------------wow---------------------------------*/
.animate__fadeInUp { -webkit-animation-name: fadeInUp_1; animation-name: fadeInUp_1; animation-timing-function: ease-in-out;  animation-duration:0.6s; }
@-webkit-keyframes fadeInUp_1 {from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes fadeInUp_1 {from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}/*---------------------------------link_btn_box--------------------------------*/.link_btn_box { -webkit-animation-name: fadeInUp_link_btn_box; animation-name: fadeInUp_link_btn_box; animation-timing-function: ease-in-out;  animation-duration:0.6s; }@-webkit-keyframes fadeInUp_link_btn_box {from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes fadeInUp_link_btn_box {from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}/* ------------------------------------------------------------ #fv ------------------------------------------------------------ */#fv.recruit .fv_box .img_1{ animation: infinity-scroll-left 40s ease 0.5s infinite;}@keyframes infinity-scroll-left {0% {transform: translate(0,0) rotateZ(0);}12% {transform: translate(-10%,4%) rotateZ(-15deg);}25% {transform: translate(10%,12%) rotateZ(-30deg);}37% {transform: translate(30%,4%) rotateZ(-35deg);}50% {transform: translate(0,0) rotateZ(-20deg);}62% {transform: translate(-10%,-3%) rotateZ(-15deg);}75% {transform: translate(-0%,-5%) rotateZ(-30deg);}87% {transform: translate(30%,-3%) rotateZ(-10deg);}100% {transform: translate(0,0) rotateZ(0);}}/* ------------------------------------------------------------ #contact ------------------------------------------------------------ */#contact .form_content{-webkit-animation-name: fadeInUp_form_content; animation-name: fadeInUp_form_content; animation-timing-function: ease-in-out;  animation-duration:0.6s;}@-webkit-keyframes fadeInUp_form_content {from { opacity: 0; -webkit-transform: translate3d(0, 5%, 0); transform: translate3d(0, 5%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes fadeInUp_form_content {from { opacity: 0; -webkit-transform: translate3d(0, 5%, 0); transform: translate3d(0, 5%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}#contact .intro { -webkit-animation-name: fadeInUp_contact_intro; animation-name: fadeInUp_contact_intro; animation-timing-function: ease-in-out; animation-duration:0.6s;}@-webkit-keyframes fadeInUp_contact_intro {from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes fadeInUp_contact_intro { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@media only screen and (max-width: 768px) {/*---------------------------------link_btn_box--------------------------------*/@-webkit-keyframes fadeInUp_link_btn_box {from { opacity: 0; -webkit-transform: translate3d(0, 15%, 0); transform: translate3d(0, 15%, 0); }to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes fadeInUp_link_btn_box {from { opacity: 0; -webkit-transform: translate3d(0, 15%, 0); transform: translate3d(0, 15%, 0); }to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}/* ------------------------------------------------------------ #fv ------------------------------------------------------------ */#fv.recruit .fv_box .img_1{ animation: infinity-scroll-left_sp 40s ease 0.5s infinite;}@keyframes infinity-scroll-left_sp {0% {transform: translate(0,0) rotateZ(0);}12% {transform: translate(-5%,5%) rotateZ(-15deg);}25% {transform: translate(0%,8%) rotateZ(-30deg);}37% {transform: translate(30%,5%) rotateZ(-35deg);}50% {transform: translate(0,0) rotateZ(-20deg);}62% {transform: translate(-15%,-10%) rotateZ(-15deg);} 75% {transform: translate(-0%,-20%) rotateZ(-30deg);} 87% {transform: translate(10%,-30%) rotateZ(-10deg);} 100% {transform: translate(0,0) rotateZ(0);} }#reason .promise .box{-webkit-animation-name: fadeInUp_promise; animation-name: fadeInUp_promise;}@keyframes fadeInUp_promise {from { opacity: 0; -webkit-transform: translate3d(0, 5%, 0); transform: translate3d(0, 5%, 0); }to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}}