/*====================================================
//// id faq
====================================================*/
#faq .innerBox {
    padding-bottom: min(15vw, 90px);
}
#faq .faq_list {
    display: grid;
        grid-gap: min(4vw, 38px);
}
#faq .faq_item {
    background: #fff;
    border-radius: min(4vw, 15px);
    padding: min(5vw, 50px) min(4vw, 60px);
}
#faq .faq_item dt {
    background: var(--l_blue);
    border-radius: 1em;
    color: #fff;
    display: flex;
        grid-gap: 0 .2em;
    font-size: min(4.4vw, 3rem);
    font-weight: 700;
    line-height: 1.4;
    justify-content: center;
    padding: .3em .8em;
}
#faq .faq_item dt::before {
    content: 'Q.';
    display: block;
    width: 1.4em;
    height: 1.4em;
}
#faq .faq_item dd {
    font-size: min(4vw, 2.3rem);
    margin-top: .8em;
}
#faq .faq_item dd img {
    margin: .8em 0;
}
#faq .faq_item dd .btn {
    background: var(--beige);
    border: solid 5px var(--beige);
    border-radius: 3em;
    color: #fff;
    display: block;
    font-size: min(5vw, 2rem);
    font-weight: 700;
    margin: 1.5em auto;
    padding: .6em;
    text-align: center;
    width: min(100%, 500px);
}
#faq .faq_item dd .btn:active {
    border: solid 5px var(--orange);
    background: #fff;
    color: var(--orange);
}

@media (hover: hover) {
    #faq .faq_item dd .btn:hover {
        background: var(--orange);
        border: solid 5px var(--orange);
        color: #fff;
    }
}