* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    min-width: 1900px;
}

html {
    overflow-x: auto;
}

body {
    background: #1d1d1d;
}

img {
    display: block;
    height: auto;
}

/* Main artwork. */
.index-bg {
    position: relative;
    width: 100%;
}

.index-bg > img {
    width: 100%;
}

.download {
    position: absolute;
    top: 66%;
    left: 50%;
    width: 22%;
    transform: translateX(-50%);
}

.button-box-start-img {
    width: 100%;
    animation: fadeIn-data-start-button .3s both,
        breathe-data-start-button 2s infinite both;
    animation-delay: 250ms;
}

@keyframes fadeIn-data-start-button {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes breathe-data-start-button {
    0%,
    100% {
        transform: scale(.9);
    }

    50% {
        transform: scale(1);
    }
}

.footer {
    margin-top: -6.3%;
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #1d1d1d;
}

.footer > img:first-child {
    width: 100%;
}

.footer-list {
    position: absolute;
    top: 25%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.0833vw;
    width: 100%;
}

.footer-list img {
    width: auto;
    height: 3.4896vw;
    max-width: none;
}

.footer-corp {
    position: absolute;
    bottom: 18%;
    left: 50%;
    width: 27vw;
    max-width: none;
    transform: translateX(-50%);
}