/*=============================================*/
/*  Top                               */
/*=============================================*/
/********************************************/
/*FV Animation */
/********************************************/
#fv_animate .mv01 .img {
  opacity: 0;
  transition: all 1.0s;
  transform: scale(0.8);
}

#fv_animate .mv01 .txt {
  opacity: 0;
  transition: all 1.0s;
  transform: scale(0.8);
}

#fv_animate .mv01 .img.fv_move {
  opacity: 1;
  transform: scale(1);
}

#fv_animate .mv01 .txt.fv_move {
  opacity: 1;
  transform: scale(1);
}

@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(25px);
  }
}

#fv_animate .mv01 .img img {
  animation: 3s ease-out fuwafuwa infinite;
}

@media screen and (max-width: 768px) {
  @keyframes fuwafuwa {
    0%, 100% {
      transform: translateY(0);
    }
    30% {
      transform: translateY(10px);
    }
  }
}

/********************************************/
/*Scroll Animation */
/********************************************/
.animate.ver_down_top {
  opacity: 0;
  transform: translateY(100px);
  transition: all 1.0s;
}

.animate.ver_down_top.scrollin {
  opacity: 1;
  transform: translateY(0px);
}

.animate.ver_left_right {
  opacity: 0;
  transform: translateX(-100px);
  transition: all 1.0s;
}

.animate.ver_left_right.scrollin {
  opacity: 1;
  transform: translateX(0px);
}

.animate.ver_right_left {
  opacity: 0;
  transform: translateX(100px);
  transition: all 1.0s;
}

.animate.ver_right_left.scrollin {
  opacity: 1;
  transform: translateX(0px);
}

/*=============================================*/
/*  page                               */
/*=============================================*/
/********************************************/
/* top */
/********************************************/
.top_philosophy_block.animate .img {
  opacity: 0;
  transition: all 1.0s;
}

.top_philosophy_block.animate.scrollin .img {
  opacity: 1;
}

.top_company_block.animate .company_img {
  position: relative;
}

.top_company_block.animate .company_img:before, .top_company_block.animate .company_img:after {
  position: absolute;
  top: 0;
  content: "";
  width: 50%;
  height: 100%;
  background: #fff;
  transition: all 1.0s;
  z-index: 20;
}

.top_company_block.animate .company_img:before {
  right: 50%;
}

.top_company_block.animate .company_img:after {
  left: 50%;
}

.top_company_block.animate.scrollin .company_img:before {
  right: 100%;
}

.top_company_block.animate.scrollin .company_img:after {
  left: 100%;
}

/********************************************/
/* philosophy */
/********************************************/
.philosophy_philosophy_block.animate .circle2_list li:first-child,
.philosophy_policy_block.animate .circle2_list li:first-child {
  left: 25%;
  transition: all 1.0s;
}

.philosophy_philosophy_block.animate .circle2_list li:last-child,
.philosophy_policy_block.animate .circle2_list li:last-child {
  right: 25%;
  opacity: 0;
  transition: all 1.0s;
}

.philosophy_philosophy_block.animate.scrollin .circle2_list li:first-child,
.philosophy_policy_block.animate.scrollin .circle2_list li:first-child {
  left: clamp(10px, 3%, 25px);
}

.philosophy_philosophy_block.animate.scrollin .circle2_list li:last-child,
.philosophy_policy_block.animate.scrollin .circle2_list li:last-child {
  right: clamp(10px, 3%, 25px);
  opacity: 1;
}

.philosophy_3strengths_block.animate:before {
  right: -100%;
  transition: all 1.0s;
}

.philosophy_3strengths_block.animate.scrollin:before {
  right: 0;
}

.philosophy_attempt_block.animate.scrollin .attempt_list li::after {
  background: #F29C7C;
}

.philosophy_attempt_block.animate.scrollin .attempt_list li:nth-child(1):after {
  animation: 2.5s ease-out balloon_color_01 forwards;
}

.philosophy_attempt_block.animate.scrollin .attempt_list li:nth-child(2):after {
  animation: 2.5s ease-out balloon_color_02 forwards;
}

.philosophy_attempt_block.animate.scrollin .attempt_list li:nth-child(3):after {
  animation: 2.5s ease-out balloon_color_03 forwards;
}

@keyframes balloon_color_01 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes balloon_color_02 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes balloon_color_03 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

/*=============================================*/
/*media query    sp */
/*=============================================*/
@media screen and (max-width: 767px) {
  .philosophy_3strengths_block.animate:before {
    right: 0;
  }
}

/*# sourceMappingURL=animate.css.map */