/* materialsTop */
.materialsTop .heading--primary.imgBg {
    background-image: url(../img/mv_materialsTop.webp);
    line-height: 1.44;
    margin-bottom: 0;
    height: 550rem;
}

.materialsTop .heading--text {
    line-height: 2;
    font-size: 20rem;
    margin-top: 63rem;
    letter-spacing: 0;
}

@media screen and (max-width: 767.9px) {
    .materialsTop .heading--primary.imgBg {
        height: 520rem;
        padding-top: 88rem;
        justify-content: flex-start;
    }

    .materialsTop .heading--text {
        font-weight: normal;
        margin-top: 33rem;
        text-align: left;
    }
}

/* map */
.map {
    padding: 0 0 120rem;
}
.materialsTop .scroll__img {
    position: relative;
}

.materialsTop .scroll__wrapper {
    padding-top: 90rem;
}
.map__img {
    width: 90%;
    display: block;
    margin: 0 auto;
}
.pin__list {
    position: absolute;
    left: 308rem;
    bottom: 215rem;
}

.pin__list--02 {
    left: 430rem;
    bottom: 404rem;
}

.pin__list--03 {
    left: 520rem;
    bottom: 507rem;
}

.pin__list--04 {
    left: 592rem;
    bottom: 562rem;
}

.pin__list--05 {
    left: 627rem;
    bottom: 446rem;
}

.pin__list--06 {
    left: 748rem;
    bottom: 692rem;
}

.pin {
    display: block;
    width: 80rem;
    padding: 10rem 20rem;
    cursor: pointer;
}

.pin__card {
    position: absolute;
    bottom: 73rem;
    right: 24rem;
    display: none;
    width: 335rem;
    padding: 12rem 17rem 24rem;
    border: 1px solid var(--color-green);
    border-radius: 6rem;
    background-color: rgba(255, 255, 255, .91);
    font-size: 14rem;
}

.card__wrapper {
    display: flex;
    height: 156rem;
}

.map .card__img {
    width: 135rem;
    margin-right: 16rem;
}
.card__wrapper .text__wrapper{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pin__card .card__title {
    font-size: 20rem;
    margin-bottom: 5rem;
}
.pin__card .text {
    line-height: 1.7;
}
.pin__list:hover>.pin__card {
    display: block;
}

.pin__card .btn:hover {
    color: var(--color-green);
}

.btn--products {
    margin: 90rem auto 0;
}
@media screen and (max-width: 767.9px) {
    .map {
        margin-top: -520rem;
        padding: 0 0 60rem;
    }
    .materialsTop .scroll__wrapper {
            padding-top: 60rem;
        }
    .materialsTop .scroll__wrapper::before {
        top: 542rem;
        z-index: 0;
    }

    .materialsTop .scroll__img {
        width: 560rem;
        height: 1140rem;
        padding-top: 560rem;
    }

    .map__img {
        width: 540rem;
    }

    .pin {
        width: 70rem;
    }

    .pin__list {
        left: 138rem;
        bottom: 160rem;
    }

    .pin__list--02 {
        left: 211rem;
        bottom: 274rem;
    }

    .pin__list--03 {
        left: 261rem;
        bottom: 332rem;
    }

    .pin__list--04 {
        left: 306rem;
        bottom: 360rem;
    }

    .pin__list--05 {
        left: 327rem;
        bottom: 297rem;
    }

    .pin__list--06 {
        left: 397rem;
        bottom: 440rem;
    }
    .pin__card {
        position: fixed;
        z-index: 10;
        top: 70rem;
        left: 20rem;
        height: 240rem;
    }
        .btn--products {
            margin: 60rem auto 0;
        }
}
/* pageMenu */
.pageMenu {
    margin-bottom: 120rem;
}
.pageMenu picture {
    display: contents;
}
.pageMenu .card__title {
     width: max-content;
     background-color: var(--color-green-light);
     margin-top: -45rem;
     margin-left: -1rem;
     padding: 8rem 24rem 0 6rem;
 }
.pageMenu .card__description {
    margin: 23rem 0 23rem 5rem;
}
@media screen and (max-width: 767.9px) {
.pageMenu {
    padding: 50rem 0;
    margin-bottom: 60rem;
}
.pageMenu .card__title {
    margin-top: -35rem;
}
.pageMenu .card__description {
    margin: 11rem 0 23rem 0rem;
}
}