@charset "UTF-8";

.dp-about__lead {
  font-size: var(--wp--preset--font-size--2-xl);
  line-height: 1.6;
}
.dp-about__lead-text {
  margin-top: var(--dp-s5);
  max-width: 40em;
  color: var(--dp-mute);
  font-size: var(--wp--preset--font-size--sm);
  line-height: 2;
}

.dp-about__title {
  margin-top: var(--dp-s4);
  margin-bottom: var(--dp-s7);
  font-size: var(--wp--preset--font-size--2-xl);
}

.dp-about__message {
  max-width: var(--dp-w-prose);
}
.dp-about__message-title {
  margin-bottom: var(--dp-s6);
  font-family: var(--dp-font-serif);
  font-size: var(--wp--preset--font-size--xl);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: .03em;
}
.dp-about__message p {
  margin-bottom: 1.7em;
  line-height: var(--dp-lh-body);
}
.dp-about__message p:last-child { margin-bottom: 0; }

.dp-about__sign {
  margin-top: var(--dp-s7);
  text-align: right;
  color: var(--dp-mute);
  font-size: var(--wp--preset--font-size--sm);
}
.dp-about__sign span {
  color: var(--dp-ink);
  font-size: var(--wp--preset--font-size--base);
  font-weight: 600;
}

.dp-about__stances {
  display: grid;
  background: var(--dp-paper);
  border: var(--dp-border);
  border-radius: var(--dp-r-md);
  overflow: hidden;
}
@media (min-width: 768px) {
  .dp-about__stances { grid-template-columns: repeat(3, 1fr); }
}

.dp-stance {
  padding: var(--dp-s6);
  border-top: var(--dp-border);
}
.dp-stance:first-child { border-top: 0; }

@media (min-width: 768px) {
  .dp-stance {
    border-top: 0;
    border-left: var(--dp-border);
  }
  .dp-stance:first-child { border-left: 0; }
}

.dp-stance__no {
  color: var(--dp-mute);
  font-family: var(--dp-font-serif);
  font-size: var(--wp--preset--font-size--2-xl);
  letter-spacing: .06em;
}
.dp-stance__title {
  margin-top: var(--dp-s4);
  font-size: var(--wp--preset--font-size--lg);
  font-weight: 500;
  line-height: 1.6;
}
.dp-stance__text {
  margin-top: var(--dp-s4);
  color: var(--dp-mute);
  font-size: var(--wp--preset--font-size--sm);
  line-height: 1.9;
}

.dp-flow {
  display: grid;
  gap: 0;
  counter-reset: none;
  border-top: var(--dp-border);
}

.dp-flow__item {
  display: grid;
  gap: var(--dp-s3);
  padding-block: var(--dp-s6);
  border-bottom: var(--dp-border);
}
@media (min-width: 768px) {
  .dp-flow__item {
    grid-template-columns: 8rem 1fr;
    gap: var(--dp-s7);
    align-items: start;
  }
}

.dp-flow__no {
  color: var(--dp-mute);
  font-family: var(--dp-font-serif);
  font-size: var(--wp--preset--font-size--2-xl);
  line-height: 1;
  letter-spacing: .06em;
}

.dp-flow__title {
  font-size: var(--wp--preset--font-size--lg);
  font-weight: 500;
  line-height: 1.6;
}
.dp-flow__text {
  margin-top: var(--dp-s3);
  max-width: 42em;
  color: var(--dp-mute);
  font-size: var(--wp--preset--font-size--sm);
  line-height: 1.95;
}

.dp-flow__en {
  margin-left: .9em;
  color: var(--dp-mute);
  font-family: var(--dp-font-num);
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 400;
  letter-spacing: .1em;
}

.dp-about__note {
  margin-top: calc(var(--dp-s7) * -1 + var(--dp-s2));
  margin-bottom: var(--dp-s7);
  max-width: 44em;
  color: var(--dp-mute);
  font-size: var(--wp--preset--font-size--sm);
  line-height: 1.95;
}