.l-contents {
    overflow-x: clip;
}

/* ---------------------------------------------
*   p-production-intro
--------------------------------------------- */
.p-production-intro .c-ttl-5 {
    font-size: 2.25rem;
    line-height: 1.5;
    margin-top: 62px;
}

@media screen and (max-width: 750px) {
    .p-production-intro .c-ttl-5 {
        font-size: 1.4285714286rem;
        line-height: 1.35;
        margin-top: 35px;
    }
}
.p-production-intro .c-txt-5 {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .p-production-intro .c-txt-5 {
        margin-top: 15px;
    }
}
.p-production-intro .c-list-4 {
    margin-top: 18px;
}

@media screen and (max-width: 750px) {
    .p-production-intro .c-list-4 {
        margin-top: 12px;
        line-height: 1.6;
    }
}
.p-production-intro .c-list-4 li {
    gap: 0;
}

@media screen and (max-width: 750px) {
    .p-production-intro .c-list-4 li {
        gap: 8px;
    }
}
.p-production-intro .c-list-4 + .c-ttl-13 {
    margin-top: 44px;
}

@media screen and (max-width: 750px) {
    .p-production-intro .c-list-4 + .c-ttl-13 {
        margin-top: 32px;
    }
}
.p-production-intro .c-ttl-13 {
    font-size: 1.25rem;
    line-height: 1.6;
}

@media screen and (max-width: 750px) {
    .p-production-intro .c-ttl-13 {
        font-size: 1.1428571429rem;
    }
}
/* ---------------------------------------------
*   p-production-flow
--------------------------------------------- */
.p-production-flow {
    margin-top: 44px;
}

@media screen and (max-width: 750px) {
    .p-production-flow {
        margin-top: 34px;
    }
}
.p-production-flow .c-ttl-5 {
    margin-top: 0;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
}

@media screen and (max-width: 750px) {
    .p-production-flow .c-ttl-5 {
        font-size: 1.1428571429rem;
        line-height: 1.5;
    }
}
.p-production-flow .c-txt-5 {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .p-production-flow .c-txt-5 {
        margin-top: 12px;
    }
}
/* ---------------------------------------------
*   p-production-products
--------------------------------------------- */
.p-production-products {
    margin-top: 44px;
}

@media screen and (max-width: 750px) {
    .p-production-products {
        margin-top: 33px;
    }
}
.p-production-products .c-ttl-13 {
    margin-top: 0;
    font-size: 1.25rem;
    line-height: 1.6;
}

@media screen and (max-width: 750px) {
    .p-production-products .c-ttl-13 {
        font-size: 1.1428571429rem;
    }
}
.p-production-products .c-txt-5 {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .p-production-products .c-txt-5 {
        margin-top: 12px;
    }
}
.p-production-products__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-top: 25px;
}

@media screen and (max-width: 750px) {
    .p-production-products__list {
        gap: 9px;
        margin-top: 25px;
    }
}
.p-production-products__figure img {
    width: 100%;
}

.p-production-products__caption {
    margin-top: 10px;
    font-size: 0.875rem;
    line-height: 1.45;
}

@media screen and (max-width: 750px) {
    .p-production-products__caption {
        margin-top: 8px;
        font-size: 0.7142857143rem;
        line-height: 1.45;
    }
}
.p-production-products__btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

@media screen and (max-width: 750px) {
    .p-production-products__btn-wrap {
        margin-top: 25px;
    }
}
.p-production-products__btn-wrap .c-btn-1 {
    width: 340px;
    margin-top: 0;
}

@media screen and (max-width: 750px) {
    .p-production-products__btn-wrap .c-btn-1 {
        width: 100%;
    }
}