.mission .screen::before,.mission .screen::after{  transform: scale(0);        opacity: 0;        transition: transform 0.5s ease-out, opacity 0.5s ease-out;}
.mission_img {  opacity: 0;        transform: translateX(100%);        transition: transform 0.5s ease-out, opacity 0.5s ease-out;}
.mission_img_small  { transform: scale(0);        opacity: 0;        transition: transform 0.5s ease-out, opacity 0.5s ease-out;  }
.mission_img a  {    transform: scale(0);        opacity: 0;        transition: transform 0.5s ease-out, opacity 0.5s ease-out;}
.animate .screen::before,    .animate .screen::after {        transform: scale(1);        opacity: 1;    }
 .animate .mission_img {
        transform: translateX(0);
        opacity: 1;
    }

    .animate .mission_img_small {
        transform: scale(1);
        opacity: 1;
    }

    .animate .mission_img a {
        transform: scale(1);
        opacity: 1;
    }

 .mission_title,.mission_content {opacity: 0;transform: translateY(100px);transition: transform 0.5s ease-out, opacity 0.5s ease-out;   }
.mission_content {transform: translateY(150px);}
  .animate .mission_title,.animate .mission_content {transform: translateY(0);opacity: 1;}
