.topmain {
	margin: 0px auto 50px auto;
    padding: 34px 30px 0;
    box-sizing: border-box;
    width: 100%;
    height: 226px;
    background: #fff;
    border-radius: 10px; overflow: hidden;
}
#animation { position: relative; }
#an_line-01, #an_line-02, #an_line-03, #an_line-04, #an_line-05, #an_img-01, #an_img-02, #an_img-03, #an_img-04, #an_img-05, #an_img-06, #an_img-07, #an_img-08 { position: absolute; }
#an_line-01, #an_line-02, #an_line-03, #an_line-04 { left: 15px; opacity: 0; }
#an_line-01 { top: 20px; }
#an_line-02 { top: 55px; }
#an_line-03 { top: 90px; }
#an_line-04 { top: 130px; }
#an_line-05 { top: 45px; right: 20px; opacity: 0; }
#an_img-01 { top: 0; height: 180px; left: 710px; }
#an_img-02, #an_img-03, #an_img-04, #an_img-05, #an_img-06, #an_img-07, #an_img-08 { display: none; }
#an_img-02 { left: 285px; height: 180px; }
#an_img-03 { left: 285px; height: 180px; }
#an_img-04 { top: 38px; left: 334px; width: 58px; }
#an_img-05 { top: 22px; left: 325px; width: 87px; }
#an_img-06 { top: 55px; left: 332px; height: 77px; width: 68px; }
#an_img-07 { top: 135px; left: 352px; width: 31px; }
#an_img-08 { top: 26px; left: 399px; width: 29px; }




@media screen and (max-width:601px) {
.topmain {
    width: 85%;
    padding: 34px 0 0;
}
#animation img{ 
	width:25%;
	height:auto!important;
}
#an_img-01 { top: 0; height: 180px; left: -300px; }
#animation img#an_img-04 { top: 38px; left: 35%; width: 58px; }
#animation img#an_img-05 { top: 22px; left: 33%; width: 76px; }
#animation img#an_img-06 { top: 55px; left: 35%; height: 77px; width: 68px; }
#animation img#an_img-07 { top: 123px; left: 40%; width: 31px; }
#an_line-05 {
    top: 60px;
    right: 8px;
}
}