@charset 'utf-8';

.container_inner > .title-primary:first-child {
    margin-top: 2rem;
}

.card {
    margin-top: 2rem;
}

.distance {
    display: grid;
    grid-template-columns: 16.2rem 17.3rem;
    font-size: 1.6rem;
    color: var(--color-text-note);
}

.lockerInfo {
    display: grid;
    gap: 2rem 0;
    grid-template-columns: 9.8rem 19.7rem;
}

.lockerInfoImg {
    margin: 0 auto;
    margin-top: 2rem;
}

/* SP */
@media only screen and (max-width: 750px) {
    .header_wrap {
        display: none;
    }

    body {
        grid-template-rows: 1fr auto;
        padding-top: 0;
    }
}

/* PC */
@media only screen and (min-width: 751px) {
    .container_inner > .title-primary:first-child {
        margin-top: 8rem;
    }

    .card {
        margin-top: 4rem;
    }

    .lockerInfo {
        display: grid;
        justify-content: center;
        gap: 2rem;
        grid-template-columns: 23.5rem 57.5rem;
        font-size: 1.6rem;
    }

    .lockerInfoImg {
        margin-top: 4rem;
    }

    .btn_wrap {
        margin-top: 8rem;
    }
}