.about {
  padding: 20px 40px 40px;
}

.about__title {
  text-align: center;
  line-height: 2;
  letter-spacing: .12em;
}

.about__img {
  margin-bottom: 20px;
}

.member {
}

.member h5 {
	margin-bottom: .5em;
	font-size: 14px;
}

.member hr {
	width: 25px;
}

.member__lists {
	font-size: 0;
  margin-top: 40px;
}

.member__list {
	width: 46%;
	display: inline-block;
	margin: 0 8% 8% 0;
  vertical-align: top;
}

.member__list:nth-child(2n) {
	margin: 0 0 8% 0;
}

.member__name {
	overflow: auto;
}

.member__name h5 {
	float: left;
  letter-spacing: .15em
}

.member__name small {
	float: right;
	font-size: 12px;
	margin-top: 2px;
  letter-spacing: .1em
}

.member__post {
	clear: both;
	margin-bottom: .5em;
  font-size: 12px;
  letter-spacing: .1em
}

.member__description {
	font-size: 11px;
  line-height: 2;
  letter-spacing: .1em
}

@media(max-width:760px) {
  .about {
    padding: 0 0 35px;
  }

  .about__title {
    font-size: 10px;
    line-height: 1.8;
    letter-spacing: .1em;
  }

  .about__title br:nth-child(3) {
    display: none;
  }

  .about__img {
    margin-bottom: 20px;
  }

  .member h5 {
  	margin-bottom: .5em;
  	font-size: 13px;
  }

  .member hr {
  	width: 25px;
  }

  .member__lists {
    margin-top: 20px;
  }

  .member__list {
  	width: 100%;
  	display: block;
  	margin: 0 auto 10%;
    vertical-align: top;
  }

  .member__list:nth-child(2n) {
  	margin: 0 auto 10%;
  }

  .member__name h5 {
    letter-spacing: .1em
  }

  .member__name small {
  	font-size: 11px;
  	margin-top: 2px;
    letter-spacing: .1em
  }

  .member__post {
    font-size: 12px;
    letter-spacing: .1em
  }

  .member__description {
  	font-size: 11px;
    line-height: 1.8;
  }
}