/*企業ロゴループスライドアニメーション*/
.loopSlide {
  display: flex;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.loopSlide img {
  width: auto;
  max-width: 10000%;
  height: 100%;
}
.loopSlide img:first-child {
   animation: slide1 60s -30s linear infinite;
}
.loopSlide img:last-child {
  animation: slide2 60s linear infinite;
}

@keyframes slide1 {
  0% { transform: translateX(100%);}
  to { transform: translateX(-100%);}
}

@keyframes slide2 {
  0% { transform: translateX(0);}
  to { transform: translateX(-200%);}
}
@media screen and (max-width: 767px){
  .loopSlide {
    width: 100vw;
    height: 150px;
  }
}

/*スクロール時アンダーラインアニメーション*/
.marker-animation.active{ background-position: -100% .8em;}
.marker-animation {
  background-image: -webkit-linear-gradient(left, transparent 50%, #fbd317 0%);
  background-image: -moz-linear-gradient(left, transparent 50%, #fbd317 0%);
  background-image: -ms-linear-gradient(left, transparent 50%, #fbd317 0%);
  background-image: -o-linear-gradient(left, transparent 50%, #fbd317 0%);
  background-image: linear-gradient(left, transparent 50%, #fbd317 0%);
  background-repeat: repeat-x;
  background-size: 200% .8em;
  background-position: 0 .8em;
  transition: all 2s ease;
  animation-delay: 10s
}

/*ロード時下からフェードインアニメーション*/
.cv.active {
    animation-name: fadein;
    animation-duration: 1.5s;
}

@keyframes fadein {
from { opacity: .7; transform: translateY(20px);}
to { opacity: 1; transform: translateY(0);}
}

/* キービジュアルの文字 */
.letter-animation {
  opacity: 0;
  display: inline-block;
  transform: scale(1.25) translate(8px, 4px);
}

.letter-animation:nth-child(1) {
  transition: opacity 1.2s ease 0.1s, transform 1.2s ease 0.2s;
}
.letter-animation:nth-child(2) {
  transition: opacity 1.2s ease 0.2s, transform 1.2s ease 0.25s;
}
.letter-animation:nth-child(3) {
  transition: opacity 1.2s ease 0.25s, transform 1.2s ease 0.3s;
}
.letter-animation:nth-child(4) {
  transition: opacity 1.2s ease 0.3s, transform 1.2s ease 0.35s;
}

.active { opacity: 1;}

.letter-animation.active {
  opacity: 1;
  transform: scale(1) translate(0);
}