@charset "utf-8";

/* 汎用 */
#mv .mv_img_01.slidein.is-animated {animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;} 
@keyframes slideIn {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
#mv .mv_img_02.slidein.is-animated {animation: slideIn02 2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;} 
@keyframes slideIn02 {
  0% {
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
#mv .mv_img_03.slidein.is-animated {animation: slideIn03 2.6s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;} 
@keyframes slideIn03 {
  0% {
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

p.circle {
  transform: translateY(150%);
  opacity: 0;
}

p:nth-child(1).circle {
  /* プロパティ名 | 時間 | 時間関数 | 遅延 */
  transition: all 0.5s ease-in-out 0s;
}
p:nth-child(2).circle {
  /* プロパティ名 | 時間 | 時間関数 | 遅延 */
  transition: all 0.5s ease-in-out 0.1s;
}
p:nth-child(3).circle {
  /* プロパティ名 | 時間 | 時間関数 | 遅延 */
  transition: all 0.5s ease-in-out 0.2s;
}
p:nth-child(4).circle {
  /* プロパティ名 | 時間 | 時間関数 | 遅延 */
  transition: all 0.5s ease-in-out 0.3s;
}
p:nth-child(5).circle {
  /* プロパティ名 | 時間 | 時間関数 | 遅延 */
  transition: all 0.5s ease-in-out 0.4s;
}
p:nth-child(6).circle {
  /* プロパティ名 | 時間 | 時間関数 | 遅延 */
  transition: all 0.5s ease-in-out 0.5s;
}
p:nth-child(7).circle {
  /* プロパティ名 | 時間 | 時間関数 | 遅延 */
  transition: all 0.5s ease-in-out 0.6s;
}
p:nth-child(8).circle {
  /* プロパティ名 | 時間 | 時間関数 | 遅延 */
  transition: all 0.5s ease-in-out 0.7s;
}
p:nth-child(9).circle {
  /* プロパティ名 | 時間 | 時間関数 | 遅延 */
  transition: all 0.5s ease-in-out 0.8s;
}
.fadelist.is-show p.circle {
  transform: translateY(0);
  opacity: 1;
}

.user_bx {
  transform: translateY(150%);
  opacity: 0;
}
.user_bx:nth-child(1) {
  /* プロパティ名 | 時間 | 時間関数 | 遅延 */
  transition: all 0.5s ease-in-out 0s;
}
.user_bx:nth-child(2) {
  /* プロパティ名 | 時間 | 時間関数 | 遅延 */
  transition: all 0.5s ease-in-out 0.5s;
}
.user_bx:nth-child(3) {
  /* プロパティ名 | 時間 | 時間関数 | 遅延 */
  transition: all 0.5s ease-in-out 0.75s;
}
.fadelist02.is-show .user_bx {
  transform: translateY(0);
  opacity: 1;
}