@charset "UTF-8";

h1 {
  margin-bottom: 200lvh;
}

#mv {
  position: fixed;
  top: 90px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100lvh - 90px);
}
#mv picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#features {
  position: relative;
  background: initial;
  font-family: var(--font-mplus);
}
#features > [class^="feature"] {
  position: relative;
}
#features .catch {
  display: grid;
  place-content: center;
  padding-block: 0.92vw;
  color: #fff;
  background-color: #f7ae91;
  text-align: center;
  font-size: 1.952vw;
  font-weight: 700;
  line-height: 1.3;
}
#features .feature01 .catch {
  background-color: #13809e;
  padding-block: 3vw;
}
#features .link {
  position: absolute;
  z-index: 2;
  width: 14.183vw;
}
#features .link a {
  transition: opacity 0.2s ease;
}
#features .link a:hover {
  opacity: 0.75;
}
#features .link img {
  width: 100%;
}
#features .feature04 .link {
  bottom: 5vw;
}
#features .feature04 .link:first-of-type {
  left: 17.9vw;
}
#features .feature04 .link:last-of-type {
  right: 17.9vw;
}
#features .feature05 .link {
  bottom: 2vw;
  left: 50%;
  translate: -50%;
}

#used {
  position: relative;
  margin-top: 50lvh;
}
#used picture {
  display: block;
}

#details {
  position: relative;
  z-index: 4;
}
#details .wrapper {
  padding: 4rem 4rem 3.6rem;
}
#details .common-icon-list {
  align-items: center;
  justify-content: center;
}
#details picture {
  display: block;
  width: min(71.8rem, 95%);
  margin: 6rem auto 5rem;
}
#details picture img {
  width: 100%;
}

h2.common-heading {
  color: #000;
}

#closeup .prod-detail-ecLinks {
  max-width: 660px;
}

/* SP */
@media (max-width: 767px) {
  #mv {
    top: 60px;
    height: calc(100lvh - 60px);
  }

  #features .catch {
    padding-block: 1.5vw;
    font-size: 3.91vw;
  }
  #features .feature05 .catch {
    background-color: #13809e;
  }
  #features .link {
    width: 30vw;
  }
  #features .feature04 .link {
    top: 72vw;
    bottom: initial;
  }
  #features .feature04 .link:first-of-type {
    left: 11.5vw;
  }
  #features .feature04 .link:last-of-type {
    right: 11.5vw;
  }
  #features .feature05 .link {
    bottom: 8vw;
  }

  #details .wrapper {
    padding: 1.563vw 6.25vw 5.625vw;
  }
  #details .common-icon-list {
    gap: 1.563vw;
  }
  #details picture {
    width: 100vw;
    margin: 9vw calc(50% - 50vw) 7vw;
  }
}