/*==========
Reset Form CSS

このCSSはパーツテンプレート メールフォームのもの。
他のテンプレートとは違い、import.cssには何も記述しなくてよい。

使用しているメールフォームのプログラムはメールフォームプロver4.x.xである。
デフォルトでいくつのかCSSがmfp.statics/mailformpro.cssに記述されており、
それをオフにするためのCSSがこれである。原則触らない。
==========*/
html,body{
    font-size: 62.5%;
}
@media screen and (max-width:991px) {
    html,body{
    font-size: 2.5vw;
    }
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td,form#mailformpro dl dt,form#mailformpro dl dd{
    border: none;
    padding: 0;
    float: none;
    width: auto;
    text-align: left;
    margin: 0;
}
table#mfp_confirm_table tr.mfp_colored,table#mfp_confirm_table tr.mfp_achroma{
    background: none;
}
form#mailformpro dl dd input{
    width: auto;
}
table#mfp_confirm_table tr td{
    line-height: normal;
}
.must,.optionally{
    display: inline;
    background: none;
    border: none;
    text-shadow: none;
    float: none;
    color: inherit;
    padding: 1em;
    text-align: center;
    box-shadow: none;
    width: fit-content;
    margin: 0 1rem 0 0;
}
.must{
    background-color: #f33;
}
.optionally{
    background-color: #33f;
}
.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{
    border: none;
    border-radius: none;
    box-shadow: none;
    vertical-align: none;
    padding: none;
}
.mfp_element_all{
    max-width: none;
}
.mfp_colored,.mfp_achroma{
    background: none;
}
form#mailformpro label.mfp_not_checked, form#mailformpro label.mfp_checked{
    border: none;
    background: none;
    padding: 1em;
    box-shadow: none;
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev{
    border-radius: none;
    text-shadow: none;
}
div.mfp_err{
    background: none;
    font-size: 1rem;
    padding: none;
    width: 100%;
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td, form#mailformpro dl dt, form#mailformpro dl dd{
    font-weight: normal;
}
table#mfp_confirm_table tr td{
    padding-left: 1em;
}
.btnflex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row-reverse;
}
/*==========
End Reset Form CSS
==========*/
