@charset "utf-8";

img { width: 100%; }
.inner { width: 100%; max-width: 1440px; padding-left: 180px; margin: 0 auto; position: relative; box-sizing: border-box; } 

header { aspect-ratio: 1920/252; }

.img-wrap { display: flex; flex-direction: column; gap: 100px; margin-top: 120px; }
.img-wrap .img-box { position: relative; }
.img-wrap .ico-box { position: absolute; }
.btn-down a { display: block; max-width: 645px; margin: 40px auto; }

.img-wrap .plus-box { width: 18%; position: absolute; left: 38%; top:-4%; }
.img-wrap .img3 .ico-box { top: -129px; right: 80px; }
.img-wrap .img4 .ico-box { top: -50px; right: 50px; }

footer { height: 64px; margin-top: 100px; background-color: #009b4e; }

@media screen and (max-width:1440px){
    .inner { max-width: 1260px; padding-left: 0; margin: 0 0 0 auto; }
}
@media screen and (max-width:1260px){
    .inner { padding: 0 3%; }
    .img-wrap { gap: 12.6vw; margin-top: 10vw; }
    .btn-down a { max-width: 51.1904vw; margin: 4% auto; }
    .img-wrap .img3 .ico-box { max-width: 30.873015vw; top: -10.238095vw; right: 6.3492063vw; }
    .img-wrap .img4 .ico-box { max-width: 36.190476vw; top: -3.9682539vw; right: 3.9682539vw; }
    footer { height: 5.079365vw; margin-top: 10vw; }
}