.lp_logo4th img,
.lp_btnArrowDown img,
.lp_logoRoc img,
.lp_effcet_01 img,
.reg_logo4th img,
.reg_characterImg img,
.reg_effcet_01 img,
.lp_logoObject img,
.reg_logoObject img,
.reg_towerImg img,
.reg_titleimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.lp_effcet_character img,
.lp_effcet_Poring img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lp_logoRoc {
    width: 200px;
}

.lp_logo4th {
    position: relative;
    width: 550px;
    filter: drop-shadow(2px 4px 10px #ffffffdc);
}

.lp_btnArrowDown {
    width: 40px;
    filter: drop-shadow(1px 1px 5px #6a6a6a);
    transition: all .5s;
}

.lp_btnArrowDown:hover {
    filter: drop-shadow(1px 1px 5px #ffffff);
}

.lp_logoObject {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 100px;

    filter: drop-shadow(1px 1px 5px #fff);
}

/* effcet  */
.lp_effcet_01 {
    width: 100%;
    height: 100%;

    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

.lp_effcet_character {
    width: 100%;
    height: 100%;
    filter: drop-shadow(2px 2px 9px #fff);

    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0;
}

.lp_effcet_Poring {
    width: 100%;
    height: 100%;
    filter: drop-shadow(2px 2px 9px #fff);

    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

.effect-wrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100dvw;
    min-height: 100dvh;
    height: 100%;
}

.effect-wrapper2 {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 100dvw;
    min-height: 100dvh;
    height: 100%;
}