.about-intro .u-inner {
  max-width: 940px;
}

.about-key {
  color: #fff;
}
.about-key__item:first-child {
  margin-top: 0;
}

.about-key__img {
  display: block;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-key__name {
  font-weight: 600;
  letter-spacing: 0.1em;
}

.about-message__lead {
  font-weight: 700;
}

.about-message__persons {
  font-weight: 700;
  text-align: right;
}
.about-message__persons span {
  display: inline-block;
  margin-right: 0.5em;
}
@media screen and (max-width: 767.98px) {
  .about-intro {
    margin-bottom: 14.4444444444vw;
  }
  .about-intro__text {
    font-size: 4.1666666667vw;
    line-height: 1.7333333333;
    margin: 0 0 1em;
  }
  .about-key {
    background: url("/assets/img/about/bg_key_sp.jpg") no-repeat center center;
    background-size: cover;
    padding: 19.4444444444vw 0 24.4444444444vw;
  }
  .about-key .c-title2 {
    margin: 0 0 17.7777777778vw;
  }
  .about-key__item {
    margin-top: 17.2222222222vw;
  }
  .about-key__item.about-key__item-introductory {
    margin-top: 14.7222222222vw;
  }
  .about-key__item.about-key__item-interactive {
    margin-top: 21.1111111111vw;
  }
  .about-key__img {
    flex-basis: 29.4444444444vw;
    width: 29.4444444444vw;
    margin-bottom: 4.1666666667vw;
  }
  .about-key__item-international .about-key__img {
    flex-basis: 19.4444444444vw;
    width: 19.4444444444vw;
  }
  .about-key__item-interdisciplinary .about-key__img {
    margin-bottom: 5.5555555556vw;
  }
  .about-key__item-introductory .about-key__img {
    flex-basis: 16.6666666667vw;
    width: 16.6666666667vw;
    margin-bottom: 5.5555555556vw;
  }
  .about-key__item-interactive .about-key__img {
    margin-bottom: 8.3333333333vw;
  }
  .about-key__name {
    font-size: 5vw;
    text-align: center;
    margin: 0 0 3.3333333333vw;
  }
  .about-key__text {
    font-size: 4.1666666667vw;
    line-height: 1.7333333333;
  }
  .about-message {
    padding: 19.4444444444vw 0 18.0555555556vw;
  }
  .about-message__img {
    margin: 0 0 11.1111111111vw;
  }
  .about-message__lead {
    font-size: 5.5555555556vw;
    line-height: 1.1;
    margin: 0 0 6.3888888889vw;
  }
  .about-message__text {
    font-size: 4.1666666667vw;
    margin: 0 0 8.3333333333vw;
    line-height: 1.7333333333;
  }
  .about-message__persons {
    font-size: 3.8888888889vw;
    line-height: 1.4;
  }
  .about-message__persons span {
    font-size: 3.3333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  .about-intro__text {
    font-size: 18px;
    line-height: 1.7777777778;
    margin: 0 0 calc(1em + 12px);
  }
  .about-key {
    background: url("/assets/img/about/bg_key.jpg") no-repeat center center;
    background-size: cover;
    padding: 133px 0 216px;
    margin-top: 139px;
  }
  .about-key__list {
    max-width: 1050px;
    margin: 172px 0 0;
  }
  .about-key__item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 136px;
  }
  .about-key__img {
    flex-basis: 165px;
    max-width: 165px;
    width: 165px;
    height: 110px;
    margin-right: 85px;
  }
  .about-key__info {
    flex-basis: calc(100% - 245px);
    max-width: calc(100% - 245px);
    width: calc(100% - 245px);
  }
  .about-key__name {
    font-size: 28px;
    margin: 0 0 20px;
  }
  .about-key__text {
    font-size: 16px;
    line-height: 28px;
  }
  .about-message {
    padding: 145px 0 0;
  }
  .about-message__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .about-message__img {
    flex-basis: 30%;
    max-width: 30%;
    width: 30%;
  }
  .about-message__detail {
    flex-basis: 63.3333333333%;
    max-width: 63.3333333333%;
    width: 63.3333333333%;
  }
  .about-message__lead {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 40px;
  }
  .about-message__text {
    font-size: 16px;
    margin: 0 0 40px;
    line-height: 1.875;
  }
  .about-message__persons {
    font-size: 16px;
  }
  .about-message__persons span {
    font-size: 13px;
  }
}