.about-ttl{
  font-family: var(--font-serif-jp);
  font-size: min(2.8rem, 42px);
  line-height: calc(33 / 56);
}

@media screen and (min-width: 768px) {
  .about-ttl{
    font-size: max(4.2rem, 28px);
  }
}

.about-txt{
  font-size: min(1.5rem, 18px);
  line-height: 2.1;
  margin-top: 3.5rem;
}

@media screen and (min-width: 1024px) {
  .about .container {
    display: contents;
  }

  .about-ttl{
    font-size: max(5.6rem, 42px);

  }

  .about-txt{
    margin-top: 7rem; 
    font-size: max(1.8rem, 16px);
  }
}