@media screen and (min-width: 1000px) {
    .contents-wrapper {
        margin-top: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 10px 80px 30px;
        width: 100%;
    }
    main {
        /* width: calc(100% - 260px); */
        width: calc(100% - 500px);
    }
}

.ttl_border {
    font-size: 21.64px;
    font-weight: 700;
}
.pc { display: block !important; }
.sp { display: none !important; }

#reason .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#reason .block {
    margin-top: 60px;
}
#reason .flex .img {
    /*width: 415px;*/
    width: calc(30% + 6px);
}
#reason .flex .text_box {
    width: calc(80% - 211px);
}
#reason .flex .text_box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.83;
}
#reason .flex .text_box p + p {
    margin-top: 1.5rem;
}

.cta_block {
    margin: 130px auto;
    padding:70px 100px;
    border: 1px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cta_block .ttl {
    width: calc(50% - 30px);
}
.cta_block .ttl .time {
    text-align:right;
    font-size: 21px;
    font-weight: 400;
}
.cta_block .btn {
    width: calc(50% - 59px);
}

@media screen and (max-width: 828px) {  
    .pc { display: none !important; }
    .sp { display: block !important; }
    
    .contents-wrapper {
        margin-top: 12.077vw;
    }
    .ttl_border {
        font-size: 4.831vw;
        text-align: center;
        
    }
    
    #reason .block {
        margin: 7.246vw 4.831vw 0;
    }
    #reason .flex .img {
        margin-bottom: 6vw;
        order: 1;
        width: auto;
    }
    #reason .flex .text_box {
        order: 2;
        width: 100%;
    }
    #reason .flex .text_box p {
        font-size: 3.382vw;
        line-height: 1.6;
    }
    #reason .flex .text_box p + p {
        margin-top: 1.5rem;
    }
    .cta_block {
        margin-bottom: 130px;
        padding:4.831vw;
        display: block;
    }
    .cta_block .ttl {
        margin-bottom: 4vw;
        width: 100%;
    }
    .cta_block .ttl .time {
        margin-top: 1.5vw;
        text-align: center;
        font-size: 3.382vw;
    }
    .cta_block .btn {
        width: 100%;
    }
}