@charset "UTF-8";

/*====================
contact
====================*/
.form {
    padding: 40px 2.6%;
}

section {
    margin-top: 50px;
}

section:first-of-type {
    margin-top: 0;
}

.form__tittle {
    font-family: Roboto;
    font-size: 1.6rem;
}

.group {
    margin-top: 10px;
}

.form__name {
    font-size: 1.6rem;
    width: 94.6vw;
    padding: 10px;
    background-color: #F4F3F3;
}

.form__mail {
    font-size: 1.6rem;
    width: 94.6vw;
    padding: 10px;
    background-color: #F4F3F3;
}

.txtArea {
    font-size: 1.6rem;
    width: 94.6vw;
    height: 300px;
    padding: 10px;
    background-color: #F4F3F3;
}

/* contact pc */
@media screen and (min-width: 769px) {
    .form {
        padding: 50px 9%;
    }

    .form__parts {
        max-width: 1180px;
        text-align: left;
        margin: 50px auto 0;
    }

    .form__tittle {
        font-size: 2rem;
    }

    .group {
        margin-top: 15px;
    }

    .form__name {
        font-size: 1.8rem;
        width: 50.8%;
        padding: 15px;
    }

    .form__mail {
        font-size: 1.8rem;
        width: 67.7%;
        padding: 15px;
    }

    .txtArea {
        font-size: 1.8rem;
        width: 67.7%;
        padding: 15px;
    }

} /* 769px pc */



/*====================
submit btn
====================*/
.submit {
    text-align: center;
    margin-bottom: 50px;
}

.submit__btn {
    color: #FFF;
    font-family: Roboto;
    font-size: 1.5rem;
    line-height: 30px; /* 200% */
    padding: 15px 60px;
    border-radius: 10px;
    background-color: #2F486B;
}

/* submit btn pc */
@media screen and (min-width: 769px) {
    .submit__btn {
        font-size: 2rem;
        padding: 28px 100px;
    }

} /* 769px pc */