#SUMMER-MAKEUP-2021{
    max-width:970px;
    margin:0 auto;
    position:relative;
    height:487px;
    font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
    z-index:1;
    display:flex;
    padding-left:566px;
    flex-direction:column;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
}
#SUMMER-MAKEUP-2021 .Visual{
    width:1600px;
    position:absolute;
    top:0;
    left:calc(50% - 800px); 
    z-index:-1;
}
#SUMMER-MAKEUP-2021 .Visual a{
   display:block;
   font-size:0px;
    opacity:0;
    position:absolute;
    left:50%;
    top:50%;

}
#SUMMER-MAKEUP-2021 .Visual a:nth-child(1){
    width: 160px;
    height: 160px;
    transform: translateX(-210px) translateY(15px);
}
#SUMMER-MAKEUP-2021 .Visual a:nth-child(2){
    width: 70px;
    height: 210px;
    transform: translateX(-360px) translateY(-40px);
}
#SUMMER-MAKEUP-2021 .Visual a:nth-child(3){
    width: 120px;
    height: 160px;
    transform: translateX(-210px) translateY(-230px);
}
#SUMMER-MAKEUP-2021 .Visual a:nth-child(4){
    width: 120px;
    height: 140px;
    transform: translateX(-340px) translateY(-200px);
}
#SUMMER-MAKEUP-2021 .Visual a:nth-child(5){
    width: 110px;
    height: 50px;
    transform: translateX(-150px) translateY(-50px);
}

#SUMMER-MAKEUP-2021 .Visual img{
    max-width:100%;
    margin:0 auto;
}
#SUMMER-MAKEUP-2021 .Title{
    color:#be0f34;
    font-size:35px;
    font-family: ClarinsRegular, Clarins;
    margin:0;
    line-height: 1em;
}
#SUMMER-MAKEUP-2021 .Text{
    font-size:16px;
    color:#000;
    margin:0;
    padding-top:15px; line-height: 1.4em;
}

#SUMMER-MAKEUP-2021  .BtnLink{
    display:block;
    text-align:left;
    padding-top:20px;
}
#SUMMER-MAKEUP-2021 .BtnLink a, 
#SUMMER-MAKEUP-2021 .BtnLink span  {
    background-color: #000;
    display: inline-block;
    color: #fff;
    padding: 16px 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    line-height: 10px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    border: 2px solid #000;
}
#SUMMER-MAKEUP-2021 .isDesktop{
    display:block;
}
#SUMMER-MAKEUP-2021 .isMobile{
    display:none;
}
@media screen and (max-width:1023px){
    #SUMMER-MAKEUP-2021{
        padding-left: 50%;
        padding-right: 20px;
    }
}
@media screen and (max-width:761px){
    #SUMMER-MAKEUP-2021{
        width:100vw;
        height:182vw;
        padding:0;
        padding-top:112vw;
        justify-content: center;
        align-items: center;
        text-align:center;
     } 
    #SUMMER-MAKEUP-2021 .isDesktop{
         display:none;
    }
    #SUMMER-MAKEUP-2021 .isMobile{
        display:block;
        max-width:100%;
    }
    #SUMMER-MAKEUP-2021 .Visual{
        width:100%;left:0;
     } 
     #SUMMER-MAKEUP-2021 .Visual img{
        width:100%;
    }
    #SUMMER-MAKEUP-2021 .Visual a:nth-child(1){
        width: 36vw;
        height: 35vw;
        transform: translateX(2vw) translateY(-16vw);
    }
    #SUMMER-MAKEUP-2021 .Visual a:nth-child(2){
        width: 15vw;
        height: 50vw;
        transform: translateX(-33vw) translateY(-30vw);
    }
    #SUMMER-MAKEUP-2021 .Visual a:nth-child(3){
        width: 24vw;
        height: 38vw;
        transform: translateX(5vw) translateY(-75vw);
    }
    #SUMMER-MAKEUP-2021 .Visual a:nth-child(4){
        width: 30vw;
        height: 30vw;
        transform: translateX(-30vw) translateY(-65vw);
    }
    #SUMMER-MAKEUP-2021 .Visual a:nth-child(5){
        width: 27vw;
        height: 10vw;
        transform: translateX(16vw) translateY(-31vw);
    }
}