#question-contents .qa-contents{
    margin: 0 0 16px 0;
    padding: 0 0 16px 0;
    border-bottom: dotted 1px #bbb;
}
#question-contents .qa-contents dt{
    margin: 0;
    padding: 4px 24px 8px 43px;
    position: relative;
    cursor: pointer;
}
#question-contents .qa-contents dt:hover{
    color: var(--common-color-002);
}
#question-contents .qa-contents dt::before{
    content: '';
    margin: 0;
    padding: 0;
    width: 35px;
    height: 35px;
    display: inline-block;
    background-image: url('/front/images/icon-question.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
#question-contents .qa-contents dt::after{
    content: '';
    margin: auto;
    padding: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-width: 2px;
    border-style: solid;
    border-top-color: var(--common-color-002);
    border-right-color: var(--common-color-002);
    border-left: none;
    border-bottom: none;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
}
#question-contents .qa-contents dt.open::after{
    transform: rotate(135deg);
    top: -6px;
}
#question-contents .qa-contents dd{
    margin: 0;
    padding: 12px 0 8px 43px;
    height: 100%;
    opacity: 1;
    display: none;
    position: relative;
    animation: qa-contents-slide 0.3s ease-in-out 0s;
}
@keyframes qa-contents-slide {
    from {
        height: 0;
        opacity: 0;
    }
    to {
        height: 100%;
        opacity: 1;
    }
}
#question-contents .qa-contents dd::before{
    content: '';
    margin: 0;
    padding: 0;
    width: 35px;
    height: 35px;
    display: inline-block;
    background-image: url('/front/images/icon-answer.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 8px;
    left: 0;
}
@media screen and (max-width: 600px) {
    #question-contents .qa-contents{
        margin: 0 0 16px 0;
        padding: 0 0 8px 0;
    }
    #question-contents .qa-contents dt{
        padding: 8px 24px 8px 43px;
    }
    #question-contents .qa-contents dd{
        padding: 14px 0 8px 43px;
    }
}