@charset "utf-8";
.wcfront_body_wrap{background-image:url(/common/upload/files/faq/back1.jpg);}

#wcfront_pagetitle .wcfront_pagetitle--image::after { background-image:url(/common/upload/files/faq/title.jpg); }
article > .top_faq:nth-child(3){
padding-top:100px;
}
.top_faq:last-of-type{
padding-bottom:100px;
}
.top_faq{padding-top: 20px; z-index: 999;}
 .faq{
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px #ccc;
    margin-bottom: 50px;
}
.faq .question{display:flex;align-items: center;padding:20px;}
 .faq .answer{display:flex;padding:20px;}
 .faq .question{background-color:#9CBC94;}
 .faq .question span{
background-color:#FFFFFF;
color:#9CBC94;
padding:5px;
border-radius:50px;
width: 30px;
    height: 30px;
    min-width: 30px;
min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding-top: 1px;}
 .faq .question h2{
margin-left: 10px;
    color: #FFFFFF;}
 .faq .answer span{
    background-color: #D39D65;
    color: #FFFFFF;
    padding: 5px;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    min-width: 30px;
min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding-top: 1px;
}
 .faq .answer  p{
margin-left: 10px;
}
@media(max-width:475px){
.faq .question h2{
font-size:0.9rem;
}
 .faq .answer p{
font-size:0.8rem;}
}