.member-benefits {
  background-color: #fff; }
  .member-benefits,
  .member-benefits .p-pager-list li.is-act,
  .member-benefits .p-review-list,
  .member-benefits .p-text-annotation-01 span {
    background-color: #fff; }
  @media screen and (min-width: 768px) {
    .member-benefits {
      padding: 0 80px; } }
  @media screen and (max-width: 767px) {
    .member-benefits {
      margin: 0 auto;
      padding: 0 5.33333vw; } }
  .member-benefits p {
    width: auto; }
  .member-benefits .p-title-secondary-01 {
    color: #878782; }
    @media screen and (min-width: 768px) {
      .member-benefits .p-title-secondary-01 {
        font-size: 16px; } }
    @media screen and (max-width: 767px) {
      .member-benefits .p-title-secondary-01 {
        font-size: 4.26667vw;
        padding-left: 5.33333vw;
        margin: 0; } }
  @media screen and (min-width: 768px) {
    .member-benefits ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 30px; } }
  @media screen and (max-width: 767px) {
    .member-benefits ul {
      margin-top: 6.4vw; } }
  .member-benefits li {
    border: 3px solid #f8f5f5; }
    @media screen and (min-width: 768px) {
      .member-benefits li {
        width: 300px;
        padding: 25px 20px; } }
    @media screen and (max-width: 767px) {
      .member-benefits li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-box-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 2.66667vw;
        padding: 6.66667vw; } }
    @media screen and (max-width: 767px) {
      .member-benefits li:first-child {
        margin-top: 0; } }
  @media screen and (min-width: 768px) {
    .member-benefits .p-title-secondary-01 {
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .member-benefits .p-title-secondary-01 {
      padding-left: 5.33333vw; } }
  .member-benefits .mail-icon,
  .member-benefits .point-icon,
  .member-benefits .present-icon {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .member-benefits .mail-icon,
      .member-benefits .point-icon,
      .member-benefits .present-icon {
        margin: 0 auto; } }
    @media screen and (max-width: 767px) {
      .member-benefits .mail-icon,
      .member-benefits .point-icon,
      .member-benefits .present-icon {
        margin: 0; } }
  @media screen and (min-width: 768px) {
    .member-benefits .present-icon {
      width: 38px;
      padding: 25px 0 25px; } }
  @media screen and (max-width: 767px) {
    .member-benefits .present-icon {
      width: 7.46667vw; } }
  @media screen and (min-width: 768px) {
    .member-benefits .mail-icon {
      width: 44px;
      padding: 57px 0 36px; } }
  @media screen and (max-width: 767px) {
    .member-benefits .mail-icon {
      width: 8.26667vw; } }
  @media screen and (min-width: 768px) {
    .member-benefits .point-icon {
      width: 51px;
      padding: 25px 0 25px; } }
  @media screen and (max-width: 767px) {
    .member-benefits .point-icon {
      width: 8.26667vw; } }
  @media screen and (max-width: 767px) {
    .member-benefits .p-text-primary-01 {
      margin-top: 6.66667vw; } }
  .member-benefits .mail-btn,
  .member-benefits .point-btn {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .member-benefits .mail-btn,
      .member-benefits .point-btn {
        margin-top: 5.33333vw; } }
  @media screen and (min-width: 768px) {
    .member-benefits .mail-btn {
      margin-top: 39px; } }
  @media screen and (min-width: 768px) {
    .member-benefits .point-btn {
      margin-top: 20px; } }
  .member-benefits .p-btn-text-01 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUuMDMiIGhlaWdodD0iMTAuNjIiIHZpZXdCb3g9IjAgMCA1LjAzIDEwLjYyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6Izg3ODc4MTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48L2RlZnM+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIwLjM5IDAuMzEgNC4zOSA1LjMxIDAuMzkgMTAuMzEiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: right center;
    text-decoration: none; }
  @media screen and (min-width: 768px) {
    .member-benefits .p-btn-text-01 {
      padding-right: 13px;
      font-size: 13px;
      line-height: 13px;
      background-size: 6px auto; } }
  @media screen and (max-width: 767px) {
    .member-benefits .p-btn-text-01 {
      padding-right: 3.46667vw;
      font-size: 3.2vw;
      line-height: 3.2vw;
      background-size: 1.06667vw auto; } }

.line-intro {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: fit-content;
  margin: 38px auto 20px; }
  @media screen and (max-width: 767px) {
    .line-intro {
      padding-inline: 5.33333vw; } }
  .line-intro img {
    width: 50px !important; }
  .line-intro .p-text-line {
    flex: 1;
    margin-top: 0; }
    @media screen and (max-width: 767px) {
      .line-intro .p-text-line {
        font-size: 3.7333333333vw; } }

.p-text-line {
  font-weight: 300;
  line-height: 170%;
  letter-spacing: 0.56px;
  width: auto !important; }
  @media screen and (min-width: 768px) {
    .p-text-line {
      font-size: 14px; } }
  @media screen and (max-width: 767px) {
    .p-text-line {
      font-size: 3.2vw; } }

.line-intro-btn {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .line-intro-btn {
      margin-top: 20px; } }
  @media screen and (max-width: 767px) {
    .line-intro-btn {
      margin-top: 5.3333333333vw; } }

.p-btn-primary-01, .p-btn-secondary-01 {
  display: inline-block;
  text-decoration: none !important;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }

.p-btn-primary-01 {
  max-height: inherit;
  max-height: initial;
  padding: 0;
  color: #3c3c3c;
  text-align: center;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }
  @media screen and (min-width: 768px) {
    .p-btn-primary-01 {
      width: 300px;
      font-size: 14px;
      line-height: 48px;
      border-radius: 25px; } }
  @media screen and (max-width: 767px) {
    .p-btn-primary-01 {
      width: 80vw;
      font-size: 3.73333vw;
      line-height: 14.13333vw;
      border-radius: 7.33333vw; } }

.p-btn-secondary-01, .p-btn-secondary-02 {
  border: 1px solid #c8c8c8;
  text-align: center; }

.p-btn-primary-01:hover {
  color: #fff;
  background-color: #c8c8c8; }