#sec5_parent{
    padding: 20px;
}
#sec5_heading{
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 4%;
}
.sec5_card{
    text-align: center;
}
.sec5_card_heading{
    padding: 5%; 
    font-size: larger;
}
.sec5_card_text{
    padding: 0 8%;
    text-align: left;
}
.sec5_img{
    display: flex;
    justify-content: center;
    align-items: center;
}

/*========= レイアウトのためのCSS ===============*/
/*========= PCサイズ ===============*/
@media screen and (min-width: 768px) {
    #sec5_heading{
        font-size: 38px;
    }
    .sec5_img{
      height: 25vh;
    }
    .sec5_img img{
        height: 100%;
        width: auto;
    }
}
/*========= スマホサイズ ===============*/
@media screen and (max-width: 767.9px) {
    #sec5_heading{
        font-size: 25.3px;
    }
    .sec5_dflex_small{
        display: flex;
    }
    .sec5_img{
        height: auto;
    }
    .sec5_img img{
        width: 80%;
        height: auto;
    }
    .sec5_img_right{
        flex-direction: row-reverse
    }
    .sec5_img_size{
        width: 50% !important;
        padding: 5% 0
    }
    .sec5_text_size{
        width: 50% !important;
    }
    .sec5_card{
        height: auto;
    }
    .sec5_card_heading_big{
        font-size: larger;
    }
    .sec5_card_text_big{
        font-size: initial;
    }
    .sec5_column {
        width: 100%;
    }
    .sec5_sp_block{
        display: block;
    }
}