@charset "UTF-8";
.qa-item .u-tit03{
    margin:2.5em 0 1em;
}
.qa_box{
    border:1px solid var(--dark-color);
    padding: 3rem 7rem 3rem 12rem;
    position:relative;
    cursor:pointer;
}
.qa_box + .qa_box{
    margin-top:3rem;
}
.qa_box:before,
.qa_box:after{
    transition:.2s ease;
    width:19px;
    height:4px;
    background-color:var(--dark-color);
    content:'';
    position:absolute;
    right:2rem;
    top: 4.45rem;
}
.qa_box:after{
    transform:rotate(90deg);
}
.qa_box.on:after{
    transform:rotate(180deg);
}
.qa_box .num{
    position:absolute;
    left:2rem;
    top: 2.4rem;
    font-size:2.8rem;
    font-weight:700;
    color:var(--base-color);
}
.qa_box .question p{
    font-size:2.2rem;
    font-weight:700;
    line-height:1.5;
}
.qa_box:hover .question p{
    color:var(--base-color);
}
.qa_box .answer{
    display:none;
}
.qa_box .answer p{
    margin-top:1.25em;
    line-height:1.75;
}
.qa_box .answer p a{
    color:var(--base-color);
    text-decoration:underline;
}
.qa_box .answer p a:hover{
    text-decoration:none;
}
@media screen and (max-width: 768px) {
    .qa_box{
        padding: 2rem 3.6rem 2rem 5rem;
    }
    .qa_box + .qa_box{
        margin-top:2.4rem;
    }
    .qa_box:before,
    .qa_box:after{
        width:14px;
        height:2px;
        right:1.2rem;
        top: 3.3rem;
    }
    .qa_box .num{
        left:0.75rem;
        top: 1.6rem;
        font-size:2rem;
    }
    .qa_box .question p{
        font-size:1.6rem;
    }
    .qa_box .answer p{
        font-size:1.4rem;
        line-height:1.75;
        margin-top:0.8em;
    }
}