@charset "utf-8";
.tenant-form-alert { margin: 1rem 0; padding: 1rem; color: #8a2020; background: #fff1f1; border: 1px solid #dd9999; }
#inquiry-form ul { color: #8a2020; }
.tenant-attachment-image { max-width: 300px; width: 100%; height: auto; }
.tenant-send-form {
  display: flex;
  justify-content: center;
  margin: 0;
}

/* Match notice widths across forms, including sibling and nested blocks. */
#basic-form .form-privacy,
#basic-form .form-caution,
#basic-form .form-caution > ul,
#basic-form .form-privacy > p:nth-of-type(2) {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
}


/* This optional checkbox uses the browser control rather than a heading marker. */
#inquiry-form input[type="checkbox"][name$="[inspection_undecided]"] {
  appearance: auto;
  display: inline-block;
  opacity: 1;
  position: static;
  width: 1.1em;
  height: 1.1em;
  clip: auto;
  clip-path: none;
  overflow: visible;
  padding: 0;
  margin: 0 0.4em 0 0;
  vertical-align: middle;
  cursor: pointer;
}
#inquiry-form input[name$="[inspection_undecided]"] + label::before {
  content: none;
}
#inquiry-form input[name$="[inspection_undecided]"] + label {
  cursor: pointer;
}
#inquiry-form input[name$="[moveout_inspect_day]"]:disabled,
#inquiry-form select[name$="[moveout_inspect_time]"]:disabled {
  background-color: #eee;
  color: #777;
  cursor: not-allowed;
}

#inquiry-form .tenant-appointment-undecided {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
  width: 100%;
}
#inquiry-form .tenant-appointment-undecided > input[type="checkbox"] {
  flex: 0 0 1.1em;
  margin: 0;
  padding: 0;
}
#inquiry-form .tenant-appointment-undecided > label {
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
#inquiry-form .tenant-appointment-note {
  display: block;
  margin: 0.35em 0 1em;
  line-height: 1.6;
}

/* Keep the notification-date explanation close to its field. */
#inquiry-form #personal-cancellation-notification-date {
  margin-bottom: 20px;
}

/* Corporate form: remove section dividers and keep address guidance close. */

#inquiry-form.tenant-corporation-move-out .tenant-address-with-note {
  margin-bottom: 6px;
}
#inquiry-form.tenant-corporation-move-out .tenant-address-note {
  display: block;
  margin: 0 0 20px;
  line-height: 1.6;
}


#inquiry-form.tenant-corporation-move-out .tenant-corporation-consent {
  display: flex;
  align-items: center;
  gap: 0.5em;
  width: 100%;
}
#inquiry-form.tenant-corporation-move-out .tenant-corporation-consent > input[type="checkbox"] {
  appearance: auto;
  display: inline-block;
  opacity: 1;
  position: static;
  width: 1.1em;
  height: 1.1em;
  flex: 0 0 1.1em;
  clip: auto;
  clip-path: none;
  overflow: visible;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
#inquiry-form.tenant-corporation-move-out .tenant-corporation-consent > label {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  cursor: pointer;
}
#inquiry-form.tenant-corporation-move-out .tenant-corporation-consent > label::before,
#inquiry-form.tenant-corporation-move-out .tenant-corporation-consent > label::after {
  content: none;
}

/* Reuse the personal-form unchecked and checked icons for corporate approval. */
#inquiry-form .tenant-corporation-approval>div>input[type="checkbox"]+.privacy-agree,
#inquiry-form .tenant-corporation-approval>div>input[type="checkbox"]+.caution-agree {
	padding: 0;
}

#inquiry-form .tenant-corporation-approval>div>input[type="checkbox"]+.privacy-agree::before,
#inquiry-form .tenant-corporation-approval>div>input[type="checkbox"]+.caution-agree::before {
	content: '';
	padding-right: 1.5em;
	background-image: url("https://bellagio-miyabi.jp/bellasm/images/icons/icon-checkbox.svg");
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 0.25em;
}

#inquiry-form .tenant-corporation-approval>div>input[type="checkbox"]:checked+.privacy-agree::before,
#inquiry-form .tenant-corporation-approval>div>input[type="checkbox"]:checked+.caution-agree::before {
	content: '';
	padding-right: 1.5em;
	background-image: url("https://bellagio-miyabi.jp/bellasm/images/icons/icon-checkbox_checked.svg");
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 0.25em;
}


#inquiry-form .tenant-input-with-note {
  margin-bottom: 6px;
}
#inquiry-form .tenant-field-note {
  display: block;
  margin: 0 0 20px;
  line-height: 1.6;
}


/* Consistent move-out title for input, confirmation and completion. */
#inquiry-header.tenant-moveout-header {
  height: auto;
  min-height: 70px;
  box-sizing: border-box;
  padding: 14px 16px;
}
#inquiry-header.tenant-moveout-header h1.tenant-moveout-title {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
  padding: 0;
  margin: 0;
  font-size: 24px;
  line-height: 1.4;
}
#inquiry-header.tenant-moveout-header h1.tenant-moveout-title::before {
  content: '';
  display: block;
  position: static;
  transform: none;
  background-image: url('../images/icons/icon_cancel.svg');
  background-size: contain;
  background-position: center;
  flex: 0 0 28px;
  width: 28px;
  height: 32px;
}
#inquiry-header h1.move-out-notice::before {
  background-image: url('../images/icons/icon_cancel.svg');
  top: 60%;
  transform: translateY(-50%);
  background-size: contain;
  background-position: center;
}
.tenant-moveout-title-text { min-width: 0; }
.tenant-moveout-title-audience { margin-left: .5em; }
@media (max-width: 600px) {
  #inquiry-header.tenant-moveout-header h1.tenant-moveout-title { font-size: 20px; gap: 10px; }
  .tenant-moveout-title-main, .tenant-moveout-title-audience { display: block; }
  .tenant-moveout-title-audience { margin-left: 0; font-size: 16px; }
}



#inquiry-form input.tenant-birthday-single {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 40px;
  padding: 8px 12px;
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
}
#inquiry-form .tenant-birthday-input-help {
  display: block;
  margin: 0 0 16px;
  color: #666;
  font-size: 12px;
  line-height: 1.6;
}

/* Clear section headings within the corporate confirmation details. */
#form-confirm > .tenant-confirm-section {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 28px 0 12px;
  padding: 8px 10px;
  border-left: 4px solid #3e64be;
  background: #edf2fb;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  line-height: 1.5;
}
#form-confirm > .tenant-confirm-section::before { content: none; }