@charset "UTF-8";
/*日本語(ゴシック)*/
/*Inter*/
@font-face {
  font-family: Quintbridge_Regular;
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/Quintbridge.woff");
}
/** フォント周りの変数 **/
/*** サイズ ***/
/** メディアクエリ **/
/** ベースカラー **/
/*** マージン設定(PC) ***/
/*** マージン設定(SP) ***/
.wrapper {
  background-color: #F4F4F3;
}
.wrapper .howto > section .heading_lv1 {
  font-size: 60px;
}
.wrapper .howto > section .head_area {
  width: 1090px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-top: 8px;
}
.wrapper .howto > section .head_area > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wrapper .howto > section .head_area > div .img {
  width: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.wrapper .howto > section .head_area > div .img img {
  width: 100%;
  height: auto;
}
.wrapper .howto > section .head_area > div .text {
  border-radius: 12px;
  background-color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 163%;
  letter-spacing: 0.16px;
  text-transform: uppercase;
}
.wrapper .howto > section .head_area > div.left {
  gap: 39px;
}
.wrapper .howto > section .head_area > div.left .img {
  margin-top: 53px;
}
.wrapper .howto > section .head_area > div.left .text {
  width: 398px;
  height: 152px;
  padding: 19px 28px 29px 20px;
  position: relative;
}
.wrapper .howto > section .head_area > div.left .text:before {
  content: "";
  display: block;
  width: 426px;
  height: 154px;
  background-image: url(../images/howto/fukidashi01.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: -5px;
  right: 4px;
}
.wrapper .howto > section .head_area > div.right {
  gap: 31px;
  margin-top: 33px;
}
.wrapper .howto > section .head_area > div.right .text {
  width: 398px;
  height: 147px;
  padding: 19px 28px 24px 20px;
  position: relative;
}
.wrapper .howto > section .head_area > div.right .text:before {
  content: "";
  display: block;
  width: 426px;
  height: 148px;
  background-image: url(../images/howto/fukidashi02.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: -5px;
  left: -5px;
}
.wrapper .howto > section .head_area > div.right .img {
  margin-top: 57px;
}
.wrapper .howto > section .heading_lv2 {
  font-size: 32px;
}
.wrapper .howto > section .sec01 {
  width: 1168px;
  margin: 0 auto;
}
.wrapper .howto > section .sec01 .heading_lv2 {
  padding-top: 114px;
}
.wrapper .howto > section .sec01 .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
  margin-top: 16px;
}
.wrapper .howto > section .sec01 .flex .accordion_list li {
  border-radius: 12px;
  background-color: #fff;
}
.wrapper .howto > section .sec01 .flex .accordion_list li + li {
  margin-top: 12px;
}
.wrapper .howto > section .sec01 .flex .accordion_list li dl dt {
  width: 568px;
  height: 74px;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
}
.wrapper .howto > section .sec01 .flex .accordion_list li dl dt:has(.open) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.wrapper .howto > section .sec01 .flex .accordion_list li dl dt a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding-left: 23px;
  position: relative;
}
.wrapper .howto > section .sec01 .flex .accordion_list li dl dt a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 21px;
  width: 22px;
  height: 20px;
  background-image: url(../images/common/arrow_blue_bottom.svg);
  background-size: 100% auto;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.wrapper .howto > section .sec01 .flex .accordion_list li dl dt a.open:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  top: 39%;
}
.wrapper .howto > section .sec01 .flex .accordion_list li dl dd {
  display: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 162%; /* 25.6px */
}
.wrapper .howto > section .sec01 .flex .accordion_list li dl dd > div {
  padding: 5px 24px 15px;
}
.wrapper .howto > section .sec01 .flex .accordion_list li dl dd > div a {
  margin-top: 11px;
  font-size: 18px;
  padding-left: 29px;
}
.wrapper .howto > section .sec01 .flex .accordion_list li dl dd > div a:before {
  width: 22px;
  height: 23px;
}
.wrapper .howto > section .sec02 {
  width: 1168px;
  margin: 0 auto;
  margin-top: 120px;
}
.wrapper .howto > section .sec02 .small_title {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
  letter-spacing: 0.16px;
  text-align: center;
}
.wrapper .howto > section .sec02 .heading_lv2 {
  padding-top: 6px;
  padding-bottom: 112px;
}
.wrapper .howto > section .sec02 .anchor_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px;
}
.wrapper .howto > section .sec02 .anchor_link li {
  width: 268px;
  border: 1px solid #EAE2DF;
  background-color: #F1ECEA;
  border-radius: 24px;
  position: relative;
}
.wrapper .howto > section .sec02 .anchor_link li + li {
  margin-left: 0;
}
.wrapper .howto > section .sec02 .anchor_link li .img {
  width: 92px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -57px;
}
.wrapper .howto > section .sec02 .anchor_link li .img img {
  width: 100%;
  height: auto;
}
.wrapper .howto > section .sec02 .anchor_link li a {
  display: block;
  height: 100%;
  position: relative;
  padding: 62px 0 76px;
}
.wrapper .howto > section .sec02 .anchor_link li a:after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background-image: url(../images/common/arrow_orange_bottom.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.wrapper .howto > section .sec02 .anchor_link li a p {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
  letter-spacing: 0.18px;
  text-align: center;
}
.wrapper .howto > section .sec02 > section {
  padding-top: 80px;
}
.wrapper .howto > section .sec02 > section .sec_head .img {
  width: 138px;
  margin: 0 auto;
}
.wrapper .howto > section .sec02 > section .sec_head .img img {
  width: 100%;
  height: auto;
}
.wrapper .howto > section .sec02 > section .sec_head .heading_lv2 {
  padding-top: 17px;
  padding-bottom: 0;
}
.wrapper .howto > section .sec02 > section .sec_head .text {
  width: 560px;
  margin: 0 auto;
  margin-top: 18px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 28.8px */
  letter-spacing: 0.18px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list {
  margin-top: 60px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li {
  width: 968px;
  padding: 48px;
  background-color: #fff;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li:nth-child(even) {
  margin-left: auto;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li + li {
  margin-top: 20px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 27px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .num {
  font-family: "Quintbridge_Regular";
  font-size: 120px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 120px */
  color: #F18656;
  width: 68px;
  text-align: center;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box {
  width: 364px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box .title {
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 47.6px */
  letter-spacing: 0.34px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box .text {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 28.8px */
  letter-spacing: 0.18px;
  margin-top: 12px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box .text + .btn {
  margin-top: 20px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box .btn {
  width: 240px;
  height: 44px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 16.8px */
  letter-spacing: 0.14px;
  margin-right: auto;
  margin-left: initial;
  margin-top: 32px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .top .img {
  width: 380px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .top .img img {
  width: 100%;
  height: auto;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 35px;
  width: 775px;
  margin-left: auto;
  margin-top: 39px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .img {
  width: 122px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .img img {
  width: 100%;
  height: auto;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .img .name {
  width: 108px;
  height: 40px;
  border-radius: 4px;
  background-color: #0072BC;
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 14.3px */
  margin: 0 auto;
  margin-top: -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: relative;
  padding-bottom: 1px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .img .name.planner {
  width: 75px;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .text {
  background-color: #F4F5F5;
  border-radius: 12px;
  padding: 12px 20px 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 25.6px */
  letter-spacing: 0.16px;
  text-transform: uppercase;
  margin-top: 14px;
  position: relative;
}
.wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .text:before {
  content: "";
  display: block;
  width: 645px;
  height: 113px;
  background-image: url(../images/howto/fukidashi03.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -2px;
  right: 0;
}
.wrapper .membership {
  background-image: url(../images/top/membership_bg.png);
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  margin-top: 120px;
}
.wrapper .membership:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.wrapper .membership .inner {
  padding: 160px 0 100px;
}
.wrapper .membership .inner h2 {
  color: #fff;
  position: relative;
  text-align: center;
  font-size: 56px;
  line-height: 1;
}
.wrapper .membership .inner .membership_list {
  max-width: 976px;
  margin: 80px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wrapper .membership .inner .membership_list > li {
  padding: 60px 4.3%;
  position: relative;
}
.wrapper .membership .inner .membership_list > li.fadeIn {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: opacity 1s, visibility 1s, -webkit-transform 1s;
  transition: opacity 1s, visibility 1s, -webkit-transform 1s;
  transition: opacity 1s, visibility 1s, transform 1s;
  transition: opacity 1s, visibility 1s, transform 1s, -webkit-transform 1s;
}
.wrapper .membership .inner .membership_list > li.fadeIn.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.wrapper .membership .inner .membership_list > li + li {
  margin-left: 40px;
}
.wrapper .membership .inner .membership_list > li {
  width: 468px;
  width: 47.95%;
  background-color: rgba(255, 255, 255, 0.92);
  border-radius: 24px;
}
.wrapper .membership .inner .membership_list > li .title_small {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
}
.wrapper .membership .inner .membership_list > li .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.03em;
  text-align: center;
}
.wrapper .membership .inner .membership_list > li > ul {
  margin-top: 24px;
}
.wrapper .membership .inner .membership_list > li > ul > li {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  padding-left: 24px;
  position: relative;
}
.wrapper .membership .inner .membership_list > li > ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: -2px;
  width: 20px;
  height: 21px;
  background-image: url(../images/common/icon_check.svg);
  background-size: 100%;
}
.wrapper .membership .inner .membership_list > li > ul > li + li {
  margin-top: 16px;
}
.wrapper .membership .inner .membership_list > li .btn {
  width: 308px;
  max-width: 100%;
  margin-top: 40px;
  font-size: 16px;
  border-radius: 50px;
  height: 60px;
}

@media (min-width: 768px) and (max-width: 1359px) {
  .wrapper {
    background-color: #F4F4F3;
  }
  .wrapper .howto > section .heading_lv1 {
    font-size: 4.412vw;
  }
  .wrapper .howto > section .head_area {
    width: 80.147vw;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.765vw;
    margin-top: 0.588vw;
  }
  .wrapper .howto > section .head_area > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .wrapper .howto > section .head_area > div .img {
    width: 7.353vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .wrapper .howto > section .head_area > div .img img {
    width: 100%;
    height: auto;
  }
  .wrapper .howto > section .head_area > div .text {
    border-radius: 0.882vw;
    background-color: #fff;
    font-size: 1.176vw;
    font-style: normal;
    font-weight: 700;
    line-height: 163%;
    letter-spacing: 0.012vw;
    text-transform: uppercase;
  }
  .wrapper .howto > section .head_area > div.left {
    gap: 2.868vw;
  }
  .wrapper .howto > section .head_area > div.left .img {
    margin-top: 3.897vw;
  }
  .wrapper .howto > section .head_area > div.left .text {
    width: 29.265vw;
    height: 11.176vw;
    padding: 1.397vw 2.059vw 2.132vw 1.471vw;
    position: relative;
  }
  .wrapper .howto > section .head_area > div.left .text:before {
    content: "";
    display: block;
    width: 31.324vw;
    height: 11.324vw;
    background-image: url(../images/howto/fukidashi01.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    top: -0.368vw;
    right: 0.294vw;
  }
  .wrapper .howto > section .head_area > div.right {
    gap: 2.279vw;
    margin-top: 2.426vw;
  }
  .wrapper .howto > section .head_area > div.right .text {
    width: 29.265vw;
    height: 10.809vw;
    padding: 1.397vw 2.059vw 1.765vw 1.471vw;
    position: relative;
  }
  .wrapper .howto > section .head_area > div.right .text:before {
    content: "";
    display: block;
    width: 31.324vw;
    height: 10.882vw;
    background-image: url(../images/howto/fukidashi02.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    top: -0.368vw;
    left: -0.368vw;
  }
  .wrapper .howto > section .head_area > div.right .img {
    margin-top: 4.191vw;
  }
  .wrapper .howto > section .heading_lv2 {
    font-size: 2.353vw;
  }
  .wrapper .howto > section .sec01 {
    width: 85.882vw;
    margin: 0 auto;
  }
  .wrapper .howto > section .sec01 .heading_lv2 {
    padding-top: 8.382vw;
  }
  .wrapper .howto > section .sec01 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 2.353vw;
    margin-top: 1.176vw;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li {
    border-radius: 0.882vw;
    background-color: #fff;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li + li {
    margin-top: 0.882vw;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dt {
    width: 41.765vw;
    height: 5.441vw;
    font-size: 1.324vw;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dt:has(.open) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dt a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding-left: 1.691vw;
    position: relative;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dt a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 1.544vw;
    width: 1.618vw;
    height: 1.471vw;
    background-image: url(../images/common/arrow_blue_bottom.svg);
    background-size: 100% auto;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dt a.open:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    top: 39%;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dd {
    display: none;
    font-size: 1.176vw;
    font-style: normal;
    font-weight: 500;
    line-height: 162%; /* 25.6px */
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dd > div {
    padding: 0.368vw 1.765vw 1.103vw;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dd > div a {
    margin-top: 0.809vw;
    font-size: 1.324vw;
    padding-left: 2.132vw;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dd > div a:before {
    width: 1.618vw;
    height: 1.691vw;
  }
  .wrapper .howto > section .sec02 {
    width: 85.882vw;
    margin: 0 auto;
    margin-top: 8.824vw;
  }
  .wrapper .howto > section .sec02 .small_title {
    font-size: 1.176vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 16px */
    letter-spacing: 0.012vw;
    text-align: center;
  }
  .wrapper .howto > section .sec02 .heading_lv2 {
    padding-top: 0.441vw;
    padding-bottom: 8.235vw;
  }
  .wrapper .howto > section .sec02 .anchor_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2.353vw;
  }
  .wrapper .howto > section .sec02 .anchor_link li {
    width: 19.706vw;
    border: 1px solid #EAE2DF;
    background-color: #F1ECEA;
    border-radius: 1.765vw;
    position: relative;
  }
  .wrapper .howto > section .sec02 .anchor_link li + li {
    margin-left: 0;
  }
  .wrapper .howto > section .sec02 .anchor_link li .img {
    width: 6.765vw;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -4.191vw;
  }
  .wrapper .howto > section .sec02 .anchor_link li .img img {
    width: 100%;
    height: auto;
  }
  .wrapper .howto > section .sec02 .anchor_link li a {
    display: block;
    height: 100%;
    position: relative;
    padding: 4.559vw 0 5.588vw;
  }
  .wrapper .howto > section .sec02 .anchor_link li a:after {
    content: "";
    display: block;
    width: 2.059vw;
    height: 2.059vw;
    background-image: url(../images/common/arrow_orange_bottom.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 1.471vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .wrapper .howto > section .sec02 .anchor_link li a p {
    font-size: 1.324vw;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
    letter-spacing: 0.013vw;
    text-align: center;
  }
  .wrapper .howto > section .sec02 > section {
    padding-top: 5.882vw;
  }
  .wrapper .howto > section .sec02 > section .sec_head .img {
    width: 10.147vw;
    margin: 0 auto;
  }
  .wrapper .howto > section .sec02 > section .sec_head .img img {
    width: 100%;
    height: auto;
  }
  .wrapper .howto > section .sec02 > section .sec_head .heading_lv2 {
    padding-top: 1.25vw;
    padding-bottom: 0;
  }
  .wrapper .howto > section .sec02 > section .sec_head .text {
    width: 41.176vw;
    margin: 0 auto;
    margin-top: 1.324vw;
    font-size: 1.324vw;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 28.8px */
    letter-spacing: 0.013vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list {
    margin-top: 4.412vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li {
    width: 71.176vw;
    padding: 3.529vw;
    background-color: #fff;
    border-top-left-radius: 2.941vw;
    border-bottom-right-radius: 2.941vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li:nth-child(even) {
    margin-left: auto;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li + li {
    margin-top: 1.471vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.353vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.985vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .num {
    font-family: "Quintbridge_Regular";
    font-size: 8.824vw;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 120px */
    color: #F18656;
    width: 5vw;
    text-align: center;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box {
    width: 26.765vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box .title {
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 47.6px */
    letter-spacing: 0.025vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box .text {
    font-size: 1.324vw;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 28.8px */
    letter-spacing: 0.013vw;
    margin-top: 0.882vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box .text + .btn {
    margin-top: 1.471vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box .btn {
    width: 17.647vw;
    height: 3.235vw;
    font-size: 1.029vw;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.01vw;
    margin-right: auto;
    margin-left: initial;
    margin-top: 2.353vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .img {
    width: 27.941vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .img img {
    width: 100%;
    height: auto;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2.574vw;
    width: 56.985vw;
    margin-left: auto;
    margin-top: 2.868vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .img {
    width: 8.971vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .img img {
    width: 100%;
    height: auto;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .img .name {
    width: 7.941vw;
    height: 2.941vw;
    border-radius: 0.294vw;
    background-color: #0072BC;
    color: #fff;
    font-size: 0.809vw;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 14.3px */
    margin: 0 auto;
    margin-top: -0.588vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    position: relative;
    padding-bottom: 0.074vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .img .name.planner {
    width: 5.515vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .text {
    background-color: #F4F5F5;
    border-radius: 0.882vw;
    padding: 0.882vw 1.471vw 1.176vw;
    font-size: 1.176vw;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.012vw;
    text-transform: uppercase;
    margin-top: 1.029vw;
    position: relative;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .text:before {
    content: "";
    display: block;
    width: 47.426vw;
    height: 8.309vw;
    background-image: url(../images/howto/fukidashi03.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -0.147vw;
    right: 0;
  }
  .wrapper .membership {
    background-image: url(../images/top/membership_bg.png);
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    margin-top: 8.824vw;
  }
  .wrapper .membership:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .wrapper .membership .inner {
    padding: 11.765vw 0 7.353vw;
  }
  .wrapper .membership .inner h2 {
    color: #fff;
    position: relative;
    text-align: center;
    font-size: 4.118vw;
    line-height: 1;
  }
  .wrapper .membership .inner .membership_list {
    max-width: 71.765vw;
    margin: 80px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .wrapper .membership .inner .membership_list > li {
    padding: 60px 4.3%;
    position: relative;
  }
  .wrapper .membership .inner .membership_list > li.fadeIn {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    -webkit-transition: opacity 1s, visibility 1s, -webkit-transform 1s;
    transition: opacity 1s, visibility 1s, -webkit-transform 1s;
    transition: opacity 1s, visibility 1s, transform 1s;
    transition: opacity 1s, visibility 1s, transform 1s, -webkit-transform 1s;
  }
  .wrapper .membership .inner .membership_list > li.fadeIn.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .wrapper .membership .inner .membership_list > li + li {
    margin-left: 2.941vw;
  }
  .wrapper .membership .inner .membership_list > li {
    width: 34.412vw;
    width: 47.95%;
    background-color: rgba(255, 255, 255, 0.92);
    border-radius: 1.765vw;
  }
  .wrapper .membership .inner .membership_list > li .title_small {
    font-size: 1.471vw;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    text-align: center;
  }
  .wrapper .membership .inner .membership_list > li .title {
    font-size: 2.059vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.03em;
    text-align: center;
  }
  .wrapper .membership .inner .membership_list > li > ul {
    margin-top: 1.765vw;
  }
  .wrapper .membership .inner .membership_list > li > ul > li {
    font-size: 1.324vw;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0;
    padding-left: 1.765vw;
    position: relative;
  }
  .wrapper .membership .inner .membership_list > li > ul > li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.147vw;
    left: -0.147vw;
    width: 1.471vw;
    height: 1.544vw;
    background-image: url(../images/common/icon_check.svg);
    background-size: 100%;
  }
  .wrapper .membership .inner .membership_list > li > ul > li + li {
    margin-top: 1.176vw;
  }
  .wrapper .membership .inner .membership_list > li .btn {
    width: 22.647vw;
    max-width: 100%;
    margin-top: 2.941vw;
    font-size: 1.176vw;
    border-radius: 3.676vw;
    height: 4.412vw;
  }
}
@media screen and (max-width:767px) {
  .wrapper .howto > section .heading_lv1 {
    font-size: 11.17vw;
    padding: 9.574vw 0 7.447vw;
  }
  .wrapper .howto > section .head_area {
    width: 100%;
    display: block;
    margin-top: 2.926vw;
  }
  .wrapper .howto > section .head_area > div .img {
    width: 19.149vw;
  }
  .wrapper .howto > section .head_area > div .text {
    font-size: 3.723vw;
    font-style: normal;
    font-weight: 700;
    line-height: 157%; /* 22.4px */
    letter-spacing: 0.037vw;
    text-transform: uppercase;
  }
  .wrapper .howto > section .head_area > div.left {
    gap: 4.787vw;
    margin-left: 6.649vw;
  }
  .wrapper .howto > section .head_area > div.left .text {
    width: 59.309vw;
    height: 51.596vw;
    padding: 4.255vw 6.117vw 6.383vw 4.521vw;
  }
  .wrapper .howto > section .head_area > div.left .text:before {
    width: 65.426vw;
    height: 52.128vw;
    top: -1.33vw;
    right: 1.064vw;
    background-image: url(../images/howto/fukidashi01_sp.svg);
  }
  .wrapper .howto > section .head_area > div.left .img {
    margin-top: 32.713vw;
  }
  .wrapper .howto > section .head_area > div.right {
    margin-right: 6.649vw;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 3.723vw;
  }
  .wrapper .howto > section .head_area > div.right .text {
    width: 59.309vw;
    height: 51.862vw;
    padding: 4.521vw 6.649vw 6.383vw 3.989vw;
  }
  .wrapper .howto > section .head_area > div.right .text:before {
    width: 65.426vw;
    height: 52.128vw;
    top: -1.33vw;
    right: 1.064vw;
    background-image: url(../images/howto/fukidashi02_sp.svg);
  }
  .wrapper .howto > section .head_area > div.right .img {
    margin-top: 33.245vw;
  }
  .wrapper .howto > section .heading_lv2 {
    font-size: 6.383vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 24px */
    letter-spacing: 0.064vw;
  }
  .wrapper .howto > section .sec01 {
    width: 100%;
  }
  .wrapper .howto > section .sec01 .heading_lv2 {
    padding-top: 23.404vw;
    padding-bottom: 9.574vw;
  }
  .wrapper .howto > section .sec01 .flex {
    display: block;
    margin-top: 0;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list {
    padding: 0 5.319vw;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list + .accordion_list {
    margin-top: 2.128vw;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li + li {
    margin-top: 2.128vw;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dt {
    width: 100%;
    height: 16.223vw;
    font-size: 3.989vw;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 21px */
    letter-spacing: 0.04vw;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dt a {
    padding-left: 5.319vw;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dt a:after {
    right: 3.989vw;
    width: 4.521vw;
    height: 4.255vw;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dd {
    font-size: 3.723vw;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 22.4px */
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dd > div {
    padding: 0px 5.319vw 3.989vw;
    margin-top: -1.33vw;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dd > div a {
    font-size: 4.255vw;
    margin-top: 2.128vw;
    padding-left: 7.713vw;
  }
  .wrapper .howto > section .sec01 .flex .accordion_list li dl dd > div a:before {
    width: 5.851vw;
    height: 6.117vw;
  }
  .wrapper .howto > section .sec02 {
    width: 100%;
    margin-top: 21.277vw;
    padding: 0 5.319vw;
  }
  .wrapper .howto > section .sec02 .small_title {
    font-size: 3.723vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 14px */
    letter-spacing: 0.037vw;
  }
  .wrapper .howto > section .sec02 .heading_lv2 {
    padding-top: 3.457vw;
    padding-bottom: 11.436vw;
  }
  .wrapper .howto > section .sec02 .anchor_link {
    display: block;
  }
  .wrapper .howto > section .sec02 .anchor_link li {
    width: 100%;
    border-radius: 3.723vw;
  }
  .wrapper .howto > section .sec02 .anchor_link li + li {
    margin-top: 5.851vw;
  }
  .wrapper .howto > section .sec02 .anchor_link li .img {
    width: 15.957vw;
    top: 50%;
    left: 3.989vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .wrapper .howto > section .sec02 .anchor_link li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3.191vw;
    padding: 4.255vw;
    padding-left: 23.138vw;
    height: 27.128vw;
  }
  .wrapper .howto > section .sec02 .anchor_link li a:after {
    width: 5.851vw;
    height: 5.851vw;
    top: 50%;
    -webkit-transform: translateX(0) translateY(-50%);
            transform: translateX(0) translateY(-50%);
    right: 4.521vw;
    left: initial;
  }
  .wrapper .howto > section .sec02 .anchor_link li a p {
    font-size: 4.255vw;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    letter-spacing: 0.043vw;
    text-align: left;
  }
  .wrapper .howto > section .sec02 > section {
    padding-top: 10.638vw;
    margin-top: 10.638vw;
  }
  .wrapper .howto > section .sec02 > section .sec_head .img {
    width: 23.404vw;
  }
  .wrapper .howto > section .sec02 > section .sec_head .heading_lv2 {
    font-size: 6.383vw;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 24px */
    letter-spacing: 0.064vw;
  }
  .wrapper .howto > section .sec02 > section .sec_head .text {
    width: 100%;
    font-size: 4.255vw;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.043vw;
    margin-top: 9.043vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list {
    margin-top: 15.957vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li {
    width: 100%;
    padding: 6.383vw;
    border-top-left-radius: 8.511vw;
    border-bottom-right-radius: 8.511vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li + li {
    margin-top: 7.447vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 4.255vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .img {
    width: 100%;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area {
    gap: 1.064vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .num {
    width: 15.957vw;
    font-size: 19.149vw;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 72px */
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box {
    width: 59.574vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box .title {
    font-size: 6.383vw;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 33.6px */
    letter-spacing: 0.191vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box .text {
    font-size: 4.255vw;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.085vw;
    margin-top: 2.66vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box .text + .btn {
    margin-top: 5.319vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .top .text_area .box .btn {
    width: 100%;
    height: 12.766vw;
    font-size: 3.723vw;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 16.8px */
    letter-spacing: 0.037vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom {
    margin-top: 4.787vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5.319vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .img {
    width: 24.468vw;
    text-align: center;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .img img {
    width: 19.149vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .img .name {
    width: 24.468vw;
    height: 10.106vw;
    font-size: 2.66vw;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 13px */
    padding-bottom: 0.266vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .img .name.planner {
    width: 16.489vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .text {
    width: 46.543vw;
    padding: 3.191vw 2.128vw 5.319vw 3.723vw;
    font-size: 3.723vw;
    font-style: normal;
    font-weight: 500;
    line-height: 158%; /* 22.4px */
    letter-spacing: 0.074vw;
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .text.row_11:before {
    width: 52.926vw;
    height: 73.404vw;
    bottom: 1.064vw;
    background-image: url(../images/howto/fukidashi03_row11.svg);
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .text.row_10:before {
    width: 52.926vw;
    height: 67.553vw;
    bottom: 1.064vw;
    background-image: url(../images/howto/fukidashi03_row10.svg);
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .text.row_9:before {
    width: 52.926vw;
    height: 61.702vw;
    bottom: 1.064vw;
    background-image: url(../images/howto/fukidashi03_row9.svg);
  }
  .wrapper .howto > section .sec02 > section .sec_body .step_list li .bottom .text.row_8:before {
    width: 52.926vw;
    height: 55.851vw;
    bottom: 1.064vw;
    background-image: url(../images/howto/fukidashi03_row8.svg);
  }
  .wrapper .membership {
    background-image: url(../images/top/membership_bg_sp.png);
  }
  .wrapper .membership .inner {
    padding: 16vw 0 21.333vw;
  }
  .wrapper .membership .inner .membership_list {
    margin-top: 10.638vw;
    display: block;
  }
  .wrapper .membership .inner .membership_list > li {
    width: 78.82%;
    padding: 9.574vw 6.915vw;
    margin: 0 auto;
    border-radius: 5.319vw;
    max-width: 100%;
  }
  .wrapper .membership .inner .membership_list > li + li {
    margin-top: 10.638vw;
    margin-left: auto;
  }
  .wrapper .membership .inner .membership_list > li + li .btn {
    margin-top: 5.319vw;
  }
  .wrapper .membership .inner .membership_list > li .title_small {
    font-size: 4.255vw;
  }
  .wrapper .membership .inner .membership_list > li .title {
    font-size: 6.383vw;
  }
  .wrapper .membership .inner .membership_list > li > ul {
    margin-top: 5.585vw;
  }
  .wrapper .membership .inner .membership_list > li > ul > li {
    font-size: 3.723vw;
    padding-left: 6.915vw;
  }
  .wrapper .membership .inner .membership_list > li > ul > li:before {
    top: 0;
    left: 0;
  }
  .wrapper .membership .inner .membership_list > li > ul > li + li {
    margin-top: 4.521vw;
  }
  .wrapper .membership .inner .membership_list > li .btn {
    margin-top: 5.567vw;
    padding: 3.733vw 0;
    height: 12.766vw;
    width: 100%;
  }
}/*# sourceMappingURL=howto.css.map */