@media screen and (min-width: 768px) {
    /* メディアクエリー */

    input {}

    input,
    select {
        padding: 8px 13px;
        box-sizing: border-box;
        border:1px solid #f0f0f0;
        font-size: 100%;
        background-color: #f0f0f0;
    }

    .tex_01 {
        width: 100%;
        padding: 8px 13px;
    }

    .tex_02 {
        width: 100%;
        padding: 8px 13px;
    }

    .tex_03 {
        width: 25%;
        padding: 8px 13px;
        margin: 0 20px 0 0;
    }
    .tex_03 {
        width: 25%;
        padding: 8px 13px;
        margin: 0 20px 0 0;
    }
    .tex_04 {
        width: 15%;
        padding: 8px 13px;
        margin: 0 15px;
    }



    .text_box {
        width: 100% !important;
        height: 120px;
        padding: 10px;
        box-sizing: border-box;
        border:1px solid #f0f0f0;
        font-size: 14px;
        background-color: #f0f0f0;
    }

    .postalcode {
        width: 40%;
        padding: 10px;
        margin: 0 0 0 20px;
    }

    .mwform-radio-field label {
        font-weight: bold !important;
        margin-bottom: 0;
    }

    /**ボタンCSSのリセット**/

    input[type="submit"] {
        -webkit-appearance: none;
    }

    .input_but {
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
    }

    .input_but {
        background-color:#ff6700;
        color: #fff;
        width: 30%;
        margin: -20px 10px 0px;
        padding: 18px 40px;
        font-size: 25px;
        font-weight: bold;
        position: relative;
        letter-spacing: 0.05em;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
    }

    .input_but:hover {
        opacity: 0.5;
    }

    #inputbut_area {
        display: flex;
        margin: 50px auto 0;
        justify-content: center;
    }


    .yubin {
        color: #3a9784;
        font-size: 13px;
        margin: 0 0 0 10px;
        font-weight: bold;
    }

    .mwform-radio-field {
        display: inline-block;
    }

    .td-file .mwform-file-delete {
        font-size: 2rem;
        font-weight: 900;
    }

    /**************とじタグ***************/

}

/* CSS Document */
/********スマホ********/
@media screen and (max-width:767px) {
    /* メディアクエリー */


    /**ボタンCSSのリセット**/

    input[type="submit"] {
        -webkit-appearance: none;
    }

    .input_but {
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
    }

    .input_but {
        background-color: #ff6700;
        color: #fff;
        padding: 15px 20px;
        width: 200px;
        text-align: center;
        position: relative;
        overflow: hidden;
        margin: 6px 5px;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
        border-radius: 5px;
        margin: 10px;
        font-weight: bold;
        font-size: 16px;
    }

    .input_but:hover {
        opacity: 0.5;
    }

    #inputbut_area {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        justify-content: center;
    }

    input {
        font-size: 106%;
    }

    input,
    select {
        padding: 10px;
        box-sizing: border-box;
        background-color: #f0f0f0;
        border-radius: 5px;
        border: 0;
        width: 100%;
        margin: 0 0 5px;
    }

    .tex_01 {
        width: 100%;
    }

    .tex_02 {
        width: 100%;
    }

    .tex_03 {
        width: 50%;
    }
    .tex_04 {
        width: 30%;
        margin: 0 10px 10px;
    }

    .text_box {
        width: 100%;
        height: 200px;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 5px;
        font-size: 106%;
        background-color: #f0f0f0;
        border: 0;
        font-family: 'Noto Sans Japanese', sans-serif;
    }

    .post {
        width: 50%;
    }

    .postalcode {
        width: 80%;
        padding: 10px;
        margin: 0 0 0 10px;
    }



    .yubin {
        color: #3a9784;
        font-size: 12px;
        margin: 0 0 0 5px;
    }

    .td-file .mwform-file-delete {
        font-size: 2rem;
        font-weight: 900;
    }

    /**************とじタグ***************/

}

    .mw_wp_form .error {
        font-size: 90%;
        font-weight: bold;
        color: #ff9900 !important;
        display: block;
        margin: 5px 0 0;
    }

    input[type="checkbox"],
    input[type="radio"] {
        margin: 0;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    /**チェックボックス**/

    .check_td {
        display: flex !important;
    }

    .mwform-checkbox-field label span {
        display: inline-block;
    }

    .mwform-checkbox-field label input[type="checkbox"] {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

    .mwform-checkbox-field label input[type="checkbox"] + span::before,
    .mwform-checkbox-field label input[type="checkbox"] + span::after {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        content: '';
        box-sizing: border-box;
    }

    .mwform-checkbox-field label input[type="checkbox"] + span::before {
        z-index: 0;
        background-color: transparent;
        width: 13px;
        height: 13px;
        border: 1px #a6a6a6 solid;
        border-radius: 2px;
        margin: 7px 0 0 0;
        background: linear-gradient(#ededed, #dedede);
    }

    .mwform-checkbox-field label input[type="checkbox"] + span::after {
        z-index: 1;
        margin: 7px 4px;
        width: 6px;
        height: 9px;
    }

    .mwform-checkbox-field label input[type="checkbox"]:checked + span::before {
        background-color: #ff6700;
    }

    .mwform-checkbox-field label input[type="checkbox"]:checked + span::after {
        border: 2px solid #ff6700;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .mwform-checkbox-field label,
    .mwform-radio-field label {
        position: relative;
        word-break: break-all;
        font-weight: bold;
    }

    .mwform-checkbox-field label input[type="checkbox"] + span,
    .mwform-radio-field label input[type="radio"] + span {
        position: relative;
        padding: 0 20px 10px 28px;
    }


    /**ラジオボタン**/


    .mwform-radio-field {
        display: inline-block;
    }

    .mwform-radio-field label span {
        display: inline-block;
    }

    .mwform-radio-field label input[type="radio"] {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

    .mwform-radio-field label input[type="radio"] + span::before {
        position: absolute;
        display: inline-block;
        content: '';
        box-sizing: border-box;
        border-radius: 22px;
    }

    .mwform-radio-field label input[type="radio"] + span::before {
        z-index: 0;
        top: 0;
        left: 0;
        background-color: transparent;
        width: 13px;
        height: 13px;
        border: 1px #a6a6a6 solid;
        border-radius: 10px;
        margin: 7px 0 0 0;
        background: linear-gradient(#ededed, #dedede);
    }

    .mwform-radio-field label input[type="radio"]:checked + span::before {
        border-width: 4px;
        border: 4px #ff6700 solid;
    }


    .mwform-checkbox-field label,
    .mwform-radio-field label {
    position: relative;
    display: inline-block !important;
    word-break: break-all;
    font-weight: bold;
}
    /**************とじタグ***************/

}