@media screen and (max-width: 800px) {
    /******************** パターン２ **********************/

    #taiken_tour_section .step_box > section.pattern2 > ul > li > div:nth-of-type(1){
        width:100%;
        float:none;
        text-align:center;
    }
    #taiken_tour_section .step_box > section.pattern2 > ul > li > p{
        width:100%;
        float:none;
        padding:0 3%;
    }
}
@media screen and (max-width: 700px) {
    /******************** パターン1 **********************/
    #taiken_tour_section .step_box > section.pattern1 > ul > li > div:nth-of-type(1){
        width:40%;
    }
    #taiken_tour_section .step_box > section.pattern1 > ul > li > p{
        width:60%;
    }
}
@media screen and (max-width: 500px) {
    /******************** パターン1 **********************/

    #taiken_tour_section .step_box > section.pattern1 > ul > li > div:nth-of-type(1){
        width:100%;
        float:none;
        text-align:center;
    }
    #taiken_tour_section .step_box > section.pattern1 > ul > li > p{
        width:100%;
        float:none;
    }
}