/* 
 * 
 * 
 * 
 */

@media screen and (min-width: 1025px){ /* width 768px */
    div.contents{
        padding: 50px 0 0 0;
    }

    h3{
        margin: 0;
        padding: 0;
        width: 65px;
        height: 13px;
        overflow: hidden;
        background: url(../img/contact_01.png) 0 0;
        background-size: 65px 13px;
        background-repeat: no-repeat;
        text-indent: 100%;
        white-space: nowrap;
    }

    p.infotxt{
        margin: 30px 0 50px 0;
        letter-spacing: 0.1em;
        text-align: center;
    }

    .formTable{
        width: 650px;
        overflow: hidden;
        margin: 30px auto 0 auto;
        padding: 0;
    }

    .formTable dl{
        margin: 0 0 30px 0;
        vertical-align: middle;
    }

    .formTable dl dt{
        width: 200px;
        height: 18px;
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        letter-spacing: 0.1em;
    }

    .formTable dl.label dt{
        position: relative;
        top: 5px;
    }

    .formTable dl dd{
        width: 435px;
        overflow: hidden;
    }

    .formTable dl dd input{
        width: 200px;
        height: 18px;
        line-height: 18px;
        border: 1px solid #898989;
        margin: 0;
        padding: 4px 5px;
    }

    .formTable dl dd textarea{
        font-size: 13px;
        font-weight: normal;
        width: 395px;
        border: 1px solid #898989;
        margin: 0;
        padding: 4px 5px;
    }

    .formTable dl dd select{
        height: 28px;
        border: 1px solid #898989;
        padding: 2px 2px;
    }

    .formTable img{
        position: relative;
        top: 2px;
        float: right;
        margin: 0 10px 0 0;
    }

    .submit{
        width: 350px;
        margin: 0 auto;
        padding: 0;
        display: block;
    }

    .submit input{
        width: 100px;
        height: 30px;
        margin: 0 25px;
        padding: 0;
        border: none;
        background-color: #000;
        color: #fff;
        cursor: pointer;
    }

    .submit input:hover{
        background-color: #898989;
    }

    .submit input:active{
        background-color: #000;
        position: relative;
        top: 1px;
        color: #fff;
        cursor: pointer;
    }


/** 送信確認 **/
    .formWrap p.error_messe{
        text-align: center;
        margin: 30px 0;
        color: red;
    }

    .formWrap h3{
        margin: 0 auto;
        padding: 0;
        width: 110px;
        height: 26px;
        overflow: hidden;
        background: url(../img/contact_02.png) 0 0;
        background-size: 110px 26px;
        background-repeat: no-repeat;
        text-indent: 100%;
        white-space: nowrap;
    }


/** 送信完了 **/
    .send h3{
        margin: 0 auto;
        padding: 0;
        width: 110px;
        height: 27px;
        overflow: hidden;
        background: url(../img/contact_03.png) 0 0;
        background-size: 110px 27px;
        background-repeat: no-repeat;
        text-indent: 100%;
        white-space: nowrap;
    }

    .send p{
        text-align: center;
        margin: 30px 0;
        line-height: 2.5em;
    }

    .send a{
        border-bottom: 1px dotted #898989;
    }
}




@media screen and (min-width: 533px) and (max-width: 1024px) {/* width 533-1025px */
        div.contents{
        padding: 50px 0 0 0;
    }

    h3{
        margin: 0;
        padding: 0;
        width: 65px;
        height: 13px;
        overflow: hidden;
        background: url(../img/contact_01.png) 0 0;
        background-size: 65px 13px;
        background-repeat: no-repeat;
        text-indent: 100%;
        white-space: nowrap;
    }

    p.infotxt{
        margin: 30px 0 50px 0;
        letter-spacing: 0.1em;
        text-align: center;
    }

    .formTable{
        width: 650px;
        overflow: hidden;
        margin: 30px auto 0 auto;
        padding: 0;
    }

    .formTable dl{
        margin: 0 0 30px 0;
        vertical-align: middle;
    }

    .formTable dl dt{
        width: 200px;
        height: 18px;
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        letter-spacing: 0.1em;
    }

    .formTable dl.label dt{
        position: relative;
        top: 5px;
    }

    .formTable dl dd{
        width: 435px;
        overflow: hidden;
    }

    .formTable dl dd input{
        width: 200px;
        height: 18px;
        line-height: 18px;
        border: 1px solid #898989;
        margin: 0;
        padding: 4px 5px;
    }

    .formTable dl dd textarea{
        font-size: 13px;
        font-weight: normal;
        width: 60%;
        border: 1px solid #898989;
        margin: 0;
        padding: 4px 5px;
    }

    .formTable dl dd select{
        height: 28px;
        border: 1px solid #898989;
        padding: 2px 2px;
    }

    .formTable img{
        position: relative;
        top: 2px;
        float: right;
        margin: 0 10px 0 0;
    }

    .submit{
        width: 350px;
        margin: 0 auto;
        padding: 0;
        display: block;
    }

    .submit input{
        width: 100px;
        height: 30px;
        margin: 0 25px;
        padding: 0;
        border: none;
        background-color: #000;
        color: #fff;
        cursor: pointer;
    }

    .submit input:hover{
        background-color: #898989;
    }

    .submit input:active{
        background-color: #000;
        position: relative;
        top: 1px;
        color: #fff;
        cursor: pointer;
    }


/** 送信確認 **/
    .formWrap p.error_messe{
        text-align: center;
        margin: 30px 0;
        color: red;
    }

    .formWrap h3{
        margin: 0 auto;
        padding: 0;
        width: 110px;
        height: 26px;
        overflow: hidden;
        background: url(../img/contact_02.png) 0 0;
        background-size: 110px 26px;
        background-repeat: no-repeat;
        text-indent: 100%;
        white-space: nowrap;
    }


/** 送信完了 **/
    .send h3{
        margin: 0 auto;
        padding: 0;
        width: 110px;
        height: 27px;
        overflow: hidden;
        background: url(../img/contact_03.png) 0 0;
        background-size: 110px 27px;
        background-repeat: no-repeat;
        text-indent: 100%;
        white-space: nowrap;
    }

    .send p{
        text-align: center;
        margin: 30px 0;
        line-height: 2.5em;
    }

    .send a{
        border-bottom: 1px dotted #898989;
    }
}




@media screen and (max-width: 533px){ /* width 320-533px */
    div.contents{
        margin: 0;
        padding: 0;
    }

    h3{
        margin: 0 0 0 5%;
        padding: 0;
        width: 65px;
        height: 13px;
        overflow: hidden;
        background: url(../img/contact_01.png) 0 0;
        background-size: 65px 13px;
        background-repeat: no-repeat;
        text-indent: 100%;
        white-space: nowrap;
    }

    p.infotxt{
        margin: 30px 0 50px 0;
        letter-spacing: 0.1em;
        text-align: center;
    }

    .formTable{
        width: 90%;
        overflow: hidden;
        margin: 30px auto 0 auto;
        padding: 0;
    }

    .formTable dl{
        margin: 0 0 30px 0;
        vertical-align: middle;
    }

    .formTable dl dt{
        width: 200px;
        height: 18px;
        margin: 0 0 5px 0;
        padding: 0;
        display: block;
        letter-spacing: 0.1em;
    }

    .formTable dl.label dt{
        position: relative;
        top: 5px;
    }

    .formTable dl dd{
        width: 100%;
        overflow: hidden;
    }

    .formTable dl dd input{
        width: 200px;
        height: 18px;
        line-height: 18px;
        border: 1px solid #898989;
        margin: 0;
        padding: 4px 5px;
    }

    .formTable dl dd textarea{
        font-size: 13px;
        font-weight: normal;
        width: 95%;
        border: 1px solid #898989;
        margin: 0;
        padding: 4px 5px;
    }

    .formTable dl dd select{
        height: 28px;
        border: 1px solid #898989;
        padding: 2px 2px;
    }

    .formTable img{
        position: relative;
        top: 2px;
        margin: 0 10px 0 5px;
    }

    .submit{
        width: 350px;
        margin: 0 auto;
        padding: 0;
        display: block;
    }

    .submit input{
        width: 100px;
        height: 30px;
        margin: 0 25px;
        padding: 0;
        border: none;
        background-color: #000;
        color: #fff;
        cursor: pointer;
    }

    .submit input:hover{
        background-color: #898989;
    }

    .submit input:active{
        background-color: #000;
        position: relative;
        top: 1px;
        color: #fff;
        cursor: pointer;
    }


/** 送信確認 **/
    .formWrap p.error_messe{
        text-align: center;
        margin: 30px 0;
        color: red;
    }

    .formWrap h3{
        margin: 0 auto;
        padding: 0;
        width: 110px;
        height: 26px;
        overflow: hidden;
        background: url(../img/contact_02.png) 0 0;
        background-size: 110px 26px;
        background-repeat: no-repeat;
        text-indent: 100%;
        white-space: nowrap;
    }


/** 送信完了 **/
    .send h3{
        margin: 0 auto;
        padding: 0;
        width: 110px;
        height: 27px;
        overflow: hidden;
        background: url(../img/contact_03.png) 0 0;
        background-size: 110px 27px;
        background-repeat: no-repeat;
        text-indent: 100%;
        white-space: nowrap;
    }

    .send p{
        text-align: center;
        margin: 30px 0;
        line-height: 2.5em;
    }

    .send a{
        border-bottom: 1px dotted #898989;
    }
    
}