@charset "UTF-8";
.nav__menu li{
    color: #fff;
}

.topic__q-and-a{
    margin-top: 100px;
}

.q-and-a__box{
    margin: 60px 5% 0;
}

.q-and-a__q{
    display: flex;
    width: 88%;
    margin-left: 6.3%;
}

.q-and-a__a{
    display: flex;
    background-color: #F7C487;
    padding: 14px 29px 14px 26px;
}

.q{
    color :#FFF;
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-weight: 500;
    background-color: #F7C487;
    border-radius: 50%;
}

.a{
    color :#DD8800;
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-weight: 500;
    background-color: white;
    border-radius: 50%;
}

.q__txt{
    color: #DD8800;
    width: 90%;
    margin: 5px 0 0 5px;
    font-size: 1.6rem;
    font-weight: 500;
}

.a__txt{
    color: white;
    width: 90%;
    margin: 5px 0 0 5px;
    font-weight: 600;
    line-height: 1.8;
}

.reverse{
    color: #DD8800;
}

/* responsive */
@media screen and (min-width:769px) {
    .q-and-a__q{
        width: 69%;
        margin: 0 auto;
    }

    .q-and-a__a{
        width: 69%;
        margin: 0 auto
    }

    .q{
        margin-left: 26px;
        margin-right: 5px;
    }

    .a{
        margin-right: 5px;
    }
}

/* nav item responsive */
@media screen and (min-width:1130px) {
    .nav__menu li{
        color: #202020;
    }
}