@media (min-width: 1071px) {
  main.about {
    padding-top: 0 !important;
    background: url("../images/about/about-bg.png"), url("../images/about/about-content-bg.png"), url("../images/about/bg-filter.png"), linear-gradient(to top, rgba(132, 232, 144, 0.79) 0%, rgba(245, 255, 165, 0.79) 25%, rgba(254, 253, 218, 0.79) 50%, rgba(255, 255, 255, 0.79) 100%);
    background-size: 1331px auto, 893px auto, auto 549px, 100% 100%;
    background-position: center top 160px, center top 85px, left bottom, center;
    background-repeat: no-repeat, no-repeat, repeat-x, no-repeat;
  }

  main.has-header-padding.about {
    padding-top: 80px !important;
    background: url("../images/about/about-bg.png"), url("../images/about/about-content-bg.png"), url("../images/about/bg-filter.png"), linear-gradient(to top, rgba(132, 232, 144, 0.79) 0%, rgba(245, 255, 165, 0.79) 25%, rgba(254, 253, 218, 0.79) 50%, rgba(255, 255, 255, 0.79) 100%);
    background-size: 1331px auto, 893px auto, auto 549px, 100% 100%;
    background-position: center top 240px, center top 165px, left bottom, center;
    background-repeat: no-repeat, no-repeat, repeat-x, no-repeat;
  }
}

.page-content .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-soette {
  width: 210px;
  object-fit: contain;
  margin-top: 120px;
  margin-bottom: 60px;
}

.about-ttl {
  width: 465px;
  object-fit: contain;
  margin-bottom: 29px;
}

.about-text {
  font-size: 20px;
  line-height: 2.3;
  letter-spacing: 0.06em;
  color: #000;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 500;
}

.about-text:last-child {
  margin-bottom: 270px;
}

@media (max-width: 1070px) and (min-width: 768px) {
  main.about {
    padding-top: 0 !important;
    background: url("../images/about/about-bg.png"), url("../images/about/about-content-bg.png"), url("../images/about/bg-filter.png"), linear-gradient(to top, rgba(132, 232, 144, 0.79) 0%, rgba(245, 255, 165, 0.79) 25%, rgba(254, 253, 218, 0.79) 50%, rgba(255, 255, 255, 0.79) 100%);
    background-size: 1331px auto, 893px auto, auto 549px, 100% 100%;
    background-position: center top 175px, center top 100px, left bottom, center;
    background-repeat: no-repeat, no-repeat, repeat-x, no-repeat;
  }

  main.has-header-padding.about {
    padding-top: 65px !important;
    background: url("../images/about/about-bg.png"), url("../images/about/about-content-bg.png"), url("../images/about/bg-filter.png"), linear-gradient(to top, rgba(132, 232, 144, 0.79) 0%, rgba(245, 255, 165, 0.79) 25%, rgba(254, 253, 218, 0.79) 50%, rgba(255, 255, 255, 0.79) 100%);
    background-size: 1331px auto, 893px auto, auto 549px, 100% 100%;
    background-position: center top 225px, center top 150px, left bottom, center;
    background-repeat: no-repeat, no-repeat, repeat-x, no-repeat;
  }
}

@media (max-width: 767px) {
  main.about {
    padding-top: 0 !important;
    background: url("../images/about/about-bg-sp.png"), url("../images/about/about-content-bg-sp.png"), url("../images/about/bg-filter-sp.png"), linear-gradient(to top, rgba(132, 232, 144, 0.79) 0%, rgba(245, 255, 165, 0.79) 45%, rgba(254, 253, 218, 0.79) 75%, rgba(255, 255, 255, 0.79) 100%);
    background-size: 88vw auto, 150% auto, 100% auto, 100% 100%;
    background-position: center bottom calc(20vw - 65px), center top calc(12.6vw - 65px), center bottom, center;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  }

  main.has-header-padding.about {
    padding-top: 65px !important;
    background: url("../images/about/about-bg-sp.png"), url("../images/about/about-content-bg-sp.png"), url("../images/about/bg-filter-sp.png"), linear-gradient(to top, rgba(132, 232, 144, 0.79) 0%, rgba(245, 255, 165, 0.79) 45%, rgba(254, 253, 218, 0.79) 75%, rgba(255, 255, 255, 0.79) 100%);
    background-size: 88vw auto, 150% auto, 100% auto, 100% 100%;
    background-position: center bottom 20vw, center top 12.6vw, center bottom, center;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  }

  .about-soette {
    width: 33.3vw;
    margin-top: 16vw;
    margin-bottom: 10.6vw;
  }

  .about-ttl {
    width: 84.5vw;
    margin-right: auto;
    margin-left: 2vw;
    margin-bottom: 3.3vw;
  }

  .about-text {
    font-size: 4.2vw;
    line-height: 2.2;
    margin-bottom: 3.2vw;
  }

  .about-text:last-child {
    margin-bottom: 104vw;
  }
}