.renewal-inquiry {
    --inquiry-brand: #1f4e6e;
    --inquiry-muted: #657682;
    --inquiry-line: #e1e1e1;
}

.renewal-inquiry .rm-header { position: static; background: #fff; border-bottom: 0; }
.renewal-inquiry .rm-footer { padding-block: 26px; gap: 100px; }
.renewal-inquiry .rm-footer-logo { width: 129.477px; height: 32px; transform: none; margin-right: 0; }
.renewal-inquiry .rm-footer-logo .rm-logo-mark { left: 2.092px; }
.rm-inquiry-mobile-footer { display: none; }
.rm-inquiry-title { padding: 56px 0; background: #f5f6f7; text-align: center; }
.rm-inquiry-title .rm-container { display: flex; flex-direction: column; gap: 9px; }
.renewal .rm-inquiry-title h1 { font-size: 36px; line-height: 47px; color: var(--inquiry-brand); }
.rm-inquiry-title p:first-child { font-size: 14px; font-weight: 500; line-height: 23px; color: #006b8d; }
.rm-inquiry-title p:last-child { font-size: 13px; font-weight: 500; line-height: 22px; color: var(--inquiry-muted); }
.rm-inquiry-content { width: calc(100% - 48px); max-width: 720px; margin: 0 auto; padding: 64px 0; }
.rm-inquiry-form { display: flex; flex-direction: column; gap: 28px; }
.rm-inquiry-form .form-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.rm-inquiry-form .field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.rm-inquiry-form .field > label { margin: 0; color: var(--inquiry-brand); font-size: 14px; font-weight: 500; line-height: 23px; }
.rm-inquiry-form .input {
    display: block;
    width: 100%;
    height: 52px;
    padding: 10px 13px;
    border: 1px solid var(--inquiry-line);
    border-radius: 0;
    background: #fff;
    color: var(--rm-ink);
    font: inherit;
    font-size: 16px;
    line-height: 28px;
    box-shadow: none;
}
.rm-inquiry-form .input::placeholder { color: var(--rm-ink); opacity: 1; }
.rm-inquiry-form select.input { appearance: none; padding-right: 36px; background: #fff url('../images/renewal/imgChevronDown.svg') right 13px center no-repeat; cursor: pointer; }
.rm-inquiry-form .textarea { height: 160px; min-height: 160px; resize: vertical; }
.renewal .rm-field-hint, .renewal .rm-inquiry-note { font-size: 13px; font-weight: 500; line-height: 22px; color: var(--inquiry-muted); }
.renewal .rm-consultation-hint { min-height: 40px; }
.renewal .rm-inquiry-note { min-height: 40px; }
.rm-inquiry-form .honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.rm-file-picker { position: relative; display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 10px 13px; border: 1px solid var(--inquiry-line); color: var(--rm-ink); font-size: 16px; line-height: 28px; }
.rm-file-picker:focus-within { outline: 3px solid #1a97d9; outline-offset: 4px; }
.rm-file-picker .rm-file-trigger { margin: 0; font-weight: 400; cursor: pointer; white-space: nowrap; }
.rm-file-picker > span { min-width: 0; }
.rm-inquiry-form .file-list { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.rm-inquiry-form .file-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--inquiry-line); font-size: 13px; overflow-wrap: anywhere; }
.rm-inquiry-form .text-button { border: 0; background: transparent; color: var(--rm-blue); padding: 4px 8px; flex: none; cursor: pointer; }
.rm-inquiry-form .validation-message, .rm-inquiry-form .validation-errors { color: #b42318; font-size: 13px; line-height: 22px; }
.rm-inquiry-form .validation-errors { padding-left: 20px; }
.rm-inquiry-form .input.invalid { border-color: #b42318; }
.rm-inquiry-form .form-status, .renewal .rm-preview-notice { padding: 14px 16px; border-radius: 4px; font-size: 13px; line-height: 22px; }
.rm-inquiry-form .form-status.success { background: #e8f7f1; color: #087f5b; }
.rm-inquiry-form .form-status.error { background: #fbeeed; color: #b42318; }
.renewal .rm-preview-notice { margin-bottom: 28px; color: var(--inquiry-brand); background: var(--rm-sky); }
.rm-preview-notice a { text-decoration: underline; text-underline-offset: 3px; }
.renewal .rm-inquiry-form .submit-button { width: 100%; min-height: 52px; }
.rm-inquiry-form .submit-button:disabled { opacity: .6; cursor: not-allowed; }

@media (max-width: 767px) {
    .renewal-inquiry .rm-header-inner { min-height: 68px; }
    .renewal-inquiry .rm-header .rm-logo { transform: none; margin-right: 0; }
    .renewal-inquiry .rm-header .rm-button { display: none; }
    .rm-inquiry-title { padding: 40px 0; }
    .renewal .rm-inquiry-title h1 { font-size: 30px; }
    .rm-inquiry-content { padding: 40px 0; }
    .renewal .rm-consultation-hint, .renewal .rm-inquiry-note { min-height: 0; }
    .renewal-inquiry .rm-footer { display: none; }
    .renewal-inquiry .rm-inquiry-mobile-footer { display: block; width: calc(100% - 48px); margin: 0 auto; padding: 0 0 24px; background: #fff; color: var(--inquiry-muted); font-size: 13px; font-weight: 500; line-height: 22px; }
}

.renewal .rm-type-guidance { padding: 12px 14px; background: var(--rm-sky); color: var(--inquiry-brand); font-size: 13px; line-height: 22px; }
.renewal .rm-inquiry-details { min-width: 0; display: grid; gap: 24px; border: 1px solid var(--inquiry-line); padding: 20px; }
.rm-inquiry-details legend { width: auto; margin: 0; padding: 0 8px; border: 0; color: var(--inquiry-brand); font-size: 14px; font-weight: 600; line-height: 23px; }
@media(max-width:767px) { .renewal .rm-inquiry-details { padding: 16px; } }
