@charset "UTF-8";
/*-----------------------------------------
会員登録LP CSS
-------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700;800&display=swap");
body * {
  font-family: "Noto Sans JP", sans-serif;
}

@media (min-width: 1366px) {
  .membership .tb_show {
    display: none !important;
  }
}
@media (max-width: 1365px) {
  .membership .tb_hide {
    display: none !important;
  }
}
.membership_popup {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
  background: white;
  width: 100%;
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
}
.membership_popup.show {
  transform: translateY(0%);
}
@media (min-width: 981px) {
  .membership_popup {
    height: 60px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
  }
}
.membership_popup_button {
  width: 100%;
  height: 13.3333333333vw;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 4.8vw;
  box-shadow: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  transition: opacity 0.3s ease-out;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: white;
  background: #DA7C10;
}
@media (max-width: 980px) {
  .membership_popup_button {
    border-width: 0.2666666667vw;
  }
}
@media (min-width: 981px) {
  .membership_popup_button {
    width: 400px;
    height: 40px;
    border-radius: 34px;
    font-size: 18px;
    border: solid 1px #DA7C10;
  }
}
.membership_popup_button:hover {
  color: #252525;
  opacity: 1;
}
@media (max-width: 980px) {
  .membership_popup_button:hover {
    border-width: 0.2666666667vw;
  }
}
@media (min-width: 981px) {
  .membership_popup_button:hover {
    border: solid 1px #252525;
  }
}
.membership_popup_button:before {
  content: "";
  width: 11.7333333333vw;
  height: 11.7333333333vw;
  background: url(/jp/-/media/medicom/member/202609/icon-down-circle_orange.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: 2.9333333333vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media (min-width: 981px) {
  .membership_popup_button:before {
    width: 32px;
    height: 32px;
    right: 4px;
  }
}
.membership_popup_button:hover:after {
  transform: scale(1, 1);
}
.membership_popup_button:after {
  content: "";
  width: 102%;
  height: 102%;
  background: white;
  position: absolute;
  top: -1%;
  left: -1%;
  z-index: -1;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}
.membership_header {
  background: white;
  height: 13.3333333333vw;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
@media (max-width: 980px) {
  .membership_header img {
    width: 48vw;
  }
}
@media (min-width: 981px) {
  .membership_header {
    /*height: 80px;*/
    height: 65px;
  }
}


@media (max-width: 980px) {
 .membership_header_logo{
  max-width:28vw;
  padding:3vw;
}
}

@media (min-width: 981px) {
.membership_header_logo{
  max-width:120px;
  padding:24px;
}
}



.membership_kv {
  width: 100%;
  background: url(/jp/-/media/medicom/member/202609/membership-kv-sp.webp) no-repeat center center;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  padding-top: 5.6vw;
}
@media (max-width: 980px) {
  .membership_kv {
    padding-bottom: 5.3333333333vw;
  }
}
@media (min-width: 981px) {
  .membership_kv {
    height: 390px;
    background: url(/jp/-/media/medicom/member/202609/membership-kv.webp) no-repeat center center;
    background-size: cover;
    padding-top: 142px;
  }
}
.membership_kv_header {
  width: 97.3333333333vw;
  height: 54.1333333333vw;
  position: absolute;
  top: -25vw;
  left: 0;
  right: 0;
  margin: auto;
  background: url(/jp/-/media/medicom/member/202609/membership-kv-comment-large.svg) no-repeat center bottom;
  background-size: contain;
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  padding-bottom: 9.3333333333vw;
  font-size: 4.2666666667vw;
  font-weight: bold;
  box-sizing: border-box;
  line-height: 1.4;
}

@media (max-width: 980px) {
.membership_kv_header{
  display:none;
}
}

@media (min-width: 981px) {
  .membership_kv_header {
    width: 429px;
    height: 241px;
    top: -50px;
    font-size: 20px;
    padding-bottom: 60px;
  }
}
.membership_kv_ttl {
  width: 92vw;
  margin: auto;
}
@media (min-width: 981px) {
  .membership_kv_ttl {
    width: 565px;
  }
}
.membership_kv_ttl_pic {
  transform: translateY(2.1333333333vw);
  text-align: center;
}
@media (max-width: 980px) {
  .membership_kv_ttl_pic img:first-child {
    width: 48.1594202899%;
  }
   .membership_kv_ttl_pic img:nth-child(2) {
    width: 35.1594202899%;
  }
}
@media (min-width: 981px) {
  .membership_kv_ttl_pic {
    transform: translateY(-41%);
    display:flex;
    justify-content: center;
    gap:128px;
    position:relative;
    z-index:10;
  }
}
.membership_kv_ttl_wrap {
  width: 100%;
  height: 36vw;
  border-radius: 2.6666666667vw;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  background: white;
  color: #1364F2;
  line-height: 1;
  text-align: center;
}
@media (min-width: 981px) {
  .membership_kv_ttl_wrap {
    height: 96px;
    border-radius: 16px;
    transform: translateY(-110%);
  }
}
.membership_kv_ttl_wrap small {
  font-size: 4vw;
  font-weight: bold;
  color: #252525;
  display: block;
  margin-bottom: 0.5em;
}
@media (max-width: 980px) {
  .membership_kv_ttl_wrap small {
    line-height: 1.4;
  }
}
@media (min-width: 981px) {
  .membership_kv_ttl_wrap small {
    font-size: 15px;
  }
}
.membership_kv_ttl_wrap h1 {
  font-size: 8vw;
  font-weight: 800;
}
@media (min-width: 981px) {
  .membership_kv_ttl_wrap h1 {
    font-size: 36px;
  }
}
.membership_kv_button {
  width: 92vw;
  height: 17.6vw;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  border-radius: 9.0666666667vw;
  font-weight: bold;
  font-size: 5.8666666667vw;
  box-shadow: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  transition: opacity 0.3s ease-out;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: white;
  background: #DA7C10;
  border: solid 1px #DA7C10;
  margin-top: 5.3333333333vw;
}
@media (max-width: 980px) {
  .membership_kv_button {
    border-width: 0.2666666667vw;
  }
}
@media (min-width: 981px) {
  .membership_kv_button {
    width: 400px;
    height: 66px;
    border-radius: 34px;
    font-size: 24px;
    margin: 30px auto;
  }
}
.membership_kv_button:hover {
  border: solid 1px #252525;
  color: #252525;
  opacity: 1;
}
@media (max-width: 980px) {
  .membership_kv_button:hover {
    border-width: 0.2666666667vw;
  }
}
@media (max-width: 980px) {
  .membership_kv_button:hover {
    border-width: 0.2666666667vw;
  }
}
.membership_kv_button:before {
  content: "";
  width: 11.7333333333vw;
  height: 11.7333333333vw;
  background: url(/jp/-/media/medicom/member/202609/icon-down-circle_orange.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: 2.9333333333vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media (min-width: 981px) {
  .membership_kv_button:before {
    width: 44px;
    height: 44px;
    right: 11px;
  }
}
.membership_kv_button:hover:after {
  transform: scale(1, 1);
}
.membership_kv_button:after {
  content: "";
  width: 102%;
  height: 102%;
  background: white;
  position: absolute;
  top: -1%;
  left: -1%;
  z-index: -1;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}
.membership_kv_nav {
  width: 92vw;
  margin: auto;
  margin-top: 10.6666666667vw;
}
@media (min-width: 981px) {
  .membership_kv_nav {
    width: 875px;
    margin-top: 56px;
  }
}
.membership_kv_nav_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4vw;
  width: 100%;
  box-sizing: border-box;
  margin-bottom:8vw;
}
@media (min-width: 981px) {
  .membership_kv_nav_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 65px;
  }

  .membership_kv_nav .benefits_pic_label {
    width: 86px;
    font-size: 13px;
    border-radius: 32px;
    padding: 6px 0 7px;
    border: solid 3px white;
  }

  .membership_kv_nav .benefits_pic_label_no {
    font-size: 18px;
    margin-left: 3px;
  }

  .membership_kv_nav .benefits_txt {
    font-size: 16px;
  }

  .membership_kv_nav .benefits_txt_bottom:after {
    width: 15px;
    height: 15px;
  }
}
.membership_kv_nav .benefits a {
  color: inherit;
  display: block;
}
.membership_kv_nav .benefits_pic {
  position: relative;
  text-align: center;
}
@media (max-width: 980px) {
  .membership_kv_nav .benefits {
    width: 29.4vw;
    height: auto;
    border-radius: 2.1vw;
    border: 1px solid #0D64F2;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2vw 2vw 0;
    box-sizing: border-box;
  }

  .membership_kv_nav .benefits_pic {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2vw auto;
  }

  .membership_kv_nav .benefits_pic img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 12vw;
  }

  .membership_kv_nav .benefits_txt {
    font-size: 3.5vw;
    text-align: center;
    line-height: 1.4;
    margin:2vw;
    font-weight: 700;
  }

  .membership_kv_nav .benefits_arrow {
    width: 29vw;
    height: 7.5vw;
    border-radius: 0 0 2.1vw 2.1vw;
    border: 2px solid #0D64F2;
    background: #0D64F2;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
  }

  .membership_kv_nav .benefits_arrow svg {
    width: 4.3vw;
    height: 3vw;
  }
}

.membership .membership_park_register {
  background: #76D2D6;
  padding: 16vw 4vw;
}
@media (min-width: 981px) {
  .membership .membership_park_register {
    padding: 100px 0;
  }
}
.membership .membership_park_register_content {
  background: white;
  box-sizing: border-box;
  padding: 10.6666666667vw 0;
  border-radius: 5.3333333333vw;
}
@media (min-width: 981px) {
  .membership .membership_park_register_content {
    width: 75%;
    padding: 60px;
    border-radius: 20px;
    margin: auto;
  }
}
@media (min-width: 981px) and (max-width: 1365px) {
  .membership .membership_park_register_content {
    width: calc(100% - 80px);
  }
}
.membership .membership_park_register_content_ttl {
  font-size: 7.1333333333vw;
  text-align: center;
  color: #053955;
  font-weight: 800;
  line-height: 1;
  position: relative;
  margin-bottom: 1em;
}
@media (min-width: 981px) {
  .membership .membership_park_register_content_ttl {
    font-size: 40px;
    margin-bottom: 72px;
  }
}
.membership .membership_park_register_content_ttl:before {
  content: "";
  display: block;
  width: calc(4em + 50px);
  border-bottom: solid 20px #FEE361;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: translateY(50%);
}
.membership .membership_park_register_content_ttl_txt {
  position: relative;
}
@media (max-width: 980px) {
  .membership .membership_park_register .park_register {
    width: calc(100% - (30/375)*100vw);
  }
}
.membership .membership_park_register .park_register_form_content_step {
  display: none;
}
.membership .membership_park_register .park_register_form_bottom .form_submit {
  color: white;
  font-size: 4.8vw;
  font-weight: bold;
  height: 17.6vw;
  border-radius: 12.5333333333vw;
}
@media (min-width: 981px) {
  .membership .membership_park_register .park_register_form_bottom .form_submit {
    width: 400px;
    height: 66px;
    font-size: 24px;
    border-radius: 47px;
  }
}
.membership .membership_park_register .park_register_form_bottom .form_submit:hover {
  color: #252525;
}
.membership .intro_section {
  padding-top: 9.3333333333vw;
  padding-bottom: 8vw;
}
@media (max-width: 980px) {
  .membership .intro_section {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
@media (min-width: 981px) {
  .membership .intro_section {
    width:min((1200 / 1366) * 100%, 1200px);
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding-top: 37px;
    padding-bottom: 0;
    margin:auto;
  }
}
.membership .intro_section_pic {
  width: 50.4666666667vw;
}
@media (min-width: 981px) {
  .membership .intro_section_pic {
    width: min((277 / 1200) * 100vw, 277px);
  }
}
.membership .intro_section_pic img {
 /* transform: rotate(-11deg);*/
}
@media (max-width: 980px) {
  .membership .intro_section_content_header {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    gap: 3.4666666667vw;
    margin-bottom: 5.8666666667vw;
    flex-direction:column;
  }
}
@media (min-width: 981px) {
  .membership .intro_section_content {
    width: min((878 / 1200) * 100vw, 878px);
    padding-bottom: 20px;
  }
}
.membership .intro_section_content_ttl {
  font-weight: 800;
  font-size: 5.333333333vw;
  line-height: 1;
}
@media (max-width: 980px) {
  .membership .intro_section_content_ttl {
    line-height: 1.4615384615;
  }
}
@media (min-width: 981px) {
  .membership .intro_section_content_ttl {
    font-size: 30px;
    margin-bottom: 24px;
    line-height:1.4;
  }
}
.membership .intro_section_content_ttl strong {
  color: #1364F2;
}
.membership .intro_section_content_txt {
  line-height: 1.75;
  font-weight: bold;
  margin-bottom:1rem;
}
@media (max-width: 980px) {
  .membership .intro_section_content_txt {
    font-size: 3.7333333333vw;
  }
}
.membership .start_section {
  background: #053955;
  height: 53.3333333333vw;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 981px) {
  .membership .start_section {
    height: 200px;
  }
}
.membership .start_section_ttl {
  font-size: 6.4vw;
  color: white;
  margin-bottom: 1em;
  line-height: 1;
  font-weight: 800;
}
@media (min-width: 981px) {
  .membership .start_section_ttl {
    font-size: 24px;
  }
}
.membership .start_section_date {
  width: 84vw;
  height: 16vw;
  margin: 0 auto;
  background: white;
  color: #053955;
  font-weight: bold;
  font-size: 4.8vw;
  border-radius: 8vw;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 981px) {
  .membership .start_section_date {
    width: 460px;
    height: 60px;
    font-size: 24px;
    border-radius: 30px;
  }
}



.membership .section {
  padding: 12vw 0;
}


@media (min-width: 981px) {
.membership .section {
  padding: 100px 0;
}


  .membership .membership_benefits {
    width:min((1200 / 1366) * 100%, 1200px);
    margin:0 auto;
  }
}


.membership .section_ttl {
  font-size: 7.1333333333vw;
  text-align: center;
  color: #053955;
  font-weight: 800;
  line-height: 1;
  position: relative;
  margin-bottom: 14.6666666667vw;
}
@media (min-width: 981px) {
  .membership .section_ttl {
    font-size: 40px;
    margin-bottom: 72px;
  }
}
.membership .section_ttl:before {
  content: "";
  display: block;
  width: calc(11em + 50px);
  border-bottom: solid 20px #FEE361;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: translateY(50%);
}
@media (max-width: 980px) {
  .membership .section_ttl:before {
    border-width: 5.3333333333vw;
  }
}



.qa_section .section_ttl:before {
  width: calc(6em + 50px);
}
@media (max-width: 980px) {
  .qa_section .section_ttl:before {
    border-width: 5.3333333333vw;
  }
}


.membership .section_ttl_txt {
  position: relative;
}
.membership .membership_benefits .section_ttl {
  margin-bottom: 14.6666666667vw;
}
@media (min-width: 981px) {
  .membership .membership_benefits .section_ttl {
    margin-bottom: 100px;
  }
}
.membership .membership_benefits_content {
  margin: auto;
  width: 90vw;
}
@media (min-width: 981px) {
  .membership .membership_benefits_content {
    width: min((1470 / 1920) * 100%, 1470px);
    margin: auto;
    container-type: inline-size;
  }

  .membership .membership_benefits_header {
    display: flex;
    justify-content: center;
    gap: 40px;
  }

  .benefits_column {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .membership .membership_benefits_section {
    margin-top: 40px;
  }

  .membership .membership_benefits_section_content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.membership .membership_benefits_section_label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
}

@media (min-width: 981px) {
  .membership .membership_benefits_section_label {
    position: relative;
    width: 360px;
    height: 60px;
    border-radius: 10px;
    background: #0D64F2;
    color: #FFF;
    font-size: 24px;
    line-height: 13.4px;
    transform: none;
    border: none;
    margin: 0;
    padding: 0;
  }
}

@media (max-width: 980px) {
  .membership .membership_benefits_section_label {
    position: relative;
    width: 100%;
    height: 12vw;
    border-radius: 1.6vw;
    background: #0D64F2;
    color: #FFF;
    font-size: 5.2vw;
    line-height: 3.4vw;
    transform: none;
    border: none;
    margin: 0;
    padding: 0;
  }
}
.item_standard {
  border-radius: 15px;
  background: #F6F6F6;
}

.item_limited {
  border-radius: 15px;
  border: 2px solid #0D64F2;
  background: rgba(13, 100, 242, 0.06);
  position: relative;
}

.benefits_list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.benefits_list li {
  border-bottom: 1px dashed #898989;
}

.benefits_list li:last-child {
  border-bottom: none;
}

.list_content {
  display: flex;
  align-items: flex-start;
}

.list_icon {
  flex-shrink: 0;
}

.list_text {
  flex: 1;
}

.list_label {
  display: inline-block;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  border-radius: 4px;
}

.label01 {
  background: #CCE8E6;
  color: #0A6B4C;
}

.label02 {
  background: #FEE361;
  color: #F05800;
}

.label03 {
  background: #D3E0F5;
  color: #053955;
}

.item_limited_title{
  font-size:24px;
  font-weight:700;
  text-align: center;
  color:#0D64F2;
  padding:0;
  margin:0 auto 2rem;
}

.item_limited_title span {
  font-size:18px;
}

@media (max-width: 980px) {
  .item_limited_title{
    font-size:6.2vw;
  }
  .item_limited_title span {
    font-size:4.2vw;
  }
}


.item_limited_badge svg {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 90px;
  height: 79px;
}

.item_limited_lock {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 24px;
  height: 24px;
  z-index: 10;
}

@media (max-width: 980px) {
  .item_limited_badge svg {
    width: 24vw;
    height: 21vw;
    top: -1.3vw;
    left: -1.3vw;
  }

  .item_limited_lock {
    width: 6.4vw;
    height: 6.4vw;
    top: -1.3vw;
    left: -1.3vw;
  }
}

.label_limited {
  background: #0D64F2;
  color: #FFF;
  padding-left: 28px;
  position: relative;
  text-indent:1rem;
}

.label_limited::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(/jp/-/media/medicom/member/202609/lock.svg) no-repeat center center;
  background-size: contain;
}

@media (max-width: 980px) {
  .label_limited::before {
    width: 3.6vw;
    height: 3.6vw;
    left:2vw;
  }
}

.benefits_list_limited {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
}

.benefits_list_limited li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 16px;
  color: #252525;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.benefits_list_limited li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 17px;
  height: 17px;
  background: url(/jp/-/media/medicom/member/202609/blue_check.svg) no-repeat center center;
  background-size: contain;
}

.benefits_list_limited li:last-child {
  margin-bottom: 0;
}

@media (max-width: 980px) {
  .benefits_list_limited li {
    padding-left: 8.5vw;
    margin-bottom: 4.3vw;
    font-size: 4vw;
    line-height: 6.4vw;
  }

  .benefits_list_limited li::before {
    left: 0;
    top: 1.1vw;
    width: 5.3vw;
    height: 5.3vw;
  }
}

.list_description {
  color: #3E3A39;
  margin: 0;
  font-weight: 700;
}

.list05 {
  border-bottom: 1px dashed #898989!important;
}

.point_steps {
  list-style: none;
  padding: 0;
  margin: 0;
}

.point_steps li {
  border-bottom: 1px dashed #0D64F2;
  padding: 10px 0;
}

.point_step_content {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.point_steps .list_icon {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
}

.point_steps .list_text {
  flex: 1;
}

.point_step_label {
  display: inline-block;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 700;
  color: #0D64F2;
  margin-bottom: 8px;
}

.point_step_description {
  font-size: 12px;
  color: #3E3A39;
  line-height: 1.6;
  margin: 0;
}

.point_step_title {
  color: #0D64F2;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  border: 1px solid #0D64F2;
  padding: 6px;
  border-radius:6px;
}

.benefits_block {
  margin-bottom: 20px;
}

.benefits_block img {
  width: 100%;
  margin-bottom: 16px;
  box-shadow: 0 2px 8px 0 rgba(62, 58, 57, 0.10);
  border-radius:10px;
}

.benefits_block_title {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 12px;
  color: #3E3A39;
}

.benefits_block_description {
  font-size: 13px;
  line-height: 1.6;
  color: #3E3A39;
  margin: 0;
}

@media (max-width: 980px) {
  .point_step_title {
    font-size: 3.7vw;
    padding: 1.8vw;
    border-radius:2vw;
    
  }

  .benefits_block {
    margin-bottom: 5.3vw;
  }

  .benefits_block img {
    margin-bottom: 4.3vw;
  }

  .benefits_block_title {
    font-size: 4.3vw;
    margin-bottom: 3.2vw;
  }

  .benefits_block_description {
    font-size: 3.5vw;
  }
}

@media (max-width: 980px) {
  .point_steps li {
    padding: 5.3vw 0;
  }

  .point_step_content {
    gap: 4.3vw;
  }

  .point_steps .list_icon {
    width: 13.9vw;
    height: 13.9vw;
  }

  .point_step_label {
    font-size: 3.7vw;
    margin-bottom: 2.1vw;
  }

  .point_step_description {
    font-size: 3.2vw;
  }
}

@media (min-width: 981px) {
  .item_standard{
    padding: 24px 20px;
    margin-bottom:38px;
  }

  #benefits1 .item_standard{
    padding: 21px 20px;
  }

  #benefit1 .item_standard, #benefit2 .item_standard{
    min-height:446px;
  }

  #benefits3 .item_standard{
     padding: 21px 20px;
    margin-bottom:20px;
  }

   .item_limited {
    padding: 32px 20px;
    margin-bottom:40px;
    min-height:582px;
  }

  .benefits_list li {
    padding: 16px 0;
  }

  .list_content {
    gap: 16px;
  }

  .list_icon {
    width: 70px;
    height: 70px;
  }

  .list_label {
    font-size: 12px;
    line-height: 18.7px;
    padding: 4px 12px;
    margin-bottom: 8px;
  }

  .list_description {
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (max-width: 980px) {
  .item_standard, .item_limited {
    padding: 6.4vw;
    margin-bottom: 10vw;
  }

 #benefits3 .item_standard {
   margin-bottom: 6vw;
 }

  .benefits_list li {
    padding: 5.3vw 0;
  }

  .list_content {
    gap: 4.3vw;
  }

  .list_icon {
    width: 18.7vw;
    height: 18.7vw;
  }

  .list_label {
    font-size: 3.2vw;
    line-height: 5vw;
    padding: 1.1vw 3.2vw 1.1vw 5vw;
    margin-bottom: 2.1vw;
  }

  .list_description {
    font-size: 3.7vw;
    line-height: 1.6;
  }
}
.membership .membership_benefits_content .colspan {
  grid-column: 1/span 2;
}
.membership .membership_benefits_section {
  padding-bottom: 34px;
  position: relative;
  container-type: inline-size;
}
@media (max-width: 980px) {
  .membership .membership_benefits_section {
    padding-bottom: 4vw;
  }
  .membership .membership_benefits_section:not(:last-child) {
    margin-bottom: 17.8666666667vw;
  }
}
/*
.membership .membership_benefits_section:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 5.3333333333vw;
  right: -5.3333333333vw;
  bottom: 0;
  background: #76D2D6;
  border-radius: 5.3333333333vw;
}
@media (min-width: 981px) {
  .membership .membership_benefits_section:before {
    top: 34px;
    right: -34px;
    bottom: 0;
    border-radius: 20px;
  }
}*/
.membership .membership_benefits_section:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 1.0666666667vw;
  right: -1.0666666667vw;
  bottom: 2.6666666667vw;
  background: white;
  border-radius: 5.3333333333vw;
}
@media (min-width: 981px) {
  .membership .membership_benefits_section:after {
    top: 4px;
    right: -4px;
    bottom: 30px;
    border-radius: 20px;
  }
}


.membership .membership_benefits_section_content {
  position: relative;
  z-index: 1;
  border: solid 1.0666666667vw #053955;
  background: white;
  border-radius: 20px;
  padding: 13.3333333333vw 0;
  text-align: center;
  height: 100%;
  box-sizing: border-box;
}
@media (min-width: 981px) {
  .membership .membership_benefits_section_content {
    border: solid 6px #053955;
    padding: 80px 70px 60px;
  }
}
.membership .membership_benefits_section_content_ttl {
  font-size: 5.3333333333vw;
  font-weight: 800;
  margin:3.333333333vw auto 5.3333333333vw;
  text-align:center;
}
  .membership .membership_benefits_section_content_ttl span {
   font-size: 4.8vw;
    color: #0D64F2;
  }
@media (min-width: 981px) {
  .membership .membership_benefits_section_content_ttl {
    font-size: 20px;
    font-weight: 900;
    margin:.5em auto 1em;
    color: #3E3A39;
    text-align: center;
  }

  .membership .membership_benefits_section_content_ttl span {
    font-size: 17px;
    color: #0D64F2;
  }
}
.membership .membership_benefits_section_content_txt {
  font-weight: bold;
  line-height: 1.75;
  font-size: 3.7333333333vw;
}
@media (min-width: 981px) {
  .membership .membership_benefits_section_content_txt {
    font-size: max(14px, (16 / 1470) * 100cqw);
  }
}
@media (max-width: 980px) {
  .membership .membership_benefits_section_content_pic {
    margin-bottom: 5.3333333333vw;
  }
}
/*
.membership .membership_benefits_section1 .membership_benefits_section_content {
  padding: 13.3333333333vw 0;
}
@media (min-width: 981px) {
  .membership .membership_benefits_section1 .membership_benefits_section_content {
    padding: 80px 8.1632653061cqw;
  }
}
@media (max-width: 980px) {
  .membership .membership_benefits_section1 .membership_benefits_section_content_pic img {
    width: 53.3333333333vw;
  }
}
@media (min-width: 981px) {
  .membership .membership_benefits_section1 .membership_benefits_section_content_pic {
    position: absolute;
    width: 19.7959183673cqw;
    right: 7.619047619cqw;
    top: -60px;
  }
}
*/
.membership .membership_benefits_section1_bottom {
  margin-top: 8vw;
}
@media (min-width: 981px) {
  .membership .membership_benefits_section1_bottom {
    margin-top: 40px;
  }
}
.membership .membership_benefits_section1_bottom_ttl {
  font-size: 4.2666666667vw;
  font-weight: 800;
  margin-bottom: 5.3333333333vw;
  line-height: 1;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 981px) {
  .membership .membership_benefits_section1_bottom_ttl {
    font-size: 24px;
    margin-bottom: 1em;
  }
}
.membership .membership_benefits_section1_bottom_ttl:before {
  content: "";
  display: block;
  width: 4vw;
  height: 4vw;
  background: url(/jp/-/media/medicom/member/left-slash.svg) no-repeat;
  background-size: contain;
  margin-right: 0.5333333333vw;
}
@media (min-width: 981px) {
  .membership .membership_benefits_section1_bottom_ttl:before {
    width: 25px;
    height: 25px;
    margin-right: 4px;
  }
}
.membership .membership_benefits_section1_bottom_ttl:after {
  content: "";
  display: block;
  width: 4vw;
  height: 4vw;
  background: url(/jp/-/media/medicom/member/right-slash.svg) no-repeat;
  background-size: contain;
  margin-right: 0.2666666667vw;
}
@media (min-width: 981px) {
  .membership .membership_benefits_section1_bottom_ttl:after {
    width: 25px;
    height: 25px;
    margin-left: 3px;
  }
}
@media (max-width: 980px) {
  .membership .membership_benefits_section1_bottom_pic_list {
    padding: 0 0.8vw;
  }
  .membership .membership_benefits_section1_bottom_pic_list li:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }
}
@media (min-width: 981px) {
  .membership .membership_benefits_section1_bottom_pic_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
@media (min-width: 981px) {
  .membership .membership_benefits_section2 .membership_benefits_section_content {
    padding: 80px 4.7619047619cqw 60px;
  }
}
@media (max-width: 980px) {
  .membership .membership_benefits_section2 .membership_benefits_section_content_pic {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    padding-right: 12vw;
  }
  .membership .membership_benefits_section2 .membership_benefits_section_content_pic img {
    width: 48vw;
  }
}
@media (min-width: 981px) {
  .membership .membership_benefits_section2 .membership_benefits_section_content_pic {
    position: absolute;
    width: 18.0272108844cqw;
    right: 7.619047619cqw;
    top: -60px;
  }
}
@media (max-width: 980px) {
  .membership .membership_benefits_section2 .membership_benefits_section_content > img {
    width: calc(100% - (30/375)*100vw);
  }
}
.membership .membership_benefits_section2 .membership_benefits_section_content_txt {
  margin-bottom: 30px;
}
@media (max-width: 980px) {
  .membership .membership_benefits_section3 .membership_benefits_section_content_pic {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
  }
  .membership .membership_benefits_section3 .membership_benefits_section_content_pic img {
    width: 64.5333333333vw;
  }
}
@media (max-width: 980px) {
  .membership .membership_benefits_section4 .membership_benefits_section_content_pic img {
    width: 47.4666666667vw;
  }
}
@media (min-width: 981px) {
  .membership .membership_benefits_section3 .membership_benefits_section_content, .membership .membership_benefits_section4 .membership_benefits_section_content {
    padding: 80px 30px 60px;
  }
  /*.membership .membership_benefits_section3 .membership_benefits_section_content_ttl, .membership .membership_benefits_section4 .membership_benefits_section_content_ttl {
    font-size: 4.2857142857cqw;
  }
  .membership .membership_benefits_section3 .membership_benefits_section_content_txt, .membership .membership_benefits_section4 .membership_benefits_section_content_txt {
    font-size: max(14px, (16 / 700) * 100cqw);
  }*/
}
@media (min-width: 981px) {
  .membership .membership_benefits_section3 .membership_benefits_section_content_pic, .membership .membership_benefits_section4 .membership_benefits_section_content_pic {
    height: 200px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 28px;
  }
}
@media (max-width: 980px) {
  .membership .qa_section {
    padding-bottom: 37.3333333333vw;
  }
}
@media (max-width: 980px) {
  .membership .qa_section_list {
    padding: 0 4vw;
  }
}
@media (min-width: 981px) {
  .membership .qa_section_list {
    width: min((1200 / 1366) * 100%, 1200px);
    margin: auto;
    margin-bottom: 120px;
  }
}
.membership .qa_section_list_qa {
  border-bottom: solid 0.2666666667vw #053955;
}
@media (min-width: 981px) {
  .membership .qa_section_list_qa {
    border-bottom: solid 2px #053955;
  }
}
.membership .qa_section_list_qa:not(:last-child) {
  margin-bottom: 20px;
}
.membership .qa_section_list_qa_ttl {
  display: grid;
  grid-template-columns: 8vw auto 5.3333333333vw;
  gap: 2.4vw;
  font-size: 3.2vw;
  font-weight: 600;
  padding-bottom: 2.6666666667vw;
  cursor: pointer;
}
@media (min-width: 981px) {
  .membership .qa_section_list_qa_ttl {
    grid-template-columns: 40px auto 20px;
    gap: 16px;
    font-size: 14px;
    padding-bottom: 20px;
  }
}
.membership .qa_section_list_qa_ttl_txt {
  padding-top: 0.5em;
}
.membership .qa_section_list_qa_ttl:before {
  content: "Q";
  display: block;
  width: 8vw;
  height: 8vw;
  font-family: Arial;
  background: #053955;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 4.2666666667vw;
  border-radius: 50%;
  font-weight: bold;
}
@media (min-width: 981px) {
  .membership .qa_section_list_qa_ttl:before {
    width: 40px;
    height: 40px;
    font-size: 22px;
  }
}
.membership .qa_section_list_qa_ttl:after {
  content: "";
  display: block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background: url(/jp/-/media/medicom/member/circle-down.svg) no-repeat;
  background-size: contain;
  margin-left: auto;
  transform: translateY(0.5em);
}
@media (min-width: 981px) {
  .membership .qa_section_list_qa_ttl:after {
    width: 30px;
    height: 30px;
  }
}
.membership .qa_section_list_qa_ttl.on:after {
  background: url(/jp/-/media/medicom/member/circle-up.svg) no-repeat;
  background-size: contain;
}
.membership .qa_section_list_qa_content {
  font-size: 3.2vw;
  font-weight: 600;
  padding-bottom: 2.6666666667vw;
  position: relative;
  padding-left: 10.4vw;
  display: none;
}
@media (min-width: 981px) {
  .membership .qa_section_list_qa_content {
    padding-left: 56px;
    padding-bottom: 20px;
    font-size: 14px;
  }
}
.membership .qa_section_list_qa_content:before {
  content: "A";
  display: block;
  width: 8vw;
  height: 8vw;
  font-family: Arial;
  color: #053955;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  border: solid 0.5333333333vw #053955;
  font-size: 4.2666666667vw;
  border-radius: 50%;
  font-weight: bold;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 981px) {
  .membership .qa_section_list_qa_content:before {
    width: 40px;
    height: 40px;
    font-size: 22px;
    border: solid 3px #053955;
  }
}
.membership .qa_section_list_qa_content_txt {
  padding-top: 0.5em;
}
.membership .qa_section_list_qa_content_txt p:not(:last-child) {
  margin-bottom: 1.5em;
}
.membership .qa_section_list_qa_content_txt a {
  text-decoration: underline;
  color: #0D64F2;
}
.membership .qa_section .park_link {
  width: 92vw;
  height: 17.6vw;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  border-radius: 9.0666666667vw;
  font-weight: bold;
  font-size: 5.8666666667vw;
  box-shadow: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  transition: opacity 0.3s ease-out;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: white;
  background: #0D64F2;
  border: solid 1px #0D64F2;
  margin-top: 26.6666666667vw;
}
@media (max-width: 980px) {
  .membership .qa_section .park_link {
    border-width: 0.2666666667vw;
  }
}
@media (min-width: 981px) {
  .membership .qa_section .park_link {
    width: 400px;
    height: 66px;
    margin-top: 30px;
    font-size: 24px;
    border-radius: 34px;
  }
}
.membership .qa_section .park_link:hover {
  border: solid 1px #252525;
  color: #252525;
  opacity: 1;
}
@media (max-width: 980px) {
  .membership .qa_section .park_link:hover {
    border-width: 0.2666666667vw;
  }
}
.membership .qa_section .park_link:before {
  content: "";
  width: 11.7333333333vw;
  height: 11.7333333333vw;
  background: url(/jp/-/media/medicom/member/icon-blank-circle.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: 2.9333333333vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media (min-width: 981px) {
  .membership .qa_section .park_link:before {
    width: 44px;
    height: 44px;
    right: 11px;
  }
}
.membership .qa_section .park_link:hover:after {
  transform: scale(1, 1);
}
.membership .qa_section .park_link:after {
  content: "";
  width: 102%;
  height: 102%;
  background: white;
  position: absolute;
  top: -1%;
  left: -1%;
  z-index: -1;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}
.membership_gotop {
  width: 100%;
  position: relative;
  top: 20px;
  z-index: 10;
}
@media (max-width: 980px) {
  .membership_gotop {
    top: -15px;
  }
}
.membership_gotop a {
  position: absolute;
  right: 4vw;
  bottom: 4vw;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
}
@media (max-width: 980px) {
  .membership_gotop a img {
    width: 13.3333333333vw;
  }
}
@media (min-width: 981px) {
  .membership_gotop a {
    right: 50px;
    bottom: 50px;
  }
}
.membership_gotop a.fix {
  position: fixed;
}
.membership_gotop a.fix.show_popup {
  bottom: 17.3333333333vw;
}
@media (min-width: 981px) {
  .membership_gotop a.fix.show_popup {
    bottom: 110px;
  }
}
.membership_footer {
  margin: 0;
  background: #053955;
  text-align: center;
  padding: 10.6666666667vw 0 5.3333333333vw;
}
@media (min-width: 981px) {
  .membership_footer {
    padding: 40px 0 20px;
  }
}
.membership_footer_ttl {
  font-size: 5.3333333333vw;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 8vw;
  color: white;
}
@media (min-width: 981px) {
  .membership_footer_ttl {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.membership_footer a {
  color: white;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  width: fit-content;
}
@media (max-width: 980px) {
  .membership_footer a {
    margin: auto;
  }
}
.membership_footer a:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: url(/jp/-/media/medicom/member/link-arrow-white.svg) no-repeat left center;
  margin-left: 8px;
}
.membership_footer_nav {
  font-weight: 600;
  margin-bottom: 16vw;
}
@media (max-width: 980px) {
  .membership_footer_nav {
    font-size: 4.2666666667vw;
  }
}
@media (min-width: 981px) {
  .membership_footer_nav {
    margin-bottom: 60px;
  }
}
@media (max-width: 980px) {
  .membership_footer_nav_list {
    width: fit-content;
    margin: auto;
  }
  .membership_footer_nav_list li:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }
}
@media (min-width: 981px) {
  .membership_footer_nav_list {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    gap: 27px;
  }
}
.membership_footer_nav_list:not(:last-child) {
  margin-bottom: 5.3333333333vw;
}
@media (min-width: 981px) {
  .membership_footer_nav_list:not(:last-child) {
    margin-bottom: 20px;
  }
}
.membership_footer_bottom_nav {
  font-weight: 600;
  font-size: 3.7333333333vw;
  margin-bottom: 2.6666666667vw;
}
@media (min-width: 981px) {
  .membership_footer_bottom_nav {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.membership_footer_bottom_nav_list {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  gap: 7.2vw;
}
@media (min-width: 981px) {
  .membership_footer_bottom_nav_list {
    gap: 27px;
  }
}
.membership_footer_copyright {
  font-size: 3.7333333333vw;
  color: white;
  padding: 0;
}
@media (max-width: 980px) {
  .membership_footer_copyright {
    text-align: center;
  }
}
@media (min-width: 981px) {
  .membership_footer_copyright {
    font-size: 14px;
  }
}

/*
.membership .fade {
  opacity: 0;
  transform: translateY(20%);
}
.membership .fade.fade_in {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}*/
.membership .fade {
  opacity: 0;
  transform: translateY(10%);
}
.membership .fade.fade_in {
  animation-name: fadeIn;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

#benefits1.fade.fade_in { animation-delay: 0s; }
#benefits2.fade.fade_in { animation-delay: 0.3s; }
#benefits3.fade.fade_in { animation-delay: 0.6s; }

/* 追記分 */
.park_register .park_register_form_bottom .form_submit:after {
    content: "";
    width: 102%;
    height: 102%;
    background: white;
    position: absolute;
    top: -1%;
    left: -1%;
    z-index: -1;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}

.park_register .park_register_form_bottom .form_submit:hover {
    border: solid 1px #252525;
    color: #252525;
    opacity: 1;
}

.park_register .park_register_form_bottom .form_submit {
    color: white;
    background: #0D64F2;
    border: solid 1px #0D64F2;
}

.park_register .park_register_form_bottom .form_submit:hover:after {
    transform: scale(1, 1);
}
.park_register .park_register_form_bottom .form_submit:after {
    content: "";
    width: 102%;
    height: 102%;
    background: white;
    position: absolute;
    top: -1%;
    left: -1%;
    z-index: -1;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}

.park_register .park_register_form_bottom .form_submit_disabled {
    pointer-events: none;
    background: #939393;
    border: solid 1px #939393;
}


.att.txtR{ text-align:right;}

.att::before {
  content: "※";
}

.att {
  color:#3E3A39; 
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  margin-top:.5rem;
}

@media (min-width: 981px) {
  .att { font-size:11px;  }
}

@media (max-width: 980px) {
  .att { font-size:3.2vw; }
}

.annotation_txt li::before {
  content: "※";
}

.annotation_txt li {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  list-style: none;
  margin-bottom:.3em;
 
}

@media (min-width: 981px) {
  .annotation_txt li {
    font-size:11px;
  }
}

@media (max-width: 980px){
  .annotation_txt li {font-size:3.2vw; 
  }
}


@media (max-width: 980px) {
  .annotation {
    padding: 0 4vw;
    margin-top:50px;
  }
}
@media (min-width: 981px) {
  .annotation {
    width: min((1200 / 1366) * 100%, 1200px);
    margin: auto;
    margin-bottom: 120px;
    margin-top:100px;
  }
}


@media (max-width: 980px) {
.membership_kv_nav_txt{
  line-height: 1.4615384615;
  font-weight: 800;
  font-size: 5.333333333vw;
  text-align: center;
  margin-bottom:6vw;
}
.membership_kv_nav_txt strong{
      color: #1364F2;}
}

.benefits2_campaign{
  margin-bottom:1rem;
}

.benefits2_campaign img {
  box-shadow: 0 1.897px 7.59px 2.846px rgba(0, 0, 0, 0.10);
}

@media (min-width: 981px) and (max-width: 1365px) {
  .membership .membership_benefits_content {
    width: 100%;
    margin: auto;
    padding: 0 3vw;
    box-sizing: border-box;
  }

  .membership .membership_benefits_header {
    gap: min(40px, (40 / 1024) * 100cqw);
  }

  .membership .membership_benefits_section {
    margin-top: min(40px, (40 / 1024) * 100cqw);
  }

  .membership .membership_benefits_section_label {
    width: min(360px, (360 / 1024) * 100cqw);
    height: min(60px, (60 / 1024) * 100cqw);
    border-radius: min(10px, (10 / 1024) * 100cqw);
    font-size: min(24px, (24 / 1024) * 100cqw);
    line-height: min(13.4px, (13.4 / 1024) * 100cqw);
  }

  .item_standard, .item_limited {
    padding: min(32px, (32 / 1024) * 100cqw) min(20px, (20 / 1024) * 100cqw);
    margin-bottom: min(40px, (40 / 1024) * 100cqw);
  }


  .benefits_column > section {
    display: flex;
    flex-direction: column;
    flex: 1;
  }

  .benefits_column > section > *:last-child {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .item_limited {
    min-height: 0;
  }

  .benefits_list li {
    padding: min(20px, (20 / 1024) * 100cqw) 0;
  }

  .list_content {
    gap: min(16px, (16 / 1024) * 100cqw);
  }

  .list_icon {
    width: min(70px, (70 / 1024) * 100cqw);
    height: min(70px, (70 / 1024) * 100cqw);
  }

  .list_label {
    font-size: min(12px, (12 / 1024) * 100cqw);
    line-height: min(18.7px, (18.7 / 1024) * 100cqw);
    padding: min(4px, (4 / 1024) * 100cqw) min(12px, (12 / 1024) * 100cqw);
    margin-bottom: min(8px, (8 / 1024) * 100cqw);
  }

  .list_description {
    font-size: min(14px, (14 / 1024) * 100cqw);
  }

  .point_steps li {
    padding: min(10px, (10 / 1024) * 100cqw) 0;
  }

  .point_step_content {
    gap: min(10px, (10 / 1024) * 100cqw);
  }

  .point_steps .list_icon {
    width: min(52px, (52 / 1024) * 100cqw);
    height: min(52px, (52 / 1024) * 100cqw);
  }

  .point_step_label {
    font-size: min(14px, (14 / 1024) * 100cqw);
    margin-bottom: min(8px, (8 / 1024) * 100cqw);
  }

  .point_step_description {
    font-size: min(12px, (12 / 1024) * 100cqw);
  }

  .point_step_title {
    font-size: min(14px, (14 / 1024) * 100cqw);
    padding: min(6px, (6 / 1024) * 100cqw);
  }

  .benefits_block {
    margin-bottom: min(20px, (20 / 1024) * 100cqw);
  }

  .benefits_block img {
    margin-bottom: min(16px, (16 / 1024) * 100cqw);
}

  .benefits_block_title {
    font-size: min(16px, (16 / 1024) * 100cqw);
    margin-bottom: min(12px, (12 / 1024) * 100cqw);
  }

  .benefits_block_description {
    font-size: min(13px, (13 / 1024) * 100cqw);
  }

  .item_limited_badge svg {
    width: min(90px, (90 / 1024) * 100cqw);
    height: min(79px, (79 / 1024) * 100cqw);
    top: min(-5px, (-5 / 1024) * 100cqw);
    left: min(-5px, (-5 / 1024) * 100cqw);
  }

  .item_limited_lock {
    width: min(24px, (24 / 1024) * 100cqw);
    height: min(24px, (24 / 1024) * 100cqw);
    top: min(-5px, (-5 / 1024) * 100cqw);
    left: min(-5px, (-5 / 1024) * 100cqw);
  }

  .item_limited_title {
    font-size: min(24px, (24 / 1024) * 100cqw);
  }

  .item_limited_title span {
    font-size: min(18px, (18 / 1024) * 100cqw);
  }

  .benefits_list_limited li {
    padding-left: min(24px, (24 / 1024) * 100cqw);
    margin-bottom: min(16px, (16 / 1024) * 100cqw);
    font-size: min(15px, (15 / 1024) * 100cqw);
    line-height: min(24px, (24 / 1024) * 100cqw);
  }

  .benefits_list_limited li::before {
    width: min(17px, (17 / 1024) * 100cqw);
    height: min(17px, (17 / 1024) * 100cqw);
    top: min(4px, (4 / 1024) * 100cqw);
  }

  .membership .membership_benefits_section_content {
    border-width: min(6px, (6 / 1024) * 100cqw);
    padding: min(80px, (80 / 1024) * 100cqw) min(70px, (70 / 1024) * 100cqw) min(60px, (60 / 1024) * 100cqw);
  }

  .membership .membership_benefits_section_content_ttl {
    font-size: min(20px, (20 / 1024) * 100cqw);
  }

  .membership .membership_benefits_section_content_ttl span {
    font-size: min(17px, (17 / 1024) * 100cqw);
  }

  .membership .membership_benefits_section1_bottom {
    margin-top: min(40px, (40 / 1024) * 100cqw);
  }

  .membership .membership_benefits_section1_bottom_ttl {
    font-size: min(24px, (24 / 1024) * 100cqw);
  }

  .membership .membership_benefits_section1_bottom_ttl:before,
  .membership .membership_benefits_section1_bottom_ttl:after {
    width: min(25px, (25 / 1024) * 100cqw);
    height: min(25px, (25 / 1024) * 100cqw);
  }

  .membership .membership_benefits_section1_bottom_pic_list {
    gap: min(10px, (10 / 1024) * 100cqw);
  }

  .membership .membership_benefits_section2 .membership_benefits_section_content {
    padding-top: min(80px, (80 / 1024) * 100cqw);
    padding-bottom: min(60px, (60 / 1024) * 100cqw);
  }

  .membership .membership_benefits_section2 .membership_benefits_section_content_pic {
    top: min(-60px, (-60 / 1024) * 100cqw);
  }

  .membership .membership_benefits_section2 .membership_benefits_section_content_txt {
    margin-bottom: min(30px, (30 / 1024) * 100cqw);
  }

  .membership .membership_benefits_section3 .membership_benefits_section_content,
  .membership .membership_benefits_section4 .membership_benefits_section_content {
    padding: min(80px, (80 / 1024) * 100cqw) min(30px, (30 / 1024) * 100cqw) min(60px, (60 / 1024) * 100cqw);
  }

  .membership .membership_benefits_section3 .membership_benefits_section_content_pic,
  .membership .membership_benefits_section4 .membership_benefits_section_content_pic {
    height: min(200px, (200 / 1024) * 100cqw);
    margin-bottom: min(28px, (28 / 1024) * 100cqw);
  }

  .membership .membership_benefits .section_ttl {
    margin-bottom: min(100px, (100 / 1024) * 100cqw);
  }
}


/*

PCとSPのコンポーネントの順序を変更

*/

.membership {
  display: flex;
  flex-direction: column;
}

#membership_kv {
  order: 1;
}

.nav {
  order: 2;
}

.intro_section {
  order: 3;
}

.membership_benefits {
  order: 4;
}

.membership_park_register {
  order: 5;
}

.qa_section {
  order: 6;
}

@media screen and (max-width: 980px) {
  .membership_park_register {
    order: 3;
  }

  .intro_section {
    order: 4;
  }

  .membership_benefits {
    order: 5;
  }
}

@media screen and (max-width: 980px) {
.membership_popup_button:before {
    transform: translateY(-50%) rotate(180deg);
  }
}