/* MV */
.materialsProducts .heading--primary.imgBg {
    background-image: url(../img/mv_matPro.webp);
}


@media screen and (max-width: 767.9px) {
    .materialsProducts .heading--primary.imgBg {
        background-image: url(../img/mv_matPro_sp.webp);
    }
}

.materialsProducts .lead {
    padding-bottom: 118rem;
}
@media screen and (max-width: 767.9px) {
    .materialsProducts .lead {
            padding-bottom: 47rem;
        }
}
.card__list .text {
    font-size: 14rem;
    margin-top: 15rem;
}
.materialsProducts .card__link {
    position: relative;
    display: block;
}
.materialsProducts .card__link::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-black);
    opacity: .3;
    transition: all .4s;
}
.materialsProducts .card__link:hover {
    opacity: 1;
}
.materialsProducts .card__link:hover::after {
    opacity: 0;
}

.materialsProducts .card__link .text {
    position: absolute;
    color: var(--color-white);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -36%);
    z-index: 1;
    font-size: 20rem;
    font-weight: 600;
    width: 100%;
    text-align: center;  
    margin: 0;
    line-height: 1.6;  
}