@charset "UTF-8";
.p_first{
    width: 80%;
    margin: 0 auto 24px auto;
}

.form{
    width: 90%;
    max-width: 640px;
    margin: 0 auto;
}

form div{
    margin-top: 24px;
}

form label{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

form span{
    background-color: #28a9ec;
    color: #fff;
    font-size: 13px;
    padding: 5px;
    border-radius: 5px;
    margin-left: 24px;
}

form input{
    background-color: #fff;
    width: 360px;
    padding: 8px;
    border-radius: 5px;
    border: solid 1px #000;
}

form textarea{
    background-color: #fff;
    max-width: 540px;
    padding: 8px;
    border-radius: 5px;
    border: solid 1px #000;
}

button{
    background-color: #000;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    margin-top: 48px;
}


@media screen and (max-width: 712px){
    form label{
        display: block;
    }
    form p{
        margin-bottom: 8px;
    }
    form input{
        width: 100%;
    }
    form textarea{
        width: 100%;
        max-width: 100%;
    }
}