@charset "utf-8";





@media (min-width: 768px) {
    /* PC用 */

    #contact {}

    #contact td {
        border: 20px solid #fff;
    }

    #contact input {
        padding: 5px;
    }

    #submit_button {
        padding: 15px 40px;
        font-size: 1.2em;
        /* 背景色を黒に指定 */
        background-color: #405ABC;
        /* 文字色を白に指定 */
        color: #fff;
        /* submitボタンのを枠を非表示にする */
        border-style: none;
    }

    #clear_button {
        padding: 15px 40px;
        font-size: 1.2em;
        /* 背景色を黒に指定 */
        background-color: #EBEDF9;
        /* 文字色を白に指定 */
        color: #405ABC;
        /* submitボタンのを枠を非表示にする */
        border-style: none;
    }


}

@media (max-width: 767px) {
    /* tablet用 */

    #contact {}

    #contact td {
        border: 20px solid #fff;
    }

    #contact input {
        padding: 5px;
        width: 100%;
    }

    #contact textarea {
        width: 100%;
    }

    #submit_button {
        padding: 15px 40px;
        font-size: 1.2em;
        /* // 背景色を黒に指定 */
        background-color: #405ABC;
        /* // 文字色を白に指定 */
        color: #fff;
        /* // submitボタンのを枠を非表示にする */
        border-style: none;
    }

    #clear_button {
        padding: 15px 40px;
        font-size: 1.2em;
        /* // 背景色を黒に指定 */
        background-color: #EBEDF9;
        /* // 文字色を白に指定 */
        color: #405ABC;
        /* // submitボタンのを枠を非表示にする */
        border-style: none;
    }

    #contact .cBox {
        width: 90%;
        margin: auto;
    }


}