@media screen and (min-width: 769px){
    .interviews_sp_qanda {
        display: none;
    }
    .qanda_area .interviews__background_area {
        background-color: #A51F24;
        margin-top: 84px;
    }
    .qanda_area .interviews__area {
        max-width: 1000px;
        padding: 0 20px;
        margin: 0 auto;
        height: 250px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .qanda_area .interviews__title {
        font-size: 34px;
        font-weight: bold;
        color: #fff;
    }
    .qanda {
        padding: 84px calc(50% - 500px) 93px;
    }
    .qanda .q-box {
        position: relative;
        margin-top: 24px;
        padding: 10px;
        border-bottom: solid 1px #a42025;
        background: #fcf8f8;
    }
    .qanda .q-box, .qanda .a-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline;
        padding: 10px;
        font-size: 16px;
        padding-left: 15px;
    }.qanda .q-box, .qanda .a-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline;
        padding: 10px;
        font-size: 16px;
        padding-left: 15px;
    }
    .a-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .a-box span {
        color: #a42025;
        line-height: calc(40 / 40);
    }
    .q-box span, .qanda .a-box span {
        display: block;
        font-size: 40px;
    }
    .q-box span, .a-box span {
        display: block;
        font-size: 40px;
    }
    .q-box p {
        font-weight: bold;
    }
    .q-box p, .qanda .a-box p {
        margin-left: 7px;
    }
    .faq .box{
        padding: 20px 40px !important;
    }
}
.qanda_area .interviews__background_area_sp {
    margin-top: 50px;
    padding: 0 20px;
    background-color: #A51F24;
    height: 120px;
    line-height: 120px;
}
.qanda_area .interviews__title_sp {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.a-box{
    display: none;
}
.faq .contact{
    padding: 0 !important;
}
.faq .question:not(:last-child){
    border-bottom: #A51F24 solid 1px;
    padding-bottom: 10px;
}
.faq .question .q{
    font-size: 17px;
    font-weight: 500;
}
.faq .question p{
    margin-top: 5px;
}
main section div.box details summary{
    position: relative;
}
main section div.box details summary::after {
    content: "";
    border-bottom: 3px solid #a51f24;
    border-right: 3px solid #a51f24;
    width: 6px;
    height: 6px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    right: 0;
    transform: rotate(-45deg);
}
main section div.box details summary {
    font-size: 17px !important;
}
main section div.box details p{
    font-size: 16px;
}
main section div.box details {
    padding: 20px 0 !important;
}

@media screen and (max-width: 768px){
    main section div.box details summary{
        font-size: 16px;
    }
    .qanda_area .interviews__title {
        display: none;
    }
    .interviews_sp_qanda {
        margin-top: 54px;
    }
    .qanda {
        padding: 30px 20px 80px;
    }
    .q-box {
        z-index: 1;
        position: relative;
        margin-top: 24px;
        border-bottom: solid 1px #a42025;
        background: #fcf8f8;
        padding-right: 40px;
    }
    .q-box, .a-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline;
        padding: 10px;
    }
    .q-box::before {
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        width: 10px;
        height: 10px;
        margin-top: -3.6px;
        -webkit-transform: rotate(-225deg);
        transform: rotate(-225deg);
        border-top: 1px solid #a42025;
        border-right: 1px solid #a42025;
        content: "";
        transition-duration: 0.3s;
    }
    .q-box span, .a-box span {
        display: block;
        font-size: 40px;
        line-height: 1;
    }
    .q-box p, .a-box p {
        margin-left: 7px;
        font-weight: bold;
    }
    .a-box {
        z-index: 0;
        position: relative;
    }
    .q-box, .a-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline;
        padding: 10px;
    }
    .a-box span {
        color: #a42025;
    }
    .q-box span, .a-box span {
        display: block;
        font-size: 40px;
        line-height: 1;
    }
    .q-box p, .a-box p {
        margin-left: 7px;
        font-weight: bold;
        font-size: 13px;
    }
}