/* bonus-hero */

.bonus-hero .prime__wrap {
  max-width: 825px;
}

.bonus-hero .prime__text {
  max-width: 785px;
}

/* bonus-s-1 */

.bonus-s-1 .relative {
  max-width: 765px;
}

/* .banner-4 */

/* bonus-s-2 */

.bonus-s-2 {
}

/* bonus-s-3 */

.bonus-s-3 {
  padding-bottom: 100px;
}

.bonus-s-3 .relative {
  max-width: 710px;
}

/* bonus-s-4 */

.bonus-s-4 {
  padding-top: 50px;
  padding-bottom: 60px;
}

.bonus-s-4 .relative {
  margin-left: auto;
  max-width: 725px;
}

/* .banner-5 */

/* bonus-s-5 */

.bonus-s-5 .relative {
  max-width: 700px;
}

/* bonus-s-6 */

.bonus-s-6 .background {
  z-index: -1;
}

.bonus-s-6 .background img {
  object-position: 110%;
}

.bonus-s-6 .relative {
  margin-left: auto;
  max-width: 765px;
}

.bonus-s-6 .relative > ul {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bonus-s-6 .relative > ul > li {
  display: flex;
  gap: 12px;
}

.bonus-s-6 .relative > ul > li > img {
  width: 52px;
  height: 52px;
}

.bonus-s-6 .relative > ul > li > div > * {
  margin-top: 0;
}

.bonus-s-6 .relative > ul > li > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bonus-s-6 .relative > ul > li > div > h3 {
  font-family: "NotoSerif";
  font-size: 18px;
  font-weight: 900;
  line-height: normal;
  background: linear-gradient(180deg, #ee9b5b 43.27%, #ffe1b6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* bonus-s-7 */

.bonus-s-7 .relative {
  max-width: 670px;
}

/* .banner-6 */

/* bonus-s-8 */

.bonus-s-8 .relative {
  margin-left: auto;
  max-width: 805px;
}

.bonus-s-8 .background img {
  object-position: 105%;
}

.bonus-s-8 h3 {
  font-size: 18px;
}