.contents-box__list__item .taglist,
.remodal-content .taglist {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    text-align: left;
    margin-top: 16px;

    &>span {
        display: inline-block;
        font-size: 1.6rem;
        width: 110px;
        padding: 4px 0;
        text-align: center;
        background-color: var(--color-main);
        color: #fff;
        border-radius: 100vh;
    }
}

.remodal-dl {
    margin-top: 16px;
    width: 100%;

    display: grid;
    grid-template-columns: 10% auto 10% auto;
    align-items: baseline;


    & dt,
    & dd {
        height: 100%;
        border-bottom: 2px solid var(--color-main);
        padding: 8px;
    }

    & dt.__01,
    & dd.__01,
    & dt.__02,
    & dd.__02 {
        border-top: 2px solid var(--color-main);
    }


    & dt {
        background: #d5ead8;
        font-weight: 700;
    }

    & dd {
        text-align: left;
    }

    & dd.__item_column {
        grid-column: 2 / 5;
    }

}

@media screen and (max-width: 999.8px) {
    .remodal-dl {
        margin-top: 16px;
        width: 100%;

        display: grid;
        grid-template-columns: 20% auto;

        & dt.__02,
        & dd.__02 {
            border-top: none;
        }

        & dd.__item_column {
            grid-column: auto;
        }
    }


}