@charset "UTF-8";
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #333;
}

@media screen and (min-width: 769px) {
  .sp-only {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
}

.main-visual {
  width: 100%;
  height: 580px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
  .main-visual {
    height: 42.46vw;
  }
}
@media screen and (max-width: 768px) {
  .main-visual {
    height: 410px;
    background-image: url("../../img/member/top2/mv-bg_sp.jpg");
    background-size: cover;
    background-position: center;
    overflow-x: clip;
  }
}
.main-visual .text {
  text-align: center;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #31496B;
  margin: 0 0 5px;
}
@media screen and (min-width: 961px) and (max-width: 1366px) {
  .main-visual .text {
    font-size: 1.76vw;
    margin: 0 0 0.37vw;
  }
}
@media screen and (min-width: 769px) and (max-width: 960px) {
  .main-visual .text {
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .main-visual .text {
    font-size: 14px;
    margin: 0 0 17px;
  }
}
.main-visual .text > span {
  display: inline-block;
  background: #fff;
  border-radius: 6px;
  padding: 4px 21px;
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
  .main-visual .text > span {
    padding: 0.29vw 1.54vw;
  }
}
@media screen and (max-width: 768px) {
  .main-visual .text > span {
    padding: 5px 10px;
  }
}
.main-visual .image {
  width: 926px;
  margin: 0 auto;
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
  .main-visual .image {
    width: 67.79vw;
  }
}
@media screen and (max-width: 768px) {
  .main-visual .image {
    width: 399px;
  }
}
.main-visual .gallery-grid {
  z-index: -1;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .main-visual .gallery-grid {
    display: none;
  }
}
.main-visual .gallery-grid::before {
  background: rgba(255, 255, 255, 0.05);
}

.cta-box {
  background: #F2F2F2;
  padding: 60px 20px 70px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .cta-box {
    padding: 33px 0 36px;
  }
}
.cta-box .lead {
  font-size: 24px;
  color: #31496B;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  margin: 0 0 5px;
}
@media screen and (max-width: 768px) {
  .cta-box .lead {
    font-size: 15px;
    margin: 0 0 12px;
  }
}
.cta-box .lead.-white {
  color: #fff;
}
.cta-box .lead.-white > span::before, .cta-box .lead.-white > span::after {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='23' viewBox='0 0 19 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.129944 5.23297L18.8702 22.851L4.88092 0L0.129944 5.23297Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.cta-box .lead > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .cta-box .lead > span {
    gap: 3px;
  }
}
.cta-box .lead > span::before, .cta-box .lead > span::after {
  width: 19px;
  height: 23px;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='23' viewBox='0 0 19 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.129944 5.23297L18.8702 22.851L4.88092 0L0.129944 5.23297Z' fill='%2331496B'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (max-width: 768px) {
  .cta-box .lead > span::before, .cta-box .lead > span::after {
    width: 15px;
    height: 15px;
  }
}
.cta-box .lead > span::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.cta-box .title {
  text-align: center;
  font-size: 46px;
  font-weight: 600;
  color: #31496B;
  font-family: "Hiragino Sans", sans-serif;
  line-height: 1;
  margin: 8px 0 42px;
}
@media screen and (max-width: 768px) {
  .cta-box .title {
    font-size: 30px;
    margin: 0 0 30px;
  }
}
.cta-box .button {
  width: 600px;
  margin: 0 auto;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 769px) and (max-width: 860px) {
  .cta-box .button {
    width: 560px;
  }
}
@media screen and (max-width: 768px) {
  .cta-box .button {
    width: 302px;
    margin: 0 auto;
    text-align: left;
  }
}
@media screen and (max-width: 400px) {
  .cta-box .button {
    margin-right: 14.7%;
  }
}
.cta-box .button .text {
  display: block;
  background: #FF8A00;
  color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 9px #C96D00;
          box-shadow: 0 9px #C96D00;
  font-size: 40px;
  padding: 20px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition-property: opacity, -webkit-box-shadow, -webkit-transform;
  transition-property: opacity, -webkit-box-shadow, -webkit-transform;
  transition-property: box-shadow, transform, opacity;
  transition-property: box-shadow, transform, opacity, -webkit-box-shadow, -webkit-transform;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
@media screen and (max-width: 768px) {
  .cta-box .button .text {
    font-size: 20px;
    -webkit-box-shadow: 0 5px #C96D00;
            box-shadow: 0 5px #C96D00;
    padding: 16px 18px 16px;
  }
}
.cta-box .button .text > span {
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .cta-box .button .text > span {
    font-size: 13px;
  }
}
.cta-box .button .text::before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  width: 36px;
  height: 36px;
  background-image: url("../../img/member/top2/cta-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (max-width: 768px) {
  .cta-box .button .text::before {
    margin-right: 7px;
    width: 20px;
    height: 20px;
  }
}
.cta-box .button .text:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translateY(9px);
          transform: translateY(9px);
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .cta-box .button .text:hover {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
}
.cta-box .circle {
  position: absolute;
  z-index: 1;
  width: 146px;
  height: 146px;
  top: -62px;
  right: -100px;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .cta-box .circle {
    width: 86px;
    height: 86px;
    top: 50%;
    right: -45px;
    margin-top: -43px;
  }
}
.cta-box > .inner {
  position: relative;
  z-index: 1;
}
.cta-box.-bg {
  background: #2D4362;
}
@media screen and (max-width: 768px) {
  .cta-box.-bg {
    padding-bottom: 40px;
  }
}
.cta-box.-bg .gallery-grid {
  -ms-grid-rows: 100%;
  grid-template-rows: 100%;
  opacity: 0.4;
  mix-blend-mode: soft-light;
}
@media screen and (max-width: 768px) {
  .cta-box.-bg .gallery-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .cta-box.-bg .gallery-grid li:not(:first-child) {
    display: none;
  }
}
.cta-box.-bottom {
  padding-top: 110px;
  padding-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .cta-box.-bottom {
    padding: 52px 0;
  }
}
.cta-box.-bottom > .inner {
  max-width: 980px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.9);
  padding: 57px 10px 70px;
}
@media screen and (max-width: 768px) {
  .cta-box.-bottom > .inner {
    padding: 40px 20px 58px;
  }
}
@media screen and (min-width: 769px) and (max-width: 860px) {
  .cta-box.-bottom .button {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .cta-box.-bottom .lead {
    margin-bottom: 8px;
  }
  .cta-box.-bottom .button {
    text-align: center;
  }
  .cta-box.-bottom .gallery-grid li:nth-child(2), .cta-box.-bottom .gallery-grid li:nth-child(4) {
    display: none;
  }
}

.gallery-grid {
  position: absolute;
  inset: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: (50%)[2];
  grid-template-rows: repeat(2, 50%);
}

.gallery-grid > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.gallery-grid > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.gallery-grid > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.gallery-grid > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
@media screen and (max-width: 768px) {
  .gallery-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.gallery-grid::before {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.24);
  content: "";
}
.gallery-grid li {
  background-position: center center;
  background-size: cover;
}

.bg-gray {
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(53.7%, #f1f1f1), to(#efefef));
  background: linear-gradient(to bottom, #f5f5f5 0%, #f1f1f1 53.7%, #efefef 100%);
}

.bg-texture {
  position: relative;
}
.bg-texture::after {
  position: absolute;
  inset: 0;
  background-image: url("../../img/member/top2/bg-texture.png");
  background-size: 1890px 1251px;
  background-position: calc(50% - 105px) -195px;
  z-index: -1;
  content: "";
}
@media screen and (max-width: 768px) {
  .bg-texture::after {
    background-image: url("../../img/member/top2/bg-texture_sp.png");
    background-size: 588px 556px;
    background-position: top -52px right -68px;
  }
}
.bg-texture.-blue::before {
  position: absolute;
  inset: 0;
  background-color: #D6EEFF;
  z-index: -2;
  content: "";
}

.basic-heading {
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  font-family: "Hiragino Sans", sans-serif;
  color: #31496B;
  padding: 0 0 24px;
  margin: 0 0 60px;
  position: relative;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .basic-heading {
    font-size: 22px;
    margin: 0 0 26px;
  }
}
.basic-heading::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 80px;
  height: 4px;
  background: #31496B;
  border-radius: 50vh;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
}
@media screen and (max-width: 768px) {
  .basic-heading::after {
    width: 40px;
  }
}

.member-section {
  padding: 110px 20px 120px;
}
@media screen and (max-width: 768px) {
  .member-section {
    padding: 56px 18px 80px;
  }
}
.member-section > .inner {
  max-width: 840px;
  margin: 0 auto;
}
.member-section .intro-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 62px;
}
@media screen and (max-width: 768px) {
  .member-section .intro-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.member-section .intro-box > .text {
  text-align: left;
  font-size: 16px;
  line-height: 2.125;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .member-section .intro-box > .text {
    font-size: 14px;
    line-height: 1.9285714286;
  }
}
.member-section .intro-box > .text span {
  color: #DE6B18;
}
.member-section .intro-box > .image {
  width: 332px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .member-section .intro-box > .image {
    width: 210px;
  }
}
.member-section .video-box {
  margin: 95px 0 0;
}
@media screen and (max-width: 768px) {
  .member-section .video-box {
    margin: 45px 0 0;
  }
}
.member-section .video-box > .title {
  text-align: center;
  font-weight: 600;
  font-size: 26px;
  font-family: "Hiragino Sans", sans-serif;
  margin: 0 0 32px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .member-section .video-box > .title {
    font-size: 16px;
    margin: 0 0 14px;
  }
}
.member-section .video-box > .player {
  max-width: 720px;
  margin: 0 auto;
}
.member-section .video-box > .player > iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

.point-section > .heading {
  text-align: center;
  color: #fff;
  background: #31496B;
  font-size: 50px;
  width: 100%;
  height: 394px;
  -webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 99.918%, 100% 99.918%, 99.093% 98.926%, 98.162% 97.953%, 97.21% 96.998%, 96.236% 96.062%, 95.241% 95.146%, 94.225% 94.249%, 93.19% 93.373%, 92.135% 92.518%, 91.061% 91.685%, 89.969% 90.874%, 89.969% 90.874%, 88.851% 90.079%, 87.715% 89.307%, 86.562% 88.558%, 85.392% 87.833%, 84.206% 87.131%, 83.004% 86.454%, 81.787% 85.801%, 80.557% 85.173%, 79.313% 84.57%, 78.056% 83.993%, 78.056% 83.993%, 76.764% 83.432%, 75.458% 82.898%, 74.139% 82.39%, 72.809% 81.91%, 71.468% 81.458%, 70.117% 81.033%, 68.756% 80.636%, 67.387% 80.267%, 66.009% 79.927%, 64.625% 79.616%, 64.625% 79.616%, 63.194% 79.325%, 61.754% 79.065%, 60.307% 78.835%, 58.853% 78.635%, 57.394% 78.466%, 55.929% 78.328%, 54.46% 78.22%, 52.988% 78.143%, 51.513% 78.096%, 50.037% 78.081%, 50.037% 78.081%, 48.557% 78.096%, 47.079% 78.143%, 45.604% 78.22%, 44.132% 78.329%, 42.665% 78.468%, 41.202% 78.637%, 39.745% 78.838%, 38.296% 79.069%, 36.853% 79.33%, 35.419% 79.621%, 35.419% 79.621%, 34.032% 79.934%, 32.652% 80.276%, 31.28% 80.646%, 29.917% 81.044%, 28.564% 81.471%, 27.22% 81.925%, 25.888% 82.407%, 24.567% 82.916%, 23.259% 83.453%, 21.964% 84.016%, 21.964% 84.016%, 20.705% 84.595%, 19.459% 85.2%, 18.227% 85.83%, 17.009% 86.486%, 15.806% 87.166%, 14.618% 87.87%, 13.447% 88.598%, 12.292% 89.35%, 11.155% 90.125%, 10.036% 90.922%, 10.036% 90.922%, 8.943% 91.737%, 7.868% 92.573%, 6.813% 93.431%, 5.776% 94.31%, 4.76% 95.21%, 3.765% 96.13%, 2.79% 97.069%, 1.837% 98.028%, 0.907% 99.005%, -0.001% 99.999%, 0% 100%);
          clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 99.918%, 100% 99.918%, 99.093% 98.926%, 98.162% 97.953%, 97.21% 96.998%, 96.236% 96.062%, 95.241% 95.146%, 94.225% 94.249%, 93.19% 93.373%, 92.135% 92.518%, 91.061% 91.685%, 89.969% 90.874%, 89.969% 90.874%, 88.851% 90.079%, 87.715% 89.307%, 86.562% 88.558%, 85.392% 87.833%, 84.206% 87.131%, 83.004% 86.454%, 81.787% 85.801%, 80.557% 85.173%, 79.313% 84.57%, 78.056% 83.993%, 78.056% 83.993%, 76.764% 83.432%, 75.458% 82.898%, 74.139% 82.39%, 72.809% 81.91%, 71.468% 81.458%, 70.117% 81.033%, 68.756% 80.636%, 67.387% 80.267%, 66.009% 79.927%, 64.625% 79.616%, 64.625% 79.616%, 63.194% 79.325%, 61.754% 79.065%, 60.307% 78.835%, 58.853% 78.635%, 57.394% 78.466%, 55.929% 78.328%, 54.46% 78.22%, 52.988% 78.143%, 51.513% 78.096%, 50.037% 78.081%, 50.037% 78.081%, 48.557% 78.096%, 47.079% 78.143%, 45.604% 78.22%, 44.132% 78.329%, 42.665% 78.468%, 41.202% 78.637%, 39.745% 78.838%, 38.296% 79.069%, 36.853% 79.33%, 35.419% 79.621%, 35.419% 79.621%, 34.032% 79.934%, 32.652% 80.276%, 31.28% 80.646%, 29.917% 81.044%, 28.564% 81.471%, 27.22% 81.925%, 25.888% 82.407%, 24.567% 82.916%, 23.259% 83.453%, 21.964% 84.016%, 21.964% 84.016%, 20.705% 84.595%, 19.459% 85.2%, 18.227% 85.83%, 17.009% 86.486%, 15.806% 87.166%, 14.618% 87.87%, 13.447% 88.598%, 12.292% 89.35%, 11.155% 90.125%, 10.036% 90.922%, 10.036% 90.922%, 8.943% 91.737%, 7.868% 92.573%, 6.813% 93.431%, 5.776% 94.31%, 4.76% 95.21%, 3.765% 96.13%, 2.79% 97.069%, 1.837% 98.028%, 0.907% 99.005%, -0.001% 99.999%, 0% 100%);
  position: relative;
  overflow-x: clip;
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
  .point-section > .heading {
    font-size: 3.66vw;
    height: 28.84vw;
  }
}
@media screen and (max-width: 768px) {
  .point-section > .heading {
    height: 144px;
    -webkit-clip-path: polygon(100% 0%, 100% 99.841%, 100% 99.841%, 99.292% 99.55%, 98.58% 99.262%, 97.866% 98.979%, 97.148% 98.701%, 96.427% 98.427%, 95.704% 98.157%, 94.977% 97.891%, 94.247% 97.63%, 93.515% 97.373%, 92.78% 97.12%, 92.78% 97.12%, 90.815% 96.472%, 88.83% 95.854%, 86.826% 95.268%, 84.804% 94.712%, 82.765% 94.189%, 80.711% 93.698%, 78.643% 93.239%, 76.562% 92.812%, 74.468% 92.419%, 72.364% 92.059%, 72.364% 92.059%, 70.188% 91.723%, 68% 91.422%, 65.801% 91.156%, 63.591% 90.926%, 61.372% 90.73%, 59.146% 90.57%, 56.914% 90.445%, 54.676% 90.356%, 52.434% 90.302%, 50.19% 90.284%, 50.19% 90.284%, 47.941% 90.302%, 45.694% 90.356%, 43.452% 90.446%, 41.215% 90.571%, 38.984% 90.732%, 36.761% 90.928%, 34.547% 91.16%, 32.343% 91.427%, 30.151% 91.729%, 27.971% 92.066%, 27.971% 92.066%, 25.863% 92.427%, 23.765% 92.822%, 21.68% 93.25%, 19.608% 93.711%, 17.551% 94.204%, 15.509% 94.73%, 13.483% 95.287%, 11.476% 95.876%, 9.488% 96.496%, 7.52% 97.147%, 7.52% 97.147%, 6.753% 97.411%, 5.99% 97.68%, 5.23% 97.953%, 4.473% 98.232%, 3.719% 98.515%, 2.968% 98.803%, 2.221% 99.095%, 1.477% 99.392%, 0.737% 99.694%, 0% 100%, 0% 0%, 100% 0%);
            clip-path: polygon(100% 0%, 100% 99.841%, 100% 99.841%, 99.292% 99.55%, 98.58% 99.262%, 97.866% 98.979%, 97.148% 98.701%, 96.427% 98.427%, 95.704% 98.157%, 94.977% 97.891%, 94.247% 97.63%, 93.515% 97.373%, 92.78% 97.12%, 92.78% 97.12%, 90.815% 96.472%, 88.83% 95.854%, 86.826% 95.268%, 84.804% 94.712%, 82.765% 94.189%, 80.711% 93.698%, 78.643% 93.239%, 76.562% 92.812%, 74.468% 92.419%, 72.364% 92.059%, 72.364% 92.059%, 70.188% 91.723%, 68% 91.422%, 65.801% 91.156%, 63.591% 90.926%, 61.372% 90.73%, 59.146% 90.57%, 56.914% 90.445%, 54.676% 90.356%, 52.434% 90.302%, 50.19% 90.284%, 50.19% 90.284%, 47.941% 90.302%, 45.694% 90.356%, 43.452% 90.446%, 41.215% 90.571%, 38.984% 90.732%, 36.761% 90.928%, 34.547% 91.16%, 32.343% 91.427%, 30.151% 91.729%, 27.971% 92.066%, 27.971% 92.066%, 25.863% 92.427%, 23.765% 92.822%, 21.68% 93.25%, 19.608% 93.711%, 17.551% 94.204%, 15.509% 94.73%, 13.483% 95.287%, 11.476% 95.876%, 9.488% 96.496%, 7.52% 97.147%, 7.52% 97.147%, 6.753% 97.411%, 5.99% 97.68%, 5.23% 97.953%, 4.473% 98.232%, 3.719% 98.515%, 2.968% 98.803%, 2.221% 99.095%, 1.477% 99.392%, 0.737% 99.694%, 0% 100%, 0% 0%, 100% 0%);
  }
}
.point-section > .heading > .text {
  position: relative;
  padding-bottom: 88px;
  max-width: 980px;
  margin: 0 auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url("../../img/member/top2/coin.png");
  background-repeat: no-repeat;
  background-position: 0 42px;
  background-size: 980px 240px;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
  .point-section > .heading > .text {
    width: 71.74vw;
    background-position: 0 3.07vw;
    background-size: 71.74vw 17.57vw;
  }
}
@media screen and (max-width: 768px) {
  .point-section > .heading > .text {
    max-width: 355px;
    font-size: 20px;
    background-image: url("../../img/member/top2/coin_sp.png");
    background-position: 0 34px;
    background-size: 355px 78px;
    padding-bottom: 14px;
  }
}
.point-section > .heading > .text > span {
  display: block;
  color: #FDE139;
}
.point-section > .heading > .text::after {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1366px;
  height: 100%;
  background-image: url("../../img/member/top2/dot.png");
  background-size: 1366px 100%;
  background-position: top center;
  background-repeat: no-repeat;
  mix-blend-mode: soft-light;
  z-index: -1;
  opacity: 0.5;
  content: "";
}
@media screen and (min-width: 769px) and (max-width: 1366px) {
  .point-section > .heading > .text::after {
    width: 100vw;
  }
}
@media screen and (max-width: 768px) {
  .point-section > .heading > .text::after {
    width: 570px;
    background-size: 570px 100%;
  }
}
.point-section > .heading::before, .point-section > .heading::after {
  position: absolute;
  top: 0;
  width: calc(50% - 683px);
  height: 100%;
  mix-blend-mode: soft-light;
  opacity: 0.5;
  content: "";
}
@media screen and (max-width: 768px) {
  .point-section > .heading::before, .point-section > .heading::after {
    width: calc(50% - 285px);
    background-size: auto 100%;
  }
}
.point-section > .heading::before {
  left: 0;
  background-image: url("../../img/member/top2/dot-expand-left.png");
  background-position: top right;
}
.point-section > .heading::after {
  right: 0;
  background-image: url("../../img/member/top2/dot-expand-right.png");
  background-position: top left;
}
.point-section .bg-gray {
  margin: -88px 0 0;
  padding: 162px 18px 120px;
}
@media screen and (max-width: 768px) {
  .point-section .bg-gray {
    padding: 172px 18px 65px;
  }
}
.point-section .bg-texture {
  padding: 110px 20px 120px;
}
@media screen and (max-width: 768px) {
  .point-section .bg-texture {
    padding: 56px 18px 60px;
  }
}
.point-section .bg-texture::after {
  opacity: 0.4;
}
.point-section .inner {
  max-width: 980px;
  margin: 0 auto;
}
.point-section .intro-box {
  background: #fff;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  padding: 24px 0 0;
  margin-bottom: 93px;
}
@media screen and (max-width: 768px) {
  .point-section .intro-box {
    margin-bottom: 55px;
  }
}
.point-section .intro-box > .title {
  color: #fff;
  font-size: 22px;
  margin-top: -48px;
}
@media screen and (max-width: 768px) {
  .point-section .intro-box > .title {
    font-size: 15px;
    line-height: 1.3333333333;
    margin-top: -52px;
  }
}
.point-section .intro-box > .title > span {
  display: inline-block;
  background: #31496B;
  border-radius: 6px;
  padding: 8px 30px;
  letter-spacing: 0.06em;
}
.point-section .intro-box > .content {
  font-size: 28px;
  line-height: 1.5714285714;
  color: #31496B;
  padding: 28px 20px 32px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .point-section .intro-box > .content {
    font-size: 15px;
    line-height: 1.6;
    padding: 16px;
  }
}
.point-section .intro-box > .content span {
  color: #DE6B18;
}
.point-section .benefit-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .point-section .benefit-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.point-section .benefit-list li {
  background: #fff;
  color: #31496B;
  padding: 46px 0;
}
@media screen and (max-width: 768px) {
  .point-section .benefit-list li {
    width: 339px;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 84px 19px 1fr;
    grid-template-columns: 84px 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 19px;
    padding: 23px 26px 23px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.point-section .benefit-list li .icon {
  width: 104px;
  margin: 0 auto 22px;
}
@media screen and (max-width: 768px) {
  .point-section .benefit-list li .icon {
    width: 100%;
    margin: 0;
  }
}
.point-section .benefit-list li .lead {
  font-size: 26px;
  line-height: 1.4615384615;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 769px) and (max-width: 890px) {
  .point-section .benefit-list li .lead {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .point-section .benefit-list li .lead {
    font-size: 18px;
    line-height: 1.3333333333;
  }
}
.point-section .benefit-list li .lead > span {
  display: block;
  color: #DE6B18;
}
.point-section .benefit-list li .point {
  font-size: 46px;
  font-family: "Inter", sans-serif;
  font-weight: 800;
  font-style: normal;
}
@media screen and (min-width: 769px) and (max-width: 890px) {
  .point-section .benefit-list li .point {
    font-size: 38px;
  }
}
@media screen and (max-width: 768px) {
  .point-section .benefit-list li .point {
    font-size: 28px;
  }
}
.point-section .benefit-list li .point mark {
  display: inline-block;
  padding: 0 10px;
  color: inherit;
  background: linear-gradient(to top, #FDE139 26px, transparent 26px);
}
@media screen and (max-width: 768px) {
  .point-section .benefit-list li .point mark {
    background: linear-gradient(to top, #FDE139 17px, transparent 17px);
  }
}
.point-section .underline-text {
  margin-top: 40px;
  text-align: center;
  color: #31496B;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.9;
}
@media screen and (max-width: 768px) {
  .point-section .underline-text {
    font-size: 20px;
    line-height: 2;
    margin-top: 23px;
  }
}
.point-section .underline-text span {
  display: block;
  text-decoration-line: underline;
  text-decoration-color: #31496B;
  text-underline-offset: 12px;
  text-decoration-thickness: 3px;
}
@media screen and (max-width: 768px) {
  .point-section .underline-text span {
    text-underline-offset: 9px;
  }
}
.point-section .underline-text .top {
  color: #DE6B18;
}
.point-section .index-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 74px;
  margin: 0 0 60px;
}
@media screen and (max-width: 960px) {
  .point-section .index-card {
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .point-section .index-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 26px;
  }
}
.point-section .index-card > .body {
  text-align: left;
}
.point-section .index-card > .image {
  width: 460px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .point-section .index-card > .image {
    width: 100%;
  }
}
.point-section .index-card .number {
  font-size: 40px;
  line-height: 1;
  font-family: "Inter", sans-serif;
  font-weight: 800;
  color: #31496B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .point-section .index-card .number {
    font-size: 24px;
    gap: 8px;
  }
}
.point-section .index-card .number::before {
  width: 26px;
  border-bottom: 2px solid #31496B;
  content: "";
}
@media screen and (max-width: 768px) {
  .point-section .index-card .number::before {
    width: 14px;
  }
}
.point-section .index-card .title {
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  font-size: 26px;
  color: #31496B;
  margin: 13px 0 21px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .point-section .index-card .title {
    font-size: 20px;
    margin: 4px 0 15px;
  }
}
.point-section .index-card .text {
  font-size: 15px;
  font-weight: 300;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .point-section .index-card .text {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
.point-section .border-box {
  background: #fff;
  border: 4px solid #BDC7D6;
  padding: 60px 66px 66px;
}
@media screen and (max-width: 768px) {
  .point-section .border-box {
    padding: 30px 16px 28px;
  }
}
.point-section .border-box.-bottom {
  padding-top: 52px;
  padding-bottom: 42px;
}
@media screen and (max-width: 768px) {
  .point-section .border-box.-bottom {
    padding-top: 24px;
    padding-bottom: 28px;
  }
}
.point-section .border-box > .title {
  text-align: center;
  font-size: 30px;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  color: #31496B;
}
@media screen and (max-width: 768px) {
  .point-section .border-box > .title {
    font-size: 20px;
    line-height: 1.4;
  }
}
.point-section .border-box > .title > span {
  color: #E55F92;
}
.point-section .border-box > .text {
  margin: 18px 0 38px;
  font-size: 15px;
  font-weight: 300;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .point-section .border-box > .text {
    font-size: 14px;
    line-height: 1.7142857143;
    margin: 16px 0 24px;
  }
}
.point-section .border-box > .lead {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .point-section .border-box > .lead {
    font-size: 14px;
  }
}
.point-section .border-box > .chart {
  margin-top: 20px;
}
.point-section .border-box > .highlight {
  font-size: 20px;
  font-weight: 600;
  line-height: 2;
  background: #FFF8E0;
  border: 2px solid #FF8A00;
  border-radius: 10px;
  margin: 50px 0 0;
  padding: 30px 20px 26px;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .point-section .border-box > .highlight {
    margin: 26px 0 0;
    font-size: 14px;
    line-height: 1.5714285714;
    padding: 20px;
  }
}
.point-section .border-box > .highlight span {
  font-size: 27px;
  color: #FF8A00;
}
@media screen and (max-width: 768px) {
  .point-section .border-box > .highlight span {
    font-size: 16px;
  }
}
.point-section .border-box > .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 32px 0 50px;
  gap: 24px;
}
@media screen and (max-width: 768px) {
  .point-section .border-box > .gallery {
    gap: 12px;
    margin: 20px 0 26px;
  }
}
.point-section .border-box > .gallery li {
  width: 200px;
}
.point-section .asterisk-list {
  margin-top: 10px;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .point-section .asterisk-list {
    margin-bottom: 35px;
  }
}
.point-section .asterisk-list li {
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  padding-left: 1.1em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .point-section .asterisk-list li {
    font-size: 13px;
    line-height: 1.5384615385;
  }
}
.point-section .asterisk-list li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: inherit;
  font-weight: 300;
  content: "※";
}

.feature-section {
  padding: 120px 0 150px;
}
@media screen and (max-width: 768px) {
  .feature-section {
    padding: 56px 18px 60px;
  }
}
.feature-section .heading {
  text-align: center;
  color: #31496B;
  font-weight: 600;
  font-size: 48px;
  line-height: 1;
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 82px;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .feature-section .heading {
    font-size: 25px;
    margin-bottom: 42px;
    padding-bottom: 13px;
  }
}
.feature-section .heading > .sub {
  font-size: 32px;
  display: block;
  margin-bottom: 15px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .feature-section .heading > .sub {
    font-size: 17px;
    margin-bottom: 9px;
  }
}
.feature-section .heading::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 374px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='10' viewBox='0 0 52 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='%235DB0ED'/%3E%3Ccircle cx='31' cy='5' r='5' fill='%232E63A8'/%3E%3C/svg%3E%0A");
  background-size: 52px 10px;
  background-repeat: repeat-x;
  content: "";
}
@media screen and (max-width: 768px) {
  .feature-section .heading::after {
    width: 199px;
    height: 6px;
    background-size: 27px 6px;
  }
}
.feature-section .index-card {
  overflow-x: clip;
}
@media screen and (max-width: 768px) {
  .feature-section .index-card {
    background: #fff;
    padding: 20px 20px 24px;
  }
}
.feature-section .index-card > .inner {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
}
.feature-section .index-card .body {
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .feature-section .index-card .body {
    width: 82.8571428571%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .feature-section .index-card .body {
    padding-left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .feature-section .index-card .body {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 769px) {
  .feature-section .index-card .body > .wrapper {
    background: #fff;
    padding: 55px 44.9507389163% 55px 9999px;
    margin-left: -9999px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .feature-section .index-card .body > .wrapper {
    padding-right: 39%;
  }
}
@media screen and (min-width: 769px) {
  .feature-section .index-card .image {
    width: 490px;
    position: absolute;
    top: 60px;
    right: 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .feature-section .index-card .image {
    width: 48%;
  }
}
.feature-section .index-card .number {
  font-size: 26px;
  font-weight: 600;
  color: #31496B;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .feature-section .index-card .number {
    font-size: 15px;
  }
}
.feature-section .index-card .number > span {
  display: inline-block;
  margin-left: 6px;
  font-family: "Inter", sans-serif;
  font-weight: bold;
  font-size: 38px;
}
@media screen and (max-width: 768px) {
  .feature-section .index-card .number > span {
    font-size: 24px;
    margin-left: 3px;
  }
}
.feature-section .index-card .number::after {
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='86' height='17' viewBox='0 0 86 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.983 16.379C27.0843 8.39343 51.575 5.21767 75.949 7.047L74.3 0.956C68.2 4.21205 61.7616 6.78977 55.1 8.643C51.631 9.612 52.2 15.243 55.969 15.064L82.431 13.8C86.619 13.6 86.643 7.062 82.431 7.262L55.97 8.526L56.839 14.947C64.0426 12.9287 71.0042 10.1298 77.6 6.6C80.654 4.968 78.98 0.736 75.95 0.509C50.9885 -1.34496 25.9111 1.91 2.25 10.075C-1.702 11.441 -0.00400019 17.759 3.988 16.375' fill='%23FDE139'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 86px;
  height: 17px;
  z-index: -1;
  content: "";
}
@media screen and (max-width: 768px) {
  .feature-section .index-card .number::after {
    width: 52px;
    height: 10px;
  }
}
.feature-section .index-card .title {
  font-size: 26px;
  line-height: 1.6153846154;
  font-weight: 600;
  color: #31496B;
  margin: 12px 0 16px;
}
@media screen and (max-width: 768px) {
  .feature-section .index-card .title {
    font-size: 19px;
    line-height: 1.5263157895;
    margin-bottom: 12px;
  }
}
.feature-section .index-card .title > span {
  color: #DE6B18;
}
.feature-section .index-card .text {
  font-size: 15px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .feature-section .index-card .text {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
.feature-section .index-card .link {
  text-align: left;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .feature-section .index-card .link {
    margin-top: 8px;
  }
}
.feature-section .index-card .link > a {
  color: #31496B;
  font-weight: 600;
  font-size: 15px;
  position: relative;
  padding-left: 22px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
@media screen and (max-width: 768px) {
  .feature-section .index-card .link > a {
    font-size: 14px;
    padding-left: 20px;
  }
}
.feature-section .index-card .link > a:hover {
  opacity: 0.8;
}
.feature-section .index-card .link > a::before {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%2331496B'/%3E%3Cpath d='M6.90319 4.86348C7.0066 4.76077 7.14643 4.70313 7.29219 4.70312C7.43794 4.70313 7.57778 4.76077 7.68119 4.86348L10.3992 7.59048C10.499 7.6904 10.5564 7.82492 10.5595 7.96608C10.5627 8.10724 10.5114 8.24419 10.4162 8.34848L7.73819 11.0355C7.6873 11.0866 7.62685 11.1271 7.56029 11.1549C7.49372 11.1826 7.42235 11.1969 7.35025 11.1971C7.27814 11.1972 7.20672 11.1831 7.14005 11.1557C7.07338 11.1282 7.01277 11.0879 6.96169 11.037C6.9106 10.9861 6.87004 10.9256 6.84232 10.8591C6.8146 10.7925 6.80026 10.7211 6.80012 10.649C6.79998 10.5769 6.81404 10.5055 6.84151 10.4388C6.86897 10.3722 6.9093 10.3116 6.96019 10.2605L9.23719 7.94948L6.90319 5.63848C6.85182 5.58787 6.81102 5.52754 6.78318 5.46102C6.75534 5.3945 6.741 5.3231 6.741 5.25098C6.741 5.17887 6.75534 5.10747 6.78318 5.04095C6.81102 4.97442 6.85182 4.9141 6.90319 4.86348Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  content: "";
}
@media screen and (max-width: 768px) {
  .feature-section .index-card .link > a::before {
    width: 14px;
    height: 14px;
  }
}
@media screen and (min-width: 769px) {
  .feature-section .index-card.-reverse .body {
    margin-left: auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .feature-section .index-card.-reverse .body {
    padding-left: 0;
    padding-right: 15px;
  }
}
@media screen and (min-width: 769px) {
  .feature-section .index-card.-reverse .body > .wrapper {
    padding: 55px 9999px 55px 44.9507389163%;
    margin-left: 0;
    margin-right: -9999px;
  }
}
.feature-section .index-card.-reverse .image {
  right: auto;
  left: 0;
}
.feature-section .index-card + .index-card {
  margin-top: 124px;
}
@media screen and (max-width: 768px) {
  .feature-section .index-card + .index-card {
    margin-top: 40px;
  }
}
.feature-section.bg-texture::after {
  opacity: 0.46;
}

.note-section {
  background: #F2F2F2;
  padding: 100px 20px;
}
@media screen and (max-width: 768px) {
  .note-section {
    padding: 40px 10px;
  }
}
.note-section > .inner {
  max-width: 980px;
  margin: 0 auto;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 22px 28px 24px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .note-section > .inner {
    padding: 18px;
  }
}
.note-section .heading {
  position: relative;
  font-size: 22px;
  font-weight: 600;
  font-family: "Hiragino Sans", sans-serif;
  color: #31496B;
  border-bottom: 2px solid #31496B;
  padding: 0 50px 10px 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .note-section .heading {
    font-size: 16px;
  }
}
.note-section .heading.-open .icon::after {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(0);
          transform: translate3d(-50%, -50%, 0) rotate(0);
}
.note-section .icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 28px;
  background: #fff;
  border: 1px solid #31496B;
}
@media screen and (max-width: 768px) {
  .note-section .icon {
    top: 50%;
    margin-top: -18px;
  }
}
.note-section .icon::before, .note-section .icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  border-bottom: 3px solid #31496B;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-transition: 0.4s -webkit-transform;
  transition: 0.4s -webkit-transform;
  transition: 0.4s transform;
  transition: 0.4s transform, 0.4s -webkit-transform;
  content: "";
}
.note-section .icon::after {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
          transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.note-section .body {
  display: none;
}
.note-section .list {
  padding-top: 15px;
}
.note-section .list li {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  padding-left: 1.2em;
  position: relative;
}
.note-section .list li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  font-weight: 300;
  content: "・";
}
.note-section .list li + li {
  margin-top: 5px;
}
.note-section .list a {
  color: #31496B;
  text-decoration: underline;
}
.note-section .list a:hover {
  text-decoration: none;
}
/*# sourceMappingURL=style.css.map */