/*===============================================
pc 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){

    dl.mail_form{
        width:80%;
    }
    dl.mail_form dt{
        width:20%;
        float:left;
        padding:30px 0px;
        clear: both;
        font-size:16px;
    }
    dl.mail_form dd{
        width:100%;
        padding:30px 0px 30px 20%;
        padding-bottom:30px;
        box-sizing: border-box;
        border-bottom:1px solid #ccc;
    }
    dl.mail_form dd input{
        width:70%;
        padding:10px;
        border:1px solid #ccc;
    }
    dl.mail_form dd textarea{
        width:100%;
        height: 250px;
        padding:10px;
        border:1px solid #ccc;
    }
    .inner p{
        text-align: center;
    }
    .inner p input[type="submit"]{
        width:40%;
        line-height:50px;
        margin:20px auto 50px auto;
        background: #2CB6F5;
        color:#fff;
        text-align: center;
        border:none;
        letter-spacing: 5px;
    }
    
}

/*===============================================
tablet 画面の横幅が641px～768pxまで
===============================================*/
@media screen and (min-width: 641px) and (max-width: 768px) {
    
    dl.mail_form{
        width:80%;
    }
    dl.mail_form dt{
        width:20%;
        float:left;
        padding:30px 0px;
        clear: both;
        font-size:16px;
    }
    dl.mail_form dd{
        width:100%;
        padding:30px 0px 30px 20%;
        padding-bottom:30px;
        box-sizing: border-box;
        border-bottom:1px solid #ccc;
    }
    dl.mail_form dd input{
        width:70%;
        padding:10px;
        border:1px solid #ccc;
    }
    dl.mail_form dd textarea{
        width:100%;
        height: 250px;
        padding:10px;
        border:1px solid #ccc;
    }
    .inner p{
        text-align: center;
    }
    .inner p input[type="submit"]{
        width:40%;
        line-height:50px;
        margin:20px auto 50px auto;
        background: #2CB6F5;
        color:#fff;
        text-align: center;
        border:none;
        letter-spacing: 5px;
    }
    
}

/*===============================================
smart  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
    
    dl.mail_form{
        width:100%;
    }
    dl.mail_form dt{
        width:100%;
        padding:5px 0px;
        font-size:1.0rem;
    }
    dl.mail_form dd{
        width:100%;
        padding:5px 0px;
        box-sizing: border-box;
    }
    dl.mail_form dd input{
        width:94%;
        padding:2%;
        border:1px solid #ccc;
        box-sizing: border-box;
    }
    dl.mail_form dd textarea{
        width:94%;
        height:150px;
        padding:2%;
        border:1px solid #ccc;
        box-sizing: border-box;
    }
    .inner p{
        text-align: center;
    }
    .inner p input[type="submit"]{
        width:60%;
        height: 40px;
        line-height:40px;
        margin:20px auto 50px auto;
        background: #2CB6F5;
        color:#fff;
        text-align: center;
        border:none;
        letter-spacing: 5px;
    }
    
}