#mv-lottie {
  position: absolute;
  z-index: 2; }

#mv-lottie1-2 {
  position: absolute; }

.loaded #mv-lottie1-2 {
  z-index: 2; }

.top-mv {
  z-index: 3;
  height: calc(100vw * .52); }
  @media (max-width: 1100px) {
    .top-mv {
      height: calc(100vw * .62); } }
  @media (max-width: 600px) {
    .top-mv {
      height: calc(100vw * .85); } }

.mv-logo {
  z-index: 3;
  position: absolute;
  top: 13%;
  left: 15%; }
  @media (max-width: 900px) {
    .mv-logo {
      left: 4vw; } }
  @media (max-width: 767px) {
    .mv-logo {
      top: 36vw; } }
  @media (max-width: 600px) {
    .mv-logo {
      top: 58vw; } }
  .mv-logo img {
    width: 550px;
    height: auto; }
    @media (max-width: 900px) {
      .mv-logo img {
        width: 70vw;
        margin-top: -5vw; } }
    @media (max-width: 500px) {
      .mv-logo img {
        margin-top: -13vw;
        width: 90vw; } }

.mv-info {
  padding: 15px 12px;
  display: flex;
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
  width: 160px;
  position: absolute;
  left: 3%;
  top: 10px;
  background-color: #ffffff;
  flex-direction: column;
  justify-content: space-evenly;
  text-align: center;
  border-radius: 10px; }
  @media (max-width: 900px) {
    .mv-info {
      width: 140px;
      padding: 8px 5px; } }
  @media (max-width: 900px) and (max-width: 767px) {
    .mv-info {
      width: 130px; } }

  .mv-info__txt {
    font-size: 16px;
    color: #27A5E2;
    font-weight: 700;
    margin-bottom: .7rem; }
    @media (max-width: 767px) {
      .mv-info__txt {
        font-size: 14px;
        margin-bottom: .4rem; } }
  .mv-info__link {
    position: relative;
    font-size: 14px; }
    @media screen and (max-width: 767px) {
      .mv-info__link {
        font-size: 12px; } }
    .mv-info__link .-stickarrow {
      position: absolute;
      top: -35%;
      right: 10px;
      display: inline-block;
      width: 1rem;
      height: 4px;
      transition: 0.4s ease-in-out; }
    .mv-info__link:hover .-stickarrow {
      right: 5px;
      transition: 0.4s ease-in-out; }

.h-logo {
  opacity: 0;
  transition: all .5s ease;
  position: fixed;
  left: 15px;
  top: 10px;
  pointer-events: none;
  z-index: 11; }
  .h-logo.show {
    opacity: 1;
    transform: none;
    transition: all .5s ease;
    pointer-events: auto; }
    .h-logo.show img:hover {
      opacity: .7; }

.h-logo--up {
  transform: translate(0, 100px); }