#customer{
    padding:130px 0 106px 0;
    background-color:#F2F3F5;
}
#customer h2{
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 20px;
}

.br_mobile{
    display: none;
}
@media screen and (max-width:500px){
    .br_mobile{
        display: block;
    }
}

#customer ul li .question-box{
    border:4px solid #c4c4c4;
    margin-bottom: 30px;
}
#customer ul li .question-box div span{
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    font-family: minerva-modern;
    display: block;
    background-color: #fff;
    border-radius: 40px;
    font-size: 26px;
    padding: 9px 15px;
    margin-right: 15px;
}
#customer ul li .question-box .question, #customer ul li .question-box .answer{
    display: flex;
    align-items: baseline;
    margin-bottom: 15px;
}
#customer ul li .question-box .question{
    background-color: #c4c4c4;
    padding: 10px 15px;
    position: relative;
}
#customer ul li .question-box .question h4{
    font-weight: normal;
}
#customer ul li .question-box .question::after{
    content: " ";
    background-color: #c4c4c4;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 55px;
    left: 56px;
    transform: rotate(45deg);
}
#customer ul li .question-box .answer{
    padding: 25px 15px;
}
#customer ul li .question-box .answer span{
    background-color: #000;
    color:#fff;
    padding: 9px 16px;
}

#customer ul li .image-box{
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
}
#customer ul li .image-box img{
    max-width: 45%;
    max-height: 250px;
}

#customer a{
    width: 110px;
    display: block;
    background-color: #fff;
    border: 2px solid #c4c4c4;
    padding: 5px 0;
    text-decoration: none;
    margin: 0 auto;
    text-align: center;
    color: #000;
}
@media screen and (max-width:500px){
    #customer ul li .question-box .question::after{
        top:67px;
    }
}