@charset "utf-8";


/* -----------------------------------------------------------

お問い合わせ

----------------------------------------------------------- */
.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date,
.mfp_element_password {
    font-size: 15px;
    padding: 0.5em 0.8em !important;
    margin: 0 !important;
    font-family: 'Noto Sans JP', sans-serif;
}

.mfp_colored {
    background-color: inherit !important;
}

.contact-page .mailform dt {
    font-size: 1em !important;
    width: 23% !important;
    min-width: 240px;
    text-align: left !important;
    padding: 1.1em 16px !important;
    font-weight: 700;
}

.contact-page .mailform dd {
    font-size: 1em !important;
    padding: 1em 5px 1em 0 !important;
}

.contact-page .mailform dd .mfp_rows {
    display: flex;
    padding: 0 1em 0 2em;
}

/*テキストエリア*/
.contact-page .mailform .mfp_element_textarea {
    width: 100% !important;
    height: 260px !important;

}

/*チェックボックス*/
.contact-page .mailform label.mfp_not_checked {
    border: 0 !important;
}

/*必須アイコン*/
.contact-page .mailform .must {
    background-image: inherit;
    display: inline;
    float: unset;
    padding: 3px 8px;
    border: 0;
    text-shadow: inherit !important;
    box-shadow: inherit !important;
}

/*チェックボックス*/
.contact-page .mailform label {
    white-space: wrap !important;
}

.contact-page .mailform .mfp_element_checkbox {
    width: 20px;
    height: 20px;
}

/*ボタン*/
.contact-page .mfp_buttons {
    margin-top: 3em;
}

.contact-page .mfp_buttons .mfp_element_submit {
    border: solid 1px #000 !important;
    text-shadow: inherit !important;
    background: #fff !important;
    font-weight: 600;
    font-family: "Noto Sans JP", sans-serif;
    color: #333;
    padding: 10px 10px !important;
    min-width: 250px !important;
    transition: all 0.5s;
}

.contact-page .mfp_buttons .mfp_element_submit:hover {
    background: #333 !important;
    transition: all 0.5s;
    color: #fff;
}

/* ----------------------------------------------- */
/*  800px以下 */
/* ----------------------------------------------- */
@media screen and (max-width: 800px) {

    .mfp_element_text,
    .mfp_element_number,
    .mfp_element_select-one,
    .mfp_element_email,
    .mfp_element_tel,
    .mfp_element_textarea,
    .mfp_element_date,
    .mfp_element_password {
        width: 100% !important;
    }

    .contact-page .mailform dt {
        width: 100% !important;
        background-color: #f3f3f3;
        border-top: 0 !important;
        padding: 0.8em 1em !important;
        background-color: #f3f3f3 !important;
    }

    .contact-page .mailform dd {
        margin-bottom: 28px !important;
    }

    .contact-page .mailform dd .mfp_rows {
        padding: 0 1em;
    }

    /*ボタン*/
    .contact-page .mfp_buttons .mfp_element_submit {
        font-size: 1em !important;
    }
}