@charset "UTF-8";

.p-message-visual__inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
}

.p-message-visual__text {
  flex: 0 0 calc((100% - 56px) * (708 / 1224));
  max-width: calc((100% - 56px) * (708 / 1224));
}

.p-message-visual__image {
  flex: 0 0 calc((100% - 56px) * (516 / 1224));
  max-width: calc((100% - 56px) * (516 / 1224));
}

.p-message-visual__title {
  font-size: 40px;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: var(--color-primary);
}

.p-position-sign__inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.p-position-sign__role {
  font-size: var(--fs-16);
  font-weight: var(--fw-regular);
  line-height: var(--lh-lg);
  letter-spacing: var(--ls-n1);
  color: var(--color-text);
}

.p-related-info__title {
  font-size: var(--fs-20);
  font-weight: var(--fw-bold);
  color: var(--color-primary);
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .p-message-visual__inner {
    gap: 24px;
  }
  #aboutus-message .l-row--2 {
    flex-direction: column;
  }
  .p-message-visual__text,
  .p-message-visual__image {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .p-message-visual__text {
    order: 2;
  }
  .p-message-visual__image {
    order: 1;
  }
  .p-message-visual__title {
    font-size: var(--fs-28);
  }
  .p-position-sign__role {
    font-size: var(--fs-14);
  }
}

.l-section.p-related-section{
    background-color: var(--color-light-blue);
    padding-top: 56px;
    padding-bottom: 64px;
}
@media (max-width: 767px) {
    .p-related-info__title{
        font-size: 17px;
    }

    .l-section.p-related-section{
        padding-top: 48px;
        padding-bottom: 56px;
    }
}