@charset "utf-8";

/*装飾*/

form{
    margin: 10%;
}

form p {
    color: #634c35;
}


form span {
    font-size: 10px;
    color: #c97901;
    display: block;
}


/*入力箇所の装飾*/

form input,
form textarea,
form select {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-radius: 15px;
    border-color: #56c1de;
    background-color: transparent;
    position: relative;
    outline: none;
    padding: 5px 15px;
}

form input,
form textarea {
    width: 50%;
}


form select {
    width: 20%;
    color: #634c35;
}

form textarea {
    height: 100px;
}

form label{
    margin: 0 5px;
}

form label input{
    width: 15px;
    padding: 10px;
}



form #submitBtn{
    display: block;
    background-color: #b1e93a;
    width: 110px;
    color: #f4f3f1;
    font-size: 20px;
    padding: 20px;
    border-width: 0;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    margin: 5% auto;
}

form #submitBtn:hover{
    background-color: #b2e93a7f;
}


main .kana{
    display: block;
    font-size: 12px;
    color: #634c35;

}



/*フォーカス時の装飾*/

form [type='email']:focus,
form [type='text']:focus,
form select option:focus,
form select:focus {
    outline: none;
    background-color: #56c1de74;
}

/*alert*/

.alert{
    font-size: 8px;
    color: red;
    padding: 0;
    margin: 0;
}













/*くコ:彡   SP*/
@media screen and (max-width:640px) {


form{
    margin: 10%;
}

form label{
    margin: 0 10%;

}

form input, form textarea {
    width: 90%;
}

form select {
    width: auto;
}

}