@charset 'utf-8';

/* -----------------------------------------
　component
------------------------------------------*/




/* -----------------------------------------
　traceability.html
------------------------------------------*/

.l-traceability {
    padding: 70px 0 20px;
}
.l-traceability .p-traceability__head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
    height: 68px;
    font-size: 24px;
    line-height: 1.458;
    color: rgb(var(--color-ffffff));
    background: rgb(var(--color-39a300));
    border-radius: 50vh;
}
.l-traceability .p-traceability__list {
    margin-top: 64px;
}
.l-traceability .p-traceability__list .p-traceability__item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.l-traceability .p-traceability__list .p-traceability__item:not(:first-child) {
    margin-top: 60px;
}
.l-traceability .p-traceability__list .p-traceability__item figure {
    width: 47.334%;
    overflow: hidden;
}
.l-traceability .p-traceability__list .p-traceability__item .p-traceability-area {
    width: 47.334%;
}
.l-traceability .p-traceability__list .p-traceability__item .p-traceability-area .p-traceability-area__text {
    font-size: 16px;
    line-height: 1.875;
}
.l-traceability .p-traceability__list .p-traceability__item .p-traceability-area .p-traceability-area__notice {
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.858;
}
.l-traceability .p-traceability__list .p-traceability__item .p-traceability-area .p-traceability-area__btn {
    margin-top: 32px;
    width: 270px;
}
@media screen and (max-width: 992px) {
    .l-traceability {
        padding: 7.057vw 0 2.017vw;
    }
    .l-traceability .p-traceability__head {
        margin-top: 7.057vw;
        height: 6.855vw;
        font-size: 2.42vw;
    }
    .l-traceability .p-traceability__list {
        margin-top: 6.452vw;
    }
    .l-traceability .p-traceability__list .p-traceability__item:not(:first-child) {
        margin-top: 6.049vw;
    }
    .l-traceability .p-traceability__list .p-traceability__item .p-traceability-area .p-traceability-area__text {
        font-size: 1.613vw;
    }
    .l-traceability .p-traceability__list .p-traceability__item .p-traceability-area .p-traceability-area__notice {
        margin-top: 3.025vw;
        font-size: 1.412vw;
    }
    .l-traceability .p-traceability__list .p-traceability__item .p-traceability-area .p-traceability-area__btn {
        margin-top: 3.226vw;
        width: 27.218vw;
    }
}
@media screen and (max-width: 767px) {
    .l-traceability {
        padding: 10.667vw 0 5.334vw;
    }
    .l-traceability .p-traceability__head {
        margin-top: 12.8vw;
        height: 10.667vw;
        font-size: 4.267vw;
        z-index: 1;
    }
    .l-traceability .p-traceability__head::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        height: 100%;
        background: rgb(var(--color-39a300));
        z-index: -1;
    }
    .l-traceability .p-traceability__list {
        margin: 8vw auto 0;
        width: 91.734vw;
    }
    .l-traceability .p-traceability__list .p-traceability__item {
        flex-direction: column;
    }
    .l-traceability .p-traceability__list .p-traceability__item:not(:first-child) {
        margin-top: 13.867vw;
    }
    .l-traceability .p-traceability__list .p-traceability__item figure {
        margin: 0 auto;
        width: 80vw;
        text-align: center;
    }
    .l-traceability .p-traceability__list .p-traceability__item .p-traceability-area {
        margin-top: 4.267vw;
        width: 100%;
    }
    .l-traceability .p-traceability__list .p-traceability__item .p-traceability-area .p-traceability-area__text {
        font-size: 3.467vw;
    }
    .l-traceability .p-traceability__list .p-traceability__item .p-traceability-area .p-traceability-area__notice {
        margin-top: 2.667vw;
        font-size: 3.2vw;
    }
    .l-traceability .p-traceability__list .p-traceability__item .p-traceability-area .p-traceability-area__btn {
        margin-top: 4.267vw;
        width: 50.667vw;
    }
}