@charset "UTF-8";
/* ====================================================
  申込みフォーム用
====================================================== */

/* Form Style
------------------------------------------ */
.Content__form > p {
  margin-bottom: 20px;
  line-height: 1.6;
}
.pcdevice .Content__form > p {
  text-align: center;
}
.Content__form > p:last-child {
  margin-bottom: 0;
}
.reserve_inner {
  margin-top: 50px;
}
.pcdevice .reserve_inner {
  margin-top: 6.25vw;
}
form .customer_info dl {
  margin: 0;
  /* padding-bottom: 30px; */
  margin-bottom: 30px;
  /* border-bottom: 1px solid #ccc; */
}
.pcdevice form .customer_info dl {
  /* padding-bottom: 2.34375vw; */
  margin-bottom: 2.34375vw;
}
form .customer_info dd {
  margin: 0;
}
form .customer_info dd input,
form .customer_info dd textarea {
  width: 88.0597%;
  /* margin-top: 20px; */
  padding: 1.0em;
  border: 1px solid #fff;
  border-radius: 5px;
  background-color: #f5f5f5;
}
.pcdevice form .customer_info dd input,
.pcdevice form .customer_info dd textarea {
  margin-top: 0;
}
form dl.address .address_select__wrap {
  width: 88.0597%;
  margin-top: 20px;
}
form .customer_info dd select {
  width: 100%;
  padding: 1.0em;
  border: none;
  border-radius: 5px;
  background-color: #f5f5f5;
  color: #757575;
}
form .customer_info dd select[aria-invalid="false"] {
  background-color: #eaf9ea;
  color: var(--basic-textcol);
}
form .customer_info dd textarea {
  line-height: 1.6;
  height: calc(1.5em * 10);
}
form .form_value .placeholder {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 88.0597%;
  color: #bababa;
  padding: 15px;
}
.customer_info dl label.title {
  display: inline-block;
}
form .customer_info dt label::before {
  content: '任意';
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  background-color: var(--mrcr-cyan);;
  margin-right: 10px;
  border-radius: 20px;
  font-weight: normal;
  font-size: 12px;
  vertical-align: middle;
  line-height: 1.0;
}
form .customer_info dt label.required::before {
  content: '必須';
  /* display: inline-block;
  padding: 5px 15px; */
  background-color: var(--mrcr-red);
  /* margin-right: 20px; */
}
form .customer_info dd select option {
  background-color: #fff;
}
form dl.address .address_select__wrap::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1.0em;
  height: 1.0em;
  position: absolute;
  top: 1.25em;
  right: 15px;
  background: center / 1.0em url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 8"><path id="sec16_arrow.svg" data-name="sec16 arrow.svg" class="cls-1" d="M11.2,0,6.5,4.5,1.8,0,0,1.8,6.5,8,13,1.8Z" fill="%23cccccc"/></svg>') no-repeat;
}
form dl.zipnum p.customerInfoInput_text {
  margin-top: 10px;
}
form .customer_info .input_wrap,
form .customer_info .input_wrap__inner {
  margin-top: 20px;
}

.pcdevice form .customer_info dd.input_container,
.pcdevice form .customer_info dl {
  display: flex;
  flex-wrap: nowrap;
}
.pcdevice form .customer_info dl.zipnum,
.pcdevice form .customer_info dl.address {
  align-items: unset;
}
.pcdevice label {
  margin-top: 0.78125vw;
}
.pcdevice form dl.address .address_select__wrap {
  margin-top: 0;
}
.pcdevice form .customer_info .input_wrap,
.pcdevice form .customer_info .input_wrap__inner {
  margin-top: 0;
}
.pcdevice form .customer_info .input_wrap {
  width: 23.828125vw;
}
.pcdevice form dl.mail_adrs .input_wrap,
.pcdevice form dl.address .input_wrap .input_wrap__inner {
  width: 47.65625vw;
}
.pcdevice form dl.address .input_wrap .input_wrap__inner:nth-child(2) {
  margin-bottom: 1.5625vw;
}
.pcdevice form .customer_info dt {
  width: 20.3125vw;
  padding-left: 1.5625vw;
}
.pcdevice form .customer_info dd input,
.pcdevice form .customer_info dd select,
.pcdevice form dl.address .address_select__wrap,
.pcdevice form dl.address .address_select__wrap select {
  width: 20.3125vw;
  margin-top: 0;
  margin-right: 3.515625vw;
}
.pcdevice form dl.address .address_select__wrap,
.pcdevice form dl.address .address_select__wrap + input {
  margin-bottom: 1.5625vw;
}
.pcdevice form dl.address dd,
.pcdevice form dl.address dd input,
.pcdevice form dl.mail_adrs input,
.pcdevice form dl.etc_memo textarea,
.pcdevice form dl.etc_memo .placeholder {
  width: 44.140625vw;
}
/* select対応 */
.pcdevice form dl.address .address_select__wrap span {
  position: absolute;
  top: 1.5em;
  right: -3.515625vw;
}

@media only screen and (min-width: 1281px) {
  .pcdevice .reserve_inner {
    margin-top: 80px;
  }
  .pcdevice form .customer_info dl {
    /* padding-bottom: 30px; */
    margin-bottom: 30px;
  }
  .pcdevice label {
    margin-top: 10px;
  }
  .pcdevice form .customer_info dt {
    width: 290px;
    padding-left: 20px;
  }
  .pcdevice form .customer_info dd input,
  .pcdevice form .customer_info dd select,
  .pcdevice form dl.address .address_select__wrap,
  .pcdevice form dl.address .address_select__wrap select {
    width: 260px;
    margin-top: 0;
    margin-right: 45px;
  }
  .pcdevice form dl.address .address_select__wrap,
  .pcdevice form dl.address .address_select__wrap + input {
    margin-bottom: 20px;
  }
  .pcdevice form dl.address dd,
  .pcdevice form dl.address dd input,
  .pcdevice form dl.mail_adrs input,
  .pcdevice form dl.etc_memo textarea,
  .pcdevice form dl.etc_memo .placeholder {
    width: 565px;
  }
  .pcdevice form .customer_info .input_wrap {
    width: 305px;
  }
  .pcdevice form .customer_info .input_wrap {
    width: 305px;
  }
  .pcdevice form dl.mail_adrs .input_wrap,
  .pcdevice form dl.address .input_wrap .input_wrap__inner {
    width: 610px;
  }
  .pcdevice form dl.address .input_wrap .input_wrap__inner:nth-child(2) {
    margin-bottom: 20px;
  }
  /* select対応 */
  .pcdevice form dl.address .address_select__wrap span {
    right: -45px;
  }
}


/* Form Validation
------------------------------------------ */
#contact_form input.valid_chk,
#contact_form select.valid_chk {
  position: relative;
}

/* Chrome Default オートフィル操作 */
#contact_form input[class~="valid_chk"]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #eaf9ea inset;
}

#contact_form input.valid_chk:valid + span::after,
#contact_form select.valid_chk:valid + span::after,
#contact_form select.user-success:valid + span::after {
  position: absolute;
  top: calc(50% - 10px);
  right: -30px;
  content: '';
  width: 20px;
  height: 20px;
  background: center / 20px url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path id="icon_check.svg" data-name="icon check.svg" class="cls-1" d="M11,0A11,11,0,1,0,22,11,11,11,0,0,0,11,0ZM9.3,16.4,5.1,11,6.9,9.6l2.5,3.2,6.4-6.1,1.7,1.5Z" fill="%23007900"/></svg>') no-repeat;
}
#contact_form input.focus_once[required="required"]:invalid + span::after,
#contact_form input.focus_once[required="true"]:invalid + span::after,
#contact_form select.focus_once[required="required"]:invalid + span::after,
#contact_form select.focus_once[required="true"]:invalid + span::after {
  position: absolute;
  top: calc(50% - 10px);
  right: -30px;
  content: '';
  width: 20px;
  height: 20px;
  background: center / 20px url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path class="cls-1" d="M50,0a50,50,0,1,0,50,50A50,50,0,0,0,50,0Zm0,79.26a6.5,6.5,0,1,1,6.5-6.5A6.5,6.5,0,0,1,50,79.26ZM56.22,55a6,6,0,0,1-6,5.77h-.44a6,6,0,0,1-6-5.77L42.73,27a6,6,0,0,1,6-6.23h2.54a6,6,0,0,1,6,6.23Z" fill="%23E61919"/></svg>') no-repeat;
}
.pcdevice #contact_form input.valid_chk:valid + span::after,
.pcdevice #contact_form select.valid_chk:valid + span::after,
.pcdevice #contact_form select.user-success:valid + span::after {
  position: absolute;
  top: calc(50% - 0.78125vw);
  right: 1.171875vw;
  content: '';
  width: 1.5625vw;
  height: 1.5625vw;
  background: center / 1.5625vw url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path id="icon_check.svg" data-name="icon check.svg" class="cls-1" d="M11,0A11,11,0,1,0,22,11,11,11,0,0,0,11,0ZM9.3,16.4,5.1,11,6.9,9.6l2.5,3.2,6.4-6.1,1.7,1.5Z" fill="%23007900"/></svg>') no-repeat;
}
.pcdevice #contact_form input.focus_once[required="required"]:invalid + span::after,
.pcdevice #contact_form input.focus_once[required="true"]:invalid + span::after,
.pcdevice #contact_form select.focus_once[required="required"]:invalid + span::after,
.pcdevice #contact_form select.focus_once[required="true"]:invalid + span::after {
  top: calc(50% - 0.78125vw);
  right: 1.171875vw;
  content: '';
  width: 1.5625vw;
  height: 1.5625vw;
  background: center / 1.5625vw url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path class="cls-1" d="M50,0a50,50,0,1,0,50,50A50,50,0,0,0,50,0Zm0,79.26a6.5,6.5,0,1,1,6.5-6.5A6.5,6.5,0,0,1,50,79.26ZM56.22,55a6,6,0,0,1-6,5.77h-.44a6,6,0,0,1-6-5.77L42.73,27a6,6,0,0,1,6-6.23h2.54a6,6,0,0,1,6,6.23Z" fill="%23E61919"/></svg>') no-repeat;
}
#contact_form input + span + p,
#contact_form input[class~="user-success"] + span + p,
#contact_form select + span + p,
#contact_form select[class~="user-success"] + span + p {
  display: none;
}
#contact_form input[class~="user-error"] + span + p,
#contact_form select[class~="user-error"] + span + p {
  /* position: absolute; */
  position: relative;
  /* bottom: -1.5em; */
  left: 0;
  display: inline-block;
  color: #E61919;
  font-size: 0.8em;
  line-height: 1.0;
}
.pcdevice #contact_form input[class~="user-error"] + span + p,
.pcdevice #contact_form select[class~="user-error"] + span + p {
  left: 0.78125vw;
}
form .customer_info dd input[class~="user-error"],
form .customer_info dd textarea[class~="user-error"],
form .customer_info dd select[class~="user-error"] {
  border: 1px solid #E61919;
}
#cform p.privacy_protection {
  display: block;
  /* text-align: center; */
  padding: 0.5em 0;
}
/* #cform form a {
  color: var(--link-blue);
  text-decoration: underline;
} */
#cform form a.privacy_chk {
  display: inline-block;
}
#cform form .privacy_protection {
  line-height: 1.6;
  font-weight: bold;
}
#cform form .announcement {
  text-align: center;
  line-height: 1.6;
}

/* 個人情報取扱いチェック */
.privacy_agree,
.privacy_agree2 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}
.privacy_agree {
  margin-bottom: 20px;
}
.privacy_agree input#agree,
.privacy_agree2 input#agree2 {
  width: 1.5em;
  height: 1.5em;
  -webkit-appearance: auto;
}
.privacy_agree input#agree:hover,
.privacy_agree2 input#agree2:hover {
  cursor: pointer;
}
.privacy_agree label,
.privacy_agree label p.privacy_protection,
.privacy_agree2 label,
.privacy_agree2 label p.privacy_datause {
  margin: 0;
  padding: 0 !important;
}
.privacy_agree label,
.privacy_agree2 label {
  width: 260px;
}
.privacy_agree label p,
.privacy_agree2 label p {
  font-weight: bold;
  line-height: 1.6;
}

/* 送信ボタン */
.submit button#submit {
  display: block;
  margin: 50px auto;
  padding: 25px 0;
  width: 100%;
  text-align: center;
  color: #fff;
  border-radius: 3em;
  max-width: 450px;
}
.pcdevice .submit button#submit {
  margin: 3.90625vw auto;
  padding: 1.953125vw 0;
  max-width: 35.15625vw;
}
.reserve_button {
  border-bottom: 8px solid var(--mrcr-green_sdw);
  background: var(--mrcr-green);
}
.reserve_button:hover {
  cursor: pointer;
  opacity: 0.7;
  transition: all 0.2s;
}
.pcdevice .reserve_button {
  border-bottom: 0.625vw solid var(--mrcr-green_sdw);
}
.reserve_button.disabled,
.pcdevice .reserve_button.disabled {
  border-bottom: none;
  background: #ccc;
}
.reserve_button.disabled:hover {
  cursor: default;
  opacity: 1;
}

.announcement > a {
  font-weight: bold;
}

@media only screen and (min-width: 1281px){
  .pcdevice #contact_form select.valid_chk:valid + span::after,
  .pcdevice #contact_form select[required="required"]:invalid + span::after {
    top: 50%;
  }
  .pcdevice #contact_form input[class~="focus_once"] + span + p,
  .pcdevice #contact_form input[commnet~="true"] + span + p {
    position: relative;
    /* position: absolute; */
    bottom: auto;
    left: auto;
    display: block;
    font-size: 0.8em;
    color: #ef2604;
    margin-top: 10px;
  }
  .pcdevice #contact_form input.valid_chk:valid + span::after,
  .pcdevice #contact_form select.valid_chk:valid + span::after,
  .pcdevice #contact_form select.user-success:valid + span::after {
    top: calc(50% - 10px);
    right: 15px;
    width: 20px;
    height: 20px;
    background: center / 20px url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path id="icon_check.svg" data-name="icon check.svg" class="cls-1" d="M11,0A11,11,0,1,0,22,11,11,11,0,0,0,11,0ZM9.3,16.4,5.1,11,6.9,9.6l2.5,3.2,6.4-6.1,1.7,1.5Z" fill="%23007900"/></svg>') no-repeat;
  }
  .pcdevice #contact_form input.focus_once[required="required"]:invalid + span::after,
  .pcdevice #contact_form input.focus_once[required="true"]:invalid + span::after,
  .pcdevice #contact_form select.focus_once[required="required"]:invalid + span::after,
  .pcdevice #contact_form select.focus_once[required="true"]:invalid + span::after {
    top: calc(50% - 10px);
    right: 15px;
    width: 20px;
    height: 20px;
    background: center / 20px url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path class="cls-1" d="M50,0a50,50,0,1,0,50,50A50,50,0,0,0,50,0Zm0,79.26a6.5,6.5,0,1,1,6.5-6.5A6.5,6.5,0,0,1,50,79.26ZM56.22,55a6,6,0,0,1-6,5.77h-.44a6,6,0,0,1-6-5.77L42.73,27a6,6,0,0,1,6-6.23h2.54a6,6,0,0,1,6,6.23Z" fill="%23E61919"/></svg>') no-repeat;
  }
  .pcdevice #contact_form input + span + p,
  .pcdevice #contact_form input[class~="user-success"] + span + p,
  .pcdevice #contact_form select + span + p,
  .pcdevice #contact_form select[class~="user-success"] + span + p {
    display: none;
  }
  .pcdevice #contact_form select.focus_once[required="required"]:invalid + span::after,
  .pcdevice #contact_form select.focus_once[required="true"]:invalid + span::after {
    top: 50%;
  }
  /* 送信ボタン */
  .pcdevice .submit button#submit {
    margin: 50px auto;
    padding: 25px 0;
    max-width: 450px;
  }
  .pcdevice .reserve_button {
    border-bottom: 8px solid var(--mrcr-green_sdw);
  }
  .pcdevice .pcdevice #contact_form input.valid_chk:valid + span::after,
  .pcdevice .pcdevice #contact_form select.valid_chk:valid + span::after,
  .pcdevice .pcdevice #contact_form select.user-success:valid + span::after {
    top: calc(50% - 10px);
    right: 15px;
    content: '';
    width: 20px;
    height: 20px;
    background: center / 20px url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path id="icon_check.svg" data-name="icon check.svg" class="cls-1" d="M11,0A11,11,0,1,0,22,11,11,11,0,0,0,11,0ZM9.3,16.4,5.1,11,6.9,9.6l2.5,3.2,6.4-6.1,1.7,1.5Z" fill="%23007900"/></svg>') no-repeat;
  }
  .pcdevice #contact_form input.focus_once[required="required"]:invalid + span::after,
  .pcdevice #contact_form input.focus_once[required="true"]:invalid + span::after,
  .pcdevice #contact_form select.focus_once[required="required"]:invalid + span::after,
  .pcdevice #contact_form select.focus_once[required="true"]:invalid + span::after {
    top: calc(50% - 10px);
    right: 15px;
    content: '';
    width: 20px;
    height: 20px;
    background: center / 20px url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path class="cls-1" d="M50,0a50,50,0,1,0,50,50A50,50,0,0,0,50,0Zm0,79.26a6.5,6.5,0,1,1,6.5-6.5A6.5,6.5,0,0,1,50,79.26ZM56.22,55a6,6,0,0,1-6,5.77h-.44a6,6,0,0,1-6-5.77L42.73,27a6,6,0,0,1,6-6.23h2.54a6,6,0,0,1,6,6.23Z" fill="%23E61919"/></svg>') no-repeat;
  }
}

/* フォーム下CTA */
.underform_cta > p.title {
  margin-bottom: 30px;
  text-align: center;
  line-height: 1.6;
}
.pcdevice .underform_cta > p.title {
  margin-bottom: 2.34375vw;
}
.underform_cta .cta54_title p {
  margin-bottom: 0;
  text-align: center;
}
.pcdevice .underform_cta .cta54_title p:nth-child(1) {
  margin-bottom: 0;
  max-width: 70.3125vw;
}
.underform_cta .cta5__inner {
  margin-bottom: 30px;
}
.pcdevice .underform_cta .cta5__inner {
  margin-bottom: 2.34375vw;
}
.pcdevice .underform_cta > p.title {
  line-height: 1.0;
}
.pcdevice .cta54_title,
.pcdevice .cta5__inner {
  width: 70.3125vw;
  max-width: 70.3125vw;
}

@media only screen and (min-width: 1281px) {
  .pcdevice .underform_cta > p.title {
    margin-bottom: 30px;
  }
  .pcdevice .underform_cta .cta5__inner {
    margin-bottom: 30px;
  }
  .pcdevice .underform_cta .cta54_title p:nth-child(1) {
    margin-bottom: 0;
    max-width: 900px;
  }
  .pcdevice .cta54_title,
  .pcdevice .cta5__inner {
    width: 900px;
    max-width: 900px;
  }
}


/* お知らせメール配信（会員規約）について（Lity）
-------------------------------------------------------- */
/* .lity-content {
  overflow: scroll;
} */
.lity-content::-webkit-scrollbar {
  display: none;  /* スクロールバー非表示 */
}
#mailmaga_terms .mailmaga_terms__inner {
  /* width: calc(100% - 40px); */
  width: 100%;
  background-color: #fff;
  padding: 30px 20px;
  /* margin: 50px 20px 30px; */
}
.pcdevice #mailmaga_terms .mailmaga_terms__inner {
  width: 100%;
  max-width: 70.3125vw;
  padding: 3.90625vw 2.34375vw;
  margin: 3.90625vw 0 2.34375vw;
}
#mailmaga_terms .mailmaga_terms__inner > p.title {
  margin-bottom: 30px;
}
.pcdevice #mailmaga_terms .mailmaga_terms__inner > p.title {
  margin-bottom: 2.34375vw;
  text-align: center;
}
#mailmaga_terms .mailmaga_terms__inner > p.subtitle {
  margin-bottom: 15px;
}
.pcdevice #mailmaga_terms .mailmaga_terms__inner > p.subtitle {
  margin-bottom: 1.171875vw;
}
#mailmaga_terms .mailmaga_terms__inner .mailmaga_terms__list {
  margin-bottom: 20px;
}
.pcdevice #mailmaga_terms .mailmaga_terms__inner .mailmaga_terms__list {
  margin-bottom: 1.5625vw;
}
#mailmaga_terms .mailmaga_terms__inner .mailmaga_terms__list > p.title {
  margin-bottom: 10px;
}
.pcdevice #mailmaga_terms .mailmaga_terms__inner .mailmaga_terms__list > p.title {
  margin-bottom: 0.78125vw;
}

@media only screen and (min-width: 1281px) {
  .pcdevice #mailmaga_terms .mailmaga_terms__inner {
    width: 100%;
    max-width: 900px;
    padding: 50px 30px;
  }
  .pcdevice #mailmaga_terms .mailmaga_terms__inner > p.title {
    margin-bottom: 30px;
  }
  .pcdevice #mailmaga_terms .mailmaga_terms__inner > p.subtitle {
    margin-bottom: 15px;
  }
  .pcdevice #mailmaga_terms .mailmaga_terms__inner .mailmaga_terms__list {
    margin-bottom: 20px;
  }
  .pcdevice #mailmaga_terms .mailmaga_terms__inner .mailmaga_terms__list > p.title {
    margin-bottom: 10px;
  }
    
}