.accordioncontents__wrapper {
    .accordion-wrapper {
        .accordioncontents__title {
            &.accordion-title {
                color: var(--wp--preset--color--accent-1);
            }
        }
        &:hover, &.active {
            .accordioncontents__title {
                &.accordion-title {
                    color: var(--wp--preset--color--accent-1);
                }
            }
        }
        &.active {
            .accordioncontents__title {
                margin-block-end: 20px;
            }
        }
    }
}

.accordioncontents__desc {
    h1,h2,h3,h4,h5,h6 {
        color: var(--wp--preset--color--accent-2);
    }
    color: var(--wp--preset--color--accent-2);
    a {
        font-weight: 700;
        color: var(--wp--preset--color--accent-2);
        transition: color .25s ease-in;
        &:hover {
            color: var(--wp--preset--color--accent-1);
        }
    }
    table {
        width: 100%;
        padding: 10 15px;
        margin-block-end: 30px;
        td {
            border: 1px solid var(--wp--preset--color--accent-2);
        }
    }
    ol {
        li {
            margin-bottom: 8px;
            &::marker {
                width: 20px;
                height: 20px;
                background-color: var(--wp--preset--color--contrast);
                color: var(--wp--preset--color--accent-2);
                a {
                    font-weight: 700;
                    color: var(--wp--preset--color--accent-1);
                    transition: color .25s ease-in;
                    &:hover {
                        color: var(--wp--preset--color--base);
                    }
                }
            }
        }
    }
    ul {
        list-style: none;
        padding: 0;
        li {
            position: relative;
            margin-bottom: 20px;
            font-size: 1rem;
            font-weight: 700;
            padding-left: 48px;
            a {
                font-weight: 700;
                color: var(--wp--preset--color--accent-2);
                transition: color .25s ease-in;
                &:hover {
                    color: var(--wp--preset--color--accent-1);
                }
            }
            &:before {
                content: " ";
                position: absolute;
                left: 0;
                top: -5px;
                background-image: url(../../images/check-bg.svg);
                background-repeat: no-repeat;
                background-position: center center;
                width: 36px;
                height: 36px;
            }
        }
        ul {
            margin-top: 20px;
        }
    }
}

.accordioncontents__desc.accordion-desc {
    border-top: 0;
}