/*
 * Do Progetto: Japanese contact form (WP page 230 / CF7 form 229).
 * Loaded only by the admin-only responsive preview MU plugin.
 * Does not modify the CF7 form configuration or submission behavior.
 */
@media screen and (max-width: 600px) {
    #form_area {
        width: 100%;
        max-width: 100%;
        margin: 14px 0;
        padding: 0;
        box-sizing: border-box;
    }

    /* Turn only the OUTER form table into a vertical label/field layout. */
    #form_area #info1,
    #form_area #info1 > tbody,
    #form_area #info1 > tbody > tr,
    #form_area #info1 > tbody > tr > td {
        display: block;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    #form_area #info1 {
        margin: 0;
        padding: 0;
        border-spacing: 0;
    }

    #form_area #info1 > tbody > tr {
        margin: 0 0 14px;
    }

    #form_area #info1 > tbody > tr > td {
        padding: 0;
        font-size: 14px;
        line-height: 1.7;
        text-align: left;
        vertical-align: top;
        overflow-wrap: anywhere;
    }

    #form_area #info1 > tbody > tr > td:first-child {
        margin: 0 0 5px;
        font-weight: 600;
    }

    #form_area #info1 .wpcf7-form-control-wrap {
        display: block;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    #form_area #info1 input.text_form,
    #form_area #info1 input[type="text"],
    #form_area #info1 input[type="email"],
    #form_area #info1 input[type="tel"],
    #form_area #info1 textarea.area_form {
        display: block;
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        padding: 10px 12px;
        border: 1px solid #aaa;
        border-radius: 3px;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1.5;
    }

    #form_area #info1 input.text_form,
    #form_area #info1 input[type="text"],
    #form_area #info1 input[type="email"],
    #form_area #info1 input[type="tel"] {
        min-height: 44px;
    }

    #form_area #info1 textarea.area_form {
        min-height: 200px;
        resize: vertical;
    }

    #form_area #cout {
        width: auto;
        max-width: 100%;
        margin: 8px 0 12px;
        font-size: 13px;
        line-height: 1.6;
    }

    #form_area .wpcf7 input[type="submit"] {
        display: block;
        width: 100%;
        min-height: 48px;
        margin: 8px 0 20px;
        padding: 10px 16px;
        border: 1px solid #d8bec5;
        border-radius: 3px;
        background: #fcf8f9;
        color: #903;
        box-sizing: border-box;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
    }

    #form_area .wpcf7-response-output,
    #form_area .wpcf7-not-valid-tip {
        max-width: 100%;
        box-sizing: border-box;
        overflow-wrap: anywhere;
        line-height: 1.6;
    }
}