.main_anime {
      position: relative;
      width: 100%;
      max-width: 480px;
      height: 500px;
      overflow: hidden;
      left: 0px;
      top: 0px;
      background-image: none;
      background-color: rgb(214, 210, 209);
    }
    .gwd-img-1e66 {
      position: absolute;
      left: 1.76%;
      top: 0.89%;
      transform: translate3d(0px, 101.42%, 0px);
      height: 137%;
      width: 104.05%;
    }
    @keyframes gwd-gen-1cf9gwdanimation_gwd-keyframes {
      0% {
        transform: translate3d(0px, 286px, 0px);
        height: 137%;
        width: 104.05%;
        animation-timing-function: linear;
      }
      8.7719% {
        transform: translate3d(0px, 287px, 0px);
        height: 137.11%;
        width: 104.05%;
        animation-timing-function: linear;
      }
      12.2807% {
        transform: translate3d(0px, -30px, 0px);
        height: 137.11%;
        width: 104.05%;
        animation-timing-function: linear;
      }
      14.0351% {
        transform: translate3d(0px, 6px, 0px);
        height: 137.11%;
        width: 104.05%;
        animation-timing-function: linear;
      }
      31.5789% {
        transform: translate3d(0px, 6px, 0px);
        height: 137.11%;
        width: 104.05%;
        animation-timing-function: linear;
      }
      36.8421% {
        transform: translate3d(-167px, -824px, 0px);
        height: 336.03%;
        width: 255%;
        animation-timing-function: linear;
      }
      66.6667% {
        transform: translate3d(-167px, -824px, 0px);
        height: 336.03%;
        width: 255%;
        animation-timing-function: linear;
      }
      66.8421% {
        transform: translate3d(-167px, -824px, 0px);
        height: 336.03%;
        width: 255%;
        animation-timing-function: linear;
      }
      71.9298% {
        transform: translate3d(-163px, -298px, 0px);
        height: 175.26%;
        width: 133%;
        animation-timing-function: linear;
      }
      91.0526% {
        transform: translate3d(-163px, -298px, 0px);
        height: 175.26%;
        width: 133%;
        animation-timing-function: linear;
      }
      91.2281% {
        transform: translate3d(-163px, -298px, 0px);
        height: 175.26%;
        width: 133%;
        animation-timing-function: linear;
      }
      100% {
        transform: translate3d(103px, 61px, 0px);
        height: 64.57%;
        width: 49%;
        animation-timing-function: linear;
      }
    }
    .htmlNoPages .gwd-gen-1cf9gwdanimation {
      animation: 5.7s linear 0s 1 normal forwards running gwd-gen-1cf9gwdanimation_gwd-keyframes;
    }
    .gwd-img-8708 {
      position: absolute;
      height: 0.96%;
      width: 1%;
      left: 22.29%;
      top: 32.4%;
      visibility: hidden;
      opacity: 1;
    }
    @keyframes gwd-gen-1mrwgwdanimation_gwd-keyframes {
      0% {
        visibility: hidden;
        height: 0.96%;
        width: 1%;
        left: 22.29%;
        top: 32.4%;
        opacity: 1;
        animation-timing-function: linear;
      }
      35.7143% {
        visibility: visible;
        height: 0.96%;
        width: 1%;
        left: 22.29%;
        top: 32.4%;
        opacity: 1;
        animation-timing-function: linear;
      }
      38.4615% {
        visibility: visible;
        height: 22.22%;
        width: 28%;
        left: 3.74%;
        top: 5%;
        opacity: 1;
        animation-timing-function: linear;
      }
      43.956% {
        visibility: visible;
        height: 21%;
        width: 26.46%;
        left: 5%;
        top: 13%;
        opacity: 1;
        animation-timing-function: linear;
      }
      98.9011% {
        visibility: visible;
        height: 21%;
        width: 26.46%;
        left: 5%;
        top: 13%;
        opacity: 1;
        animation-timing-function: linear;
      }
      100% {
        visibility: hidden;
        height: 21%;
        width: 26.46%;
        left: 5%;
        top: 13%;
        opacity: 0;
        animation-timing-function: linear;
      }
    }
    .htmlNoPages .gwd-gen-1mrwgwdanimation {
      animation: 1.82s linear 0s 1 normal forwards running gwd-gen-1mrwgwdanimation_gwd-keyframes;
    }
    .gwd-img-1j6d {
      position: absolute;
      width: 106px;
      height: 166px;
      top: 71px;
      left: 176px;
      visibility: hidden;
      opacity: 0;
    }
    @keyframes gwd-gen-89xigwdanimation_gwd-keyframes {
      0% {
        visibility: hidden;
        opacity: 0;
        animation-timing-function: linear;
      }
      57.7428% {
        visibility: visible;
        opacity: 0;
        animation-timing-function: linear;
      }
      58.0052% {
        visibility: visible;
        opacity: 1;
        animation-timing-function: linear;
      }
      62.9921% {
        visibility: visible;
        opacity: 1;
        animation-timing-function: linear;
      }
      63.2546% {
        visibility: visible;
        opacity: 0;
        animation-timing-function: linear;
      }
      65.6168% {
        visibility: visible;
        opacity: 0;
        animation-timing-function: linear;
      }
      65.8793% {
        visibility: visible;
        opacity: 1;
        animation-timing-function: linear;
      }
      70.8661% {
        visibility: visible;
        opacity: 1;
        animation-timing-function: linear;
      }
      71.1286% {
        visibility: visible;
        opacity: 0;
        animation-timing-function: linear;
      }
      73.4908% {
        visibility: visible;
        opacity: 0;
        animation-timing-function: linear;
      }
      73.7533% {
        visibility: visible;
        opacity: 1;
        animation-timing-function: linear;
      }
      99.7375% {
        visibility: visible;
        opacity: 1;
        animation-timing-function: linear;
      }
      100% {
        visibility: hidden;
        opacity: 0;
        animation-timing-function: linear;
      }
    }
    .main_anime .gwd-gen-89xigwdanimation {
      animation: 3.81s linear 0s 1 normal forwards running gwd-gen-89xigwdanimation_gwd-keyframes;
    }
    .gwd-img-7ebf {
      position: absolute;
      top: 18px;
      left: 416px;
      opacity: 0;
      visibility: hidden;
      height: 19.4%;
      width: 11.25%;
      transform: translate3d(0px, 0px, 0px);
    }
    @keyframes gwd-gen-1d9vgwdanimation_gwd-keyframes {
      0% {
        opacity: 0;
        visibility: hidden;
        height: 19.4%;
        width: 11.25%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
      79.2308% {
        opacity: 0;
        visibility: hidden;
        height: 19.4%;
        width: 11.25%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
      79.4231% {
        opacity: 1;
        visibility: visible;
        height: 1.72%;
        width: 1%;
        transform: translate3d(0px, 86px, 0px);
        animation-timing-function: linear;
      }
      81.1538% {
        opacity: 1;
        visibility: visible;
        height: 22.41%;
        width: 13%;
        transform: translate3d(0px, -17px, 0px);
        animation-timing-function: linear;
      }
      81.7308% {
        opacity: 1;
        visibility: visible;
        height: 19.4%;
        width: 11.25%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
      99.8077% {
        opacity: 1;
        visibility: visible;
        height: 19.4%;
        width: 11.25%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
      100% {
        opacity: 0;
        visibility: hidden;
        height: 19.4%;
        width: 11.25%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
    }
    .main_anime .gwd-gen-1d9vgwdanimation {
      animation: 5.2s linear 0s 1 normal forwards running gwd-gen-1d9vgwdanimation_gwd-keyframes;
    }
    .gwd-img-sb29 {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 480px;
      opacity: 0;
      visibility: hidden;
      height: 100%;
    }
    @keyframes gwd-gen-1n92gwdanimation_gwd-keyframes {
      0% {
        opacity: 0;
        visibility: hidden;
        height: 100%;
        animation-timing-function: linear;
      }
      98.0702% {
        opacity: 0;
        visibility: hidden;
        height: 100%;
        animation-timing-function: linear;
      }
      98.2456% {
        opacity: 0;
        visibility: visible;
        height: 100%;
        animation-timing-function: linear;
      }
      100% {
        opacity: 1;
        visibility: visible;
        height: 100%;
        animation-timing-function: linear;
      }
    }
    .main_anime .gwd-gen-1n92gwdanimation {
      animation: 5.7s linear 0s 1 normal forwards running gwd-gen-1n92gwdanimation_gwd-keyframes;
    }
    .gwd-img-yhyo {
      position: absolute;
      opacity: 0;
      visibility: hidden;
      left: 3.54%;
      top: 1.8%;
      width: 26.04%;
      height: 21.2%;
    }
    .gwd-img-k7a1 {
      position: absolute;
      opacity: 0;
      visibility: hidden;
      left: 61.04%;
      top: 11.8%;
      width: 35.42%;
      height: 18.8%;
      transform: translate3d(0px, 0px, 0px);
    }
    .gwd-img-3yas {
      position: absolute;
      opacity: 0;
      visibility: hidden;
      left: 3.13%;
      top: 29.8%;
      width: 25.83%;
      height: 19%;
      transform: translate3d(0px, 0px, 0px);
    }
    .gwd-img-1iz8 {
      position: absolute;
      opacity: 0;
      visibility: hidden;
      left: 70.63%;
      top: 34%;
      width: 16.88%;
      height: 16.2%;
      transform: translate3d(0px, 0px, 0px);
    }
    .gwd-img-8x1e {
      position: absolute;
      opacity: 0;
      visibility: hidden;
      left: 8.96%;
      top: 52.2%;
      width: 14.79%;
      height: 19%;
      transform: translate3d(0px, 0px, 0px);
    }
    .gwd-img-1yea {
      position: absolute;
      opacity: 0;
      visibility: hidden;
      left: 77.29%;
      top: 65.2%;
      width: 9.58%;
      height: 8.2%;
      transform: scale3d(1, 1, 1);
    }
    .gwd-img-1mwk {
      position: absolute;
      opacity: 0;
      visibility: hidden;
      left: 7.92%;
      top: 75.2%;
      width: 88.75%;
      height: 24.8%;
    }
    @keyframes gwd-gen-ogcggwdanimation_gwd-keyframes {
      0% {
        visibility: hidden;
        opacity: 0;
        animation-timing-function: linear;
      }
      98.0702% {
        visibility: hidden;
        opacity: 0;
        animation-timing-function: linear;
      }
      98.2456% {
        visibility: visible;
        opacity: 0;
        animation-timing-function: linear;
      }
      100% {
        visibility: visible;
        opacity: 1;
        animation-timing-function: linear;
      }
    }
    .main_anime .gwd-gen-ogcggwdanimation {
      animation: 5.7s linear 0s 1 normal forwards running gwd-gen-ogcggwdanimation_gwd-keyframes;
    }
    @keyframes gwd-gen-15c2gwdanimation_gwd-keyframes {
      0% {
        visibility: hidden;
        opacity: 0;
        animation-timing-function: linear;
      }
      98.0702% {
        visibility: hidden;
        opacity: 0;
        animation-timing-function: linear;
      }
      98.2456% {
        visibility: visible;
        opacity: 0;
        animation-timing-function: linear;
      }
      100% {
        visibility: visible;
        opacity: 1;
        animation-timing-function: linear;
      }
    }
    .main_anime .gwd-gen-15c2gwdanimation {
      animation: 5.7s linear 0s 1 normal forwards running gwd-gen-15c2gwdanimation_gwd-keyframes;
    }
    @keyframes gwd-gen-1rk0gwdanimation_gwd-keyframes {
      0% {
        opacity: 0;
        visibility: hidden;
        width: 35.42%;
        height: 18.8%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
      95.4774% {
        opacity: 0;
        visibility: hidden;
        width: 35.42%;
        height: 18.8%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
      95.6449% {
        opacity: 0;
        visibility: visible;
        width: 1%;
        height: 0.53%;
        transform: translate3d(60px, 58px, 0px);
        animation-timing-function: linear;
      }
      98.8275% {
        opacity: 1;
        visibility: visible;
        width: 40%;
        height: 21.23%;
        transform: translate3d(-5px, -10px, 0px);
        animation-timing-function: linear;
      }
      100% {
        opacity: 1;
        visibility: visible;
        width: 35.42%;
        height: 18.8%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
    }
    .main_anime .gwd-gen-1rk0gwdanimation {
      animation: 5.97s linear 0s 1 normal forwards running gwd-gen-1rk0gwdanimation_gwd-keyframes;
    }
    @keyframes gwd-gen-1hwngwdanimation_gwd-keyframes {
      0% {
        visibility: hidden;
        opacity: 0;
        width: 25.83%;
        height: 19%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
      95.7278% {
        visibility: hidden;
        opacity: 0;
        width: 25.83%;
        height: 19%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
      95.8861% {
        visibility: visible;
        opacity: 0;
        width: 1%;
        height: 0.74%;
        transform: translate3d(101px, 84.3333px, 0px);
        animation-timing-function: linear;
      }
      98.8924% {
        visibility: visible;
        opacity: 0.7308;
        width: 30%;
        height: 22.07%;
        transform: translate3d(-16px, -14px, 0px);
        animation-timing-function: linear;
      }
      100% {
        visibility: visible;
        opacity: 1;
        width: 25.83%;
        height: 19%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
    }
    .main_anime .gwd-gen-1hwngwdanimation {
      animation: 6.32s linear 0s 1 normal forwards running gwd-gen-1hwngwdanimation_gwd-keyframes;
    }
    @keyframes gwd-gen-v09kgwdanimation_gwd-keyframes {
      0% {
        visibility: hidden;
        opacity: 0;
        width: 16.88%;
        height: 16.2%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
      90.7601% {
        visibility: hidden;
        opacity: 0;
        width: 16.88%;
        height: 16.2%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
      90.9091% {
        visibility: visible;
        opacity: 0;
        width: 10%;
        height: 9.6%;
        transform: translate3d(11px, 13px, 0px);
        animation-timing-function: linear;
      }
      93.8897% {
        visibility: visible;
        opacity: 1;
        width: 20%;
        height: 19.2%;
        transform: translate3d(-12px, -14px, 0px);
        animation-timing-function: linear;
      }
      96.8703% {
        visibility: visible;
        opacity: 1;
        width: 15%;
        height: 14.4%;
        transform: translate3d(0px, 1px, 0px);
        animation-timing-function: linear;
      }
      100% {
        visibility: visible;
        opacity: 1;
        width: 17%;
        height: 16.32%;
        transform: translate3d(-5px, -7px, 0px);
        animation-timing-function: linear;
      }
    }
    .main_anime .gwd-gen-v09kgwdanimation {
      animation: 6.71s linear 0s 1 normal forwards running gwd-gen-v09kgwdanimation_gwd-keyframes;
    }
    @keyframes gwd-gen-1wwbgwdanimation_gwd-keyframes {
      0% {
        visibility: hidden;
        opacity: 0;
        width: 14.79%;
        height: 19%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
      90.7601% {
        visibility: hidden;
        opacity: 0;
        width: 14.79%;
        height: 19%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
      90.9091% {
        visibility: visible;
        opacity: 0;
        width: 11%;
        height: 14.13%;
        transform: translate3d(4px, 9px, 0px);
        animation-timing-function: linear;
      }
      93.8897% {
        visibility: visible;
        opacity: 1;
        width: 19%;
        height: 24.41%;
        transform: translate3d(-4px, -10px, 0px);
        animation-timing-function: linear;
      }
      96.8703% {
        visibility: visible;
        opacity: 1;
        width: 11%;
        height: 14.13%;
        transform: translate3d(4px, 9px, 0px);
        animation-timing-function: linear;
      }
      100% {
        visibility: visible;
        opacity: 1;
        width: 15%;
        height: 19.27%;
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: linear;
      }
    }
    .main_anime .gwd-gen-1wwbgwdanimation {
      animation: 6.71s linear 0s 1 normal forwards running gwd-gen-1wwbgwdanimation_gwd-keyframes;
    }
    @keyframes gwd-gen-1pcqgwdanimation_gwd-keyframes {
      0% {
        visibility: hidden;
        opacity: 0;
        transform: rotateZ(0deg);
        animation-timing-function: linear;
      }
      90.4762% {
        visibility: hidden;
        opacity: 0;
        transform: rotateZ(0deg);
        animation-timing-function: linear;
      }
      90.6349% {
        visibility: visible;
        opacity: 1;
        transform: rotateZ(0deg);
        animation-timing-function: linear;
      }
      95.2381% {
        visibility: visible;
        opacity: 1;
        transform: rotateZ(8deg);
        animation-timing-function: linear;
      }
      100% {
        visibility: visible;
        opacity: 1;
        transform: rotateZ(-8deg);
        animation-timing-function: linear;
      }
    }
    .main_anime .gwd-gen-1pcqgwdanimation {
      animation: 6.3s linear 0s 1 normal forwards running gwd-gen-1pcqgwdanimation_gwd-keyframes;
    }
    .gwd-div-1sw3 {
      clip-path: inset(0% 0% calc(-282px + 100%));
    }
    @keyframes gwd-gen-gk8dgwdanimation_gwd-mask-keyframes {
      0% {
        clip-path: inset(0% 0% calc(-282px + 100%));
        animation-timing-function: linear;
      }
      91.2281% {
        clip-path: inset(0% 0% calc(-282px + 100%));
        animation-timing-function: linear;
      }
      91.4035% {
        clip-path: inset(0% 0% 43.6%);
        animation-timing-function: linear;
      }
      100% {
        clip-path: inset(0% 0% calc(-500px + 100%));
        animation-timing-function: linear;
      }
    }
    .htmlNoPages .gwd-gen-gk8dgwdanimation {
      animation: auto ease 0s 1 normal none running none, 5.7s linear 0s 1 normal forwards running gwd-gen-gk8dgwdanimation_gwd-mask-keyframes;
    }

.main {
height:500px;
overflow: hidden;
position: relative;
}
    @keyframes gwd-gen-animation-keyframes {
      0% {
        height:282px;
        animation-timing-function: linear;
      }
      91.2281% {
        height:282px;
        animation-timing-function: linear;
      }
      91.4035% {
        height:282px;
        animation-timing-function: linear;
      }
      100% {
        height:500px;
        animation-timing-function: linear;
      }
    }
.htmlNoPages .gwd-main-animation {
  animation: auto ease 0s 1 normal none running none, 5.7s linear 0s 1 normal forwards running gwd-gen-animation-keyframes;
  }