@charset "UTF-8";
@media screen and (min-width: 768px) {
  .hoverUp {
    position: relative;
    top: 0;
    transition: all 0.2s;
  }
  .hoverUp:hover {
    position: relative;
    top: -15px;
  }
}
.op_after1 .wrap h2, .op_after1 .wrap p {
  color: #ffffff !important;
}
.op_after1 .wrap .arrow {
  border: 1px solid #ffffff !important;
}
.op_after1 .wrap .arrow::before {
  border-top: 1px solid #ffffff !important;
  border-right: 1px solid #ffffff !important;
}
.op_after1 .wrap .arrow:after {
  border-top: 1px solid #ffffff !important;
  border-right: 1px solid #ffffff !important;
  left: 70%;
  opacity: 0.3;
  transition: all 0.4s ease-out 0.1s;
  opacity: 1;
}
.op_after1 .wrap .arrow::before {
  left: 49%;
  opacity: 1;
  transition: all 0.4s ease-in;
}

.op_after1::before {
  opacity: 0.5 !important;
  background-color: #000 !important;
}

@keyframes fade {
  0%, 20%, 100% {
    opacity: 1;
  } /* 最初の2秒（20%）、表示時間2秒（20%）、ループ終了時（100%） */
  40%, 60% {
    opacity: 0;
  } /* フェードアウト期間 */
}/*# sourceMappingURL=animate_extend.css.map */