.c-person-profile {
    padding-top: 150px;
    position: relative
  }

  .c-person-profile::before {
    content: "";
    width: 100%;
    height: calc(100% - 534px);
    background: #f5f6f7;
    position: absolute;
    top: 534px;
    left: 0
  }

  .c-person-profile__inner {
    width: 86.666%;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto
  }

  .c-person-profile__skill {
    width: 86.666%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
  }


  .c-person-profile__face {
    position: relative
  }

  .c-person-profile__face .shoulder-tit {
    letter-spacing: .1em;
    line-height: 1;
    color: #333;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-size: 2rem;
    font-weight: 400;
    position: absolute;
    top: calc(50% - 117.5px);
    left: -66px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left top;
    transform-origin: left top
  }

  .c-person-profile__name {
    margin-top: 50px;
    text-align: center
  }

  .c-person-profile__name .name {
    letter-spacing: .06em;
    line-height: 1.3;
    color: #333;
    font-family: classico-urw, sans-serif;
    font-size: 3.8rem;
    font-weight: 400
  }

  .c-person-profile__name .dpt {
    margin-top: .3em;
    color: #333;
    line-height: 1.3
  }

  .c-person-profile__info {
    margin-top: 70px
  }

  .c-person-profile__info .row {
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
  }

  .c-person-profile__info .row::before {
    content: "";
    width: 100%;
    height: 1px;
    border-top: 1px dashed #b7b8b8;
    position: absolute;
    top: 0;
    left: 0
  }

  .c-person-profile__info dt {
    width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .c-person-profile__info dt .icon {
    width: 28px;
    margin-top: .1em;
    line-height: 0
  }

  .c-person-profile__info dt .en {
    margin-left: .3em;
    display: block;
    letter-spacing: .1em;
    line-height: 1.3;
    color: #333;
    font-family: classico-urw, sans-serif;
    font-size: 1.8rem
  }

  .c-person-profile__info dt .ja {
    display: block;
    line-height: 1;
    color: rgba(0, 0, 0, .5);
    font-size: 1.2rem
  }

  .c-person-profile__info dd {
    width: calc(100% - 200px);
    text-align: justify;
    line-height: 2
  }

  .c-person-profile__sup {
    margin-top: 40px;
    padding: 45px 50px;
    border-radius: 30px 0;
    background: #fff
  }

  .c-person-profile__sup__belong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.5;
    position: relative
  }

  .c-person-profile__sup__belong dt::after {
    content: "：";
    margin: 0 .2em
  }

  .c-person-profile__sup__belong dd {
    margin-right: 1.5em
  }

  .c-person-profile__sup__remark {
    margin-top: 1.5em;
    padding-top: 1.5em;
    font-size: 1.4rem;
    text-align: justify;
    border-top: 1px solid rgba(0, 0, 0, .1)
  }

  .c-person-profile__sup__remark li {
    padding-left: 1em;
    line-height: 1.6;
    font-size: 1.4rem;
    position: relative
  }

  .c-person-profile__sup__remark li:not(:first-child) {
    margin-top: 5px
  }

  .c-person-profile__sup__remark li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #404040;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
  }

  @media only screen and (max-width: 1200px) {
    .c-person-profile {
      padding-top: 105px
    }

    .c-person-profile::before {
      height: calc(100% - 361px);
      top: 361px
    }

    .c-person-profile__face {
      width: 512px;
      margin: 0 auto
    }

    .c-person-profile__face .shoulder-tit {
      font-size: 1.6rem;
      position: absolute;
      top: calc(50% - 94px);
      left: -54px
    }

    .c-person-profile__name {
      margin-top: 35px
    }

    .c-person-profile__name .name {
      font-size: 3rem
    }

    .c-person-profile__info {
      margin-top: 50px
    }

    .c-person-profile__info .row {
      padding: 25px 0
    }

    .c-person-profile__info dt {
      width: 160px
    }

    .c-person-profile__info dt .en {
      font-size: 2rem;
      font-weight: bold;
    }

    .c-person-profile__info dt .icon {
      width: 18px
    }

    .c-person-profile__info dd {
      width: calc(100% - 160px)
    }

    .c-person-profile__sup {
      margin-top: 30px;
      padding: 35px 40px;
      border-radius: 25px 0
    }

    .c-person-profile__sup__remark {
      margin-top: 15px;
      padding-top: 15px;
      font-size: 1.2rem
    }

    .c-person-profile__sup__remark li {
      font-size: 1.2rem
    }

    .c-person-profile__sup__remark li:not(:first-child) {
      margin-top: 4px
    }

    .c-person-profile__sup__remark li::before {
      width: 3px;
      height: 3px
    }
  }

  @media only screen and (max-width: 768px) {
    .c-person-profile {
      padding-top: 16.666vw
    }

    .c-person-profile::before {
      height: calc(100% - 50vw);
      top: 50vw
    }

    .c-person-profile__face {
      width: 66.666vw;
      max-width: 410px
    }

    .c-person-profile__face .shoulder-tit {
      font-size: 1.2rem;
      position: absolute;
      top: calc(50% - 70.5px);
      left: -24px
    }

    .c-person-profile__name {
      margin-top: 20px
    }

    .c-person-profile__name .name {
      font-size: 3.2rem
    }

    .c-person-profile__name .dpt {
      font-size: 2.0rem
    }

    .c-person-profile__info {
      margin-top: 25px;
      display: block
    }

    .c-person-profile__info .row {
      padding: 20px 0
    }

    .c-person-profile__info dt {
      width: 100%
    }

    .c-person-profile__info dd {
      width: 100%;
      margin-top: .75em;
      font-size: 1.5rem;
    }

    .c-person-profile__sup {
      margin-top: 20px;
      padding: 25px;
      border-radius: 20px 0
    }

    .c-person-profile__sup__belong {
      padding-bottom: 5px;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      line-height: 2;
      font-size: 1.2rem;
      border-bottom: 1px solid rgba(0, 0, 0, .1)
    }

    .c-person-profile__sup__belong dd {
      margin-right: 0
    }

    .c-person-profile__sup__belong dd br {
      display: none
    }

    .c-person-profile__sup__remark {
      margin-top: 1em;
      padding-top: 0;
      font-size: 1.1rem;
      border-top: none
    }

    .c-person-profile__sup__remark br {
      display: none
    }
  }