[data-ani="slideUp"]{opacity: 0;transform: translate3d(0, 30px, 0);transition: opacity .55s linear, transform .55s ease-in-out;}
[data-ani="slideUp"].aniOn {opacity: 1;transform: translate3d(0, 0, 0);}
[data-ani="slideUp"].aniReverse {opacity: 0;transform: translate3d(0, -30px, 0);}



.pc_a{display: block;}
.mo_a{display: none;}

@keyframes swingTypeB {
  0% {
    -webkit-transform: rotate(-2deg) translateY(0px) translateX(0px);
    -o-transform: rotate(-2deg) translateY(0px) translateX(0px);
    transform: rotate(-2deg) translateY(0px) translateX(0px);
  }
  45% {
    -webkit-transform: rotate(3deg) translateY(-30px) translateX(30px);
    -o-transform: rotate(3deg) translateY(-30px) translateX(30px);
    transform: rotate(3deg) translateY(-30px) translateX(30px);
  }
  85% {
    -webkit-transform: rotate(5deg) translateY(-10px) translateX(10px);
    -o-transform: rotate(5deg) translateY(-10px) translateX(10px);
    transform: rotate(5deg) translateY(-10px) translateX(10px);
  }
  100% {
    -webkit-transform: rotate(-2deg) translateY(0px) translateX(0px);
    -o-transform: rotate(-2deg) translateY(0px) translateX(0px);
    transform: rotate(-2deg) translateY(0px) translateX(0px);
  }
}
@-webkit-keyframes swingTypeC {
  0% {
    -webkit-transform: rotate(-180deg) translateY(0px) translateX(0px);
    transform: rotate(-180deg) translateY(0px) translateX(0px);
  }
  45% {
    -webkit-transform: rotate(-176deg) translateY(15px) translateX(-10px);
    transform: rotate(-176deg) translateY(15px) translateX(-10px);
  }
  85% {
    -webkit-transform: rotate(-182deg) translateY(5px) translateX(-5px);
    transform: rotate(-182deg) translateY(5px) translateX(-5px);
  }
  100% {
    -webkit-transform: rotate(-180deg) translateY(0px) translateX(0px);
    transform: rotate(-180deg) translateY(0px) translateX(0px);
  }
}
@-o-keyframes swingTypeC {
  0% {
    -o-transform: rotate(-180deg) translateY(0px) translateX(0px);
    transform: rotate(-180deg) translateY(0px) translateX(0px);
  }
  45% {
    -o-transform: rotate(-176deg) translateY(15px) translateX(-10px);
    transform: rotate(-176deg) translateY(15px) translateX(-10px);
  }
  85% {
    -o-transform: rotate(-182deg) translateY(5px) translateX(-5px);
    transform: rotate(-182deg) translateY(5px) translateX(-5px);
  }
  100% {
    -o-transform: rotate(-180deg) translateY(0px) translateX(0px);
    transform: rotate(-180deg) translateY(0px) translateX(0px);
  }
}
@keyframes swingTypeC {
  0% {
    -webkit-transform: rotate(-180deg) translateY(0px) translateX(0px);
    -o-transform: rotate(-180deg) translateY(0px) translateX(0px);
    transform: rotate(-180deg) translateY(0px) translateX(0px);
  }
  45% {
    -webkit-transform: rotate(-176deg) translateY(15px) translateX(-10px);
    -o-transform: rotate(-176deg) translateY(15px) translateX(-10px);
    transform: rotate(-176deg) translateY(15px) translateX(-10px);
  }
  85% {
    -webkit-transform: rotate(-182deg) translateY(5px) translateX(-5px);
    -o-transform: rotate(-182deg) translateY(5px) translateX(-5px);
    transform: rotate(-182deg) translateY(5px) translateX(-5px);
  }
  100% {
    -webkit-transform: rotate(-180deg) translateY(0px) translateX(0px);
    -o-transform: rotate(-180deg) translateY(0px) translateX(0px);
    transform: rotate(-180deg) translateY(0px) translateX(0px);
  }
}
@-webkit-keyframes swingTypeD {
  0% {
    -webkit-transform: rotate(-180deg) translateY(0px);
    transform: rotate(-180deg) translateY(0px);
  }
  45% {
    -webkit-transform: rotate(-176deg) translateY(-15px);
    transform: rotate(-176deg) translateY(-15px);
  }
  85% {
    -webkit-transform: rotate(-182deg) translateY(-5px);
    transform: rotate(-182deg) translateY(-5px);
  }
  100% {
    -webkit-transform: rotate(-180deg) translateY(0px);
    transform: rotate(-180deg) translateY(0px);
  }
}
@-o-keyframes swingTypeD {
  0% {
    -o-transform: rotate(-180deg) translateY(0px);
    transform: rotate(-180deg) translateY(0px);
  }
  45% {
    -o-transform: rotate(-176deg) translateY(-15px);
    transform: rotate(-176deg) translateY(-15px);
  }
  85% {
    -o-transform: rotate(-182deg) translateY(-5px);
    transform: rotate(-182deg) translateY(-5px);
  }
  100% {
    -o-transform: rotate(-180deg) translateY(0px);
    transform: rotate(-180deg) translateY(0px);
  }
}
@keyframes swingTypeD {
  0% {
    -webkit-transform: rotate(-180deg) translateY(0px);
    -o-transform: rotate(-180deg) translateY(0px);
    transform: rotate(-180deg) translateY(0px);
  }
  45% {
    -webkit-transform: rotate(-176deg) translateY(-15px);
    -o-transform: rotate(-176deg) translateY(-15px);
    transform: rotate(-176deg) translateY(-15px);
  }
  85% {
    -webkit-transform: rotate(-182deg) translateY(-5px);
    -o-transform: rotate(-182deg) translateY(-5px);
    transform: rotate(-182deg) translateY(-5px);
  }
  100% {
    -webkit-transform: rotate(-180deg) translateY(0px);
    -o-transform: rotate(-180deg) translateY(0px);
    transform: rotate(-180deg) translateY(0px);
  }
}


/* Slider */
.slick-slider{position: relative;display: block;box-sizing: border-box;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;width: 100%;height: 100%;}
.slick-track{position: relative;display: block;}
.slick-slide{display: none;float: left;min-height: 1px;}
.slick-initialized .slick-slide{display: block;}

.slick-dots{display: flex;align-items: center;justify-content: center;margin-top: 0px;}
.slick-dots button{font-size: 0;display: block;width: 40px;height: 40px;background: #D9D9D9;border-radius: 100%;margin: 0 6px;transition: .1s;}
.slick-dots .slick-active button{background: #383838;}




.main{margin: auto;max-width: 360px;width: 100%;}
.main section{padding: 0 20px;text-align: center;}
.main section>div{padding: 80px 0;}

.commonText{color: #FFF;font-size: 24px;font-weight: 600;line-height: 34px; letter-spacing: -0.6px;}


.main section.mainSe1{background: linear-gradient(180deg, #057EDB 0%, #020309 100%);}
.main section.mainSe1>div{padding: 67px 0 60px;}
.main section.mainSe1>div>div{display: flex;align-items: center;justify-content: center;gap: 0 8px;}
.main section.mainSe1>div>div img{width: 20px;}
.main section.mainSe1>div>div p{color: #FFF;text-align: center;font-size: 20px;font-weight: 700;line-height: 28px;letter-spacing: -0.5px;}
.main section.mainSe1>div .commonText{margin: 27px 0;}
.main section.mainSe1>div p:nth-child(3){color: #D0D0D0;font-size: 24px;font-weight: 500;line-height: 34px;letter-spacing: -0.6px;}
.main section.mainSe1>div>div:last-child{padding: 17px 28px 0;}
.main section.mainSe1>div>div:last-child img{width: 100%;}

.main section.mainSe2{background: #020309;}
.main section.mainSe2 p + p{margin-top: 40px;}
.main section.mainSe2 p span{color: #9F9F9F;}
.main section.mainSe2 p span ~ span{color: #4C70FF;}

.main section.mainSe3{background: #2A2E56;}
.main section.mainSe3>div p span{color: #A7B8FF;}
.main section.mainSe3>div>div{margin: 40px 0;}

.main section.mainSe4{background: linear-gradient(180deg, #090A0C 0%, #134A51 100%);}
.main section.mainSe4>div>p:nth-child(2){margin: 16px 0 60px;}
.main section.mainSe4>div p span{color: #A7B8FF;}
.main section.mainSe4>div>div{display: flex;align-items: center;justify-content: center;margin: 12px 0;}
.main section.mainSe4>div>div strong{color: #FC0;font-size: 24px;font-weight: 600;line-height: 34px;letter-spacing: -0.6px;border-radius: 12px;border: 1px solid #304245;background: #0A282C;padding: 10px 20px;margin-right: 6px;}

.main section.mainSe5{background: #011C49;}
.main section.mainSe5 p span{color: #FC0;}
.main section.mainSe5 ul{margin: 12px 0 30px;}
.main section.mainSe5 ul li{overflow: hidden;border-radius: 20px;margin: 10px 0;}

.main section.mainSe6{background: linear-gradient(180deg, #2A2E56 0%, #111 100%);}
.main section.mainSe6 p span.text1{color: #FC0;}
.main section.mainSe6 p span.text2{color: #83AAFF;}
.main section.mainSe6 p span.text3{color: #9F9F9F;}
.main section.mainSe6 ul{display: flex;align-items: center;justify-content: center;gap: 0 25px;margin: 32px 0;}
.main section.mainSe6 ul li{border-radius: 12px;border: 1px solid #000;background: #FFF;padding: 9px 5px;min-width: 90px;position: relative;}
.main section.mainSe6 ul li img{width: 52px;}
.main section.mainSe6 ul li p{color: #111;text-align: center;font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: -0.4px;margin-top: 4px;}
.main section.mainSe6 ul li::after{content: '';display: block;width: 10px;height: 20px;background: url(../images/allow.png);position: absolute;top: 50%;transform: translateY(-50%);right: -17px;}
.main section.mainSe6 ul li:last-child:after{display: none;}

.main section.mainSe7{background: linear-gradient(180deg, #225237 0%, #082113 100%);}
.main section.mainSe7 p span{color: #FC0;}
.main section.mainSe7>div div{border-radius: 20px;background: #FFF;padding: 20px 0;text-align: left;margin:8px 0 40px;}
.main section.mainSe7>div div p{color: #111;font-size: 20px;font-weight: 600;line-height: 28px;letter-spacing: -0.5px;}
.main section.mainSe7>div>p:nth-child(1){margin-bottom: 40px;}

.main section.mainSe8{background: linear-gradient(180deg, #1E235D 0%, #0C0E1C 100%);}
.main section.mainSe8 p span{color: #FC0;}
.main section.mainSe8 strong span{color: #FC0;}
.main section.mainSe8 div strong{border-radius: 12px;padding: 10px 20px;border: 1px solid #45475C;background: #111427;display: block;margin: 8px 0;}
.main section.mainSe8>div>p:nth-child(4){margin: 60px 0 32px;}
.main section.mainSe8>div>p:last-child{color: #B3B3B3;margin-top: 12px;font-size: 20px;font-weight: 600;line-height: 28px;letter-spacing: -0.5px;}

.main section.mainSe9{background: linear-gradient(180deg, #134A51 0%, #0A1617 100%);}
.main section.mainSe9 p span{color: #FC0;}
.main section.mainSe9>div>div{display: flex;align-items: center;justify-content: center;gap: 0 8px;margin: 20px 0;}
.main section.mainSe9>div>div strong{border-radius: 12px;padding: 10px 20px;border: 1px solid #304245;background: #0A282C;color: #FC0;}

.main section.mainSe10{background: linear-gradient(180deg, #2A2E56 0%, #000 100%);}
.main section.mainSe10 p span{color: #FC0;}

.main section.mainSe11{background: linear-gradient(180deg, #203B43 0%, #000 100%);}
.main section.mainSe11 ul{margin-top: 32px;}
.main section.mainSe11 ul li{border-radius: 12px;margin-bottom: 10px;background: #6FD0CC;color: #111;text-align: center;padding: 16px 0;font-size: 20px;font-weight: 600;line-height: 28px; letter-spacing: -0.5px;}

.main section.mainSe12{background: linear-gradient(180deg, #1E235D 0%, #000 100%);}
.main section.mainSe12 p span{color: #FC0;}
.main section.mainSe12 ul{margin: 40px 0 52px;}
.main section.mainSe12 ul li{border-radius: 12px;background: #27262C;padding: 20px 0;color: #FFF;text-align: center;font-size: 28px;font-weight: 700;line-height: 40px;letter-spacing: -0.7px;margin-bottom: 20px;}
.main section.mainSe12 ul li span{color: #FC0;}

.main section.mainSe13{background: #011C49;}
.main section.mainSe13 ul{margin-top: 32px;}
.main section.mainSe13 ul li{border-radius: 12px;padding: 20px 0 20px 12px;background: #FFF;margin-bottom: 16px;}
.main section.mainSe13 ul li p{color: #111;text-align: left;font-size: 18px;font-weight: 600;line-height: 26px;letter-spacing: -0.45px;}

.main section.mainSe14{background: #000;padding-bottom: 20px;}
.main section.mainSe14 p span{color: #FC0;}

.ploting{width: 100%;display: flex;align-items: center;justify-content: center;position: fixed;bottom: 8px;left:50%;border-radius: 12px;background: #FBE300;width: 320px;transform: translateX(-50%);}
.ploting p{color: #000;text-align: center;font-size: 16px;font-weight: 700;line-height: 24px;letter-spacing: -0.6px;}
.ploting img{width: 40px;}