.hero-service:nth-child(n) {
    padding-top: 0;
}

.hero-service.no-image {
    padding-top: 15rem;
}

.hero-service__image {
    background-color: var(--color-gray);
    margin-bottom: 2rem;
}

.hero-service__inner {
    gap: 4rem;
}

.hero-service + .service-work-list {
    padding-top: 0;
}

@media screen and (max-width: 575.9px) {
    .hero-service__image:not(:empty) {
        aspect-ratio: 375/360;
    }
    
    .hero-service__inner {
        gap: 2rem;
    }

    .hero-service__breadcrumbs {
        margin-bottom: 6rem;
    }

    .hero-service__btn {
        margin-top: 2rem;
    }
}