.about-content {
  margin: 10px;
  overflow: hidden;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.about-content.-content01 {
  background: url(../../images/about/about-img01.jpg) center center no-repeat;
  background-size: cover;
}

.about-content.-content01 > .inner > .text::before {
  background-image: url(../../images/about/next-text-sp.svg);
  width: 143px;
}

.about-content.-content02 {
  background: url(../../images/about/about-img02.jpg) center center no-repeat;
  background-size: cover;
}

.about-content.-content02 > .inner > .text::before {
  background-image: url(../../images/about/evolutionary-text-sp.svg);
  width: 310px;
}

.about-content.-content03 {
  background: url(../../images/about/about-img03.jpg) center center no-repeat;
  background-size: cover;
}

.about-content.-content03 > .inner > .text::before {
  background-image: url(../../images/about/freedom-text-sp.svg);
  width: 189px;
}

.about-content > .inner {
  max-width: 1284px;
  margin: 55px 20px 0;
  position: relative;
}

.about-content > .inner > .text {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 2.5rem 20px;
  position: relative;
}

.about-content > .inner > .text::before {
  background-position: center bottom;
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 65px;
  opacity: 0.9;
  position: absolute;
  left: 0;
  top: -65px;
}

.about-content > .inner > .text > .maincopy {
  margin-bottom: 2rem;
}

.about-content > .inner > .text > .maincopy > svg {
  height: auto;
  width: 100%;
}

.about-first-section::before {
  content: "";
  display: block;
  height: 7.5rem;
  width: auto;
  background-color: #f2f9fa;
  margin: 10px;
}