body{
    margin: 0px;
}

#background{
    width: 100%;
    position: relative;
    display: none;
}

.bgImage{
    width: 100%;
}

.submit{
    position: absolute;
    transition: 0.5s;
}

.submit:hover{
    transform: translateX(-50%) scale(1.1);
}

.submitTop{
    top: 39vw;
    width: 32vw;
    left: 77%;
    transform: translateX(-50%);
    cursor: pointer;
}

.submit1{
    top: 90vw;
    width: 20vw;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.submit2{
    top: 125vw;
    width: 20vw;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.submit3{
    top: 171vw;
    width: 20vw;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.submit4{
    top: 200vw;
    width: 20vw;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.content2{
    position: absolute;
    top: 0vw;
    left: 0px;
    width: 100%;
}

.content1{
    position: absolute;
    top: 0vw;
    left: 0px;
    width: 100%;
}

.submit5{
    top: 238vw;
    width: 20vw;
    left: 38.5%;
    transform: translateX(-50%);
    cursor: pointer;
}

.submit6{
    top: 238vw;
    width: 20vw;
    left: 62%;
    transform: translateX(-50%);
    cursor: pointer;
}

.submit7{
    top: 278.5vw;
    width: 20vw;
    left: 38.5%;
    transform: translateX(-50%);
    cursor: pointer;
}

.submit8{
    top: 278.5vw;
    width: 20vw;
    left: 62%;
    transform: translateX(-50%);
    cursor: pointer;
}


.content3{
    position: absolute;
    top: 0vw;
    left: 0px;
    width: 100%;
}

.submit9{
    top: 318.1vw;
    width: 15vw;
    left: 19.6%;
    transform: translateX(-50%);
    cursor: pointer;
}

.submit10{
    top: 318.1vw;
    width: 15vw;
    left: 37.6%;
    transform: translateX(-50%);
    cursor: pointer;
}

.submit11{
    top: 318.1vw;
    width: 15vw;
    left: 62.6%;
    transform: translateX(-50%);
    cursor: pointer;
}

.submit12{
    top: 318.1vw;
    width: 15vw;
    left: 80.6%;
    transform: translateX(-50%);
    cursor: pointer;
}

.socialLinks{
    position: absolute;
    top: 359vw;
    left: 50%;
    transform: translateX(-50%);
}

.socialLinks img{
    width: 5vw;
    cursor: pointer;
    transition: 0.5s;
}

.socialLinks img:hover{
    transform: scale(1.1);
}

.goTop{
    position: fixed;
    right: 2vw;
    bottom: 10vw;
    width: 4vw;
    transition: 0.5s;
    cursor: pointer;
    display: none;
}

.goTop:hover{
    transform: scale(1.1);
}

#background_m{
    position: relative;
    display: none;
}

.submit_m{
    position: absolute;
}

.submitTop_m{
    width: 55vw;
    top: 153vw;
    left: 54%;
    transform: translateX(-50%);
}

.submit1_m{
    width: 36vw;
    top: 281vw;
    left: 50%;
    transform: translateX(-50%);
}

.submit2_m{
    width: 36vw;
    top: 379vw;
    left: 50%;
    transform: translateX(-50%);
}

.submit3_m{
    width: 36vw;
    top: 488vw;
    left: 50%;
    transform: translateX(-50%);
}

.submit4_m{
    width: 36vw;
    top: 567vw;
    left: 50%;
    transform: translateX(-50%);
}

.content2_m{
    position: absolute;
    width: 100%;
    top: 0px;
}

.submit5_m{
    width: 36vw;
    top: 658vw;
    left: 31%;
    transform: translateX(-50%);
}

.submit6_m{
    width: 36vw;
    top: 658vw;
    left: 70%;
    transform: translateX(-50%);
}

.submit7_m{
    width: 36vw;
    top: 749vw;
    left: 31%;
    transform: translateX(-50%);
}

.submit8_m{
    width: 36vw;
    top: 749vw;
    left: 70%;
    transform: translateX(-50%);
}

.content3_m{
    position: absolute;
    width: 100%;
    top: 0px;
}

.submit9_m{
    width: 36vw;
    top: 818vw;
    left: 31%;
    transform: translateX(-50%);
}

.submit10_m{
    width: 36vw;
    top: 818vw;
    left: 70%;
    transform: translateX(-50%);
}

.submit11_m{
    width: 36vw;
    top: 893vw;
    left: 31%;
    transform: translateX(-50%);
}

.submit12_m{
    width: 36vw;
    top: 893vw;
    left: 70%;
    transform: translateX(-50%);
}

.socialLinks_m{
    position: absolute;
    top: 984vw;
    left: 50%;
    transform: translateX(-50%);
}

.socialLinks_m img{
    width: 9vw;
    cursor: pointer;
    transition: 0.5s;
}

.goTop_m{
    position: fixed;
    bottom: 10vw;
    right: 2vw;
    width: 8vw;
    transition: 0.5s;
    cursor: pointer;
    display: none;
}

@media screen and (max-width: 666px) {
    #background_m{
        display: block;
    }
}

@media screen and (max-width: 1280px) {
    .content2{
        top: -1vw;
    }

    .content3{
        top: -1vw;
    }
}

@media screen and (max-width: 1050px) {
    .content2{
        top: -2vw;
    }

    .content3{
        top: -2vw;
    }
}



@media screen and (max-width: 850px) {
    .content2{
        top: -2.5vw;
    }

    .content3{
        top: -3vw;
    }
}

@media screen and (min-width: 667px) {
    #background{
        display: block;
    }
}

@media screen and (max-width: 1366px) {
    .checkMobile{
        top: 2vw;
    }
}

@media screen and (orientation : landscape){
    #background{
        display: block;
    }

    #background_m{
        display: none;
    }
}

@media screen and (min-width:1500px){

    #background{

    }

    #pc{
        width: 1200px;
        margin: 0 auto;
    }

    .submitTop {
        top: 475.618px;
        width: 365px;
        left: 67%;
    }

    .submit1 {
        top: 1097.58px;
        width: 199.56px;
    }

    .submit2 {
        top: 1519.982px;
        width: 199.56px;
    }

    .submit3 {
        top: 2092.054px;
        width: 199.56px;
    }

    .submit4 {
        top: 2441.284px;
        width: 199.56px;
    }

    .submit5 {
        top: 2893.62px;
        width: 190px;
        left: 43%;
    }

    .submit6 {
        top: 2893.62px;
        width: 190px;
        left: 57.3%;
    }

    .submit7 {
        top: 3379.216px;
        width: 190px;
        left: 43%;
    }

    .submit8 {
        top: 3379.216px;
        width: 190px;
        left: 57.3%;
    }

    .submit9 {
        top: 3844.856px;
        width: 190px;
        left: 50%;
        transform: translateX(-242%);
    }

    .submit9:hover{
        transform: translateX(-242%) scale(1.1);
    }
    .submit10 {
        top: 3844.856px;
        width: 190px;
        left: 50%;
        transform: translateX(-124%);
    }
    .submit10:hover{
        transform: translateX(-124%) scale(1.1);
    }
    .submit11 {
        top: 3844.856px;
        width: 190px;
        left: 50%;
        transform: translateX(27%);
    }
    .submit11:hover{
        transform: translateX(27%) scale(1.1);
    }
    .submit12 {
        top: 3844.856px;
        width: 190px;
        left: 50%;
        transform: translateX(144%);
    }
    .submit12:hover{
        transform: translateX(144%) scale(1.1);
    }

    .socialLinks{
        top: 4315.485px;
    }

    .socialLinks img{
        width: 70px;
    }
}