/* faq */

#faq dl dt{
    margin-bottom:20px;
    display:flex;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#faq dl dt div:first-child{
    width:50px;
}

#faq dl dt div:first-child span{
    width:50px;
    background:#e4cc9a;
    display:inline-block;
    text-align:center;
    padding:.1rem 0;
}

#faq dl dt div:last-child{
    margin-left:20px;
    width:1130px;
}

#faq dl dd{
    margin-bottom:50px;
    display:flex;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#faq dl dd div:first-child span{
    width:50px;
    background:#ccc;
    display:inline-block;
    text-align:center;
    padding:.1rem 0;
}

#faq dl dd div:first-child{
    width:50px;
}

#faq dl dd div:last-child{
    margin-left:20px;
    width:1130px;
}

/* resposive */
@media screen and ( max-width:800px )
{
#faq dl dt div:first-child{
    width:10%;
}

#faq dl dt div:first-child span{
    width:100%;
}

#faq dl dt div:last-child{
    margin-left:2%;
    width:88%;
}


#faq dl dd div:first-child span{
    width:100%;
}

#faq dl dd div:first-child{
    width:10%;
}

#faq dl dd div:last-child{
    margin-left:2%;
    width:88%;
}

}