/** main-visual
--------------------------------------------------*/
.main-visual {
  position: relative;
  padding-top: 88rem;
  background-color: #ffffff;
}
.main-visual__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  width: 100%;
  bottom: 40rem;
  z-index: 1;
}
.main-visual__logo > img {
  width: 360rem;
  height: auto;
}
.main-visual__kv-pc {
  position: relative;
  padding-top: calc( 100% * 0.56875 );
  width: 100%;
}
.main-visual__kv-pc > img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  transition: all 2000ms ease-in-out;
}
.main-visual__kv-sp {
  position: relative;
  padding-top: calc( 100% * 1.30208333333 );
  width: 100%;
}
.main-visual__kv-sp > img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  transition: all 2000ms ease-in-out;
}


@media screen and (max-width: 768px) {
  .main-visual {
    padding-top: 0;
  }
}