.appeal {
  margin-top: var(--space-1x);
  width: fit-content;
  font-weight: bold;
  font-size: var(--font-4x);
  line-height: 100%;
  letter-spacing: 0.1em;
  color: var(--orange);
  border-bottom: solid 2px var(--orange);
}

.appeal>.point {
  font-size: calc(6.5 * var(--font-unit));
}

.appeal::after {
  content: "※";
  vertical-align: super;
  font-weight: bold;
  font-size: var(--font-3x);
  line-height: 100%;
  color: var(--orange);
}

.supports {
  margin-top: var(--space-6x);
}
@media screen and (min-width: 768px) {
  .supports {
    margin-left: var(--space-h-pc);
    margin-right: var(--space-h-pc);
  }
}

@media screen and (min-width: 768px) {
  .support {
    display: flex;
    min-width: 1080px;
  }
}

@media screen and (min-width: 768px) {
  .supports .support:nth-child(2n+1) {
    flex-direction: row-reverse;
  }
}

.supports .support:nth-child(n+2) {
  margin-top: var(--space-6x);
}

.supports .support:nth-child(2n+1) .image-align {
  text-align: right;
}

.supports .support:nth-child(2n) .image-align {
  text-align: left;
}

.support-content-box {
  margin-top: calc(-1 * 10.5 * var(--space-unit));
  overflow: hidden;
  background: linear-gradient(244.5deg, #7A47AC 0%, #5857B5 100%);
}
@media screen and (min-width: 768px) {
  .support-content-box {
    margin-top: var(--space-5x);
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
}

.support-content {
  margin: calc(18 * var(--space-unit)) var(--space-6x) var(--space-6x) var(--space-6x);
}
@media screen and (min-width: 768px) {
  .support-content {
    margin: 0 6%;
  }
}

.support-caption {
  font-weight: bold;
  font-size: var(--font-5x);
  line-height: 140%;
  letter-spacing: 0.1em;
  color: var(--white);
}

.support-explanation {
  margin-top: var(--space-3x);
  font-size: calc(3.75 * var(--font-unit));
  line-height: 160%;
  color: #FFFFFF;
}