@charset "UTF-8";
/*

  トップページ のスタイル
----------------------------------------------- */
/* ブレイクポイント */
.loading {
  position: fixed;
  z-index: 50;
  inset: 0 0 0 0;
  background: var(--color-base);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 2s;
}
@media (min-width: 941px) {
  .loading .logo {
    scale: 1.2;
  }
}
@media (max-width: 940px) {
  .loading .logo {
    scale: 0.75;
  }
}
.loading.view .logo img {
  opacity: 1;
  translate: 0;
}
.loading.hide {
  pointer-events: none;
  background: transparent;
}

.isOpenMenu .loading {
  transition: 0.4s;
  opacity: 0;
}

@media (min-width: 941px) {
  .header {
    left: inherit;
    top: 50%;
    translate: 0 -50%;
  }
}

@media (min-width: 941px) {
  .main-menu {
    margin-right: min(10vw, 120px);
  }
  .main-menu .gnav {
    flex-direction: column;
    gap: 0.4em;
    font-size: 17px;
  }
  .main-menu .rollover::after {
    right: inherit;
    left: 0;
  }
}

.contents {
  height: 100vh;
  background: url(../img/home/image.jpg) no-repeat center/cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (orientation: portrait) {
  .contents {
    background-position: 20% 50%;
  }
}