.service-list {
    padding-top: 65px;
}

.service-list .service-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.service-list .service-card {
    grid-column: span 2;
}

.service-note {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 20px 7vw;
    border-top: 1px solid var(--line);
    margin-top: 85px;
    padding-top: 48px;
}

.service-note h2 {
    font-size: 30px;
}

.service-note p {
    color: var(--muted);
}

.service-note .text-link {
    grid-column: 2;
    justify-self: start;
}

@media (max-width: 850px) {
    .service-list .service-grid {
        grid-template-columns: 1fr;
    }

    .service-list .service-card:nth-child(n) {
        grid-column: auto;
    }

    .service-list .service-card:nth-child(n) img {
        aspect-ratio: 1.4;
    }
}

@media (max-width: 560px) {
    .service-note {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .service-note .text-link {
        grid-column: auto;
    }
}