/* ====================================================
animation common style
==================================================== */
.anime {
  opacity: 0;
}

/* slideIn */
.slideIn {
  opacity: 0;
  transform: translateX(-10%);
  transition: opacity 0.28s ease-in-out 0.3s,
              transform 0.28s ease-in-out 0.3s;
}

/* active になったら発火 */
.slideIn.active {
  opacity: 1;
  transform: translateX(0);
}

/* スライドインアニメーション */
@keyframes slideIn {
  to {
    transform: translateX(-0);
  }
}



/*=============================
svg animation
=============================*/
.com__subpage h1 {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: default;
}

.com__subpage h1 svg {
  height: 5.8rem;
  width: auto;
  margin-right: -1rem;
}

@media screen and (max-width: 767px) {
  .com__subpage h1 svg {
    height: 3.4rem;
    margin-right: -.8rem;
  }
}