@media screen and (max-width:450px){
    .contact .wrap-1 img.center{
        width: 20%;
    }

    .contact .wrap-1 p{
        font-size: 1.5rem;
        text-align: left;
    }
    .contact .wrap-1 p .sp{
        display: none;
    }
    .contact .wrap-1 .tel{
        width: 45%;
        margin: 1% 2%;
    }
    .contact .wrap-1 .house{
        display: none;
    }
    .contact .wrap-1 .tree{
        display: none;
    }

    .form-group .box{
        display: block;
    }
    .form-group .name{
        width: 100%;
        display: block;
        text-align: center;
        padding: 0 ;
        border-left: none;
        border-bottom: solid 1px #aaa;
    }
    .form-group .name span{
        right: 10%;
    }
    .form-group .content{
        display: block;
        width: 100%;
    }
    .form-group .content ul li{
        margin: 0 0 0 2%;
    }
    .form-control{
        width: 80%;
    }
    .contact-btn{
        width: 50%;
    }
    .alert-success{
        font-size: 1.4rem;
    }
    .alert-danger{
        font-size: 1.4rem;
    }
    /* ///////////////////////////////////////////////////////////////////
サンクスページ
/////////////////////////////////////////////////////////////////// */

.thanks{
    text-align: center;
    margin: 0 0 5%;
}

.thanks .sp{
    display: block;
}

.thanks div{
    font-size: 2.5rem;
    font-weight: bold;
    background-color: red;
    color: #fff;
    padding: 2% 0;
}
}