.p-about {
  display: grid;
  grid-template-columns: 50% minmax(0, 1fr);
  gap: 8.5%;
}
@media (max-width: 767px) {
  .p-about {
    display: block;
  }
}
.p-about-image {
  position: sticky;
  inset-block-start: calc(var(--header-height) + 24px);
  align-self: start;
}
@media (max-width: 767px) {
  .p-about-image {
    position: static;
    margin-inline: calc(-1 * var(--contents-padding));
  }
}
.p-about-image img {
  width: 100%;
}
.p-about-info {
  line-height: 2.45;
}
@media (max-width: 767px) {
  .p-about-info {
    margin-block-start: 48px;
    font-size: clamp(12px, 3.3vw, 15px);
  }
}
.p-about-info .section + .section {
  margin-block-start: 42px;
  padding-block-start: 30px;
  border-block-start: 1px solid #888;
}
.p-about-info h1, .p-about-info h2 {
  margin-block-end: 18px;
  font-size: 1.28em;
  line-height: 1.5;
}
.p-about-info h2 span {
  margin-inline-start: 0.55em;
  font-size: 0.8em;
  font-weight: 500;
}
.p-about-info dl {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: clamp(16px, 2vw, 28px);
}