.main {
  background-image: url(../../../img/benefits_bg.jpg);
  background-repeat: no-repeat;
  background-image: 50% 0%;
/*  background-size: 192rem;*/
  background-size: cover; /* modified */
}
@media screen and (max-width: 750px) {
  .main {
    background-image: url(../../../img/benefits_bg_sp.jpg);
/*    background-size: 100%;*/
    background-size: cover; /* modified */
  }
}

.head {
  position: relative;
  width: 100%;
  height: 15rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .head {
    height: 17rem;
  }
}
.head a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
}
.head a img {
  width: 31rem;
}
@media screen and (max-width: 750px) {
  .head a img {
    width: 35rem;
  }
}
.head-border {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, rgb(208, 224, 121) 0%, rgb(175, 226, 157) 3.07%, rgb(125, 229, 210) 8.1%, rgb(95, 230, 243) 11.88%, rgb(83, 231, 255) 13.95%, rgb(239, 144, 185) 29.65%, rgb(255, 248, 160) 45.8%, rgb(223, 237, 178) 49.36%, rgb(142, 211, 222) 57.12%, rgb(115, 202, 237) 59.59%, rgb(195, 169, 207) 73.21%, rgb(240, 151, 190) 80.57%, rgb(213, 64, 155) 91.48%, rgb(194, 0, 130) 100%);
  width: 100%; /* modified */
/*  width: 100vw;*/
  height: 0.2rem;
}

.benefits {
  text-align: center;
  padding: 10rem 0 17rem;
}
@media screen and (max-width: 750px) {
  .benefits {
    overflow: hidden;
    padding: 11rem 0 13rem;
  }
}
.benefits-tit {
  font-family: fot-chiaro-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  background: linear-gradient(0deg, rgb(186, 145, 30) 1.9%, rgb(190, 149, 36) 10.91%, rgb(201, 161, 54) 23.41%, rgb(218, 181, 84) 37.96%, rgb(243, 208, 125) 53.94%, rgb(255, 222, 145) 61.01%, rgb(241, 205, 120) 85.1%, rgb(235, 198, 110) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  display: inline-block;
  font-size: 5.45rem;
  letter-spacing: 0.15em;
  margin: 0 auto;
}
.benefits-tit::before, .benefits-tit::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: 100%;
  mix-blend-mode: screen;
  width: 35.4rem;
  height: 11.7rem;
}
.benefits-tit::before {
  right: 30rem;
  background-image: url(../../../img/collection_lights_01.png);
}
.benefits-tit::after {
  left: 30rem;
  background-image: url(../../../img/collection_lights_02.png);
}
.benefits-img {
  width: 100%;
  max-width: 90rem;
  margin: 7.5rem auto 0;
}
@media screen and (max-width: 750px) {
  .benefits-img {
    padding: 0 4.2rem;
    margin: 7rem auto 0;
  }
}