/*######################################################################

		About

************************************************************************/

.about-contents {
  margin-bottom: 40px;
}

.about-card {
  display: block;
}

.about-body {
  max-width: 800px;
  margin-inline: auto;
  color: #242421;
  font-size: var(--font-size-18);
  line-height: 2;
}

.about-body p + p {
  margin-top: 1.4em;
}

.about-body__lead {
  color: #111;
  font-size: var(--font-size-24);
  font-weight: 700;
  line-height: 1.7;
}

.about-body__closing {
  color: #111;
  font-weight: 700;
}

@media not all and (min-width: 768px){
  .about-body {
    font-size: var(--font-size-16);
    line-height: 1.9;
  }

  .about-body__lead {
    font-size: var(--font-size-21);
  }
}

@media not all and (min-width: 468px){
  .about-body {
    font-size: var(--font-size-14);
  }

  .about-body__lead {
    font-size: var(--font-size-18);
  }
}