#top-introduction {
  max-width: 800px; margin: 60px auto 36px;
  font-size: 20px; line-height: 2; letter-spacing: 0.1em; font-weight: bold;
}
@media (max-width: 768px) {
  #top-introduction {
    margin-top: 64px; margin-bottom: 40px;
   font-size: 16px; line-height: 1.75; letter-spacing: 0.1em;
  }
}
#top-navy-banner-container {
  position: relative;
}
#top-navy-banner-1,
#top-navy-banner-2 {
  position: absolute; top: 20%;
  width: 50%;
}
#top-navy-banner-3,
#top-navy-banner-4 {
  position: absolute; top: 40%;
  width: 50%;
}
#top-navy-banner-1 {
  left: 0;
}
#top-navy-banner-2 {
  left: 50%;
}
#top-navy-banner-3 {
  left: 0;
}
#top-navy-banner-4 {
  left: 50%;
}
#top-navy-banner-1 a,
#top-navy-banner-2 a,
#top-navy-banner-3 a,
#top-navy-banner-4 a {
  display: block;
  width: 100%;
  background-size: 100%;
}
#top-navy-banner-1 a img,
#top-navy-banner-2 a img,
#top-navy-banner-3 a img {
  transition: opacity 200ms ease;
}
#top-navy-banner-1 a:hover img,
#top-navy-banner-2 a:hover img,
#top-navy-banner-3 a:hover img {
  opacity: 0;
}
#top-lead {
  margin-top: 120px;
}
#top-lead p {
  margin: 32px 0 0;
  font-size: 20px; line-height: 2; letter-spacing: 0.1em; font-weight: bold;
}
@media (min-width: 1042px) {
  #top-lead-img-1 {
    float: left;
    width: 370px;
  }
  #top-lead-rightcolumn {
    float: left;
    padding-left: 64px;
  }
}
@media (max-width: 1041px) {
  #top-lead-img-1 {
    display: block;
    width: 100%; max-width: 370px; margin: 0 auto 46px;
  }
  #top-lead-rightcolumn {
    box-sizing: border-box;
    width: 100%; max-width: 574px; margin: 0 auto; padding: 0 20px;
  }
}
#top-feedback {
  padding-bottom: 70px;
}
#top-feedback > h1 {
  margin: 0;
}
#top-feedback .number {
  display: block;
}
#top-feedback article {
  padding: 36px 20% 42px;
  background: url(https://img02.shop-pro.jp/PA01170/432/etc/review_back.jpg?cmsp_timestamp=202807143550) center center no-repeat; background-size: cover;
}
#top-feedback article + article {
  margin-top: 46px;
}
#top-feedback article h1 {
  margin: 30px 0 0;
  font-size: 30px; line-height: 1.666; letter-spacing: 0.1em; font-weight: bold;
}
#top-feedback article p {
  margin: 4px 0 0;
  font-size: 20px; line-height: 2; letter-spacing: 0.1em; font-weight: bold;
}
@media (max-width: 768px) {
  #top-feedback .number {
    width: 122px;
  }
  #top-feedback article h1 {
    margin-top: 22px;
    font-size: 24px; line-height: 1.5;
  }
  #top-feedback article p {
    margin-top: 13px;
    font-size: 16px; line-height: 1.75;
  }
}

#hover a:hover img {
  opacity: 0.6;