.p-dx {
  --color-red: #9d0610;
  color: #000;
  letter-spacing: 0;
}

.p-dx .c-detail-hero__title p {
  letter-spacing: 0.02em;
}

.p-dx .c-detail-hero__title h1 {
  letter-spacing: 0.18em;
}

.p-dx__intro {
  padding: 6.25rem 0 5rem;
}

.p-dx__intro .l-container > div {
  display: grid;
  grid-template-columns: 33.125rem 37.8125rem;
  align-items: center;
  gap: 4.0625rem;
}

.p-dx__intro h2 {
  font-size: calc(25 / 16 * 1rem);
  font-weight: 700;
  line-height: 2.05;
}

.p-dx__intro img {
  display: block;
  width: 100%;
}

.p-dx__intro .l-container > p {
  margin-top: 3.4375rem;
  font-size: calc(18 / 16 * 1rem);
  line-height: 1.78;
}

.p-dx__body {
  padding: calc(100 / 16 * 1rem) 0;
  background: var(--color-gray);
}

.p-dx__body section {
  padding: calc(100 / 16 * 1rem) 0;
  border-bottom: 0.0625rem solid #777;
}

.p-dx__body section:first-child {
  padding-top: 0;
}

.p-dx__body h2 {
  font-family: var(--font-serif);
  font-size: calc(35 / 16 * 1rem);
  font-weight: 700;
  line-height: 1.4;
}

.p-dx__body h3 {
  margin-top: calc(15 / 16 * 1rem);
  font-size: calc(25 / 16 * 1rem);
  font-weight: 700;
  line-height: 1.4;
}

.p-dx__body p {
  margin-top: 1.25rem;
  font-size: calc(18 / 16 * 1rem);
  line-height: 1.666667;
  font-feature-settings: "palt";
  letter-spacing: -0.02em;
}

.p-dx__body h3 + p {
  margin-top: calc(15 / 16 * 1rem);
}

.p-dx__body section > div + div {
  margin-top: calc(70 / 16 * 1rem);
}

.p-dx__vision strong {
  background: linear-gradient(to bottom, transparent 66.666%, #fff100 66.666%);
  font-weight: 700;
}

.p-dx__tags {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(20 / 16 * 1rem) calc(25 / 16 * 1rem);
  margin-top: 1.5625rem;
}

.p-dx__tags li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  /*padding: calc(5 / 16 * 1rem) 0;*/
  padding: 0.5em 0;
  border: 0.125rem solid var(--color-red);
  border-radius: 1.5em;
  background: #fff;
  color: var(--color-red);
  font-size: calc(22 / 16 * 1rem);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.p-dx__vision, .p-dx__strategy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 35.9375rem));
  gap: 3.125rem;
}

.p-dx__vision img, .p-dx__strategy img {
  display: block;
  width: 100%;
}

.p-dx__vision {
  align-items: center;
}

.p-dx__strategy {
  align-items: start;
}

.p-dx__strategy .p-dx__tags {
  grid-template-columns: repeat(2, 1fr);
}

.p-dx__body section > .p-dx__strategy + div {
  margin-top: 2.8125rem;
}

.p-dx .c-page-actions {
  background: var(--color-gray);
}

@media (min-width: 768px) {
  .p-dx .c-detail-hero__title {
    padding-right: 2.5rem;
  }
}
.p-dx-hero-title p {
  font-family: var(--font-en);
}

.p-dx-breadcrumb {
  font-weight: 500;
}

.p-dx__tags .p-dx__tag-spaced {
  letter-spacing: 0.02em;
}

@media (max-width: 767.98px) {
  .p-dx__body {
    padding-block: calc(70 / 16 * 1rem);
  }
  .p-dx__body section {
    padding-block: calc(55 / 16 * 1rem);
  }
  .p-dx__body p {
    font-feature-settings: normal;
    letter-spacing: 0;
  }
  .p-dx__body h3 + p {
    margin-top: calc(20 / 16 * 1rem);
  }
  .p-dx__body section > div + div {
    margin-top: calc(45 / 16 * 1rem);
  }
  .p-dx__intro .l-container > div, .p-dx__vision, .p-dx__strategy {
    grid-template-columns: 1fr;
    gap: 2.8125rem;
  }
  .p-dx__intro h2 {
    font-size: calc(33.476923 / 16 * 1rem);
  }
  .p-dx__intro .l-container > p, .p-dx__body p {
    font-size: calc(25.6 / 16 * 1rem);
    line-height: 1.9;
  }
  .p-dx__body h2 {
    font-size: calc(37.415385 / 16 * 1rem);
  }
  .p-dx__body h3 {
    font-size: calc(29.538462 / 16 * 1rem);
  }
  .p-dx__tags {
    grid-template-columns: 1fr 1fr;
  }
  .p-dx__tags li {
    min-height: 3.375rem;
    font-size: calc(21.661538 / 16 * 1rem);
  }
}/*# sourceMappingURL=dx.css.map */