@charset "UTF-8";

/*
SP ～519px
tab 520px～959px
pc 960px～
*/

.pageview {
    background-image: url(../../img/contact_main_image.jpg);
    background-position: center;
}

@media screen and (min-width:729px) {
    .section {
        padding-top: var(--gutter-80px);
    }
}

/* contact_form */

.contact .contact_form {
    padding: var(--gutter-60px) var(--gutter-32px);
    background-color: var(--color-white);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.contact .contact_form select {
    border: 1px solid rgba(189, 182, 174, 80%);
    padding: var(--gutter-8px);
}

.contact .contact_form input,
.contact .contact_form textarea {
    width: 100%;
    border: 1px solid rgba(189, 182, 174, 80%);
    padding: var(--gutter-8px);
}

.contact .contact_form dl dt {
    margin-bottom: var(--gutter-8px);
    /* フォント */
    font-family: var(--font-ryo-mincho);
    font-weight: 500;
    font-size: var(--size-16px);
}

.contact .contact_form dl:not(:first-of-type) dt {
    margin-top: var(--gutter-24px);
}

.contact .contact_form button {
    margin-top: var(--gutter-60px);
    width: 100%;
    max-width: 203px;
    margin-left: auto;
}

@media screen and (min-width:729px) {
    .contact .contact_form {
        padding: var(--gutter-80px) var(--gutter-60px);
    }

    .contact .contact_form dl {
        display: flex;
        gap: var(--gutter-60px);
        align-items: center;
        justify-content: start;
        width: 100%;
        max-width: 880px;
    }

    .contact .contact_form dl.naiyou {
        align-items: flex-start;
    }

    .contact .contact_form dl:not(:first-of-type) {
        margin-top: var(--gutter-40px);
    }

    .contact .contact_form dl dt {
        width: 100%;
        max-width: 30%;
        margin-bottom: 0;
    }

    .contact .contact_form dl:not(:first-of-type) dt {
        margin-top: 0;
    }

    .contact .contact_form dl dd {
        width: 100%;
        max-width: 70%;
    }

    .contact .contact_form button {
        margin-top: var(--gutter-80px);
        max-width: 288px;
    }
}