.about {
  align-items: flex-start;
}

.about-visual {
  height: 530px;
  padding-top: 405px;
  background: transparent;
  overflow: visible;
}

.about-visual::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 405px;
  z-index: 0;
  background: var(--blue);
}

.about-visual .fan {
  z-index: 1;
}

.about-visual .about-card {
  position: relative;
  inset: auto;
  z-index: 2;
  width: auto;
  height: auto;
  min-height: 125px;
  padding: 22px 34px;
  background: transparent;
  color: var(--ink);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.about-visual .about-card b {
  max-width: 280px;
}

.about-visual .about-card span {
  color: var(--muted);
}

@media (max-width: 560px) {
  .about-visual {
    height: 440px;
    padding-top: 310px;
  }

  .about-visual::before {
    height: 310px;
  }
}