@media screen and (min-width: 835px) {
  .p-dx-message__content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: min(5.556vw, 88px);
  }
}
.p-dx-message__image {
  overflow: hidden;
}
@media screen and (min-width: 835px) {
  .p-dx-message__image {
    width: min(40.278vw, 638px);
    border-radius: min(0.556vw, 8.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-dx-message__image {
    border-radius: min(2.133vw, 8.8px);
  }
}
.p-dx-message__image img {
  width: 100%;
}
@media screen and (min-width: 835px) {
  .p-dx-message__text {
    flex: 1;
  }
}
@media screen and (max-width: 834px) {
  .p-dx-message__text {
    margin-top: min(10.667vw, 44px);
  }
}
.p-dx-message__title {
  font-weight: var(--fw-500);
  line-height: var(--lh-150);
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-dx-message__title {
    font-size: clamp(27.2px, 2.222vw, 35.2px);
    margin-bottom: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-dx-message__title {
    font-size: clamp(20.4px, 6.4vw, 26.4px);
    margin-bottom: min(8.533vw, 35.2px);
  }
}
.p-dx-message__author {
  font-weight: var(--fw-500);
  line-height: var(--lh-150);
}
@media screen and (min-width: 835px) {
  .p-dx-message__author {
    margin-top: min(2.778vw, 44px);
    margin-bottom: min(1.667vw, 26.4px);
  }
}
@media screen and (max-width: 834px) {
  .p-dx-message__author {
    margin-top: min(8.533vw, 35.2px);
    margin-bottom: min(6.4vw, 26.4px);
  }
}
@media screen and (max-width: 834px) {
  .p-dx__title {
    margin-bottom: min(10.667vw, 44px);
  }
}
@media screen and (min-width: 835px) {
  .p-dx__subtitle {
    margin-top: min(5.556vw, 88px);
    margin-bottom: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-dx__subtitle {
    margin-top: min(10.667vw, 44px);
    margin-bottom: min(8.533vw, 35.2px);
  }
}
.p-dx__diagram {
  text-align: center;
}
@media screen and (min-width: 835px) {
  .p-dx__diagram {
    margin-block: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-dx__diagram {
    margin-block: min(8.533vw, 35.2px);
  }
}
.p-dx__diagram img {
  width: 100%;
}
@media screen and (max-width: 540px) {
  .p-dx__diagram.--scroll {
    width: calc(100% + min(5.333vw, 22px));
    overflow-x: auto;
  }
  .p-dx__diagram.--scroll img {
    max-width: none;
    width: min(240vw, 990px);
  }
}
@media screen and (min-width: 835px) {
  .p-dx__text {
    line-height: var(--lh-200);
  }
}