/* ===============================================
# Rank 会員ランクページ
=============================================== */
.rank {
  margin-top: 135px;
}

.heading_h2_en.rank__heading_h2_en {
  color: #A58C8C;
  font-weight: 500;
}

.heading_h2_jp.rank__heading_h2_jp {
  color: #867A77;
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 50px;
}

.rank__lead {
  margin-top: 27px;
  max-width: 828px;
  margin-inline: auto;
}

.rank__leadText {
  color: #867A77;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5;
  letter-spacing: 0.2em;
  text-align: center;
}

.rank__banner {
  margin-top: 136px;
}

.rank__bannerImg {
  display: block;
  width: 100%;
  max-width: 1153px;
  aspect-ratio: 1153/441;
  margin-inline: auto;
}

.rank__feature {
  margin-top: 120px;
}

.rank__featureItems {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 45px;
  max-width: 893px;
  margin-inline: auto;
}

.rank__featureItem {
  display: flex;
  align-items: center;
}

.rank__featureIcon {
  display: block;
  width: 100%;
  max-width: 102px;
  aspect-ratio: 102/102;
}

.rank__featureNumber {
  min-width: 80px;
  padding-left: 18px;
  color: #C79F62;
  font-size: 3.6rem;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.4em;
}

.rank__featureText {
  padding-left: 16px;
  color: #867A77;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1.65;
}

.rank__list {
  margin-top: 168px;
}

.rank__listImg {
  display: block;
  width: 100%;
  max-width: 954px;
  aspect-ratio: 954/317;
  margin-inline: auto;
}

.rank__point {
  margin-top: 188px;
}

.rank__pointItems {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 59px;
}

.rank__pointImg {
  display: block;
  width: 100%;
  max-width: 547px;
  aspect-ratio: 547/311;
}

.rank__pointTextWrapper {
  margin-top: 30px;
  text-align: center;
}

.rank__pointText {
  color: #867A77;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.375;
}

.rank__pointText span {
  font-size: 2rem;
  font-weight: 500;
}

.rank__precautions {
  margin-top: 190px;
}

.rank__precautionsItems {
  max-width: 954px;
  margin-inline: auto;
}

.rank__precautionsItem {
  background-color: #fff;
  padding: 24px 40px;
  display: flex;
  align-items: center;
  gap: 29px;
}

.rank__precautionsItem+.rank__precautionsItem {
  margin-top: 8px;
}

.rank__precautionsNumber {
  min-width: 65px;
  color: #867A77;
  font-size: 3.6rem;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.4em;
}

.rank__precautionsText {
  color: #867A77;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 1.875;
}

.pc-none {
  display: none;
}


@media screen and (max-width: 767.98px) {
  .rank {
    margin-top: 70px;
  }

  .heading_h2_jp.rank__heading_h2_jp {
    font-size: 1.4rem;
  }

  .rank__leadText {
    font-size: 1.4rem;
  }

  /* .rank__banner {
    margin-top: 66px;
  } */

  .rank__bannerImg {
    max-width: 100%;
  }

  /* .rank__feature {
    margin-top: 60px;
  } */

  .rank__featureItems {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: 0;
    row-gap: 25px;
    max-width: 390px;
    margin-inline: auto;
  }

  .rank__featureIcon {
    max-width: 52px;
  }

  .rank__featureNumber {
    min-width: 68px;
    font-size: 2.4rem;
  }

  .rank__featureText {
    font-size: 1.4rem;
  }

  .rank__listImgWrapper {
    overflow-x: scroll;
  }

  .rank__listImg {
    min-width: 954px;
  }

  .rank__pointItems {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 30px;
  }

  .rank__pointImg {
    max-width: 280px;
    margin-inline: auto;
  }

  .rank__pointTextWrapper {
    margin-top: 20px;
  }

  .rank__pointText {
    font-size: 1.8rem;
  }

  .rank__pointText span {
    font-size: 1.4rem;
  }

  .rank__precautionsItem {
    padding: 12px 20px;
    gap: 16px;
  }

  .rank__precautionsNumber {
    min-width: 32px;
    font-size: 1.8rem;
  }

  .rank__precautionsText {
    font-size: 12px;
  }

  .pc-none {
    display: block;
  }

  .sp-none {
    display: none;
  }
}