@charset "utf-8";
:root{
    --color-1: #ff928a;
}

.keyVisual_content .innerBox .figure {
	background: url("../img/keyvisual_under_challenge.jpg") no-repeat center bottom / cover;
}

.bd-police #sec_voice_under {
    background: url("../img/bg_border.jpg");
    padding: 70px 0 100px;
    border-bottom: solid 1px #000;
}
#sec_voice_under > .content{
    max-width: 1400px;
}
#sec_voice_under .lead{
    font-weight: 500;
}
#sec_voice_under .lead + .lead{
    margin-top: 40px;
}

.qaArea{
     background-color: var(--color-1);
    & .qaArea_cate{
        background-color: var(--color-1);
    }
    & .qaArea_cate::before{
        background-color: var(--color-1);
    }

    & .item_question::before{
        background: url("../img/icon_question_01.png") no-repeat center center / contain;
    }
    & .item_answer > p::before{
        background: url("../img/icon_answer_01.png") no-repeat center center / contain;
    }
}

.qaArea_list{
    padding-top: 30px;
    padding-inline: 40px;
    gap: 0;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.qaArea_item{
    border-radius: 0;
    padding-block: 20px;
    padding-inline: 0;
}
.item_question{
    cursor: auto;
    padding-right: 0;
}
.item_answer{
    display: block;
}
.item_question::after{
    display: none;
}
.item_answer > p{
    display: flex;
    align-items: flex-start;
    gap: 30px;
}
.item_answer > p > img{
    width: 100%;
    max-width: 280px;
    height: auto;
    aspect-ratio: 28 / 17;
    object-fit: cover;
    height: auto;
    border-radius: 10px;
}

@media screen and (max-width: 768px) {
    #sec_voice_under .lead + .lead{
        margin-top: 30px;
    }
    .item_question{
        padding-right: 0;
    }
    .qaArea_list{
        padding: 20px;
    }
    .qaArea_cate {
        top: -33px;
    }
    .item_answer > p{
        flex-direction: column;
        gap: 20px;
        width: auto;
        margin-top: 23px;
    }
    .item_answer > p::before{
        left: -51px;
    }
    .qaArea_item{
        padding: 15px 0px;
    }
    .qaArea_item:first-child{
        padding-top: 0;
    }
    .qaArea_item:last-child{
        padding-bottom: 0;
    }
    .item_answer > p > img{
        margin-inline: auto;
    }
}

@media screen and (max-width: 500px) {
    .item_answer > p{
        margin-top: 10px;
    }
}