@charset "utf-8";


/* =================
main
==================== */
.main {
    padding: var(--contentPadding);

}

/* =================
section contact
==================== */

.topic {
    margin-top: 120px;
}
/* headerの高さ＋margintop50 */

.topic__subTitle {
    text-align: center;
}

.detail {
    margin-top: 50px;
    text-align: center;
}

.contact__line {
    background: var(--primary-beige);
    padding: 25px;
    margin-top: 50px;
    text-align: center;
}

.contact__line img {
    width: 220px;
    height: 220px;
    margin-top: 30px;
}

.contact__title {
    background: var(--primary-white);
    padding: 8px;
    font-size: 1.8rem;
    font-weight: 500;
    align-items: center;
    text-align: center;
}

.contact__txt {
    margin-top: 30px;
    text-align: left;
}

.btn.btn--contact {
    margin-top: 30px;
    width: 227px;
}

.contact__google {
    background: var(--primary-green);
    padding: 25px;
    margin-top: 50px;
}

/* pc article */
@media screen and (min-width: 769px) {
    .topic {
        margin-top: 210px;
    }

    .detail {
        text-align: center;
    }

    .brPC {
        display: block;
    }

    .link {
        flex-direction: row;
        gap: 50px;
    }

    .contact {
        max-width: 800px;
        margin: 0 auto;
    }

    .contact__line img {
        width: 300px;
        height: 300px;
    }

    .contact__google,
    .contact__line {
        padding: 50px;
    }

    .contact__google {
        max-width: 800px;
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 100px;
    }

    .btn.btn--contact {
        width: 300px;
    }
}

/* pc 769px */