.campaign-banner-block {
    display: none;
}

nav#header-scrl {
    display: none;
}

.wrapper-eluluremake {
    background-color: #F1F0FF;
}

.wrapper-eluluremake section.mainvisual {
    background-color: #E4E2FF;
}

/* .wrapper-eluluremake section:nth-child(n+4) {
    margin-top: 20%;
} */

.box {
    position: relative;
}

.img {
    margin-left: calc(((100vw - 100%) / 2)* -1);
    margin-right: calc(((100vw - 100%) / 2)* -1);
    width: 100%;
    display: block;
    margin: 5% auto 0;
}

.txt {
    position: absolute;
    top: 88%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 22px;
    width: 100%;
}

.txt h1 {
    font-size: 32.85px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.04em;
    line-height: 1;
    line-height: 0.7;
}

span.br {
    white-space: nowrap;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.06em;
}


/*----------scroll CSS----------*/

.scroll {
    text-align: center;
    margin-bottom: 15%;
  }
  
  .scroll img {
    width: 5%;
    animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
  }
  
  @keyframes floating-y {
    0% {
      transform: translateY(-10%);
    }
    100% {
      transform: translateY(10%);
    }
  }
  



/* section.concept */

.concept {
    margin: 10% 0 0;
    padding: 0 7% 15%;
}

h2 {
    font-size: 27.37px;
    font-weight: bold;
    color: #1C1C1C;
    line-height: 1.6;
    letter-spacing: -0.5px;
}


.concept p {
    color: #886597;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 2.5;
    margin: 2% 0 10%;
    text-align: center;
}

h3 {
    font-size: 15.84px;
    font-weight: bold;
    color: #707070;
    line-height: 1.85;
}


/* section.link */



section.link {
    padding: 10% 7% 15%;
    background-color: #E1D7FC;
}

section.link .-flex {
    display: block;
}

section.link .-box {
    margin-bottom: 16%;
}

section.link .-box:last-child {
    margin-bottom: 0;
}


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

    section.link .-flex {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5%;
    }

    section.link .-box {
        margin-bottom: 0;
    }
}



section.link h3 {
    text-align: center;
    margin-bottom: 2%;
}

section.link h3 img {
    width: 100%;
}

section.link .-top {
    margin-bottom: 7%;
}

section.link .-top p {
    font-size: 0.9rem;
    font-weight: bold;
    color: #AE83C1;
    text-align: center;
}

.mainVisual {
    position: relative;
    margin-bottom: 5%;
}


.plus {
    position: absolute;
    width: 17%;
    bottom: 0;
    right: 0;
}

.check {
    position: absolute;
    width: 35%;
    top: 8%;
    left: 1%;
}


.buyBtn {
    font-weight: 500;
    display: block;
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #FFF;
    background-color: #AE83C1;
    border: 1px solid #AE83C1;
    border-radius: 100px;
    padding: 3% 0 4%;
    width: 100%;
    margin-bottom: 5%;
    text-transform: capitalize;
    box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 16%);
}


.buyBtn:hover {
    color: #AE83C1;
    background-color: #FFF;

}


/* section.contents */

section.contents {
    padding: 10% 7% 0%;
}


section.contents h3 {
    text-align: center;
    margin-bottom: 5%;
}

section.contents h3 img {
    width: 100%;
}

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

    section.contents h3 img {
        width: 90%;
    }
}

section.contents .mainWrap {
    margin-bottom: 10%;
}

section.contents .-main {
    display: block;
    margin: 0 auto 5%;
    width: 90%;
}

section.contents .mainWrap .-detail {
    display: block;
    text-align: center;
    color: #AE83C1;
    text-decoration: underline;
    text-decoration-color: #AE83C1;
    font-size: 1rem;
    font-weight: bold;
}

section.contents .-twoway {
    text-align: center;
    margin-bottom: 5%;
}

section.contents .-twoway img {
    width: 100%;
}


section.contents .pointBox {
    margin-bottom: 18%;
}

section.contents .pointBox .point {
    position: relative;
    color: #AE83C1;
    background-color: #FFF;
    border-radius: 30px;
    padding: 8% 5%;
    margin-bottom: 11%;
    font-weight: bold;
}

section.contents .pointBox img {
    position: absolute;
    width: 24%;
    top: -20%;
    left: 5%;
}

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

    section.contents .pointBox img {
        width: 20%;
        top: -21%;
        left: 5%;
    }
}

section.contents .insta {
    text-align: center;
}

section.contents .insta h3 {
    text-align: center;
    color: #AE83C1;
    font-size: 1.1rem;
    letter-spacing: 0.2px;
    margin-bottom: 5%;
}

section.contents .insta .instaBox {
    display: block;
    width: 100%;
    margin: 0 auto 15%;
}



section.contents .styling {
    text-align: center;
    margin-bottom: 15%;
}

section.contents .styling img {
    width: 100%;
}


/* video */


section.contents.-gather .video video {
    width: 80%;
    margin: 0 auto 10%;
    display: block;
}



/* section.eluluBox */

section.eluluBox {
    text-align: center;
    padding: 0 7%;
    margin-top: 15%;
    padding-bottom: 20%;
}


section.eluluBox h3 {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 5%;
    letter-spacing: 0.2px;
    color: #AE83C1;
}


.eluluBtn {
    font-weight: 500;
    display: block;
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #AE83C1;
    background-color: #FFF;
    border: 1px solid #FFF;
    border-radius: 100px;
    padding: 3% 0 4%;
    width: 100%;
    margin-bottom: 5%;
    text-transform: capitalize;
    box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 16%);
}


.eluluBtn:hover {
    color: #FFF;
    background-color: #AE83C1;

}


/* section.special */

section.special {
    padding: 10% 0%;
}

.special-tlt p {
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.2px;
    margin-bottom: 3%;
    margin-left: 5%;
}

section.special div {
    display: block;
    margin: 0 auto 5%; 
}

section.special div:last-child {
    margin: 0 auto 0%; 
}




/*PC版*/

@media screen and (min-width:960px) {
.wrapper-eluluremake {
    padding: 0 30%;
}

section.concept p {
    font-size: 15px !important;
}

.txt h1 {
    font-size: 66.85px;
    color: #FFF;
}

span.br {
    font-size: 24px;

}
}