@charset "utf-8";

h2{
    font-size: 24px;
    font-weight: 600;
    padding-top: 80px;
}
.contact-form {
    dl>div {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 1em;

    }

    dt {
        width: 30%;
    }

    dd {
        width: 70%;
    }

    .req {
        float: right;
    }
}

@media screen and (max-width:700px) {
    .contact-form{
        dl>div{
            flex-direction: column;
        }
        dt {
            width: 100%;
        }
        dd{
            width: 100%;
        }
        .req{
            float: none;
            margin-left: 1em;
        }
    }
}