.mt60 {
    margin-top: 6rem;
}
.mt70 {
  margin-top: 7rem;
}
.mt20 {
  margin-top: 2rem;
}
.mt15 {
  margin-top: 1.5rem;
}
  .scrolling-box {
    padding: 2rem;
    border: 1px solid #ddd;
    height: 28rem;
    overflow: scroll;
  }
  h6 {
    font-size: 2rem;
    line-height: 1.75;
  }
  .agreebox {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 56rem;
    margin: 4rem auto 0;
    height: 7rem;
  }
  .agreebox span.required {
    color: #fff;
    height: 20px;
    background: #E11265;
    border-radius: 25px;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    font-size: 1.4rem;
    display: flex;
    margin-top: 3px;
  }
  .mw_wp_form_preview dt span {
    color: #fff;
    height: 20px;
    background: #E11265;
    border-radius: 25px;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    font-size: 1.4rem;
    display: flex;
    margin-top: 3px;
  }
  .agreebox .horizontal-item {
    margin: 0 1.5rem 0 0 !important;
    padding: 0;
  }
  .agreebox .mwform-checkbox-field-text {
    line-height: 1.2;
  }
  input[type="radio"].reasons {
    /* visibility: hidden; */
    width: 30px;
    height: 30px;
  }
  @media screen and (max-width: 769px) {
    input[type="radio"].reasons {
      width: 20px;
      height: 20px;
      margin-top: 3px;
    }
  }
  input[type=radio]:checked:after {

  }

  input[type="radio"]:checked::after {
    background-color: #2A5EB5;
    border: #2A5EB5 1px solid;
  }
  .mwform-radio-field.horizontal-item > label {
    /* display: inline-block; */
    margin: 0 !important;
    display: flex;
    font-size: 16px;
    font-family: 'Noto sans JP', sans-serif;
    color: #444444;
  }
  div.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0;
  }
  ::placeholder {
    color: #aaa;
    font-family: 'Lato', sans-serif;
  }
  .mw_wp_form_input dl {
    display: flex;
    border-bottom: 1px solid #ddd;
    gap: 0;
    padding: 0;
  }
  .mw_wp_form_input dl:first-of-type {
    border-top: 1px solid #ddd;
    margin: 35px 0 0 0;
  }
  .mw_wp_form_input dt {
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    width: 100%;
    max-width: 300px;
    color: #444;
    display: flex;
    align-items: center;
    font-weight: bold;
    padding: 0;
  }
  .mw_wp_form_input dt span {
    color: #fff;
    height: 20px;
    background: #E11265;
    border-radius: 25px;
    margin: 3px 0 0 1.5rem;
    padding: 0px 16px;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mw_wp_form_input dd {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 20px;
  }
  .mw_wp_form_input dd input {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: 24px 10px;
    border-radius: 5px;
    color: #333;
    max-width: 775px;
    width: 100%;
    font-size: 16px;
  }
  @media screen and (max-width: 769px) {
    .mw_wp_form_input dd input {
      padding: 16px 10px;
    }
  }
  .mw_wp_form_input dd textarea {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: 12px 10px;
    width: 100%;
    max-width: 775px;
    border-radius: 5px;
    color: #333;
    height: 140px;
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
  }
  .mw_wp_form_input dd select {
    color: #333;
    max-width: 775px;
    width: 100%;
    background: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 12px 10px;
    max-width: 200px;
  }
  .mw_wp_form_input dd.grid {
    gap: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-content: space-between;
  }
  .mw_wp_form_input dd.flex {
    gap: 10px;
  }
  .mw_wp_form_input dd .zipcode {
    max-width: 200px;
    margin: 0 0 1rem;
  }
  .mw_wp_form_preview .btn-previous-text {
    display: none;
  }
  .mw_wp_form_preview dl {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
  }
  .mw_wp_form_preview dt {
    width: 100%;
    max-width: 330px;
    color: #000;
    background: #f9f9f9;
    padding: 25px 20px 25px 25px;
    font-weight: bold;
    display: flex;
  }
  .mw_wp_form_preview dt span {
    color: #fff;
    max-height: 20px;
    background: #E11265;
    border-radius: 25px;
    margin: 3px 0 0 auto;
    padding: 0 16px;
    font-size: 1.4rem;
    display: inline-block;
  }
  @media screen and (max-width: 769px) {
    .mw_wp_form_preview dt span {
      max-height: 26px;
      height: 26px;
    }
  }
  .mw_wp_form_preview dd {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 20px;
  }
  .mw_wp_form_preview dd input {
    font-size: 1.6rem;
    padding: 0 0 0 10px;
    border-radius: 5px;
    letter-spacing: 1px;
    color: #444;
  }
  .mw_wp_form_preview dd input[name="fullname"], .mw_wp_form_preview dd input[name="email"], .mw_wp_form_preview dd input[name="address"] {
    height: 40px;
    max-width: 500px;
    width: 100%;
  }
  .mw_wp_form_preview dd input[name="address"] {
    margin: 15px 0 0 0;
    max-width: 675px;
  }
  .mw_wp_form_preview dd input[type="text"] {
    height: 40px;
  }
  .mw_wp_form_preview dd input[name="tel[data][0]"] {
    max-width: 80px;
    width: 100%;
  }
  .mw_wp_form_preview dd input[name="tel[data][1]"] {
    max-width: 100px;
    width: 100%;
  }
  .mw_wp_form_preview dd input[name="tel[data][2]"] {
    max-width: 100px;
    width: 100%;
  }
  .mw_wp_form_preview dd .mwform-tel-field {
    display: flex;
    align-items: center;
  }
  .mw_wp_form_preview dd .mwform-tel-field > input {
    margin-right: 5px;
  }
  .mw_wp_form_preview dd .mwform-tel-field > input:not(:first-child) {
    margin-left: 5px;
  }
  .mw_wp_form_preview dd textarea {
    padding: 10px;
    width: 100%;
    max-width: 675px;
    height: 94px;
    font-size: 1.6rem;
    border: 1px solid #999;
    border-radius: 5px;
    letter-spacing: 1px;
    color: #444;
  }
  .mw_wp_form_preview dd.flex {
    gap: 10px;
  }
  .mw_wp_form .horizontal-item {
    display: inline-block;
    padding-bottom: 15px;
    margin: 0 0 5px 0;
  }

  .btn-container {
    display: flex;
    justify-content: center;
    position: relative;
    margin: 35px 0 0 0;
    flex-direction: row;
  }
  .mw_wp_form_preview .btn-container {
    flex-direction: column;
    align-items: center;
  }
  .mw_wp_form_input .btn-container::after {
    content: "";
    background: url('../../assets/images/arw_right.png') no-repeat;
    background-size: contain;
    position: absolute;
    top: 72px;
    right: 405px;
    width: 18px;
    height: 10px; 
  }
  .btn--submit {
    width: 40rem;
    height: 7rem;
    border-radius: 4rem;
    border: #2A5EB5 1px solid;
    color: #fff;
    background: #2A5EB5;
    font-size: 2rem;
    font-weight: bold;
    transition: all 0.3s;
    margin: 4rem auto 0;
    font-family: 'Noto Sans JP', sans-serif;
  }
  .btn--submit:hover {
    cursor: pointer;
    border: #2A5EB5 2px solid;
    color: #2A5EB5;
    background: #fff;
  }
  .mw_wp_form_complete .btn--submit {
    width: 40rem;
    height: 7rem;
    color: #1a2f8e;
    background: #fff;
    border: 1px solid #1a2f8e;
    border-radius: 4rem;
    font-size: 2rem;
    font-weight: bold;
    transition: all 0.3s;
    display: flex;
    justify-content: center;
    margin: 8rem auto 0;
    align-items: center;
  }
  @media screen and (max-width: 769px) {
    .mw_wp_form_complete .btn--submit {
        width: 100%;
        max-width: 40rem;
    }
  }
  .mw_wp_form_complete .btn--submit:hover {
    cursor: pointer;
    border: #1a2f8e 2px solid;
    color: #fff;
    background: #1a2f8e;
  }
  .btn-previous-text {
    margin: 8rem 0 0 0;
  }
  .mw_wp_form dd .error {
    font-size: 1.6rem;
    color: #D60000;
  }
  .mw_wp_form_complete h3 {
    font-size: 3rem;
    font-weight: 400;
    color: #1a2f8e;
    margin-bottom: 35px;
  }
  @media screen and (max-width: 769px) {
    .mw_wp_form_complete h3 {
      font-weight: 2.4rem;
      margin-top: 40px;
    }
  }
  .mw_wp_form_input .is-show-input {
    text-align: center;
    font-size: 1.6rem;
  }
  .mw_wp_form_input .is-show-input:nth-child(3) {
    margin: 25px 0 0 0;
  }
  .mw_wp_form_input .is-show-input a {
    color: #009b63;
  }
  .mw_wp_form_input .is-show-input a:hover {
    text-decoration: underline;
  }
  .is-show-error, .is-show-confirm {
    display: none;
  }
  .mw_wp_form_error .is-show-error {
    display: flex;
    width: 100%;
    color: #D60000;
    text-align: center;
    justify-content: center;
    align-items: center;
    border: 1px solid #D60000;
    margin: 0 0 30px;
    padding: 15px 0;
  }
  .mw_wp_form_preview .address-2 span:first-child {
    width: 80px;
  }
  .mw_wp_form_preview .is-show-confirm {
    display: flex;
    width: 100%;
    color: #555;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 0 0 30px;
    padding: 15px 0;
  }
  .mw_wp_form_preview .is-show-input, .mw_wp_form_error .is-show-input, .mw_wp_form_preview .agreement {
    display: none;
  }
  .mw_wp_form_preview .btn--back {
    color: #333;
    border: none;
    background: none;
    order: 2;
    font-size: 1.6rem;
    color: #1a2f8e;
    background: #fff;
    border: 1px solid #1a2f8e;
    width: 40rem;
    height: 7rem;
    border-radius: 4rem;
    font-size: 2rem;
    margin-top: 2rem;
  }
  @media screen and (max-width: 769px) {
    .mw_wp_form_preview .btn--back {
      width: 100%;
      max-width: 40rem;
    }
  }
  .mw_wp_form_preview .btn--submit {
    margin-top: 0;
    max-width: 400px;
    width: 100%;
  }
  .mw_wp_form_preview .row {
    display: flex;
    margin: 70px 0 0;
    flex-wrap: wrap;
  }
  .mw_wp_form_input dd .address-1 input#zip {
    width: 80px;
    height: 40px;
    margin-left: 10px;
  }
  .mw_wp_form_input dd .address-1 input#zip1 {
    width: 100px;
    height: 40px;
  }
  .mwform-checkbox-field-text {
    font-size: 2rem;
    font-family: 'Noto sans JP', sans-serif;
  }
  .mw_wp_form_input dd input.rirekisho {
    border: none;
    background: none;
  }
  label[for="agreement-1"] {
    display: flex;
    gap: 5px;
  }
  #agreement-1 {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    background-color: #fff;
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: #009b63;
    width: 19px;
    height: 19px;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: 0;
    padding: 0;
    transform: translateY(4px);
    display: grid;
    place-content: center;
    transition: all 0.3s;
  }
  #agreement-1::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #fff;
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  }
  #agreement-1:hover {
    cursor: pointer;
  }
  #agreement-1:checked {
    background-color: #009b63;
  }
  #agreement-1:checked::before {
    transform: scale(1);
  }
  .privacy-link {
    color: #009b63;
    text-decoration: underline;
  }
  .btn-previous-block {
    padding: 25px 30px;
    border: 1px solid #ddd;
    margin-top: 40px;
  }
  .btn-previous-block p:first-of-type {
    color: #000;
    font-weight: bold;
  }
  .btn-previous-block p:last-of-type {
    margin-top: 25px;
  }
  .btn--submit.disabled {
    cursor: not-allowed;
  }
  


@media screen and (max-width: 769px) {
  .mw_wp_form_input .is-show-input{
    text-align: left;
  }
  .mw_wp_form_input dl {
    flex-direction: column;
    padding: 20px 0;
  }
  .mw_wp_form_input dd.grid {
    grid-template-columns: 1fr 1fr;
    padding: 20px 0;
  }
  .mw_wp_form_input dd.flex {
    padding: 10px 0;
  }
  .mw_wp_form_input dd {
    padding: 10px 0;
  }
}