:root:root [data-designpart=row-faq-area] {
    margin: 10px auto 20px;
    padding: calc(24px * var(--fo-spacing-coef));
    box-shadow: 0 3px 8px var(--fo-shadow-color)
}

@media screen and (max-width: 769px) {
    :root:root [data-designpart=row-faq-area] {
        margin:10px auto;
        padding: calc(24px * var(--fo-spacing-coef) * .75)
    }
}

:root:root [data-designpart=row-faq-area]+[data-designpart=row-faq-area] {
    margin-top: calc(32px * var(--fo-spacing-coef))
}

@media screen and (max-width: 769px) {
    :root:root [data-designpart=row-faq-area]+[data-designpart=row-faq-area] {
        margin-top:calc(32px * var(--fo-spacing-coef) * .75)
    }
}

:root:root [data-designpart=row-faq-area] .col {
    padding: 0
}

:root:root [data-designpart=row-faq-area] .col .component.richtext:not(:root:root) table :is(thead,tbody,tr,th,td) {
    border-color: #eee;
    border-width: 0
}

@media screen and (max-width: 769px) {
    :root:root [data-designpart=row-faq-area] .col .component.richtext:not(:root:root) table tbody tr {
        display:flex
    }
}

:root:root [data-designpart=row-faq-area] .col .component.richtext:not(:root:root) table tbody tr:first-child {
    border-bottom-width: 1px
}

:root:root [data-designpart=row-faq-area] .col .component.richtext:not(:root:root) table tbody tr:first-child th {
    color: var(--fo-main-color);
    padding: 0 16px calc(16px * var(--fo-spacing-coef)) 0;
    width: 51px
}

@media screen and (max-width: 769px) {
    :root:root [data-designpart=row-faq-area] .col .component.richtext:not(:root:root) table tbody tr:first-child th {
        min-width:51px
    }
}

:root:root [data-designpart=row-faq-area] .col .component.richtext:not(:root:root) table tbody tr:first-child td {
    padding: 0 0 calc(16px * var(--fo-spacing-coef)) 0
}

:root:root [data-designpart=row-faq-area] .col .component.richtext:not(:root:root) table tbody tr:nth-child(2) th {
    color: var(--fo-accent-color);
    padding: calc(16px * var(--fo-spacing-coef)) 16px 0 0
}

@media screen and (max-width: 769px) {
    :root:root [data-designpart=row-faq-area] .col .component.richtext:not(:root:root) table tbody tr:nth-child(2) th {
        min-width:51px
    }
}

:root:root [data-designpart=row-faq-area] .col .component.richtext:not(:root:root) table tbody tr:nth-child(2) td {
    padding: calc(16px * var(--fo-spacing-coef)) 0 0 0
}

:root:root [data-designpart=row-faq-area] .col .component.richtext:not(:root:root) table tbody tr th {
    font-size: 28px;
    line-height: calc(var(--fo-text-font-size-pc) * var(--fo-text-line-height));
    vertical-align: top
}

@media screen and (max-width: 769px) {
    :root:root [data-designpart=row-faq-area] .col .component.richtext:not(:root:root) table tbody tr th {
        line-height:calc(var(--fo-text-font-size-sp) * var(--fo-text-line-height))
    }
}