@charset "utf-8";

/* お問い合わせ===================================== */
.topic__wrap {
    width: 100%;
    margin: 64px 0;
    padding: 20px 0 60px;
    background-color: rgba(49, 67, 113, 0.6);
    background-image: url(../images/contact/contact.jpg);
    background-blend-mode: multiply;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: var(--primary-white);
    position: relative;
}

.topic__sub {
    color: var(--primary-white);
}

.local__nav {
    display: none;
}

/* 制作事例＠PC表示================== */
@media screen and (min-width: 769px) {
    .topic__wrap {
        width: 100%;
        margin-top: 0px;
        padding: 20px 0 80px;
    }

    .topic {
        margin-top: 24px;
        height: 240px;
    }

    .topic__main {
        font-size: 4rem;
    }

    .topic__sub {
        font-size: 2.4rem;
    }

    .local__nav {
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(30%, 60%);
        display: flex;
        font-size: 1.2rem;
        font-weight: 400;
        gap: 16px;
    }
}