div#container {
    margin: 70px 0 0 0;
}

.col.col-lg-12 {
    margin: 0 0 50px 0;
}

.apatop {
    width: 16%;
    float: left;
    margin: 0 auto;
    display: block;
}


/* \¹\Þ¡¼\È\Õ\©\ó¸þ¤¡Þ¤Î\¹\¿\¤\ë */
@media screen and (max-width: 480px) {

   .desktop-image {
        display: none;
    }

    
    div#container {
        margin: 180px 0 0 0; /* \¹\Þ¡¼\È\Õ\©\ó¤Ç¤Ï\Þ¡¼\¸\ó¤ò¾®¤µ¤¯¤¹¤ë */
    }
}

/* \¿\Ö\ì\Ã\ȸþ¤¡Þ¤Î\¹\¿\¤\ë */
@media screen and (min-width: 481px) and (max-width: 768px) {
    div#container {
        margin: 155px 0 0 0; /* \¿\Ö\ì\Ã\ȤǤÏ\Þ¡¼\¸\ó¤òÄ¡­À¡ë¤¹¤ë */
    }
}

/* \Ç\¹\¯\È\Ã\¡ß¸þ¤¡Þ¤Î\¹\¿\¤\ë */
@media screen and (min-width: 769px) {
    div#container {
        margin: 130px 0 70px 0; /* \Ç\¹\¯\È\Ã\¡ß¤Ç¤Ï¸µ¤Î\Þ¡¼\¸\ó¤ò¡ëÝ»ý¤¹¤ë */
        display: block;
    }
}
@media (max-width: 425px) {
    .apatop {
    width: 33%;
    float: left;
    margin: 15px auto;
    display: block;
}


    
}