@charset "UTF-8";

/* 画像 */
.block-member-intro .img-block-wrap img {
    width: 100%;
}

/* テキスト */
.block-member-intro .detail-text .is-text {
    line-height: 1.8;
}
.block-member-section + .block-member-section {
    margin-top: 60px;
}
.block-member-section:nth-child(even) {
    background-color: var(--base-light-gray);
    padding: 2.9em 0 4em;
}

/* 見出し */
.block-member-section .content-ttl {
    font-weight: bold;
    font-size: clamp(14px, 3.7vw, 20px);
    margin: 0 0 35px;
    line-height: 1.5;
}
.block-member-section:not(.block-member-intro) .content-ttl {
    text-align: center;
}

/* 注釈 */
.block-member-section .attention {
    margin-top: 1.5em;
    font-size: 12px;
}
.block-member-section .attention li + li {
    margin-top: 0.7em;
}
.block-member-section .attention li {
    text-indent: -1em;
    padding-left: 1em;
}

/* メンバーズ特典 */
.block-member-intro .point-list-box01 .is-ttl {
    margin: 0 0 20px;
    font-weight: bold;
    line-height: 1.8;
}
.block-member-intro .point-list-box01 {
    background-color: #EDEAE2;
    padding: 1.2em;
    counter-reset: number 0;
}
.block-member-intro .point-list-box01 .point-detail {
    display: flex;
}
.block-member-intro .point-list-box01 .point-detail + .point-detail {
    margin-top: 20px
}
.block-member-intro .point-list-box01 .point-detail::before {
    counter-increment: number 1;
    content: counter(number) " ";
    border-right: 1px solid var(--base-gray);
    font-size: 24px;
    padding-right: 25px;
    width: 5%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.block-member-intro .point-list-box01 .point-detail .font-w {
    font-weight: bold;
}

/* TiCTACのうれしい特典 */
.block-member-point .point-list-box02 .point-deail {
  background-color: white;
  padding: 2em;
}
.block-member-point .point-list-box02 .point-deail .is-ttl {
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}
.block-member-point .point-list-box02 .point-deail .img-block {
  max-width: 60%;
  margin: 0 auto 40px;
  height: 135px;
  text-align: center;
}
.block-member-point .point-list-box02 .point-deail .img-block img {
  max-height: 100%;
}

/* 入会方法 */
.block-member-app {
    text-align: center;
}
.block-member-app .img-block-wrap {
    display: flex;
    justify-content: center;
    margin: 40px auto;
}
.block-member-app .img-block-wrap .img-block +.img-block {
    margin-left: 10%;
    align-content: center;
}

/* 外部リンク */
.block-member-section .out-link + .out-link {
    margin-top: 24px;
}

@media screen and (min-width: 769px) {
    .block-member-intro .sec-inner {
        display: flex;
        position: relative;
        align-items: flex-start;
    }
    .block-member-intro .sec-inner::before {
        content: "";
        background: url(../../img/usr/pages/members/image01.png) 5% 0 / 100% auto no-repeat;
        width: 42%;
        aspect-ratio: 1 / 1.3;
        display: block;
    }
    .block-member-intro .img-block-wrap {
        width: 42%;
    }
    .block-member-intro .detail-text {
        width: 53%;
        margin-left: auto;
    }
    .block-member-point .point-list-box02 {
      display: flex;
      flex-wrap: wrap;
    }
    .block-member-point .point-list-box02 .point-deail {
      width: calc((100% - 6%)/3);
      margin-right: 3%;
      background-color: white;
      padding: 2em;
    }
    .block-member-point .point-list-box02 .point-deail:nth-child(3n) {
      margin-right: 0;
    }
    .block-member-point .point-list-box02 .point-deail:nth-child(n + 4) {
      margin-top: 3%;
    }

    .block-member-intro .point-list-box01 .point-detail p {
        width: 95%;
        padding-left: 25px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .block-member-intro .point-list-box01 .point-detail .font-w {
        font-size: 160%;
    }
}
@media screen and (max-width: 768px) {
    .block-member-intro.block-member-section .content-ttl::after {
        content: "";
        background: url(../../img/usr/pages/members/image01.png) center 0 / 100% auto no-repeat;
        width: 100%;
        aspect-ratio: 1 / 1.3;
        display: block;
        margin-top: 10px;
    }
    .block-member-intro .detail-text {
        margin-top: 2em;
    }
    .block-member-point .point-list-box02 .point-deail + .point-deail {
        margin-top: 20px;
    }
    .block-member-intro .point-list-box01 .point-detail::before {
        padding-right: 10%;
    }
    .block-member-intro .point-list-box01 .point-detail p {
        width: 95%;
        padding-left: 5%;
    }
    .block-member-intro .point-list-box01 .point-detail .font-w {
        font-size: 120%;
    }
    .block-member-point .point-list-box02 .point-deail .img-block {
        margin: 0 auto 20px;
    }
    .block-member-app .img-block-wrap .img-block +.img-block:nth-child(2) {
        display: none;
    }
}