@charset "utf-8";

main.index #section02 .text-box h2{transition-duration: 0.6s;opacity: 0;transform: translateX(-4rem);transition-property: opacity,transform;}
main.index #section02 .text-box p{transform: translateX(-4rem);transition-duration: 0.6s;opacity: 0;transition-property: opacity,transform;transition-delay: 0.2s;}
main.index #section02 .text-box .img{transform: translateX(-4rem);transition-duration: 0.6s;opacity: 0;transition-property: opacity,transform;transition-delay: 0.4s;}
main.index #section02 .img-box{transition-duration: 0.6s;opacity: 0;transform: translateY(4rem);transition-property: opacity,transform;}

main.index #section02._motion_ .text-box h2{transform: translateX(0);opacity: 1;}
main.index #section02._motion_ .text-box p{transform: translateX(0);opacity: 1;}
main.index #section02._motion_ .text-box .img{transform: translateX(0);opacity: 1;}
main.index #section02._motion_ .img-box{transform: translateY(0);opacity: 1;}


main.index #section03 .text-box h2{transition-duration: 0.6s;opacity: 0;transform: translateX(-4rem);transition-property: opacity,transform;}
main.index #section03 .text-box p{transform: translateX(-4rem);transition-duration: 0.6s;opacity: 0;transition-property: opacity,transform;transition-delay: 0.2s;}
main.index #section03 .control-box{transition-duration: 0.6s;opacity: 0;transform: translateY(4rem);transition-property: opacity,transform;}
main.index #section03 .right-box{transition-duration: 0.6s;opacity: 0;transform: translateY(4rem);transition-property: opacity,transform;}

main.index #section03._motion_ .text-box h2{transform: translateX(0);opacity: 1;}
main.index #section03._motion_ .text-box p{transform: translateX(0);opacity: 1;}
main.index #section03._motion_ .control-box{transform: translateY(0);opacity: 1;}
main.index #section03._motion_ .right-box{transform: translateY(0);opacity: 1;}