.portfolio-header .project-category ul li { background: #a4be00; color: #fff; } 

.swiper { position: absolute; top: 0; left: 0; width: 100%; } 

.section4 .gif-wrap { position: absolute ; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0 auto; z-index: 2; } 

.portfolio-pc .section4 .gif-wrap { max-width: 1280px; margin: 0 auto; z-index: 2; } 
.portfolio-pc .section4 .gif-wrap img { position: absolute; left: 8.4%; width: 9.6% ; height: 18.6%; } 
.portfolio-pc .section4 .gif-wrap img:nth-child(1) { top: 44.2%; } 
.portfolio-pc .section4 .gif-wrap img:nth-child(2) { top: 67%; } 
.portfolio-pc .section9 .section-item-2 { margin-top: -1px; } 
.portfolio-pc .section10 { margin-top: -402px; } 

.portfolio-mobile .section4 .gif-wrap img { position: absolute; left: 8.4%; width: 26.4% ; height: 18.9%; } 
.portfolio-mobile .section4 .gif-wrap img:nth-child(1) { top: 48%; } 
.portfolio-mobile .section4 .gif-wrap img:nth-child(2) { top: 77%; }