:root {
  --body: #000;
  --link: #000;
}

/*--------------------------------------------
MEMBERS
---------------------------------------------*/

#members li {
  counter-increment: number;
}

#members .title03 {
  display: flex;
}

#members .title03:before {
  content: counter(number) ".";
}

#members li p {
  letter-spacing: 0.1em;
}

#members .sub {
  letter-spacing: 0.126em;
  white-space: inherit;
}

#members .sub:before {
  display: inline;
}

@media screen and (max-width: 799px) {
  #members .wrap {
    padding-top: calc( ( 72 - 6.5 ) * 100vw / 375 );
    padding-bottom: calc( ( 96 - 3.5 ) * 100vw / 375 );
  }

  #members ul {
    margin-top: calc( ( 80 - 6.5 ) * 100vw / 375 );
  }

  #members li + li {
    margin-top: calc( ( 80 - 6.5 ) * 100vw / 375 );
  }

  #members li p {
    margin-top: calc( ( 18 - 6.5 ) * 100vw / 375 );
  }

  #members .links {
    margin-top: calc( ( 66 - 6.5 ) * 100vw / 375 );
  }

  #members .link01 + .link01 {
    margin-top: calc( 18 * 100vw / 375 );
  }

  #members .sub {
    font-size: 1rem;
    line-height: 1.88;
    margin-top: calc( ( 23 - 3.5 ) * 100vw / 375 );
  }
}

@media print, screen and (min-width: 800px) {
  #members .wrap {
    padding-top: calc( 100px - 10px );
    padding-bottom: calc( 148px - 4.5px );
  }

  #members ul {
    margin-top: calc( 94px - 10px );
  }

  #members li + li {
    margin-top: calc( 91px - 10px );
  }

  #members li p {
    margin-top: calc( 35px - 10px );
  }

  #members .links {
    margin-top: calc( 98px - 10px );
  }

  #members .link01 + .link01 {
    margin-top: 18px;
  }

  #members .sub {
    font-size: 1rem;
    line-height: 1.9;
    width: 325px;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc( 27px - 4.5px );
  }
}