@charset "UTF-8";
.sec_products {
    padding-bottom: 70px;
}
.sec_mod .mv_content {
    width: 47%;
}
.list_products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
}
.list_products li a {
    display: block;
}
.list_products .img_item {
    height: min(calc(515 * var(--tablet-unit)), 515px);
    margin-bottom: 15px;
}
.list_products .img_item img {
    width: 100%;
    height: 100%;
    background: var(--color-light-gray);
    object-fit: cover;
    border-radius: 40px;
}
.list_products .item_content .title_item {
    position: relative;
    font-size: min(calc(24 * var(--tablet-unit)), 24px);
    font-weight: 700;
    font-style: italic;
    color: var(--color-theme);
    line-height: 1.5;
    padding-left: 2.08em;
}
.list_products .item_content .title_item::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 0.08em);
    width: 1.3em;
    height: 0.16em;
    background-color: var(--color-theme);
}

/*For Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1440px) {
    /* .sec_products {
        padding-bottom: 0.70rem;
    }
    .list_products {
        gap: 0.80rem 0.60rem;
    }
    .list_products .img_item {
        height: 5.15rem;
        margin-bottom: 0.15rem;
    }
    .list_products .img_item img {
        border-radius: 0.40rem;
    }
    .list_products .item_content .title_item {
        font-size: 0.24rem;
        padding-left: 0.50rem;
    }
    .list_products .item_content .title_item::before {
        top: 0.17rem;
        width: 0.32rem;
        height: 0.04rem;
    } */
}

/*For SP*/
@media only screen and (max-width: 767px) {
    .sec_mod .mv_content {
        width: 100%;
    }
    .sec_products {
        padding-bottom: calc(90 * var(--sp-unit));
    }
    .list_products {
        grid-template-columns: repeat(1, 1fr);
        gap: calc(60 * var(--sp-unit));
    }
    .list_products li {
        width: 100%;
    }
    .list_products .img_item {
        height: calc(306 * var(--sp-unit));
        margin-bottom: calc(15 * var(--sp-unit));
    }
    .list_products .img_item img {
        border-radius: calc(40 * var(--sp-unit));
    }
    .list_products .item_content .title_item {
        font-size: calc(24 * var(--sp-unit));
        padding-left: calc(30 * var(--sp-unit));
    }
    .list_products .item_content .title_item::before {
        top: calc(16 * var(--sp-unit));
        width: calc(20 * var(--sp-unit));
        height: calc(2 * var(--sp-unit));
    }
}