.newmember {
  max-width: 700px;
  width: 90%;
  margin: 0 auto;
}

.newmember .privilege__inr {
  margin-bottom: 80px;
}

.privilege__bnr {
  text-align: center;
}

.newmember .privilege__list {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 897px) {
  .newmember .privilege__list {
    width: 44%;
    margin: 2% auto;
    min-width: 500px;
  }
}

@media screen and (max-width: 896px) {
  .newmember .privilege__list {
    width: 100%;
    margin: 2% auto;
  }
}

.newmember .privilege__list__item {
  width: calc(100%/3);
  text-align: center;
}

.newmember .privilege__list__item__anchor {
  display: block;
}

.newmember .privilege__list__item__img {
  width: 90%;
  margin-bottom: 4%;
}

.newmember .rank__head__title {
  width: 100%;
  background: #b8aba5;
  margin: 0 auto;
  padding: 7px 0;
  margin-bottom: 20px;
}

.newmember .rank__head__title__txt {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}

.newmember .rank__head__discription {
  margin-bottom: 20px;
}

.newmember .rank__head__discription__txt {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.newmember .rank__head__attention__txt {
  text-align: center;
  font-size: 13px;
}

.newmember .rank__head__attention__txt__bold {
  color: #b8aba5;
  font-weight: bold;
}

.newmember .rank__graph {
  margin: 50px auto;
}

.newmember .rank__comment__list {
  margin-bottom: 10px;
}

.newmember .rank__comment__txt {
  font-size: 11px;
}

.newmember .rank__comment__txt__bold {
  font-weight: bold;
  font-size: 12px;
}

.newmember .rank__btn {
  background: #3a3a3a;
  border-radius: 45px;
  width: 250px;
  margin: 6rem auto 0;
  padding: 10px 0;
}

.newmember .rank__btn__txt {
  font-size: 12px;
  color: #fff;
  text-align: center;
}

.rank__btn__anchor {
  display: block;
  color: #fff;
}

.newmember .rank__more-btn__txt {
  text-align: center;
  text-decoration: underline;
  font-size: 1.2rem;
}

.fs-c-inputInformation__message {
  margin-top: 5rem;
}