@charset "UTF-8";

.recommend_list li {
    display: flex;
    align-items: flex-start;
    color: #402d1e;
    font-size: 1.20rem;
   text-align: left;
}
.recommend_label {
color: #402d1e;
    font-size: 1.60rem;
    text-align:left;
}

.recommend_list li::before {
    display: inline-block;
    content: "";
    background: var(--i_sub_color);
    width: 1em;
    aspect-ratio: 1;
    mask-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%231f1f1f%22%3E%3Cpath%20d%3D%22m424-296%20282-282-56-56-226%20226-114-114-56%2056%20170%20170Zm56%20216q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Z%22%2F%3E%3C%2Fsvg%3E);
    mask-repeat: no-repeat;
    mask-size: contain;
    z-index: 0;
    pointer-events: none;
    margin-right: 0.5em;
    margin-top: 0.25em;
    flex-shrink: 0;
}


/* Tablet - 2 columns */
@media screen and (max-width: 1000px) {
    #top_service + div .wrapper_item .inner_item {
        flex: 0 0 calc((100% - 20px) / 2); /* 2 columns */
    }
}

/* Mobile - 1 column */
@media screen and (max-width: 768px) {
    #top_service + div .wrapper_item .inner_item {
        flex: 0 0 100%; /* 1 column */
    }
}