@charset "UTF-8";
/*normalize: http://necolas.github.io/normalize.css/*/
:root {
  --color:#111;


   /*イージング*/
  --easeInOutSine:cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
/* ==========================================================================
   フォーム
========================================================================== */
.formWall{
  text-align: justify;
}
.formWall select,
  .formWall input[type="text"],
  .formWall input[type="tel"],
  .formWall input[type="email"]{
    padding: 0 10px;
    height: 47px;
    line-height: 47px;
    width: 100%;
    border:1px solid #CCCCCC;
    border-radius: 5px;
    font-size: 17px;
  }
.formWall textarea{
    width: 100%;
    padding: 10px;
    height: 214px;
    border:1px solid #CCCCCC;
    border-radius: 5px;
    font-size: 17px;
  }
.formWall .formBox .inputTitle{
      font-size: 16px;
      font-weight: 700;
      line-height: 1;
      margin-bottom: 10px;
    }
.formWall .formBox .inputTitle .required{
        color: #EA3323;
        padding-left: .5em;
      }
.formWall .formBox .inputBox{
      font-size: 16px;
      font-weight: 500;
    }
.formWall .formBox + .formBox{
    margin-top: 20px;
  }
.formWall .nameBox .inputBox{
    display: flex;
    align-items: center;
    gap: 0 28px;
  }
.formWall .nameBox .inputBox .nameLine{
      display: flex;
      align-items: center;
    }
.formWall .telBox .inputBox{
      display: flex;
      align-items: center;
      gap:0 5px;
    }
.formWall .telBox .inputBox >p:nth-child(1),
      .formWall .telBox .inputBox >p:nth-child(3),
      .formWall .telBox .inputBox >p:nth-child(5){
        flex: 0 1 86px;
      }
.formWall .document{
    margin-top: 30px;
    line-height: 1;
  }
.formWall .document input{
      width: 18px;
      height: 18px;
    }
.formWall .document label{
      display: flex;
      align-items: center;
    }
.formWall .document .wpcf7-list-item-label{
      padding-left: 10px;
    }
.formWall .document .wpcf7-list-item{
      margin: 0;
    }
.formWall .document .notice{
      font-size: 15px;
      margin-top: 15px;
    }
.formWall .messageBox{
    margin-top: 20px;
  }
.formWall .accept{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
    line-height: 1;
  }
.formWall .accept label{
      display: flex;
      align-items: center;
    }
.formWall .accept input{
      width: 18px;
      height: 18px;
    }
.formWall .accept .wpcf7-list-item-label{
      padding-left: 30px;
    }
.formWall .send{
    text-align: center;
    margin-top: 38px;
  }
.formWall .send .sendShowBtn{
      cursor: pointer;
      margin: 0 auto;
      width: 250px;
      height: 50px;
      border-radius: 25px;
      background: #b42d60;
      display: grid;
      place-content:center;
      color: #fff;
      font-size: 15px;
      font-weight: 700;
      text-decoration: none;
      margin-top: 35px;
    }
.formWall .send .sendShowBtn:hover{
        opacity: .7;
      }
.formWall .send input{
      display: none;
      
    }
.formWall .send .wpcf7-spinner{
      display: block;
      margin: 10px auto 0;
    }
.formWall .error{
    padding: .3em;
    font-size: 13px;
    color: red;
  }
.formWall .wpcf7-response-output{
    font-size: 16px;
    margin:0 !important;
    padding: 1em !important;
    text-align: center;
  }
@media only screen and (max-width: 767px) {
  .formWall select,
  .formWall input[type="text"],
  .formWall input[type="tel"],
  .formWall input[type="email"]{
    padding: 0 2.5641vw;
    height: 12.05128vw;
    line-height: 12.05128vw;
    border:0.25641vw solid #CCCCCC;
    border-radius: 1.28205vw;
    font-size: 16px;
  }
  .formWall textarea{
    width: 100%;
    padding: 2.5641vw;
    height: 54.87179vw;
    border:0.25641vw solid #CCCCCC;
    border-radius: 1.28205vw;
    font-size: 16px;
  }
    .formWall .formBox .inputTitle{
      font-size: 4.10256vw;
      margin-bottom: 2.05128vw;
    }
    .formWall .formBox .inputBox{
      font-size: 4.10256vw;
      font-weight: 400;
    }
  .formWall .formBox + .formBox{
    margin-top: 5.12821vw;
  }
  .formWall .nameBox .inputBox{
    display: block;
  }
    .formWall .nameBox .inputBox .nameLine + .nameLine{
      margin-top: 5.12821vw;
    }
    .formWall .telBox .inputBox{
      display: flex;
      align-items: center;
      gap:0 5px;
    }
      .formWall .telBox .inputBox >p:nth-child(1),
      .formWall .telBox .inputBox >p:nth-child(3),
      .formWall .telBox .inputBox >p:nth-child(5){
        flex: 0 1 22.05128vw;
      }
  .formWall .document{
    margin-top: 7.69231vw;
  }
    .formWall .document input{
      width: 4.61538vw;
      height: 4.61538vw;
    }
    .formWall .document .wpcf7-list-item-label{
      padding-left: 2.5641vw;
    }
    .formWall .document .notice{
      font-size: 3.84615vw;
      margin-top: 3.84615vw;
      line-height: 1.8;
      text-indent: -1em;
      margin-left: 1em;
    }
  .formWall .messageBox{
    margin-top: 5.12821vw;
  }
  .formWall .accept{
    margin-top: 7.69231vw;
  }
    .formWall .accept input{
      width: 4.61538vw;
      height: 4.61538vw;
    }
    .formWall .accept .wpcf7-list-item-label{
      padding-left: 7.69231vw;
    }
  
  .formWall .send{
    text-align: center;
    margin-top: 7.69231vw;
  }
    .formWall .send .sendShowBtn{
      width: 64.10256vw;
      height: 12.82051vw;
      border-radius: 6.41026vw;
      font-size: 3.84615vw;
      font-weight: 700;
    }
    .formWall .send input{
      display: none;
      
    }
    
    .formWall .send .wpcf7-spinner{
      display: block;
      margin: 10px auto 0;
    }
  .formWall .wpcf7-not-valid-tip{
    padding: .3em;
    font-size: 13px;
  }
  .formWall .wpcf7-response-output{
    font-size: 16px;
    margin:0 !important;
    padding: 1em !important;
    text-align: center;
  }
}
/* 会員誘導用ボックス */
.memberOnly{
  margin: 50px 0;
  position: relative;
  width: 100%;
  border: 2px solid #707070;
  text-align: center; 
  padding-bottom: 9px;
}
.memberOnly::before{
    content: '';
    width: 100%;
    height: 200px;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
    position: absolute;
    top: -202px;
    left: 0;
  }
.memberOnly h2{
    font-size: 17px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    background: #EEEEEE;
    margin: 0;
  }
.memberOnly h2::before{
      content: '';
      background: url('../img/key_new.svg') no-repeat center center / contain;
      width: 15px;
      height: 23px;
      flex-shrink: 0;
      margin-right: 6px;
    }
.memberOnly .paidTitle{
    background: #B32E5F;
  }
.memberOnly .text{
    margin-top: 29px;
    font-size: 14px;
    letter-spacing: .25em;
    line-height: 1.42;
  }
.memberOnly .num{
    margin-top: 20px;
    font-size: 13px;
    line-height: 1;
  }
.memberOnly .joinBtn{
    margin:40px auto 0;
    width: 320px;
    padding: 0;
  }
.memberOnly .joinBtn li{
      list-style: none;
    }
.memberOnly .joinBtn li a,.memberOnly .joinBtn li button{
        height: 42px;
        font-size: 15px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-weight: bold;
      }
.memberOnly .joinBtn li a:hover,.memberOnly .joinBtn li button:hover{
          opacity: .8;
        }
.memberOnly .joinBtn li a >span,.memberOnly .joinBtn li button >span{
          display: flex;
          align-items: center;
          width: 17em;
          padding-left: 4px;
        }
.memberOnly .joinBtn li + li{
      margin-top: 10px;
    }
.memberOnly .joinBtn .service a{
        color: #fff;
        background: #4080C5;
      }
.memberOnly .joinBtn .service a >span::before{
          content: '';
          background: url('../img/member_icon4.svg') no-repeat center center / contain;
          width: 16px;
          height: 18px;
          flex-shrink: 0;
          margin-right: 17px;
        }
.memberOnly .joinBtn .free a{
        color: #fff;
        background: #213C69;
      }
.memberOnly .joinBtn .free a >span::before{
          content: '';
          background: url('../img/member_icon1.svg') no-repeat center center / contain;
          width: 17px;
          height: 17px;
          flex-shrink: 0;
          margin-right: 10px;
        }
.memberOnly .joinBtn .pay{
      position: relative;
    }
.memberOnly .joinBtn .pay a{
        color: #fff;
        background: #B32E5F;
        position: relative;
        width: 100%;
        border-radius: 0;
        border: none;
      }
.memberOnly .joinBtn .pay a >span{
          padding-left: 0;
        }
.memberOnly .joinBtn .pay a >span::before{
            content: '';
            background: url('../img/member_icon2.svg') no-repeat center center / contain;
            width: 21px;
            height: 24px;
            flex-shrink: 0;
            margin:0 10px 7px 0;
          }
.memberOnly .joinBtn .pay small{
        position: absolute;
        top: -14px;
        right: -120px;
        width: 114px;
        height: 39px;
        background: url('../img/price_fukidashi.svg') no-repeat center center / contain;
        color: #111111;
        font-size: 13px;
        font-weight: normal;
        text-align: left;
        padding: 12px 0 0 25px;
        line-height: 1;
      }
.memberOnly .joinBtn .pay small span{
          font-size: 15px;
          font-weight: bold;
          padding-right: .2em;
        }
.memberOnly .joinBtn .login a{
        color: #213C69;
        background: #fff;
        border: 1px solid #213C69;
      }
.memberOnly .joinBtn .login a::before{
          content: '';
          background: url('../img/member_icon3.svg') no-repeat center center / contain;
          width: 13px;
          height: 13px;
          flex-shrink: 0;
          margin-right: 10px;
        }
.memberOnly .kome{
    text-align: right;
    margin: 23px 22px 0 0;
    font-size: 12px;
    letter-spacing: .5em;
  }
.memberOnly:not(:has(.kome)){
  padding-bottom: 1.5em;
}
/* 会員についてを非表示 */
.swpm-join-us-link{
  display: none;
}
/* ==========================================================================
   会員登録案内
========================================================================== */
.fontM{
  font-family: "Zen Old Mincho", serif;
}
.spShow{
  display: none;
}
.pcShow{
  display: inline-block;
}
.page-template-page-member-join #content{
    margin: 0;
  }
.page-template-page-member-join .main,.page-template-page-member-join #content-in.wrap{
    width: 100%;
    padding: 0;
    border: none;
    margin: 0;
  }
.page-template-page-member-join #footer{
    margin-top: 0;
  }
.pageMemberJoin{
  min-width: 1140px;
  font-family: '游ゴシック','游ゴシック体', 'YuGothic M', YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
  
}
.pageMemberJoin a:hover{
    opacity: .8;
  }
.pageMemberJoin .anchor{
    display: block;
    padding-top: 80px;
    margin-top: -80px;
  }
.pageMemberJoin .mv{
    height: 480px;
    background: url('../img/join_mv_bk.jpg') no-repeat center center / cover;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
.pageMemberJoin .mv h2{
      font-size: 30px;
      line-height: 1.466;
      font-weight: 700;
      color: #fff;
      text-align: center;
    }
.pageMemberJoin .mv .goform{
      width: 250px;
      height: 50px;
      border-radius: 25px;
      background: #b42d60;
      display: grid;
      place-content:center;
      color: #fff;
      font-size: 15px;
      font-weight: 700;
      text-decoration: none;
      margin-top: 35px;
    }
.pageMemberJoin .about{
    width: min(100% - 40px,1330px);
    margin: 0 auto;
    padding:59px 0 137px;
    text-align: center;
    display: grid;
    grid-template-columns: 193px 1fr 193px;
    grid-template-rows: auto 1fr;
    background: url('../img/chara.png') no-repeat left bottom / 385px auto;
  }
.pageMemberJoin .about::before{
      content: '';
      width: 193px;
      grid-column: 1;
      grid-row: 1 / 3;
    }
.pageMemberJoin .about::after{
      content: '';
      width: 193px;
      height: 193px;
      background: url('../img/hasu.png') no-repeat center center;
      grid-column: 3;
      grid-row: 1 / 3;
    }
.pageMemberJoin .about h2{
      grid-column: 2;
      grid-row: 1;
      font-size: 40px;
      line-height: 1.45;
      font-weight: 700;
      color: #1E295E;
      margin-bottom: 50px;
    }
.pageMemberJoin .about p{
      grid-column: 2;
      grid-row: 2;
      font-weight: 500;
      font-size: 15px;
      letter-spacing: .25em;
      line-height: 1.86;
      max-width: 840px;
      justify-self: center;
    }
.pageMemberJoin .nayami{
    background: #F3F5FE;
    padding: 70px 0 130px;
  }
.pageMemberJoin .nayami >h2{
      text-align: center;
      font-size: 40px;
      font-weight: 700;
      color: #1E295E;
      line-height: 1.37;
      margin-bottom: 50px;
    }
.pageMemberJoin .nayami >h2 span{
        display: block;
        font-size: 20px;
      }
.pageMemberJoin .nayami ol{
      max-width: 863px;
      margin: 0 auto;
      list-style: none;
      padding: 0;
    }
.pageMemberJoin .nayami .nayamiBox{
      display: flex;
    }
.pageMemberJoin .nayami .nayamiBox .num{
        color: #1E295E;
        flex-shrink: 0;
        font-size: 30px;
        margin-right: 30px;
        line-height: 1.15;
      }
.pageMemberJoin .nayami .nayamiBox .text h2{
          color: #1E295E;
          font-size: 20px;
          line-height: 1.65;
          letter-spacing: .3em;
          font-weight: 700;
        }
.pageMemberJoin .nayami .nayamiBox .text p{
          font-size: 15px;
          margin-top: 7px;
          font-weight: 500;
        }
.pageMemberJoin .nayami .nayamiBox + .nayamiBox{
      margin-top: 50px;
    }
.pageMemberJoin .kaiketu{
    padding-top: 70px;
    position: relative;
  }
.pageMemberJoin .kaiketu::before{
      content: '';
      width: 100%;
      height: 380px;
      background: url('../img/join_kaiketu_bk.jpg') no-repeat center center / cover;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
    }
.pageMemberJoin .kaiketu >h2{
      text-align: center;
      font-size: 40px;
      line-height: 1.45;
      font-weight: 700;
      color: #1E295E;
      margin-bottom: 35px;
    }
.pageMemberJoin .kaiketu >h2 span{
        display: block;
        font-size: 30px;
        background: url('../img/join_kaiketu_line.png') no-repeat center bottom;
        padding-bottom: 5px;
      }
.pageMemberJoin .kaiketu .row{
      max-width: 800px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(3,240px);
      grid-gap: 0 40px;
    }
.pageMemberJoin .kaiketu .kaiketuBox{
      display: grid;
      grid-template-rows: subgrid;
      grid-row: span 2;
      grid-row-gap: 0;
      background: #fff;
      border: 1px solid #707070;
      padding: 31px 15px 15px;
    }
.pageMemberJoin .kaiketu .kaiketuBox h2{
        font-size: 20px;
        line-height: 1.65;
        font-weight: 700;
        color: #1E295E;
        margin-bottom: 17px;
      }
.pageMemberJoin .kaiketu .kaiketuBox h2::before{
          content: '';
          width: 39px;
          height: 30px;
          background: url('../img/join_check.svg') no-repeat center center / contain;
          display: block;
          margin: 0 auto 16px;
        }
.pageMemberJoin .kaiketu .kaiketuBox p{
        font-size: 15px;
        font-weight: 500;
        line-height: 1.33;
        letter-spacing: .25em;
      }
.pageMemberJoin .feature{
    max-width: 900px;
    margin: 50px auto 0;
  }
.pageMemberJoin .feature >h2{
      color: #1E295E;
      font-weight: 700;
      font-size: 39px;
      line-height: 1.43;
      text-align: center;
      margin-bottom: 50px;
    }
.pageMemberJoin .feature ol{
      padding: 0;
      margin: 0;
    }
.pageMemberJoin .feature ol .featureBox{
        display: grid;
        grid-template-columns: 180px 1fr;
        grid-template-rows: minmax(180px,auto);
        grid-gap: 0 30px;
      }
.pageMemberJoin .feature ol .featureBox::before{
          content: '';
          grid-column: 1;
          grid-row: 1;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
        }
.pageMemberJoin .feature ol .featureBox .featureText{
          grid-column: 2;
          grid-row: 1;
          align-self: center;
        }
.pageMemberJoin .feature ol .featureBox .featureText h2{
            color: #1E295E;
            font-weight: 700;
            font-size: 20px;
            line-height: 1.65;
            letter-spacing: .3em;
          }
.pageMemberJoin .feature ol .featureBox .featureText p{
            font-size: 15px;
            line-height: 1.8;
            font-weight: 500;
            margin-top: 7px;
          }
.pageMemberJoin .feature ol .featureBox + .featureBox{
        margin-top: 20px;
      }
.pageMemberJoin .feature ol .featureBox1::before{
          background-image: url('../img/join_feature1.png');
        }
.pageMemberJoin .feature ol .featureBox2::before{
          background-image: url('../img/join_feature2.png');
        }
.pageMemberJoin .feature ol .featureBox3::before{
          background-image: url('../img/join_feature3.png');
        }
.pageMemberJoin .feature ol .featureBox4::before{
          background-image: url('../img/join_feature4.png');
        }
.pageMemberJoin .plan{
    padding: 72px 0 100px;
    background: url('../img/join_plan_bk.jpg') no-repeat center center / cover;
    display: grid;
    grid-template-columns: 1fr 400px 390px 1fr;
    grid-template-rows: auto 1fr;
  }
.pageMemberJoin .plan::before{
      content: '';
      grid-column: 1;
      grid-row: 1 / 3;
    }
.pageMemberJoin .plan::after{
      content: '';
      grid-column: 4;
      grid-row: 1 / 3;
    }
.pageMemberJoin .plan >h2{
      grid-column: 2 / 4;
      grid-row: 1;
      text-align: center;
      color: #1E295E;
      font-weight: 700;
      font-size: 40px;
      line-height: 1.45;
      margin-bottom: 40px;
    }
.pageMemberJoin .plan .planBox{
      border: 1px solid #707070;
      background: #fff;
      padding: 28px 45px 57px;
    }
.pageMemberJoin .plan .planBox header{
        text-align: center;
        margin-bottom: 28px;
        padding-bottom: 20px;
        border-bottom: 1px solid #D9D8D8;
      }
.pageMemberJoin .plan .planBox header h2{
          font-size: 26px;
          font-weight: 900;
          letter-spacing: .25em;
          line-height: 1;
          margin-bottom: 13px;
        }
.pageMemberJoin .plan .planBox header .price{
          font-size: 18px;
        }
.pageMemberJoin .plan .planBox header .price strong{
            font-size: 25px;
          }
.pageMemberJoin .plan .planBox table{
        width: 302px;
        margin: 0 auto;
      }
.pageMemberJoin .plan .planBox table tr{
          background: none;
        }
.pageMemberJoin .plan .planBox table th,.pageMemberJoin .plan .planBox table td{
          background: none;
          padding: 0;
          border: none;
        }
.pageMemberJoin .plan .planBox table tr:not(:nth-child(1)) th,.pageMemberJoin .plan .planBox table tr:not(:nth-child(1)) td{
            padding-top: 38px;
          }
.pageMemberJoin .plan .planBox table th{
          text-align: left;
          font-size: 15px;
          line-height: 1.33;
          letter-spacing: .25em;
        }
.pageMemberJoin .plan .planBox table td{
          width: 30px;
          font-size: 15px;
        }
.pageMemberJoin .plan .planBox1{
      grid-column: 2;
      grid-row: 2;
      z-index: 2;
      position: relative;
    }
.pageMemberJoin .plan .planBox1::before{
        content: '';
        width: calc(100% + 2px);
        height: 20px;
        background: #1E295E;
        border-radius: 10px 10px 0 0;
        position: absolute;
        top: -20px;
        left: -1px;
      }
.pageMemberJoin .plan .planBox1 header h2{
          color: #1E295E;
        }
.pageMemberJoin .plan .planBox2{
      grid-column: 3;
      grid-row: 2;
      z-index: 1;
      margin-left: -10px;
      border-radius: 0 10px 0 0;
      
    }
.pageMemberJoin .ctmv{
    height: 498px;
    background: url('../img/join_ctmv_bk.jpg') no-repeat center center / cover;
  }
.pageMemberJoin .ctmv h2{
      color: #1E295E;
    }
.pageMemberJoin .source{
    margin-top: 70px;
  }
.pageMemberJoin .source h2{
      color: #1E295E;
      text-align: center;
      font-weight: 700;
      font-size: 40px;
      line-height: 1.45;
      margin-bottom: 30px;
    }
.pageMemberJoin .source .topText{
      text-align:center;
      font-size: 15px;
      line-height: 1.66;
      font-weight: 500;
      letter-spacing: .25em;
      margin-bottom: 35px;
    }
.pageMemberJoin .source .swiperWall{
      position: relative;
      overflow: hidden;
    }
.pageMemberJoin .source .swiper{
      width: 1425px;
      margin: 0 auto;
      overflow: visible;
      height: 150px;
    }
.pageMemberJoin .source .swiper .swiper-slide img{
          width: 100%;
        }
.pageMemberJoin .source .swiper-wrapper {
      transition-timing-function: linear;
    }
.pageMemberJoin .newspaper{
    margin-top: 110px;
    background: #F3F5FE;
    padding: 70px 0 100px;
  }
.pageMemberJoin .newspaper h2{
      color: #1E295E;
      text-align: center;
      font-weight: 700;
      font-size: 40px;
      line-height: 1.45;
      margin-bottom: 50px;
    }
.pageMemberJoin .newspaper .newspaperSwiper{
      max-width: 1136px;
      margin: 0 auto;
    }
.pageMemberJoin .newspaper .newspaperSwiper .swiper-slide img{
          width: 100%;
        }
.pageMemberJoin .newspaper .partRow{
      max-width: 1136px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
.pageMemberJoin .newspaper .partRow .swiper-button-next,.pageMemberJoin .newspaper .partRow .swiper-button-prev{
        width: 42px;
        height: 42px;
        margin: 0;
        text-indent: -9999px;
        position: static;
      }
.pageMemberJoin .newspaper .partRow .swiper-button-next{
        background: url('../img/jion_slide_next.svg') no-repeat center center / contain;
      }
.pageMemberJoin .newspaper .partRow .swiper-button-prev{
        background: url('../img/jion_slide_prev.svg') no-repeat center center / contain;
      }
.pageMemberJoin .newspaper .partRow .swiper-button-prev{
        margin-right: 10px;
        flex-shrink: 0;
      }
.pageMemberJoin .newspaper .partRow .swiper-button-next{
        margin-right: 28px;
        flex-shrink: 0;
      }
.pageMemberJoin .newspaper .partRow .swiper-pagination{
        background: #F6F6F6;
        position: static;
      }
.pageMemberJoin .newspaper .partRow .swiper-pagination-progressbar {
        height: 8px;
        border: 1px solid #707070;
      }
.pageMemberJoin .newspaper .partRow .swiper-pagination-progressbar-fill{
        background: #1F295E;
      }
.pageMemberJoin .infoList{
    padding: 70px 0 107px;
    background: url('../img/join_info_list_bk.jpg') no-repeat center center / cover;
  }
.pageMemberJoin .infoList h2{
      color: #1E295E;
      text-align: center;
      font-weight: 700;
      font-size: 40px;
      line-height: 1.45;
      margin-bottom: 45px;
    }
.pageMemberJoin .infoList ul{
      max-width: 898px;
      margin: 0 auto;
      padding: 0;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      gap:35px 0;
    }
.pageMemberJoin .infoList ul li{
        flex: 0 1 160px;
        list-style: none;
        font-size: 20px;
        text-align: center;
        font-weight: 700;
        color: #1E295E;
        line-height: 1.65;
        position: relative;
      }
.pageMemberJoin .infoList ul li::before{
          content: '';
          width: 160px;
          height: 160px;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
          display: block;
          margin: 0 auto 10px;
        }
.pageMemberJoin .infoList ul li:nth-child(1){
        margin-right: 63px;
      }
.pageMemberJoin .infoList ul li:nth-child(1)::before{
          background-image: url('../img/join_infolist1.png');
        }
.pageMemberJoin .infoList ul li:nth-child(2){
        margin-right: 41px;
        flex: 0 1 12em;
      }
.pageMemberJoin .infoList ul li:nth-child(2)::before{
          background-image: url('../img/join_infolist2.png');
        }
.pageMemberJoin .infoList ul li:nth-child(3){
        margin-right: 74px;
      }
.pageMemberJoin .infoList ul li:nth-child(3)::before{
          background-image: url('../img/join_infolist3.png');
        }
.pageMemberJoin .infoList ul li:nth-child(4)::before{
          background-image: url('../img/join_infolist4.png');
        }
.pageMemberJoin .infoList ul li:nth-child(5){
        flex: 0 1 9em;
        margin-right: 93px;
      }
.pageMemberJoin .infoList ul li:nth-child(5)::before{
          background-image: url('../img/join_infolist5.png');
        }
.pageMemberJoin .infoList ul li:nth-child(6){
        margin-right: 83px;
      }
.pageMemberJoin .infoList ul li:nth-child(6)::before{
          background-image: url('../img/join_infolist6.png');
        }
.pageMemberJoin .infoList ul li:nth-child(7)::before{
          background-image: url('../img/join_infolist7.png');
        }
.pageMemberJoin .serviceList{
    padding: 70px 0 160px;
    background: url('../img/join_service_bk.jpg') no-repeat center center / cover;
  }
.pageMemberJoin .serviceList h2{
      color: #1E295E;
      text-align: center;
      font-weight: 700;
      font-size: 40px;
      line-height: 1.45;
      margin-bottom: 50px;
    }
.pageMemberJoin .serviceList ul{
      display: flex;
      justify-content: center;
      gap:0 268px;
      list-style: none;
    }
.pageMemberJoin .serviceList ul li{
        font-size: 20px;
        letter-spacing: .3em;
        font-weight: 700;
        text-align: center;
        color: #1E295E;
        line-height: 1;
      }
.pageMemberJoin .serviceList ul li strong{
          display: block;
        }
.pageMemberJoin .serviceList ul li:first-child strong{
          font-size: 80px;
          margin-top: 30px;
        }
.pageMemberJoin .serviceList ul li:first-child strong span{
            letter-spacing: -.299em;
            margin-left: -.299em;
          }
.pageMemberJoin .serviceList ul li:last-child strong{
          font-size: 35px;
          letter-spacing: .12em;
          margin-top: 20px;
        }
.pageMemberJoin .serviceList ul li:last-child strong span{
            font-size: 90px;
            padding: 0 .2em;
          }
.pageMemberJoin .atukau{
    padding: 70px 0 94px;
    background: url('../img/join_atukau_bk.jpg') no-repeat center center / cover;
  }
.pageMemberJoin .atukau h2{
      color: #1E295E;
      text-align: center;
      font-weight: 700;
      font-size: 40px;
      line-height: 1.45;
      margin-bottom: 50px;
    }
.pageMemberJoin .atukau ul{
      max-width: 1100px;
      margin: 0 auto;
      list-style: none;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(3,340px);
      grid-gap: 40px;
    }
.pageMemberJoin .atukau ul li{
        min-height: 100px;
        font-size: 18px;
        line-height: 1.833;
        letter-spacing: .2em;
        color: #1E295E;
        font-weight: 700;
        background: #F3F5FE;
        border: 1px solid #9AA4D0;
        display: flex;
        align-items:center;
        padding: 0 10px 0 30px;
      }
.pageMemberJoin .atukau ul li::before{
          content: '';
          width: 75px;
          height: 75px;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
          flex-shrink: 0;
          margin-right: 15px;
        }
.pageMemberJoin .atukau ul li:nth-child(1)::before{
          background-image: url('../img/join_atukau_img1.png');
        }
.pageMemberJoin .atukau ul li:nth-child(2)::before{
          background-image: url('../img/join_atukau_img2.png');
        }
.pageMemberJoin .atukau ul li:nth-child(3)::before{
          background-image: url('../img/join_atukau_img3.png');
        }
.pageMemberJoin .atukau ul li:nth-child(4)::before{
          background-image: url('../img/join_atukau_img4.png');
        }
.pageMemberJoin .atukau ul li:nth-child(5)::before{
          background-image: url('../img/join_atukau_img5.png');
        }
.pageMemberJoin .atukau ul li:nth-child(6)::before{
          background-image: url('../img/join_atukau_img6.png');
        }
.pageMemberJoin .atukau ul li:nth-child(7)::before{
          background-image: url('../img/join_atukau_img7.png');
        }
.pageMemberJoin .atukau ul li:nth-child(8)::before{
          background-image: url('../img/join_atukau_img8.png');
        }
.pageMemberJoin .atukau ul li:nth-child(9)::before{
          background-image: url('../img/join_atukau_img9.png');
        }
.pageMemberJoin .atukau ul li:nth-child(10)::before{
          background-image: url('../img/join_atukau_img10.png');
        }
.pageMemberJoin .atukau ul li:nth-child(11)::before{
          background-image: url('../img/join_atukau_img11.png');
        }
.pageMemberJoin .atukau ul li:nth-child(12)::before{
          background-image: url('../img/join_atukau_img12.png');
        }
.pageMemberJoin .atukau ul li:nth-child(13)::before{
          background-image: url('../img/join_atukau_img13.png');
        }
.pageMemberJoin .atukau ul li:nth-child(14)::before{
          background-image: url('../img/join_atukau_img14.png');
        }
.pageMemberJoin .atukau ul li:nth-child(15)::before{
          background-image: url('../img/join_atukau_img15.png');
        }
.pageMemberJoin .atukau ul li:nth-child(16)::before{
          background-image: url('../img/join_atukau_img16.png');
        }
.pageMemberJoin .atukau ul li:nth-child(17)::before{
          background-image: url('../img/join_atukau_img17.png');
        }
.pageMemberJoin .atukau ul li:nth-child(18)::before{
          background-image: url('../img/join_atukau_img18.png');
        }
.pageMemberJoin .atukau ul li:nth-child(19)::before{
          background-image: url('../img/join_atukau_img19.png');
        }
.pageMemberJoin .atukau ul li:nth-child(20)::before{
          background-image: url('../img/join_atukau_img20.png');
        }
.pageMemberJoin .atukau ul li:nth-child(21)::before{
          background-image: url('../img/join_atukau_img21.png');
        }
.pageMemberJoin .priceSec{
    padding: 70px 0 100px;
    background: #F3F5FE;
    position: relative;
  }
.pageMemberJoin .priceSec::before{
      content: '';
      width: 193px;
      height: 193px;
      background: url('../img/hasu.png') no-repeat center center;
      position: absolute;
      top: 98px;
      left: 50%;
      margin-left: -630px;
    }
.pageMemberJoin .priceSec::after{
      content: '';
      width: 193px;
      height: 193px;
      background: url('../img/hasu.png') no-repeat center center;
      position: absolute;
      top: 98px;
      right: 50%;
      margin-right: -630px;
    }
.pageMemberJoin .priceSec h2{
      color: #1E295E;
      text-align: center;
      font-weight: 700;
      font-size: 40px;
      line-height: 1.45;
      margin-bottom: 50px;
    }
.pageMemberJoin .priceSec dl{
      max-width: 700px;
      margin: 0 auto;
      display: flex;
    }
.pageMemberJoin .priceSec dl dt,.pageMemberJoin .priceSec dl dd{
        flex: 0 1 50%;
        height: 110px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
.pageMemberJoin .priceSec dl dt{
        font-size: 20px;
        letter-spacing: .3em;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        background: #B42D60;
      }
.pageMemberJoin .priceSec dl dt::before{
          content: '';
          width: 21px;
          height: 24px;
          background: url('../img/join_paid_mark.svg') no-repeat center center / contain;
          flex-shrink: 0;
          margin-right: 13px;
        }
.pageMemberJoin .priceSec dl dd{
        background: #fff;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: .1em;
      }
.pageMemberJoin .priceSec dl dd span{
          display: flex;
          align-items: baseline;
        }
.pageMemberJoin .priceSec dl dd small{
          font-size: 20px;
          vertical-align: baseline;
        }
.pageMemberJoin .flow{
    padding: 70px 0 100px;
    background: url('../img/join_flow_bk.jpg') no-repeat center center / cover;
  }
.pageMemberJoin .flow >h2{
      color: #1E295E;
      text-align: center;
      font-weight: 700;
      font-size: 40px;
      line-height: 1.45;
      margin-bottom: 50px;
    }
.pageMemberJoin .flow ol{
      padding: 0;
      margin: 0;
      list-style: none;
      max-width: 863px;
      margin: 0 auto;
    }
.pageMemberJoin .flow li{
      display: flex;
    }
.pageMemberJoin .flow li .num{
        flex-shrink: 0;
        margin-right: 30px;
        line-height: 1;
        font-size: 30px;
        color: #1E295E;
      }
.pageMemberJoin .flow li .num .step{
          font-size: 13px;
          font-weight: 700;
          display: block;
        }
.pageMemberJoin .flow li .flowSec h2{
          font-weight: 700;
          font-size: 20px;
          letter-spacing: .3em;
          line-height: 1.65;
          margin-bottom: 7px;
          color: #1E295E;
        }
.pageMemberJoin .flow li .flowSec p{
          font-size: 15px;
          font-weight: 500;
        }
.pageMemberJoin .flow li + li{
      margin-top: 48px;
    }
.pageMemberJoin .faq{
    padding: 105px 0 100px;
    background: #F3F5FE;
  }
.pageMemberJoin .faq >h2{
      color: #1E295E;
      text-align: center;
      font-weight: 700;
      font-size: 40px;
      line-height: 1.45;
      margin-bottom: 37px;
    }
.pageMemberJoin .faq .faqBox{
      max-width: 900px;
      margin: 0 auto;
    }
.pageMemberJoin .faq .faqBox header{
        border: 1px solid #707070;
        background: #fff;
        min-height: 102px;
        cursor:pointer;
        display: flex;
        align-items: center;
        padding: 5px 30px;
        color: #1E295E;
      }
.pageMemberJoin .faq .faqBox header:hover{
          opacity: .8;
        }
.pageMemberJoin .faq .faqBox header::before{
          content: 'Q';
          font-size: 40px;
          margin-right: 27px;
          flex-shrink: 0;
        }
.pageMemberJoin .faq .faqBox header::after{
          content: '';
          width: 15px;
          height: 7px;
          background: url('../img/join_faq_arrow.svg') no-repeat center center / contain;
          margin: 0 0 0 auto;
          flex-shrink: 0;
          transform-origin: center;
          transition: transform .2s linear;
        }
.pageMemberJoin .faq .faqBox header h2{
          font-size: 20px;
          letter-spacing: .3em;
          line-height: 1.65;
          margin-right: 10px;
        }
.pageMemberJoin .faq .faqBox .open::after{
          transform: rotate(180deg);
        }
.pageMemberJoin .faq .faqBox .hideBox{
        border-bottom:1px solid #707070;
        border-left:1px solid #707070;
        border-right:1px solid #707070;
        background: #F8FAFF;
        padding: 20px 30px;
        display: none;
      }
.pageMemberJoin .faq .faqBox .hideBox .inner{
          display: flex;
          color: #1E295E;
        }
.pageMemberJoin .faq .faqBox .hideBox .inner::before{
            content: 'A';
            font-size: 40px;
            margin-right: 27px;
            flex-shrink: 0;
          }
.pageMemberJoin .faq .faqBox .hideBox .inner p{
            font-size: 20px;
            letter-spacing: .3em;
            line-height: 1.65;
          }
.pageMemberJoin .faq .faqBox + .faqBox{
      margin-top: 19px;
    }
.pageMemberJoin .contactForm{
    padding: 70px 0 0;
    background: url('../img/join_contact_bk.jpg') no-repeat center center / cover;
  }
.pageMemberJoin .contactForm >h2{
      color: #1E295E;
      text-align: center;
      font-weight: 700;
      font-size: 40px;
      line-height: 1.45;
      margin-bottom: 52px;
    }
.pageMemberJoin .contactForm .formWall{
      max-width: 720px;
      margin: 0 auto;
      padding-bottom: 100px;
      position: relative;
      z-index: 1;
    }
.pageMemberJoin .contactForm .formWall::after{
        content: '';
        width: 367px;
        height: 526px;
        background: url('../img/chara2.png') no-repeat center center / contain;
        position: absolute;
        bottom:0;
        left: -289px;
        z-index: -1;
      }
/* 会員系ページ */
.memberpageHeader{
  text-align: center;
  padding: 68px 0 55px;
}
.memberpageHeader h1{
    color: #1E295E;
    font-weight: 700;
    font-size: 35px;
    line-height: 1;
    font-family: "Zen Old Mincho", serif;
  }
body:not(.single-post):not(.page-template-page-member-join):not(.single-seminar) #content-in{
    display: block;
  }
body:not(.single-post):not(.page-template-page-member-join):not(.single-seminar) #content-in.wrap{
    max-width: 720px;
  }
body:not(.single-post):not(.page-template-page-member-join):not(.single-seminar) #content{
    margin: 0;
  }
body:not(.single-post):not(.page-template-page-member-join):not(.single-seminar) #main{
    margin: 0;
    padding: 0;
  }
body:not(.single-post):not(.page-template-page-member-join):not(.single-seminar) .main{
    width: 100%;
  }
body:not(.single-post):not(.page-template-page-member-join):not(.single-seminar) .entry-categories-tags{
    display: none;
  }
body:not(.single-post):not(.page-template-page-member-join):not(.single-seminar) .entry-content{
    margin: 0;
    padding: 0;
  }
/* input系共通 */
.memberInputBox{
  margin-bottom: 100px;
}
.memberInputBox .swpm-label,.memberInputBox .swpm_label{
    display: block;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 10px;
    border-radius: 5px;
  }
.memberInputBox .swpm-username-input,.memberInputBox .swpm-password-input{
    margin-bottom: 16px;
  }
.memberInputBox .swpm-text-field{
    width: 100%;
    height: 47px;
    line-height: 47px;
    padding: 0 10px;
  }
.memberInputBox .swpm-red-error-text{
    text-align: center;
    margin-top: 1em;
    display: block;
  }
/* ボタン系共通 */
.membersipBtn{
  margin: 48px 0 0;
}
.membersipBtn input{
    width: 250px;
    height: 50px;
    margin: 0 auto;
    display: grid;
    place-content:center;
    text-align: center;
    background: #B42D60;
    border-radius: 25px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 0;
  }
.membersipBtn input:hover{
      opacity: .8;
    }
/* ログインページ */
.swpm-login-widget-form .swpm-remember-me{
    text-align: center;
    margin-top: 22px;
    font-size: 16px;
  }
.swpm-login-widget-form .swpm-forgot-pass-link{
    text-align: center;
    margin: 45px 0 0;
  }
.swpm-login-widget-form .swpm-forgot-pass-link a{
      font-size: 15px;
      color: #24243D;
    }
.swpm-login-widget-form .swpm-forgot-pass-link a:hover{
        opacity: .8;
      }
.swpm-login-widget-form .swpm-login-action-msg{
    text-align: center;
    margin-top: 1em;
    color: red;
  }
/* ログインページ　ログイン済み */
.swpm-login-widget-logged .userStatus{
    margin: 0;
    list-style: none;
    background: #F1F1F1;
    padding: 22px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
  }
.swpm-login-widget-logged .userStatus li{
      padding: 0;
      margin: 0;
    }
.swpm-login-widget-logged .userStatus li span:first-child{
        color: #1E295E;
      }
.swpm-login-widget-logged .userStatus li + li{
      margin-top: 15px;
    }
.swpm-login-widget-logged .btnBox{
    margin: 50px 0 0;
    display: flex;
    justify-content: center;
    gap:0 30px;
  }
.swpm-login-widget-logged .btnBox a{
      height: 41px;
      border: 1px solid #707070;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      font-weight: 700;
      text-decoration: none;
      color: #1E295E;
    }
.swpm-login-widget-logged .btnBox a:hover{
        opacity: .8;
      }
.swpm-login-widget-logged .btnBox .swpm-edit-profile-link a{
        width: 180px;
      }
.swpm-login-widget-logged .btnBox .swpm-logged-logout-link a{
        width: 120px;
      }
/* パスワードリセット */
#swpm_message{
  margin-bottom: 100px;
}
/* 有料会員サンクスページ */
.swpm-yellow-box{
  padding: 22px;
  background: #F1F1F1;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  margin-bottom: 100px;
  font-size: 16px;
  line-height: 2;
}
.swpm-yellow-box p{
    margin: 0;
  }
.swpm-yellow-box a{
    text-decoration: underline;
    color: #1E295E;
    font-weight: 700;
  }
/* 会員登録 */
.swpm-form-builder-container{
  padding-bottom: 100px;
}
.swpm-form-builder-container label.swpm-desc{
    display: block;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
  }
.swpm-form-builder-container label.swpm-desc .swpm-required-asterisk{
      color: #B42D60;
      font-size: 30px;
      margin-left: 5px;
      line-height: 1;
      height: .8em;
      font-weight: 400;
    }
.swpm-form-builder-container input[type="text"],
  .swpm-form-builder-container input[type="tel"],
  .swpm-form-builder-container input[type="email"],
  .swpm-form-builder-container input[type="password"]
  {
    width: 100%;
    height: 47px;
    line-height: 47px;
    padding: 0 10px;
    border-radius: 5px;
  }
.swpm-form-builder-container label.swpm-form-builder-error{
    margin-top: .3em;
    display: block;
    line-height: 1;
    color: red;
    flex: 0 0 100%;
  }
.swpm-form-builder-container .swpm-fieldset {
    padding: 0;
    border: none;
  }
.swpm-form-builder-container .swpm-fieldset h3{
      display: none;
    }
.swpm-form-builder-container .swpm-fieldset + .swpm-fieldset{
    margin-top: -26px;
  }
.swpm-form-builder-container .swpm-section{
    list-style: none;
    padding: 0;
    margin: 0;
  }
.swpm-form-builder-container .swpm-section >li{
      margin: 0;
    }
.swpm-form-builder-container .swpm-section >li + li{
      margin-top: 14px;
    }
.swpm-form-builder-container .swpm-section >li + .swpm-item-checkbox{
      margin-top: 30px;
    }
.swpm-form-builder-container .swpm-section >li + .swpm-item-radio{
      margin-top: 30px;
    }
.swpm-form-builder-container .memberLevel + div{
    width: 100%;
    height: 47px;
    line-height: 47px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #F1F1F1;
    margin-top: 10px;
  }
.swpm-form-builder-container .swpm-item-text:has(.memberLevel) + .swpm-item-text > b{
    display: block;
    width: 100%;
    height: 47px;
    line-height: 47px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #F1F1F1;
    margin-top: 10px;
  }
.swpm-form-builder-container .swpm-item-password >div + div{
      margin-top: 15px;
    }
.swpm-form-builder-container .nameInputBox{
    padding-top: 14px;
  }
.swpm-form-builder-container .nameInputBox h3{
      margin: 0 0 10px 0;
      padding: 0;
      border: none;
      font-size: 16px;
      line-height: 1;
      font-weight: 400;
      display: flex;
      align-items: center;
    }
.swpm-form-builder-container .nameInputBox h3::after{
        content: '*';
        color: #B42D60;
        font-size: 30px;
        margin-left: 5px;
        line-height: 1;
        height: .8em;
        font-weight: 400;
      }
.swpm-form-builder-container .nameInputBox .swpm-section{
      display: flex;
      gap:0 30px;
    }
.swpm-form-builder-container .nameInputBox .swpm-section li{
        flex: 0 1 100%;
      }
.swpm-form-builder-container .nameInputBox .swpm-section >li + li{
        margin-top: 0;
      }
.swpm-form-builder-container .nameInputBox label.swpm-desc{
      margin-bottom: 10px;
    }
.swpm-form-builder-container .nameInputBox label.swpm-desc .swpm-required-asterisk{
        display: none;
      }
.swpm-form-builder-container .lastField{
    padding-top: 14px;
  }
.swpm-form-builder-container .swpm-item-radio >div{
      margin-top: 10px;
      display: flex;
      flex-flow: row wrap;
      gap:10px 20px;
    }
.swpm-form-builder-container .swpm-item-checkbox .swpm-checkbox-required{
      margin-top: 10px;
      display: flex;
      flex-flow: row wrap;
      gap:10px 20px;
    }
.swpm-form-builder-container .swpm-item-checkbox .swpm-checkbox-required .swpm-error{
        margin-top: .3em;
        display: block;
        line-height: 1;
        color: red;
        flex: 0 0 100%;
      }
.swpm-form-builder-container .swpm-span{
    display: inline-flex;
    align-items: center;
  }
.swpm-form-builder-container .swpm-span .spShow{
      display: none;
    }
.swpm-form-builder-container .swpm-span input[type="checkbox"],
    .swpm-form-builder-container .swpm-span input[type="radio"]{
      border-color: #CCCCCC;
      height: 20px;
      width: 20px;
    }
.swpm-form-builder-container .swpm-span label{
      padding-left: .5em;
    }
.swpm-form-builder-container .privacypolicyCheck{
    padding-top: 70px;
  }
.swpm-form-builder-container .privacypolicyCheck .swpm-desc{
      display: none;
    }
.swpm-form-builder-container .privacypolicyCheck .swpm-span{
      text-align: center;
    }
.swpm-form-builder-container .privacypolicyCheck .swpm-item-checkbox >div{
      display: flex;
      justify-content: center;
    }
.swpm-form-builder-container .swpm-item-submit{
    margin: 50px 0 0;
  }
.swpm-form-builder-container .swpm-item-submit input[type="submit"]{
      width: 250px;
      height: 50px;
      margin: 0 auto;
      display: grid;
      place-content:center;
      text-align: center;
      background: #B42D60;
      border-radius: 25px;
      color: #fff;
      font-size: 15px;
      font-weight: 700;
      padding: 0;
    }
.swpm-form-builder-container .swpm-item-submit input[type="submit"]:hover{
        opacity: .8;
      }
.swpm-form-builder-container .swpm-item-submit input[type="submit"]:disabled{
        opacity: .5;
      }
.swpm-form-builder-container .swpm-item-submit input[type="submit"]:disabled:hover{
          opacity: .5;
        }
.swpm-form-builder-container .swpm-profile-account-delete-section{
    margin-top: 47px;
  }
.swpm-form-builder-container .swpm-profile-account-delete-section a{
      display: inline-block;
      color: #24243D !important;
      font-size: 15px;
      font-weight: 400;
    }
/* 記事ページCTA */
.memberCTA{
  margin-top: 98px;
  text-align: center;
  background: url('../img/member_cta_bk.jpg') no-repeat center center / cover;
  padding: 60px 0 70px;
}
.memberCTA h2{
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;
    color: #1E295E;
  }
.memberCTA p{
    font-size: 14px;
    line-height: 1.78;
    letter-spacing: .25em;
  }
.memberCTA .goService{
    margin: 27px auto 0;
    width: 220px;
    height: 43px;
    border-radius: 22px;
    background: linear-gradient(90deg,#1665aa 0%, #1b2962 100%);
    display: grid;
    place-content:center;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
  }
.memberCTA .goService:hover{
      opacity: .8;
    }
.memberCTA + #footer{
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
/* 会員誘導用ボックス */

.memberOnly{
  margin: 12.82051vw 0;
  position: relative;
  width: 100%;
  border: 0.51282vw solid #707070;
  text-align: center; 
  padding-bottom: 2.5641vw;
}
  .memberOnly::before{
    width: 100%;
    height: 51.28205vw;
    top: -51.79487vw;
  }
  .memberOnly h2{
    font-size: 4.87179vw !important;
    height: 12.30769vw;
  }
    .memberOnly h2::before{
      width: 3.84615vw;
      height: 5.89744vw;
      margin-right: 1.53846vw;
    }
  .memberOnly .text{
    margin-top: 7.4359vw;
    font-size: 3.58974vw;
    letter-spacing: .05em;
  }
  .memberOnly .num{
    margin-top: 5.12821vw;
    font-size: 3.33333vw;
  }
  .memberOnly .joinBtn{
    margin:10.25641vw auto 0;
    width: 82.05128vw;
  }
      .memberOnly .joinBtn li a{
        height: 10.76923vw;
        font-size: 3.84615vw;
      }
        .memberOnly .joinBtn li a >span{
          display: flex;
          align-items: center;
          width: 17em;
          padding-left: 1.02564vw;
        }
    .memberOnly .joinBtn li + li{
      margin-top: 3.84615vw;
    }
        .memberOnly .joinBtn .free a::before{
          width: 4.35897vw;
          height: 4.35897vw;
          margin-right: 2.5641vw;
        }
      .memberOnly .joinBtn .pay a{
        font-size: 3.84615vw;
      }
        .memberOnly .joinBtn .pay a::before{
          width: 5.38462vw;
          height: 6.15385vw;
          margin:0 2.5641vw 1.79487vw 0;
        }
      .memberOnly .joinBtn .pay small{
        top: -3.33333vw;
        right: -5.12821vw;
        width: 14.87179vw;
        height: 10vw;
        background: url('../img/sp_price_fukidashi.svg') no-repeat center center / contain;
        font-size: 2.82051vw;
        line-height: 1.3;
        text-align: center;
        padding: 0 0 0 2.05128vw;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
      }
        .memberOnly .joinBtn .pay small span{
          font-size: 3.84615vw;
          padding-right: 0;
          display: block;
        }
      .memberOnly .joinBtn .login a{
        border: 0.25641vw solid #213C69;
      }
        .memberOnly .joinBtn .login a::before{
          width: 3.33333vw;
          height: 3.33333vw;
          margin-right: 2.5641vw;
        }
  .memberOnly .kome{
    text-align: right;
    margin: 5.89744vw 5.64103vw 0 0;
    font-size: 3.07692vw;
    letter-spacing: .5em;
  }
.memberOnly:not(:has(.kome)){
  padding-bottom: 5.12821vw;
}
/* ==========================================================================
   会員登録案内
========================================================================== */
.spShow{
  display: inline-block;
}
.pcShow{
  display: none;
}
.pageMemberJoin{
  min-width: 0;
}
  .pageMemberJoin .mv{
    height: 107.69231vw;
    background: url('../img/sp_join_mv_bk.jpg') no-repeat center center / cover;
  }
    .pageMemberJoin .mv h2{
      font-size: 6.15385vw;
      line-height: 1.458;
    }
    .pageMemberJoin .mv .goform{
      width: 64.10256vw;
      height: 12.82051vw;
      border-radius: 6.41026vw;
      font-size: 3.84615vw;
      font-weight: 700;
      margin-top: 7.69231vw;
    }
  .pageMemberJoin .about{
    width: 94.87179vw;
    padding:18.20513vw 0 0;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto 1fr;
    background: none;
  }
    .pageMemberJoin .about::before{
      grid-column: 1;
      grid-row: 3;
      content: '';
      width: 86.41026vw;
      height: 85.64103vw;
      margin-top: 19.23077vw;
      background: url('../img/sp_chara.png') no-repeat center center / contain;
    }
    .pageMemberJoin .about::after{
      display: none;
    }
    .pageMemberJoin .about h2{
      grid-column: 1;
      grid-row: 1;
      font-size: 8.71795vw;
      line-height: 1.32;
      margin-bottom: 10.25641vw;
    }
    .pageMemberJoin .about p{
      grid-column: 1;
      grid-row: 2;
      font-weight: 400;
      font-size: 3.84615vw;
      max-width: none;
    }
  .pageMemberJoin .nayami{
    padding: 18.46154vw 0 24.35897vw;
  }
    .pageMemberJoin .nayami >h2{
      font-size: 8.71795vw;
      line-height: 1.32;
      margin-bottom: 12.05128vw;
    }
      .pageMemberJoin .nayami >h2 span{
        font-size: 4.61538vw;
      }
    .pageMemberJoin .nayami ol{
      max-width: 94.87179vw;
    }
      .pageMemberJoin .nayami .nayamiBox .num{
        font-size: 7.69231vw;
        margin-right: 7.69231vw;
      }
        .pageMemberJoin .nayami .nayamiBox .text h2{
          color: #1E295E;
          font-size: 5.12821vw;
          line-height: 1.35;
        }
        .pageMemberJoin .nayami .nayamiBox .text p{
          font-size: 3.84615vw;
          line-height: 1.5;
          margin-top: 2.5641vw;
          font-weight: 400;
        }
    .pageMemberJoin .nayami .nayamiBox + .nayamiBox{
      margin-top: 14.10256vw;
    }
  .pageMemberJoin .kaiketu{
    padding-top: 30.76923vw;
  }
    .pageMemberJoin .kaiketu::before{
      height: 102.05128vw;
      background: url('../img/sp_join_kaiketu_bk.jpg') no-repeat center center / cover;
    }
    .pageMemberJoin .kaiketu >h2{
      font-size: 10.25641vw;
      margin-bottom: 8.97436vw;
    }
      .pageMemberJoin .kaiketu >h2 span{
        margin-top: 1.28205vw;
        font-size: 7.69231vw;
        background: url('../img/sp_join_kaiketu_line.png') no-repeat center bottom / 63.84615vw auto;
        padding-bottom: 0.51282vw;
      }
    .pageMemberJoin .kaiketu .row{
      max-width: 94.87179vw;
      grid-template-columns: 100%;
      grid-gap: 5.12821vw 0;
    }
    .pageMemberJoin .kaiketu .kaiketuBox{
      display: block;
      border: 0.25641vw solid #707070;
      padding: 7.94872vw 2.5641vw 9.48718vw;
      text-align: center;
    }
      .pageMemberJoin .kaiketu .kaiketuBox h2{
        font-size: 5.12821vw;
        margin-bottom: 4.35897vw;
      }
        .pageMemberJoin .kaiketu .kaiketuBox h2::before{
          width: 10vw;
          height: 7.69231vw;
          margin: 0 auto 4.10256vw;
        }
      .pageMemberJoin .kaiketu .kaiketuBox p{
        font-size: 3.84615vw;
      }
  .pageMemberJoin .feature{
    max-width:none;
    margin: 12.82051vw auto 0;
  }
    .pageMemberJoin .feature >h2{
      font-size: 8.71795vw;
      margin-bottom: 11.28205vw;
    }
    .pageMemberJoin .feature ol{
      width:  89.74359vw;
      margin: 0 auto;
    }
      .pageMemberJoin .feature ol .featureBox{
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 46.15385vw 1fr;
        grid-gap: 2.5641vw 0;
      }
        .pageMemberJoin .feature ol .featureBox::before{
          grid-column: 1;
          grid-row: 1;
          justify-self: center;
          width: 46.15385vw;
          height: 46.15385vw;
        }
        .pageMemberJoin .feature ol .featureBox .featureText{
          grid-column: 1;
          grid-row: 2;
          align-self: start;
        }
          .pageMemberJoin .feature ol .featureBox .featureText h2{
            font-size: 5.12821vw;
            line-height: 1.35;
          }
          .pageMemberJoin .feature ol .featureBox .featureText p{
            font-size: 3.84615vw;
            line-height: 1.6;
            font-weight: 400;
            margin-top: 2.5641vw;
          }
      .pageMemberJoin .feature ol .featureBox + .featureBox{
        margin-top: 8.97436vw;
      }
        .pageMemberJoin .feature ol .featureBox1::before{
          background-image: url('../img/sp_join_feature1.png');
        }
        .pageMemberJoin .feature ol .featureBox2::before{
          background-image: url('../img/sp_join_feature2.png');
        }
        .pageMemberJoin .feature ol .featureBox3::before{
          background-image: url('../img/sp_join_feature3.png');
        }
        .pageMemberJoin .feature ol .featureBox4::before{
          background-image: url('../img/sp_join_feature4.png');
        }
  .pageMemberJoin .plan{
    padding: 17.94872vw 0 25.64103vw;
    background: url('../img/sp_join_plan_bk.jpg') no-repeat center center / cover;
    grid-template-columns: 1fr 48.71795vw 46.15385vw 1fr;
  }
    .pageMemberJoin .plan >h2{
      font-size: 8.71795vw;
      margin-bottom: 17.94872vw;
    }
    .pageMemberJoin .plan .planBox{
      border: 0.25641vw solid #707070;
      background: #fff;
      padding: 7.17949vw 2.5641vw 3.33333vw;
    }
      .pageMemberJoin .plan .planBox header{
        text-align: center;
        margin-bottom: 7.17949vw;
        padding-bottom: 5.12821vw;
        border-bottom: 0.25641vw solid #D9D8D8;
      }
        .pageMemberJoin .plan .planBox header h2{
          font-size: 6.66667vw;
          margin-bottom: 3.33333vw;
        }
        .pageMemberJoin .plan .planBox header .price{
          font-size: 4.61538vw;
        }
          .pageMemberJoin .plan .planBox header .price strong{
            font-size: 6.41026vw;
          }
      .pageMemberJoin .plan .planBox table{
        width: 100%;
        display: block;
      }
        .pageMemberJoin .plan .planBox table tbody,.pageMemberJoin .plan .planBox table tr{
          display: block;
          width: 100%;
        }
        .pageMemberJoin .plan .planBox table th,.pageMemberJoin .plan .planBox table td{
          display: block;
          width: 100%;
        }
          .pageMemberJoin .plan .planBox table tr:not(:nth-child(1)) th{
            padding-top: 0;
          }
          .pageMemberJoin .plan .planBox table tr:not(:nth-child(1)) td{
            padding-top: 3.84615vw;
          }
        .pageMemberJoin .plan .planBox table th{
          text-align: center;
          font-size: 3.58974vw;
          line-height: 1.33;
          letter-spacing: .25em;
        }
        .pageMemberJoin .plan .planBox table td{
          width: 100%;
          text-align: center;
          font-size: 3.84615vw;
          padding: 3.84615vw 0;
        }
    .pageMemberJoin .plan .planBox1{
      grid-column: 2;
      grid-row: 2;
      z-index: 2;
      position: relative;
    }
      .pageMemberJoin .plan .planBox1::before{
        content: '';
        width: calc(100% + 0.51282vw);
        height: 5.12821vw;
        background: #1E295E;
        border-radius: 2.5641vw 2.5641vw 0 0;
        position: absolute;
        top: -5.12821vw;
        left: -0.25641vw;
      }
    .pageMemberJoin .plan .planBox2{
      grid-column: 3;
      grid-row: 2;
      z-index: 1;
      margin-left: -2.5641vw;
      border-radius: 0 -2.5641vw 0 0;
      
    }
  .pageMemberJoin .ctmv{
    height: 127.69231vw;
    background: url('../img/sp_join_ctmv_bk.jpg') no-repeat center center / cover;
  }
  .pageMemberJoin .source{
    margin-top: 17.94872vw;
  }
    .pageMemberJoin .source h2{
      font-size: 8.71795vw;
      margin-bottom: 7.69231vw;
    }
    .pageMemberJoin .source .topText{
      font-size: 3.84615vw;
      max-width: 94.87179vw;
      margin:0 auto 8.97436vw;
    }
    .pageMemberJoin .source .swiper{
      width: 100%;
      height: 38.46154vw;
    }
  .pageMemberJoin .newspaper{
    margin-top: 25.64103vw;
    padding: 17.94872vw 0 25.64103vw;
  }
    .pageMemberJoin .newspaper h2{
      font-size: 8.71795vw;
      margin-bottom: 7.69231vw;
    }
    .pageMemberJoin .newspaper .newspaperSwiper{
      max-width: 94.87179vw;
    }
    .pageMemberJoin .newspaper .partRow{
      max-width: 94.87179vw;
    }
      .pageMemberJoin .newspaper .partRow .swiper-button-next,.pageMemberJoin .newspaper .partRow .swiper-button-prev{
        width: 10.76923vw;
        height: 10.76923vw;
      }
      .pageMemberJoin .newspaper .partRow .swiper-button-prev{
        margin-right: 2.5641vw;
      }
      .pageMemberJoin .newspaper .partRow .swiper-button-next{
        margin-right: 7.17949vw;
      }
      .pageMemberJoin .newspaper .partRow .swiper-pagination-progressbar {
        height: 2.05128vw;
        border: 0.25641vw solid #707070;
      }
  .pageMemberJoin .infoList{
    padding: 17.94872vw 0 25.64103vw;
    background: url('../img/sp_join_info_list_bk.jpg') no-repeat center center / cover;
  }
    .pageMemberJoin .infoList h2{
      font-size: 8.71795vw;
      margin-bottom: 21.02564vw;
    }
    .pageMemberJoin .infoList ul{
      max-width: 89.74359vw;
      margin: 0 auto;
      padding: 0;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      gap:7.69231vw 0;
    }
      .pageMemberJoin .infoList ul li{
        flex: 0 1 41.02564vw;
        font-size: 5.12821vw;
        line-height: 1.35;
      }
        .pageMemberJoin .infoList ul li::before{
          width: 41.02564vw;
          height: 41.02564vw;
          margin: 0 auto 2.5641vw;
        }
      .pageMemberJoin .infoList ul li:nth-child(1){
        margin-right: 0;
      }
        .pageMemberJoin .infoList ul li:nth-child(1)::before{
          background-image: url('../img/join_infolist1@2x.png');
        }
      .pageMemberJoin .infoList ul li:nth-child(2){
        margin-right: 0;
        flex: 0 1 41.02564vw;
      }
        .pageMemberJoin .infoList ul li:nth-child(2)::before{
          background-image: url('../img/join_infolist2@2x.png');
        }
      .pageMemberJoin .infoList ul li:nth-child(3){
        margin-right: 0;
      }
        .pageMemberJoin .infoList ul li:nth-child(3)::before{
          background-image: url('../img/join_infolist3@2x.png');
        }
        .pageMemberJoin .infoList ul li:nth-child(4)::before{
          background-image: url('../img/join_infolist4@2x.png');
        }
      .pageMemberJoin .infoList ul li:nth-child(5){
        flex: 0 1 41.02564vw;
        margin-right: 0;
      }
        .pageMemberJoin .infoList ul li:nth-child(5)::before{
          background-image: url('../img/join_infolist5@2x.png');
        }
      .pageMemberJoin .infoList ul li:nth-child(6){
        margin-right: 0;
      }
        .pageMemberJoin .infoList ul li:nth-child(6)::before{
          background-image: url('../img/join_infolist6@2x.png');
        }
      .pageMemberJoin .infoList ul li:nth-child(7){
        margin-left: auto;
        margin-right: auto;
      }
        .pageMemberJoin .infoList ul li:nth-child(7)::before{
          background-image: url('../img/join_infolist7@2x.png');
        }
  .pageMemberJoin .serviceList{
    padding: 17.94872vw 0 25.64103vw;
    background: url('../img/sp_join_service_bk.jpg') no-repeat center center / cover;
  }
    .pageMemberJoin .serviceList h2{
      font-size: 8.71795vw;
      margin-bottom: 11.79487vw;
    }
    .pageMemberJoin .serviceList ul{
      display: block;
    }
      .pageMemberJoin .serviceList ul li{
        font-size: 5.12821vw;
      }
        .pageMemberJoin .serviceList ul li:first-child strong{
          font-size: 20.51282vw;
          margin-top: 7.69231vw;
        }
      .pageMemberJoin .serviceList ul li:last-child{
        margin-top: 12.82051vw;
      }
        .pageMemberJoin .serviceList ul li:last-child strong{
          font-size: 8.97436vw;
          margin-top: 5.12821vw;
        }
          .pageMemberJoin .serviceList ul li:last-child strong span{
            font-size: 23.07692vw;
          }
  .pageMemberJoin .atukau{
    padding: 17.94872vw 0 25.64103vw;
    background: url('../img/sp_join_atukau_bk.jpg') no-repeat center center / cover;
  }
    .pageMemberJoin .atukau h2{
      font-size: 8.71795vw;
      margin-bottom: 12.82051vw;
    }
    .pageMemberJoin .atukau ul{
      max-width: 94.87179vw;
      grid-template-columns: repeat(2,46.15385vw);
      grid-gap: 2.5641vw;
    }
      .pageMemberJoin .atukau ul li{
        min-height: 25.64103vw;
        font-size: 4.10256vw;
        line-height: 1.31;
        letter-spacing: .1em;
        border: 0.25641vw solid #9AA4D0;
        padding: 0 2.5641vw 0 2.5641vw;
      }
        .pageMemberJoin .atukau ul li::before{
          width: 19.23077vw;
          height: 19.23077vw;
          margin-right: 2.05128vw;
        }
        .pageMemberJoin .atukau ul li:nth-child(1)::before{
          background-image: url('../img/join_atukau_img1@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(2)::before{
          background-image: url('../img/join_atukau_img2@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(3)::before{
          background-image: url('../img/join_atukau_img3@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(4)::before{
          background-image: url('../img/join_atukau_img4@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(5)::before{
          background-image: url('../img/join_atukau_img5@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(6)::before{
          background-image: url('../img/join_atukau_img6@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(7)::before{
          background-image: url('../img/join_atukau_img7@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(8)::before{
          background-image: url('../img/join_atukau_img8@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(9)::before{
          background-image: url('../img/join_atukau_img9@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(10)::before{
          background-image: url('../img/join_atukau_img10@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(11)::before{
          background-image: url('../img/join_atukau_img11@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(12)::before{
          background-image: url('../img/join_atukau_img12@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(13)::before{
          background-image: url('../img/join_atukau_img13@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(14)::before{
          background-image: url('../img/join_atukau_img14@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(15)::before{
          background-image: url('../img/join_atukau_img15@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(16)::before{
          background-image: url('../img/join_atukau_img16@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(17)::before{
          background-image: url('../img/join_atukau_img17@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(18)::before{
          background-image: url('../img/join_atukau_img18@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(19)::before{
          background-image: url('../img/join_atukau_img19@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(20)::before{
          background-image: url('../img/join_atukau_img20@2x.png');
        }
        .pageMemberJoin .atukau ul li:nth-child(21)::before{
          background-image: url('../img/join_atukau_img21@2x.png');
        }
  .pageMemberJoin .priceSec{
    padding: 17.94872vw 0 12.82051vw;
  }
    .pageMemberJoin .priceSec::before{
      display: none;
    }
    .pageMemberJoin .priceSec::after{
      content: '';
      width: 49.48718vw;
      height: 49.48718vw;
      background: url('../img/sp_hasu.png') no-repeat center center / contain;
      position: static;
      display: block;
      margin: 5.12821vw auto 0;
    }
    .pageMemberJoin .priceSec h2{
      font-size: 8.71795vw;
      margin-bottom: 12.82051vw;
    }
    .pageMemberJoin .priceSec dl{
      max-width: 90vw;
      display: block;
    }
      .pageMemberJoin .priceSec dl dt,.pageMemberJoin .priceSec dl dd{
        height: 28.20513vw;
      }
      .pageMemberJoin .priceSec dl dt{
        font-size: 5.12821vw;
      }
        .pageMemberJoin .priceSec dl dt::before{
          width: 5.38462vw;
          height: 6.15385vw;
          margin-right: 3.33333vw;
        }
      .pageMemberJoin .priceSec dl dd{
        font-size: 7.69231vw;
      }
        .pageMemberJoin .priceSec dl dd small{
          font-size: 5.12821vw;
        }
  .pageMemberJoin .flow{
    padding: 17.94872vw 0 24.35897vw;
    background: url('../img/sp_join_flow_bk.jpg') no-repeat center center / cover;
  }
    .pageMemberJoin .flow >h2{
      font-size: 8.71795vw;
      margin-bottom: 14.10256vw;
    }
    .pageMemberJoin .flow ol{
      max-width: 94.87179vw;
    }
      .pageMemberJoin .flow li .num{
        flex-shrink: 0;
        margin-right: 7.69231vw;
        line-height: 1;
        font-size: 7.69231vw;
      }
        .pageMemberJoin .flow li .num .step{
          font-size: 3.33333vw;
        }
        .pageMemberJoin .flow li .flowSec h2{
          font-size: 5.12821vw;
          line-height: 1.35;
          margin-bottom: 1.79487vw;
        }
        .pageMemberJoin .flow li .flowSec p{
          font-size: 3.84615vw;
          line-height: 1.6;
          font-weight: 400;
        }
    .pageMemberJoin .flow li + li{
      margin-top: 12.30769vw;
    }
  .pageMemberJoin .faq{
    padding: 17.94872vw 0 25.64103vw;
  }
    .pageMemberJoin .faq >h2{
      font-size: 8.71795vw;
      margin-bottom: 12.82051vw;
    }
    .pageMemberJoin .faq .faqBox{
      max-width: 94.87179vw;
    }
      .pageMemberJoin .faq .faqBox header{
        border: 0.25641vw solid #707070;
        background: #fff;
        min-height: 26.15385vw;
        cursor:pointer;
        display: flex;
        align-items: center;
        padding: 3.07692vw 4.87179vw 3.07692vw 3.84615vw;
      }
        .pageMemberJoin .faq .faqBox header::before{
          font-size: 10.25641vw;
          margin-right: 3.58974vw;
        }
        .pageMemberJoin .faq .faqBox header::after{
          width: 3.84615vw;
          height: 1.79487vw;
        }
        .pageMemberJoin .faq .faqBox header h2{
          font-size: 4.61538vw;
          letter-spacing: .1em;
          line-height: 1.38;
          margin-right: 2.5641vw;
        }
      .pageMemberJoin .faq .faqBox .hideBox{
        border-bottom:0.25641vw solid #707070;
        border-left:0.25641vw solid #707070;
        border-right:0.25641vw solid #707070;
        background: #F8FAFF;
        padding: 3.84615vw 3.84615vw 3.84615vw 3.07692vw;
        display: none;
      }
          .pageMemberJoin .faq .faqBox .hideBox .inner::before{
            font-size: 10.25641vw;
            margin-right: 3.58974vw;
          }
          .pageMemberJoin .faq .faqBox .hideBox .inner p{
            font-size: 4.61538vw;
            letter-spacing: .1em;
            line-height: 1.38;
          }
    .pageMemberJoin .faq .faqBox + .faqBox{
      margin-top: 5.12821vw;
    }
  .pageMemberJoin .contactForm{
    padding: 17.94872vw 0 0;
    background: url('../img/sp_join_contact_bk.jpg') no-repeat center center / cover;
  }
    .pageMemberJoin .contactForm >h2{
      font-size: 8.71795vw;
      margin-bottom: 12.05128vw;
    }
    .pageMemberJoin .contactForm .formWall{
      max-width: 89.74359vw;
      margin: 0 auto;
      padding-bottom: 0;
      position: relative;
      z-index: 1;
    }
      .pageMemberJoin .contactForm .formWall::after{
        width: 94.10256vw;
        height: 134.87179vw;
        background: url('../img/sp_chara2.png') no-repeat center center / contain;
        position: static;
        display: block;
        margin: 3.84615vw auto 0;
      }
/* 会員系ページ */
.memberpageHeader{
  padding: 12.82051vw 0 9.23077vw;
}
  .memberpageHeader h1{
    font-size: 8.97436vw;
  }
  body:not(.single-post):not(.page-template-page-member-join) #content-in.wrap{
    max-width: 94.87179vw;
  }


/* input系共通 */
.memberInputBox{
  margin-bottom: 17.94872vw;
}
  .memberInputBox .swpm-label{
    font-size: 4.10256vw;
    margin-bottom: 2.5641vw;
    line-height: 1;
  }
  .memberInputBox .swpm-username-input,.memberInputBox .swpm-password-input{
    margin-bottom: 4.10256vw;
  }
  .memberInputBox .swpm-text-field{
    height: 12.05128vw;
    line-height: 12.05128vw;
    padding: 0 2.5641vw;
  }

/* ボタン系共通 */
.membersipBtn{
  margin: 11.53846vw 0 0;
}
  .membersipBtn input{
    width: 64.10256vw;
    height: 12.82051vw;
    border-radius: 6.41026vw;
    font-size: 3.84615vw;
  }
/* ログインページ */
  .swpm-login-widget-form .swpm-remember-me{
    margin-top: 5.64103vw;
    font-size: 4.10256vw;
  }
  .swpm-login-widget-form .swpm-forgot-pass-link{
    margin: 11.53846vw 0 0;
  }
    .swpm-login-widget-form .swpm-forgot-pass-link a{
      font-size: 3.84615vw;
    }
/* ログインページ　ログイン済み */
  .swpm-login-widget-logged .userStatus{
    padding: 5.64103vw;
    border: 0.25641vw solid #CCCCCC;
    border-radius: 1.28205vw;
    font-size: 4.10256vw;
  }
    .swpm-login-widget-logged .userStatus li + li{
      margin-top: 3.84615vw;
    }
  .swpm-login-widget-logged .btnBox{
    margin: 12.82051vw 0 0;
    gap:0 7.69231vw;
  }
    .swpm-login-widget-logged .btnBox a{
      height: 10.51282vw;
      border: 0.25641vw solid #707070;
      font-size: 4.10256vw;
    }
      .swpm-login-widget-logged .btnBox .swpm-edit-profile-link a{
        width: 46.15385vw;
      }
      .swpm-login-widget-logged .btnBox .swpm-logged-logout-link a{
        width: 30.76923vw;
      }
/* パスワードリセット */
#swpm_message{
  margin-bottom: 17.94872vw;
}


/* 会員登録 */
.swpm-form-builder-container{
  padding-bottom: 17.94872vw;
}
  .swpm-form-builder-container label.swpm-desc{
    font-size: 4.10256vw;
    margin-bottom: 0.76923vw;
  }
    .swpm-form-builder-container label.swpm-desc .swpm-required-asterisk{
      font-size: 7.69231vw;
      margin-left: 1.28205vw;
    }
  .swpm-form-builder-container input[type="text"],
  .swpm-form-builder-container input[type="tel"],
  .swpm-form-builder-container input[type="email"],
  .swpm-form-builder-container input[type="password"]
  {
    height: 12.05128vw;
    line-height: 12.05128vw;
    padding: 0 2.5641vw;
    border-radius: 1.28205vw;
  }
  .swpm-form-builder-container label.swpm-form-builder-error{
    margin-top: .3em;
    display: block;
    line-height: 1;
    color: red;
    flex: 0 0 100%;
  }
  .swpm-form-builder-container .swpm-fieldset + .swpm-fieldset{
    margin-top: -6.66667vw;
  }
    .swpm-form-builder-container .swpm-section >li + li{
      margin-top: 3.58974vw;
    }
    .swpm-form-builder-container .swpm-section >li + .swpm-item-checkbox{
      margin-top: 7.69231vw;
    }
    .swpm-form-builder-container .swpm-section >li + .swpm-item-radio{
      margin-top: 7.69231vw;
    }
  .swpm-form-builder-container .memberLevel + div{
    height: 12.05128vw;
    line-height: 12.05128vw;
    padding: 0 2.5641vw;
    border-radius: 1.28205vw;
    border: 0.25641vw solid #ccc;
    margin-top: 2.5641vw;
  }
  .swpm-form-builder-container .swpm-item-text:has(.memberLevel) + .swpm-item-text > b{
    height: 12.05128vw;
    line-height: 12.05128vw;
    padding: 0 2.5641vw;
    border-radius: 1.28205vw;
    border: 0.25641vw solid #ccc;
    margin-top: 2.5641vw;
  }
    .swpm-form-builder-container .swpm-item-password >div + div{
      margin-top: 3.84615vw;
    }
  .swpm-form-builder-container .nameInputBox{
    padding-top: 3.58974vw;
  }
    .swpm-form-builder-container .nameInputBox h3{
      margin: 0 0 2.5641vw 0;
      font-size: 4.10256vw;
    }
      .swpm-form-builder-container .nameInputBox h3::after{
        font-size: 7.69231vw;
        margin-left: 1.28205vw;
      }
    .swpm-form-builder-container .nameInputBox .swpm-section{
      display: flex;
      gap:0 3.84615vw;
    }
      .swpm-form-builder-container .nameInputBox .swpm-section >li + li{
        margin-top: 0;
      }
    .swpm-form-builder-container .nameInputBox label.swpm-desc{
      margin-bottom: 2.5641vw;
    }
  .swpm-form-builder-container .lastField{
    padding-top: 3.58974vw;
  }
    .swpm-form-builder-container .swpm-item-radio >div{
      margin-top: 2.5641vw;
      display: flex;
      flex-flow: row wrap;
      gap:2.5641vw 5.12821vw;
    }
    .swpm-form-builder-container .swpm-item-checkbox .swpm-checkbox-required{
      margin-top: 2.5641vw;
      display: flex;
      flex-flow: row wrap;
      gap:2.5641vw 5.12821vw;
    }
  .swpm-form-builder-container .swpm-span{
    display: inline-flex;
    align-items: flex-start;
  }
    .swpm-form-builder-container .swpm-span .spShow{
      display: block;
    }
    .swpm-form-builder-container .swpm-span input[type="checkbox"],
    .swpm-form-builder-container .swpm-span input[type="radio"]{
      height: 5.12821vw;
      width: 5.12821vw;
      margin-top: .3em;
    }
  .swpm-form-builder-container .privacypolicyCheck{
    padding-top: 17.94872vw;
  }
  .swpm-form-builder-container .swpm-item-submit{
    margin: 12.82051vw 0 0;
  }
    .swpm-form-builder-container .swpm-item-submit input[type="submit"]{
      width: 64.10256vw;
      height: 12.82051vw;
      border-radius: 6.41026vw;
      font-size: 3.84615vw;
    }
  .swpm-form-builder-container .swpm-profile-account-delete-section{
    margin-top: 12.05128vw;
  }
    .swpm-form-builder-container .swpm-profile-account-delete-section a{
      font-size: 3.84615vw;
    }
/* 記事ページCTA */
.memberCTA{
  margin-top: 25.64103vw;
  text-align: center;
  background: url('../img/member_cta_bk.jpg') no-repeat center center / cover;
  padding: 10.76923vw 3.84615vw;
}
  .memberCTA h2{
    font-size: 8.71795vw;
    line-height: 1.29;
    margin-bottom: 5.12821vw;
  }
  .memberCTA p{
    font-size: 3.58974vw;
    letter-spacing: .1em;
    text-align: justify;
  }
  .memberCTA .goService{
    margin: 8.46154vw auto 0;
    width: 56.41026vw;
    height: 11.53846vw;
    border-radius: 5.64103vw;
    font-size: 3.58974vw;
  }
    .memberCTA .goService:hover{
      opacity: .8;
    }
/*end*/
}
@media only screen and (max-width: 480px) {
    .memberOnly h2{
      /* font-size: calc(calc(16/390) * 100vw) !important; */
    }
}