.qa{
    width: 100%;
    margin-top: 1.5rem;
    position: relative;
}
.qa span{
    font-family: Belleza;
    font-size: 1.2rem;
    line-height: 125%;
}
.qa-label-q{
    /* border-style: solid; */
    border-width: 0.2rem;
    border-color: #C1814C;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    /* background-color: #F9EBE0; */
    background-color: #C1814C;
    font-family: Belleza;
    font-weight: bold;
    font-size: 1.2rem;
    /* color: #C1814C; */
    color: #FFFFFF;
    position: absolute;
    left: calc((var(--flex1) / 2) * 100% / (var(--flex1) + var(--flex2)));
    top: 0;
    transform: translate(-50%, -50%);
}
.qa-label-a{
    /* border-style: solid; */
    border-width: 0.2rem;
    border-color: #30940C;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    /* background-color: #E9F2E4; */
    background-color: #30940C;
    font-family: Belleza;
    font-weight: bold;
    font-size: 1.2rem;
    /* color: #30940C; */
    color: #FFFFFF;
    position: absolute;
    right: calc((var(--flex2) / 2) * 100% / (var(--flex1) + var(--flex2)));
    top: 0;
    transform: translate(50%, -50%);
}
.qa-row{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
}
.qa-odd-q{
    background-color: #F5DEC8;
}
.qa-even-q{
    background-color: #F9EBE0;
}
.qa-odd-a{
    background-color: #D8E7D3;
}
.qa-even-a{
    background-color: #E5F0E0;
}
.qa-head-q{
    border-style: solid;
    border-width: 0.2rem 0 0 0.2rem;
    border-color: #C1814C;
    border-radius: 1rem 0 0 0;
    padding: 2.25rem 1rem 1rem 1rem;
    flex: var(--flex1);
}
.qa-body-q{
    border-style: solid;
    border-width: 0 0 0 0.2rem;
    border-color: #C1814C;
    padding: 1rem;
    flex: var(--flex1);
}
.qa-tail-q{
    border-style: solid;
    border-width: 0 0 0.2rem 0.2rem;
    border-color: #C1814C;
    border-radius: 0 0 0 1rem;
    padding: 1rem;
    flex: var(--flex1);
}
.qa-head-a{
    border-style: solid;
    border-width: 0.2rem 0.2rem 0 0;
    border-color: #30940C;
    border-radius: 0 1rem 0 0;
    padding: 2.25rem 1rem 1rem 1rem;
    flex: var(--flex2);
}
.qa-body-a{
    border-style: solid;
    border-width: 0 0.2rem 0 0;
    border-color: #30940C;
    padding: 1rem;
    flex: var(--flex2);
}
.qa-tail-a{
    border-style: solid;
    border-width: 0 0.2rem 0.2rem 0;
    border-color: #30940C;
    border-radius: 0 0 1rem 0;
    padding: 1rem;
    flex: var(--flex2);
}