@charset "utf-8";
.inview-animation.action {
	animation:inview-animation 1000ms ease 200ms 1 normal both running;
}
@keyframes inview-animation{
	0%{
	  opacity: 0;
	}
	100%{
	  opacity: 1;
	}
}

.fv-c_copy span.inview-animation.action {
	animation:inview-animation 1000ms ease 500ms 1 normal both running;
}
.fv-c_copy span.inview-animation.action:nth-child(2) {
	animation:inview-animation 1000ms ease 900ms 1 normal both running;
}
.inview-animation,.inview-order > li{
	opacity:0;
}
.wrapper.inview-animation.action {
	animation:inview-animation 400ms ease 0ms 1 normal both running;
}
.reason-voice h2::before {
  transition: 800ms;
  transition-delay: 200ms;
  border-color: rgba(255, 242, 243, 0.6) transparent transparent transparent;
  top: -12px;
}
.reason-voice h2.action::before {
  border-color: rgba(255, 242, 243, 1) transparent transparent transparent;
  top: -6px;
}
.reason-3pillars h2::before {
  transform: rotate(15deg);
  transition: 800ms;
  transition-delay: 300ms;
}
.reason-3pillars h2.action::before {
  transform: rotate(-35deg);
}
#flow h2::before, #flow h2::after {
  border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
  transition: 800ms;
  top: -53px;
}
#flow h2::after {
  top: -96px;
}
#flow h2.action::before, #flow h2.action::after {
  border-color: rgba(255, 255, 255, 1) transparent transparent transparent;
  top: -45px;
}
#flow h2.action::after {
  top: -80px;
}
#course h2::before {
  border-color: rgba(250, 251, 211, 0.2) transparent transparent transparent;
  transition: 800ms;
  transition-delay: 300ms;
}
#course h2.action::before {
  border-color: rgba(250, 251, 211, 1) transparent transparent transparent;
}
#course h2::after {
  border-color: rgba(250, 251, 211, 0.2) rgba(250, 251, 211, 0.4) transparent transparent;
  transition: 800ms;
  transition-delay: 300ms;
}
#course h2.action::after {
  border-color: rgba(250, 251, 211, 1) rgba(250, 251, 211, 1) transparent transparent;
}
  .inview-order.action > li {
	animation:inview-animation 1000ms ease 0 1 normal both running;
  }
  .inview-order.action > li:nth-child(1) {
	animation:inview-animation 1000ms ease 250ms 1 normal both running;
  }
  .inview-order.action > li:nth-child(2) {
	animation:inview-animation 1000ms ease 550ms 1 normal both running;
  }
  .inview-order.action > li:nth-child(3) {
	animation:inview-animation 1000ms ease 850ms 1 normal both running;
  }
  .inview-order.action > li:nth-child(4) {
	animation:inview-animation 1000ms ease 1150ms 1 normal both running;
  }