main h2,
main h1 {
  font-size: 3.2rem;
}

main hgroup p {
  font-size: 2rem;
}

#lead,
#nav,
#set12,
#aut11 {
  padding-block: 100px;
}

#nav {
  padding: 100px 0;
}

.heading {
  margin-bottom: 50px;
}

.heading::after {
  margin: 0.5em auto;
}

#top-mv img {
  width: 100%;
  height: calc(100vh - 198px);
  object-fit: cover;
}

.nav-text {
  width: 420px;
}

#navlist {
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 0;
}

#navlist li {
  position: relative;
  margin: 0 20px;
}

#navlist li a {
  display: block;
  text-decoration: none;
  color: #333;
}

#navlist li .fa-chevron-down {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 40px;
  color: #333;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

#navlist li:hover .fa-chevron-down {
  transform: translateX(-50%) translateY(5px);
}

[nh-list-product] {
  justify-content: center;
}

.flex {
  display: flex;
  align-items: center;
  gap: 8%;
}

.flex-img {
  flex-basis: 90%;
  aspect-ratio: 1.6 / 1;

  max-width: 580px;
}

.nav-img {
  width: 420px;
  height: 185px;

  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}