fieldset#booking-reservation-fieldset {
  background-color: #eff4ff;
  padding: 1.5em;
  border-radius: 15px;
  margin-bottom: 4em;
}
fieldset#booking-reservation-fieldset::before {
  content: "予約者情報";
  display: block;
  text-align: center;
  color: #20407a;
  font-size: 2.5em;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin: 0.25em 0 0.75em;
}
#booking-reservation-fieldset table {
  width: 100%;
}
#sub-message span {
  border-bottom: 1px solid black;
}
table {
  background-color: white;
}
.content-form .tbody-top {
  display: flex;
  flex-direction: column-reverse;
  width: auto;
}
.content-form .tbody-top th,
.content-form .tbody-top td {
  font-size: 1.4em;
}
.content-form .tbody-top td tr td {
  color: black;
}
.content-form .tbody-top td tr td,
.content-form .tbody-top td tr th {
  padding: 5px 10px 5px 0;
}
span.option-confirm-note {
  display: none;
}
span.subscription-cancel {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 2em;
  font-size: 0.6em;
}
th.subscription-header {
  display: contents;
}
td.option-confirm-header {
  display: none;
}
#sub-under-form {
  margin-bottom: 7em;
  background: #f7f6f0;
  padding: 2.5em 4em;
  border-radius: 15px;
}
#sub-under-form h3 {
  text-align: center;
  margin-bottom: 1em;
}
#sub-under-form p {
  line-height: 1.75em;
  letter-spacing: 0.05em;
}
input#reserve-id,input#client-email{
    width: 65%;
}
.thanks-mg-top{
    margin-top:6em;
}
@media screen and (max-width: 768px) {
    fieldset#booking-reservation-fieldset::before {
        content: "予約者情報";
        font-size: 2em;
    }
    .content-form .tbody-top th,
    .content-form .tbody-top td {
    font-size: 1.25em;
    }
    .content-form input.form-button {
    font-size: 1.25em;
    }
}
@media screen and (max-width: 510px) {
  .content-form .tbody-top th,
  .content-form .tbody-top td {
    font-size: 12px;
  }
  .content-form input.form-button {
    font-size: 12px;
  }
  fieldset#booking-reservation-fieldset::before {
    content: "予約者情報";
    font-size: 1.5em;
}
}