.page_service .under_bg{
    background: url(../images/service/service_kv.jpg) center top / cover no-repeat;
}

.service_content{
    padding: 10rem 0;
    scroll-margin-top: 0;
}

.service_header{
    margin-bottom: 6rem;
}

.service_header span{
    font-family: var(--fontEn);
    font-weight: 300;
}

.service_header h2{
    font-size: 4rem;
    letter-spacing: 0.04em;
    padding-bottom: 2.5rem;
    border-bottom: solid 0.1rem var(--line);
    margin: 2rem 0 4rem;
}

.service_header p{
    letter-spacing: 0.04em;
    font-size: 1.4rem;
}

.service_inner{
    display: flex;
    gap: 4rem;
}

.service_item{
    flex: 1;
    display: flex;
    flex-flow: column;
    gap: 3rem;
}

.service_item img{
    width: 100%;
}

.service_item h3{
    font-size: 2.4rem;
    line-height: 1.4;
    letter-spacing: 0.07em;
}

.service_item h3 span{
    font-size: 1.6rem;
}

.service_item p{
    letter-spacing: 0.05em;
    text-align: justify;
}

.backoffice{
    background: var(--bg);
}

.realestate.service_content{
    padding: 10rem 0 0;
}


@media (max-width: 767px) {

    .page_service .under_bg{
        background: url(../images/service/sp/service_kv.jpg) center top / cover no-repeat;
    }

    .service_content{
        padding: 8rem 0;
    }

    .service_header h2{
        font-size: 2.8rem;
        margin: 2rem 0;
    }

    .service_inner{
        flex-flow: column;
        gap: 6rem;
    }

    .service_item{
        gap: 2rem;
    }

    .realestate.service_content{
        padding: 8rem 0 0;
    }
}