.main-content {
    min-width: 1000px;
}

.main-content .content-top .top-character {
    width: 1297px;
    height: 907px;
    margin-left: -860px;
    margin-top: 50px;
}

.main-content .content-top .top-character-r {
    width: 1297px;
    height: 907px;
    margin-left: -860px;
    margin-top: 50px;
}

.main-content .content-top {
    height: 1200px;
    min-height: 100vh;
}

.main-content .content-top-on {
    height: 960px;
    min-height: 960px;
}

.main-content .content-top .top-logo {
    margin-top: 620px;
    margin-left: -410px;
}
.main-content .content-top .video-cover-1 {
    width: 280px;
    height: 150px;
    margin-right: 20px;
}

.main-content .content-top .video-cover-2 {
    width: 280px;
    height: 150px;
    margin-right: 20px;
}

.main-content .content-top .video-play-btn {
    width: 90px;
    height: 90px;
    margin-left: 95px;
    margin-top: 30px;
    filter: brightness(0.6);
}

.main-content .content-top .gacha-href-btn {
    margin-right: 80px;
    margin-top: 50px;
    width: 213px;
    height: 95px;
    z-index: 10;
}

.main-content .content-top .twitter-href-btn {
    margin-left: 10px;
    margin-top: 50px;
    width: 213px;
    height: 95px;
    z-index: 10;
}

.main-content .title-pre-registration {
    margin-left: 340px;
    margin-bottom: -40px;
}

.main-content .content-pre-registration .info-clear {
    margin-left: 30px;
    margin-top: 40px;
}

.main-content .content-pre-registration .pre-info-10 .info-clear {
    margin-top: 150px;
}

.main-content .content-pre-registration .pre-info-char {
    margin-top: -100px;
}

.main-content .content-pre-registration .pre-info-text {
    margin-top: 40px;
    margin-left: -160px;
}

.main-content .title-game-character {
    margin-bottom: -80px;
}

@media only screen and (min-width: 1200px) {
    .main-content .content-top .top-text {
        margin-left: -590px;
    }
}

@media only screen and (min-width: 1300px) {
    .main-content .content-top .top-text {
        margin-left: -640px;
    }
}

@media only screen and (min-width: 1400px) {
    .main-content .content-top .top-text {
        margin-left: -660px;
    }
}

@media only screen and (min-width: 1600px) {
    .main-content .content-top .top-text {
        margin-left: -740px;
    }
}
