div.main  p.sub_title , div.main  p.center{
    text-align: center;
}

div.main > div.images{
    margin: 0 auto;
    width: 800px;
}
div.main > div.images > div.img_block{
    display: inline-block;
    width: 390px;
    margin-top: 20px;
}
div.main > div.images > div.img_block > img{
    width: 100%;
}
div.main > div.images > div.left{
    margin-right:15px;
}

div.contents > div.gray {
    background:#f5f5f5;
    margin: 50px 0 0 0;
}
div.contents > div.gray > div.main {
    padding: 30px 0 40px 0;
}

div.main div.youtube{
    margin: 30px auto 0 auto;
    width:560px;
}

div.main img.tb_pc{
    margin: 0 auto;
    display: block;
}


@media all and (max-width: 1023px) {
    div.main > div.images{
        width: 100%;
    }
    div.main > div.images > div.img_block{
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    div.main > div.images > div.img_block > img{
        width: 100%;
    }
    div.main > div.images > div.left{
        margin-right:15px;
    }

    div.main div.youtube > iframe{
        width:100%;
        height: 50vw;
    }
    div.main div.youtube{
        margin: 30px auto 0 auto;
        width:100%
    }

    div.main > img.deve_img2{
        margin-top: 40px;
    }
    
    div.main img.tb_pc{
        display: none;
    }
    div.main img.sp{
        width: 100%;
    }

}



/*-- タブレット用 --*/
@media all and (max-width: 1023px) and (min-width:768px){
    div.main > div.images{
        width: 100%;
    }
    div.main > div.images > div.img_block{
        display: inline-block;
        width: 48%;
    }
    div.main > div.images > div.left{
        margin-right:3%;
    }

    div.main div.youtube{
        width:70%;
    }

    div.main img.tb_pc{
        width: 100%;
    }
}