.presidentIntroduction {
  box-sizing: border-box;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 35px;
}

@media only screen and (max-width: 736px) {
  .presidentIntroduction {
    margin-top: calc(100vw/750*100);
  }
}

.presidentIntroduction__image {
  display: block;
}

@media only screen and (min-width: 736px) {
  .presidentIntroduction__image {
    position: absolute;
    top: 0;
    right: 0;
    width: 210px;
  }
}

@media only screen and (max-width: 736px) {
  .presidentIntroduction__image {
    margin: calc(80vw/750*100) auto 0;
    width: calc(240vw/750*100);
  }
}

.profile {
  margin-top: 100px;
}

@media only screen and (max-width: 736px) {
  .profile {
    margin-top: calc(40vw/750*100);
    text-align: center;
  }
}

.profile__detail {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .09em;
  line-height: calc(24/16);
}

.profile__signiture {
  width: 184px;
  margin-top: 20px;
}

@media only screen and (min-width: 736px) {
  .profile__signiture {
    -webkit-transform: translate(-7px, 0);
            transform: translate(-7px, 0);
  }
}

@media only screen and (max-width: 736px) {
  .profile__signiture {
    width: calc(300vw/750*100);
  }
}

.summary {
  font-size: 16px;
  letter-spacing: 0.146em;
  line-height: 1.875;
  line-height: calc(30 / 16);
  text-align: right;
}

@media only screen and (max-width: 736px) {
  .summary {
    font-size: calc(24vw/750*100);
  }
}

.text + .summary {
  margin-top: 35px;
}
/*# sourceMappingURL=style.css.map */