@charset "UTF-8";


/*  MV
==================== */
.cover_bg picture img {
  object-position: 50% 20%;
}

.key {
  padding-bottom: 3rem;
  color: var(--black);
}


/*  Intro
==================== */
@media(min-width: 992px){
  #main-content {
    padding-top:  20vw;
  }
}


@media (max-width: 575px) {
  .read.h4 {
    letter-spacing: .02em;
  }
}


/*  Infinite text
==================== */
#infinite-text {
  background: #eee url(img/separator_v.jpg) no-repeat center / cover;
  width: 100%;
  aspect-ratio: 39 / 35;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 576px){
  #infinite-text {
    background-image: url(img/separator.jpg);
    aspect-ratio: 72 / 25;
  }
}