/* ページローダー */
#wptime-plugin-preloader {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 10000;
  background-color: #fff;
  background-image: url("../img/events/common/events-preloader.gif");
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
}

#wptime-plugin-preloader.loaded {
  opacity: 0;
  transition: all 2.7s ease;
}

/* MVアニメーション */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20%);
  }
  to {
    opacity: 1;
    /* color: red; */
    transform: translateY(0);
  }
}

.heading-tit {
  opacity: 0;
}

.heading-tit.active {
  animation: fadeIn 0.8s ease 0.5s forwards;
}

/* 挨拶タイトルアニメーション */

.sectit_marker {
  opacity: 0;
}

.sectit_marker.active {
  opacity: 1;
  transition-duration: 1.5s;
  transition-delay: 1.5s;
}

@media screen and (max-width: 750px) {
  .sectit_marker.active {
    transition-delay: 0s;
  }
}

/* 挨拶各ブロックアニメーション */
/* タイトル数字 */
.greeting-tit:before {
  opacity: 0;
  bottom: -5%;
  transition-duration: 0.8s;
  z-index: 10;
}

.greeting-item.active .greeting-tit:before {
  opacity: 1;
  bottom: 0%;
  z-index: 10;
  transform: rotateY(1turn);
}
/* 画像 */
.greeting-item:nth-child(2n - 1) .greeting-img {
  opacity: 0;
  transform: translateX(-10%);
  transition-duration: 0.7s;
  transition-delay: 0.6s;
}
@media screen and (max-width: 750px) {
  .greeting-item:nth-child(2n - 1) .greeting-img {
    transition-delay: 1.8s !important;
    transform: translateX(10%) !important;
  }
}

.greeting-item.active:nth-child(2n - 1) .greeting-img {
  opacity: 1;
  transform: translateX(0) !important;
  left: 0;
}

.greeting-item:nth-child(2n) .greeting-img {
  opacity: 0;
  transform: translateX(10%);
  transition-duration: 0.7s;
  transition-delay: 0.6s;
}
@media screen and (max-width: 750px) {
  .greeting-item:nth-child(2n) .greeting-img {
    transition-delay: 1.8s !important;
  }
}

.greeting-item.active:nth-child(2n) .greeting-img {
  opacity: 1;
  transform: translateX(0);
  left: 0;
}
/* タイトル */
.greeting-tit {
  color: rgba(0, 0, 0, 0);
  transition-duration: 0.8s;
  transition-delay: 1.6s;
}
@media screen and (max-width: 750px) {
  .greeting-tit {
    transition-delay: 0.8s !important;
  }
}
.greeting-item.active .greeting-tit {
  color: #41484c;
  /* transition-duration : 0.8s;
	transition-delay : 0.8s; */
}

/* タイトル下線 */
.greeting-tit:after {
  background-color: rgba(0, 0, 0, 0);
  transform: translateX(40%);
  transition-duration: 0.8s;
  transition-delay: 1.7s;
}
@media screen and (max-width: 750px) {
  .greeting-tit:after {
    transition-delay: 1.6s !important;
  }
}

.greeting-item.active .greeting-tit:after {
  /*background-color: #7bbae4;*/
  transform: translateX(0);
}

/* テキスト */
.greeting-txt {
  color: rgba(0, 0, 0, 0);
  transition-duration: 0.8s;
  transition-delay: 1.6s;
}
@media screen and (max-width: 750px) {
  .greeting-txt {
    transition-delay: 2.3s !important;
  }
}
.greeting-item.active .greeting-txt {
  color: #41484c;
  /* transition-duration : 0.8s; */
}

/* 挨拶のフォーム */
.formarea {
  opacity: 0;
  transform: translateY(20px);
  transition-duration: 0.7s;
}

.heading .formarea {
  opacity: 1;
  transform: translateY(0);
}

.formarea.active {
  opacity: 1;
  transform: translateY(0);
}

/* コースタイトル */

.course-toptxt {
  opacity: 0;
  transition-duration: 1s;
  transition-delay: 0.6s;
}

.course-toptxt.active {
  opacity: 1;
}

/* コースサブタイトル */
.sectit_marker__column {
  opacity: 0;
  transition-duration: 1s;
  transition-delay: 0.6s;
}

.sectit_marker__column.active {
  opacity: 1;
}

/* コメントリスト */
@media screen and (min-width: 750px) {
  .comment-item:nth-child(1) {
    opacity: 0;
    transition-duration: 1s;
    transition-delay: 0s;
  }

  .comment-item:nth-child(2) {
    opacity: 0;
    transition-duration: 1s;
    transition-delay: 0.6s;
  }

  .comment-item:nth-child(3) {
    opacity: 0;
    transition-duration: 1s;
    transition-delay: 1.2s;
  }

  .comment-item:nth-child(4) {
    opacity: 0;
    transition-duration: 1s;
    transition-delay: 1.8s;
  }

  .comment-list.active .comment-item {
    opacity: 1;
  }
}
@media screen and (max-width: 749px) {
  .comment-item:nth-child(1) {
    opacity: 0;
    transition-duration: 1s;
    transition-delay: 0s;
  }

  .comment-item:nth-child(2) {
    opacity: 0;
    transition-duration: 1s;
    transition-delay: 0.6s;
  }

  .comment-item:nth-child(3) {
    opacity: 0;
    transition-duration: 1s;
    transition-delay: 1.2s;
  }

  .comment-item:nth-child(4) {
    opacity: 0;
    transition-duration: 1s;
    transition-delay: 1.8s;
  }

  .comment.active .comment-item {
    opacity: 1;
  }
}