.add_scoreup {
  background: url(../img/bg_scoreup01.svg) no-repeat left top/25%, url(../img/bg_scoreup02.svg) no-repeat right bottom/25%, #fff5ed;
  padding: 4.8rem 5% 10rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .add_scoreup {
    background-size: 50%, 50%, 100%;
    padding: 2rem 5% 6rem;
  }
}
.add_scoreup:before {
  content: "";
  width: 100vw;
  height: 30px;
  background: #fff5ed;
  display: block;
  position: absolute;
  left: 0;
  top: -30px;
  z-index: -1;
}
.add_scoreup h2 {
  color: #fd6e00;
  font-size: 3rem;
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .add_scoreup h2 {
    font-size: 2.2rem !important;
  }
}
.add_scoreup h2 span {
  color: inherit;
  display: inline;
  padding: unset;
  font-size: 140%;
}
.add_scoreup h2 span:after {
  display: none;
}
.add_scoreup h2:after {
  content: "";
  width: 1.66em;
  height: 1.56em;
  background: url(../img/icon_arrow_scoreup.svg) no-repeat center center/contain;
  display: inline-block;
  transform: translate(-8px, 8px);
}
@media screen and (max-width: 768px) {
  .add_scoreup h2:after {
    position: absolute;
    right: -1.65em;
    bottom: 0.6em;
  }
}
.add_scoreup .scoreup_list {
  display: grid;
  grid-template-columns: repeat(4, 270px);
  gap: 12px;
  justify-content: center;
  margin-top: 2.8rem;
}
@media screen and (max-width: 1150px) {
  .add_scoreup .scoreup_list {
    grid-template-columns: repeat(auto-fill, 270px);
  }
}
@media screen and (max-width: 768px) {
  .add_scoreup .scoreup_list {
    grid-template-columns: repeat(2, 1fr);
  }
}