.content_box {
    background: url(/kyousai/kokumin/campaign/hub-guide/shisankeisei_que_assets/img/bg_queation01.png) center / cover no-repeat;
    margin: 0 auto;
    min-height: calc(min(840px, 129.87vw));
    padding-top: calc(min(132px, 17.6vw));
}
.queation_content{
    background: url(/kyousai/kokumin/campaign/hub-guide/shisankeisei_que_assets/img/bg_queation_content01.png) center / cover no-repeat;
    margin: 0 auto;
    min-height: calc(min(250px, 33.33vw));
    position: relative;
}

.queation_content .queation_number{
    width: calc(min(113px, 15.07vw));
    position: absolute;
    top: calc(max(-78px, -10.4vw));
    left: 50%;
    transform: translateX(-50%);
}

.queation_content .queation_ttl{
    color: #207f61;
    font-size: calc(min(62px, 8.27vw));
    font-weight: bold;
    text-align: center;
    padding-top: calc(min(46px, 6.13vw));
}
.btn_content{
    margin-top: calc(min(90px, 12vw));
}
.btn_content .btn{
    background: linear-gradient(100deg, rgba(229, 242, 237, 1) 0%, rgba(235, 245, 241, 1) 50%, #fff 100%);
    color: #207f61;
    font-size: calc(min(44px, 6.67vw));
    font-weight: bold;
    display: block;
    width: calc(min(515px, 84.13vw));
    margin: 0 auto calc(min(50px, 6.67vw));
    text-align: center;
    border-radius: calc(min(65px, 8.67vw));
    padding: calc(min(20px, 3.47vw)) 0 calc(min(15px, 3.2vw));
    box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.3), 5px 6px 15px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
}
.btn_content .btn:hover{
    background: linear-gradient(100deg,rgba(255, 251, 185, 1) 0%, rgba(255, 250, 165, 1) 50%, rgba(255, 248, 143, 1) 100%);
    text-decoration: none;
    transform: scale(1.02);
}

@media (max-width: 751px) {
    .content_box {
        padding-top: calc(min(77px, 10.27vw));
    }
    .queation_content .queation_number {
        top: calc(max(-104px, -15.5vw));
    }
}