@charset "UTF-8";

#mbsFAQ{
    width:1000px;
    margin:0 auto;
}
#mbsFAQ .ttl01{
    text-align:center;
    font-size:32px;
    font-weight:700;
    margin-bottom:96px;
}
#mbsFAQ .ttl01 img{
    display:block;
    width:180px;
    height:auto;
    margin:64px auto 32px auto;
}
/* --- ページボタン --- */
#mbsFAQ .categoryBtn{
    display: flex;
    /* flex-wrap: wrap; */
    justify-content:  space-around;
    margin-bottom:100px;
}
#mbsFAQ .categoryBtn li{
    /* width:calc(20% -  15px); */
    border:1px solid #aaa;
    border-radius: 5px;
    font-size:15px;
    text-align:center;
    padding:5px 3px;
    flex-grow: 3;
    box-sizing: border-box;
    cursor:pointer;
    white-space:nowrap;
    margin: 0 0.2rem;
    background-color:#fefefe;
}
#mbsFAQ .categoryBtn li span{
    display:block;
    color:#111;
    font-weight:550;
    /* letter-spacing: .2em; */
}
#mbsFAQ .categoryBtn li span:hover{
    opacity: .7;
}
#mbsFAQ .categoryBtn li.selCtg,
#mbsFAQ .categoryBtn li.selCtg span{
    background-color: #505050;
    color:#fff;
}

/* --- FAQリスト --- */
#mbsFAQ .naMsg{
    text-align:center;
    font-size:14px;
    color:#777;
    margin-bottom:150px;
}
.asQA{
    width:100%;
    margin:0 auto 200px auto;
}
.asQA dl{
    width:100%;
    font-size:16px;
}
.asQA dt{
    background : url("../_img_bg/icon_question.svg") no-repeat 20px center, #f3f3f3;
    background-size:28px 28px;
    padding:25px 30px 25px 60px;
    border-bottom:1px solid #fff;
    font-size:16px;
    font-weight:500;
    line-height:1.4;
}
.asQA dt .ctg{
    font-size:14px;
    color:#555;
}
.asQA dd .answer{
    padding:1.5em 2em 2em 70px;
    font-size:16px;
    line-height:1.5;
    background : url("../_img_bg/icon_answer.svg") no-repeat 20px 20px;
    background-size:28px 28px;
}
.asQA .accordionDL dt{
    cursor:pointer;
}
.asQA .accordionDL dd{
    display:none;
}
.asQA .linkTx {
    padding:0 0 2em 70px;
    font-size:16px;
    margin-top:-1em;
}


/* ---------------------------- スマホ --------------------------- */
@media screen and (max-width:767px){

    #mbsFAQ{
        width:92vw;
        margin:0 auto;
        overflow:hidden;
    }
    #mbsFAQ .ttl01{
        text-align:center;
        font-size:7vw;
        font-weight:550;
        margin-bottom:15vw;
    }
    #mbsFAQ .ttl01 img{
        display:block;
        width:38vw;
        height:auto;
        margin:14vw auto 6.6vw auto;
    }
/* --- ページボタン --- */
    #mbsFAQ .categoryBtn{
        display: block;
        justify-content:  left;
        margin-bottom:12vw;
    }
    #mbsFAQ .categoryBtn li{
        width:100%;
        border:1px solid #aaa;
        border-radius: 5px;
        font-size:4.2vw;
        text-align:center;
        padding:0.3em 0.5em
        box-sizing: border-box;
        cursor:auto;
        white-space:nowrap;
        margin: 0 0 0.8em 0;
        background-color:#fefefe;
    }

    #mbsFAQ .naMsg{
        text-align:center;
        font-size:4vw;
        color:#777;
        margin-bottom:30vw;
    }
    .asQA{
        width:100%;
        margin:0 auto 30vw auto;
    }
    .asQA dl{
        width:100%;
        font-size:4vw;
    }
    .asQA dt{
        background : url("../_img_bg/icon_question.svg") no-repeat 5vw center, #f3f3f3;
        background-size:7.5vw 7.5vw;
        padding:6vw 2em 6vw 16vw;
        border-bottom:1px solid #fff;
        font-size:4.2vw;
        font-weight:500;
        line-height:1.3;
    }
    .asQA dd .answer{
        padding:1em 2em 1.5em 18vw;
        font-size:4.2vw;
        line-height:1.5;
        background : url("../_img_bg/icon_answer.svg") no-repeat 5vw 1em;
        background-size:7.5vw 7.5vw;
    }
    .asQA .accordionDL dt{
        cursor:auto;
    }
    .asQA .linkTx {
        padding:0 0 1.5em 18vw;
        font-size:4vw;
    }

}/* スマホ */