@charset "UTF-8";

#mv .mv_img li img {
  object-fit: contain;
}
#mv .mv_img li {
  width: fit-content !important;
}
#mv {
  height: calc(100vh - 130px);
}
#mv .mv_img {
  margin-left: unset;
}
#mv .mv_img {
    width: 100%;
}
#mv .mv_img li { 
    left: 50%;
    transform: translateX(-50%);
    /*margin: 0;*/
    margin: 0 auto;
    width: 100% !important;
}
@media screen and (max-width: 900px) {
    #mv {
        height: calc(60vh - 130px);
    }
    #mv .mv_img li {
        margin-left: unset;
    }
    #mv .mv_img {
        margin-left: auto;
        margin-right: auto;
    }
    /*#mv:before {
        height: calc(60vh - 90px);
    }*/
}

/* オープニングアニメーション */
.opening, .opening * {
  box-sizing: border-box;
}
.sp {
  display: none;
}
.opening_wrapper {
  text-align: center;
}
@-webkit-keyframes opening_end {
  0%, 30% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
    opacity: 0;
    display: none;
  }
}

@keyframes opening_end {
  0%, 30% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
    opacity: 0;
    display: none;
  }
}
#opening {
  overflow: hidden;
  position: fixed;
  inset: 0;
  height: 100svh;
  height: 100vh;
  background: #000 url(/common/upload_data/omegajpnet/image/20240124163545.png) no-repeat center bottom 14% / contain;
  -webkit-animation: opening_end 4s 20s forwards;
  animation: opening_end 4s 20s forwards;
  z-index: 100100;
}

.hidden {
  display: none;
}

.opening_wrapper {
  position: relative;
  padding: 5vh 0;
  width: min(56vh, 100%);
  height: 100%;
  margin: 0 auto;
}

@-webkit-keyframes fadeIn {
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  100% {
    opacity: 1;
  }
}
.opening_catch,
.opening_text p,
.opening_logo {
  color: #fff;
  opacity: 0;
  margin: 0;
  padding: 0;
  -webkit-animation: fadeIn 7s forwards;
  animation: fadeIn 7s forwards;
  -webkit-animation-delay: calc(var(--i) * 1s);
  animation-delay: calc(var(--i) * 1s);
  font-family: "Yuji Syuku", serif;
  line-height: 1.2;
}

.opening_catch {
  margin-bottom: 4vh;
}

.opening_catch img {
  width: min(42vh,90%);
  text-align: center;
}

.opening_text {
  margin-bottom: 3vh;
  font-size: 2vh;
}

.opening_logo {
  text-align: right;
}

.opening_logo img {
  width: 10vh;
  margin-right: 4vh;
}

.opening button {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  padding: 1vh;
  min-width: 15vh;
  background: transparent;
  color: #fff;
  font-size: 3vh;
  border: 3px solid #fff;
  border-radius: 10px;
  cursor: pointer;
}
@media (max-width: 800px) {
  .opening_text {
    font-size: 3.6vw;
  }

  .opening_wrapper {
    padding: 8vh 0;
  }

  #opening {
    background-position-y: 15%;
    background-size: cover;
  }
}
/*#opening非表示*/
#opening{
display:none;
}