@charset "UTF-8";

h1 {
  margin-bottom: 100vh;
}

#mv {
  position: fixed;
  top: 90px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100vh - 90px);
  background: url(/images/product/ex/fjt-350/mv.jpg) no-repeat top right 40% / cover;
}

#mv .catch {
  position: absolute;
  top: 25vh;
  right: 9%;
  width: min(50.3rem, 50%);
}

#mv .baby-icon {
  position: absolute;
  bottom: 4%;
  left: 2%;
  width: 19.7rem;
}

#features {
  position: relative;
  background: initial;
}
#features .link {
  position: absolute;
  bottom: 4vw;
  left: 31.5%;
  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%;
}

#used {
  position: relative;
}
#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(108rem, 95%);
  margin: 1rem auto 5rem;
}
#details picture img {
  width: 100%;
}

/* SP */
@media (max-width: 767px) {
  #mv {
    top: 60px;
    height: calc(100vh - 60px);
    background: url(/images/product/ex/fjt-350/mv-sp.jpg) no-repeat top center / cover;
  }
  #mv .catch {
    top: 5vh;
    left: 50%;
    width: min(51.9rem, 90%);
    transform: translateX(-50%);
  }
  #mv .baby-icon {
    width: 30.781vw;
  }

  #features .link {
    bottom: 34vw;
    left: 50%;
    width: 34.063vw;
    transform: translateX(-50%);
  }

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