.common__bg {
    padding-bottom: 80px;
}

.faq__list {
    margin: 0 auto;
    margin-top: 40px;
    max-width: 936px;
}

.faq__list>li {
    margin-bottom: 32px;
}

.faq__list>li:last-child {
    margin-bottom: 0;
}



.faq__list__q {
    padding: 14px 16px;
    padding-right: calc(33px + 16px*2);
    color: #000000;
    font-weight: 700;
    background-color: #fff;
    position: relative;
    line-height: 1.4;
    position: relative;
    /* z-index: 2; */
    border: 1px solid #C9C9C9;
    cursor: pointer;
    transition: color 0.3s, background-color 0.3s;
}

.faq__list__q.active {
    color: #fff;
    background-color: #787878;
    border: 1px solid #787878;
}

.faq__list__q::before {
    content: "";
    display: block;
    position: absolute;
    left: auto;
    right: 16px;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/faq/plus__icon02.svg');

    z-index: 0;

}

.faq__list__q.active::before {
    content: "";
    display: block;
    position: absolute;
    left: auto;
    right: 16px;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/faq/plus__icon01.svg');

    z-index: 0;

}

/* .faq__list__q::after {
    content: "";
    display: block;
    background-image: url('../img/faq/faq__tr.svg');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -25px;
    left: 0;
} */

.faq__list__q__tr {
    width: 24px;
}

.faq__list__a {
    color: #3B4043;
    padding: 16px 17px;
    line-height: calc(30/16);
    margin-left: 22px;
    background-color: #fff;
    filter: drop-shadow(0px 5px 3px #d1d1d1);
    z-index: 1;
    display: none;
    /* margin-top: -24px; */
    position: relative;
    top: -24px;
}

@media screen and (min-width:768px) {
    .common__bg {
        padding-bottom: 160px;
    }

    .faq__list {
        margin-top: 80px;
    }

    .faq__list>li {
        margin-bottom: 32px;
    }

    .faq__list__q {
        padding: 11px 24px;
        padding-right: calc(33px + 24px*2);
        color: #000000;
        font-weight: 700;
        background-color: #fff;
        position: relative;
        line-height: 1.4;
        position: relative;
        /* z-index: 2; */
        border: 1px solid #C9C9C9;
        cursor: pointer;
        transition: color 0.3s, background-color 0.3s;
        font-size: 20px;
    }

    .faq__list__q.active {
        color: #fff;
        background-color: #787878;
        border: 1px solid #787878;
    }

    .faq__list__q::before {
        content: "";
        display: block;
        position: absolute;
        left: auto;
        right: 24px;
        margin: auto;
        top: 0;
        bottom: 0;
        width: 33px;
        height: 33px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url('../img/faq/plus__icon02.svg');

        z-index: 0;

    }

    .faq__list__q.active::before {
        content: "";
        display: block;
        position: absolute;
        left: auto;
        margin: auto;
        top: 0;
        bottom: 0;
        width: 33px;
        height: 33px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url('../img/faq/plus__icon01.svg');
right: 24px;
        z-index: 0;

    }

    /* .faq__list__q::after {
        content: "";
        display: block;
        background-image: url('../img/faq/faq__tr.svg');
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        bottom: -25px;
        left: 0;
    }
*/
    .faq__list__a {
        color: #3B4043;
        padding: 16px 17px;
        line-height: calc(30/16);
        margin-left: 22px;
        background-color: #fff;
        filter: drop-shadow(0px 5px 3px #d1d1d1);
        z-index: 1;
        display: none;
    }
}