/* MV */
.tsuchitaro .heading--primary.imgBg {
    background-image: url(../../img/mv_nousan_page.webp);

}

@media screen and (max-width: 767.9px) {
    .tsuchitaro .heading--primary.imgBg {
        margin-bottom: 38rem;
    }
}

/* leadSection */
.lead__img {
    margin-top: 9rem;
}


@media screen and (max-width: 767.9px) {
    .leadSection {
        gap: 20rem;
    }

    .lead {
        padding-bottom: 0;
    }
}

/* products */
.products {
    padding-top: 131rem;
}

.heading--primary.en {
    text-transform: uppercase;
    margin-bottom: 50rem;
}

.products .card__lists {
    margin-top: 27rem;
    gap: 23rem;
}

.products .card__list {
    justify-content: flex-start;
}

.products .card__heading {
    font-weight: 600;
    margin: 17rem 0 4rem;
}

.products__btn {
    margin: 65rem auto 0;
}

@media screen and (max-width: 767.9px) {
    .products {
        padding-top: 61rem;
    }

    .heading--primary.en {
        margin-bottom: 30rem;
    }

    .products .card__lists {
        margin-top: 24rem;
        gap: 30rem;
    }

    .products__btn {
        margin: 41rem auto 10rem;
    }
}

/* features */
.features {
    background-color: var(--color-green-light);
}

.features__img {
    margin-top: 8rem;
}

.features .card__lists--2cols {
    margin-bottom: 70rem;
}

.features .card__lists--3cols {
    margin-top: 32rem;
}

.features .card__lists--3cols .card__list {
    width: 320rem;
    justify-content: flex-start;
    gap: 13rem;
}

.features .card__lists--3cols .card__text {
    font-size: 14rem;
}

@media screen and (max-width: 767.9px) {
    .features {
        padding-top: 51rem;
    }

    .features .heading--primary.en {
        margin-bottom: 40rem;
    }

    .features .card__lists--2cols {
        margin-bottom: 46rem;
        gap: 22rem;
    }

    .features .text__wrapper,
    .quality .text__wrapper {
        display: contents;
    }

    .features__btn {
        order: 1;
        margin: 29rem auto 0;
    }

    .features .heading--secondary:nth-child(4) {
        line-height: 1.6;
    }

    .features .card__lists--3cols {
        margin-top: 43rem;
        gap: 33rem;
        align-items: center;
    }

}

/* process */
.process {
    padding: 68rem 0 0;
}

.process .card__lists {
    flex-wrap: wrap;
    margin: 15rem 0 0 5rem;
    justify-content: flex-start;
    gap: 36rem 45rem;
}

.process .card__list {
    width: 297rem;
    position: relative;
    justify-content: flex-start;
}

.process .card__list:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -31rem;
    top: 104rem;
    height: 26rem;
    width: 26rem;
    transform: rotate(-45deg);
    border-bottom: 4px solid var(--color-green);
    border-right: 4px solid var(--color-green);
}

.process .card__list .text {
    line-height: 1.5;
    margin-top: 15rem;

}

@media screen and (max-width: 767.9px) {
    .process {
        padding: 44rem 0 0;
    }

    .process .card__lists {
        margin: 30rem auto 0;
        width: 297rem;
        gap: 42rem;
    }

    .process .card__list:not(:first-child) .text {
        height: 53rem;
    }

    .process .card__list:not(:last-child)::after {
        right: 135rem;
        top: unset;
        bottom: -25rem;
        transform: rotate(45deg);
    }
}

/* quality */
.quality {
    padding: 48rem 0 0;
}

@media screen and (max-width: 767.9px) {
    .quality {
        padding: 33rem 0 0;
    }
    .quality .card__lists {
        gap: 23rem;
    }
        .quality__btn {
            order: 1;
            margin: 17rem auto 0;
        }
}

/* environment */
.environment {
    padding-top: 50rem;
}

.environment .text__wrapper {
    justify-content: flex-start;
}

.environment .card__heading {
    margin: 34rem 0 3rem;
}

.btn--bottom {
    margin: 38rem auto 50rem;
}

@media screen and (max-width: 767.9px) {
    .environment {
    padding-top: 41rem;
}
.environment .card__heading {
    margin: 8rem 0 3rem;
}
.environment .card__lists {
    gap: 24rem;
}
.btn--bottom {
    margin: 80rem auto 30rem;
}
}