/*qa2.css*/

/*visual S*/
.qa_visual_wrap{width: 100%;}
.qa_visual_wrap .qa_visual{background-image: url('../img/customer/banner01.png'); background-size: cover; background-position: center; width: 100%; height: 410px; display: table;}
.qa_visual_wrap .sect_bg{width: 100%;}
.qa_visual_wrap .visual_text{display: table-cell; vertical-align: middle; color: #fff; text-align: center;}
.qa_visual_wrap h6{font-size: 24px; font-weight: bold; line-height: 30px;}
.qa_visual_wrap .visual_text div{width: 50px; height: 2px; background: #fff; margin: 10px auto 10px;}
.qa_visual_wrap h3{font-size: 48px; line-height: 60px; font-weight: bold;}
.qa_visual_wrap p{font-size: 48px; line-height: 60px;}
/*visual E*/

.bo_fx{display: block;float: none;}
.listWrap .qa_li:first-child{border-top: 1px solid #eee;}
.qa_li .question{background: none; padding: 0;}
.qa_li .answer{display: none;}
.tit input{display:none ;}
.faq-accordion > li > a:before{color: #9a6c41;}
.faq-content p.answer:before{color: #333;}
.listWrap .qa_li .tit{padding: 18px;font-size: 16px;}
.listWrap .qa_li .tit .q_icon{float: left; font-weight:700; font-size: 16px; color: #333; line-height: 18px;}
.qa_li .question .tit h3{width: 80%; padding-left: 35px;}
.qa_li .answer{background: none; background-color: #eee; padding: 30px; color: #333;}
.qa_li .answer .a_icon{float: left; font-weight:700; font-size: 16px; color: #333;}
.qa_li .answer .answer_con{margin-left: 3%;}
.listWrap .qa_li:hover .tit{color: #9a6c41;}
.modA{color: #9a6c41;}
.mdlTxt > p{line-height: 20px; word-break: keep-all;}
@media screen and (max-width:1199px){
    .qa_li .question .iconDiv{right: 10px;}
}
@media screen and (max-width:980px){
    .qa_visual_wrap h6{font-size: 24px; line-height: 30px;}
    .qa_visual_wrap h3{font-size: 40px; line-height: 50px;}
    .qa_visual_wrap p{font-size: 40px; line-height: 50px;}
}
@media screen and (max-width:767px){
    .qa_li .question .tit h3{font-size: 14px;}
    .listWrap .qa_li .tit .q_icon{margin-right: 0;}
    .qa_li .answer .a_icon{margin-right:0;}
    .qa_li .answer .answer_con{margin-left: 5%; width: 90%; font-size: 14px;}  
    .qa_li .question .iconDiv{width: 18px;}
    .qa_li .question .iconDiv img{width: 100%;}
    .qa_visual_wrap h6{font-size: 24px; line-height: 30px;}
    .qa_visual_wrap h3{font-size: 40px; line-height: 50px;}
    .qa_visual_wrap p{font-size: 40px; line-height: 50px;}
}
@media screen and (max-width:600px){
    .qa_visual_wrap h6{font-size: 20px; line-height: 30px;}
    .qa_visual_wrap h3{font-size: 30px; line-height: 40px;}
    .qa_visual_wrap .visual_text div{width: 35px;}
    .qa_visual_wrap p{font-size: 30px; line-height: 40px;}

}
@media screen and (max-width: 480px){
    .listWrap .qa_li .tit{padding-top: 20px; padding-bottom: 20px; padding-left: 15px; padding-right: 0;}
    .qa_li .question .tit h3{font-size: 13px; padding-left: 25px; word-break: keep-all;}
    .qa_li .answer .answer_con{font-size: 13px; margin-left: 7%;}   
    .qa_li .question .iconDiv{width: 15px;}    
    .qa_visual_wrap h6{font-size: 13px; line-height: 20px;}
    .qa_visual_wrap h3{font-size: 20px; line-height: 25px;}
    .qa_visual_wrap .visual_text div{width: 25px;}
    .qa_visual_wrap p{font-size: 20px; line-height: 25px;}
    .qa_visual_wrap .qa_visual{height: 210px;}
}