/* Existing MW WP Form markup only: never replace fields or submission logic. */
.st-form{min-width:0}
.st-form :is(input,select,textarea,button){font:inherit;max-width:100%}
.st-form input:not([type=hidden]):not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]),.st-form textarea,.st-form select{width:100%;min-height:48px;padding:12px;border:1px solid var(--st-line-2);border-radius:4px;background:var(--st-paper);color:var(--st-ink)}
.st-form textarea{min-height:160px;resize:vertical}
.st-form :is(label,.mwform-radio-field,.mwform-checkbox-field){display:inline-block;padding-block:11px;min-height:44px}
.st-form :is(input[type=radio],input[type=checkbox]){width:20px;height:20px;vertical-align:middle;accent-color:var(--st-accent-ink)}
.st-form .mwform-radio-field,.st-form .mwform-checkbox-field{margin:0 16px 8px 0}
.st-form :is(input[type=submit],input[type=button],button){min-height:48px;padding:12px 24px;background:var(--st-accent);color:var(--st-accent-text);font-weight:700;border:1px solid var(--st-accent);border-radius:4px;cursor:pointer;white-space:normal}
.st-form :is(input[name=submitBack],button[name=submitBack]){background:var(--st-paper);border-color:var(--st-line-2);color:var(--st-ink)}
.st-form :is(input,textarea,select,button):focus-visible{outline:3px solid var(--st-accent-ink);outline-offset:3px}
.st-form .mw_wp_form .error{display:block;color:var(--st-red);font-size:14px;margin-top:8px}
.st-form .mw_wp_form_confirm{overflow-wrap:anywhere}.st-form .mw_wp_form_complete{padding:24px;background:var(--st-ground)}
.st-form .mw_wp_form table{width:100%;border-collapse:collapse}.st-form .mw_wp_form :is(th,td){padding:20px 12px;border:0;border-bottom:1px solid var(--st-line);background:none;text-align:left;vertical-align:top}
/* Label above its field at every width: the forms sit in narrow columns, where a side label broke words such as 「ご希望の定期利用プラン」. */
.st-form .mw_wp_form :is(table,tbody,tr,th,td){display:block;width:100%}
.st-form .mw_wp_form th{border-bottom:0;padding:20px 0 8px;font-size:15px;font-weight:700;line-height:1.6}
.st-form .mw_wp_form td{padding:0 0 20px}
.st-form .mw_wp_form tr:first-child th{padding-top:0}
.st-form .required-srt{display:inline-block;margin-left:8px;padding:0 7px;border-radius:3px;background:var(--st-red);color:#fff;font-size:11px;font-weight:700;line-height:20px;letter-spacing:.04em;vertical-align:1px}
.st-form .mw_wp_form td:has(.mwform-radio-field,.mwform-checkbox-field){display:flex;flex-wrap:wrap;column-gap:24px}
.st-form .mw_wp_form td :is(.mwform-radio-field,.mwform-checkbox-field){margin:0;padding:0;min-height:0}
.st-form .mw_wp_form td :is(.mwform-radio-field,.mwform-checkbox-field) label{display:inline-flex;align-items:center;gap:8px;padding-block:10px}
/* The editor wraps form fields in paragraphs; empty ones would leave gaps above a field (ones holding only hidden fields are unwrapped in functions.php —
   CSS cannot see text, so hiding them here also hid the entered text on the confirmation screen). */
.st-form .mw_wp_form td p{margin:0}
.st-form .mw_wp_form td p:empty{display:none}
.st-form .mw_wp_form td > strong{display:block;margin-bottom:10px}
@media(max-width:767px){.st-form .mw_wp_form :is(input[type=submit],input[type=button],button){width:100%;margin-block:8px}}