/* pc */
#wrap .event_wrap {
  --evNaviHeight: 111;
  --evNaviFontSize: 26;
  --evNaviEmFontSize: 30;
  --evNaviLineColor: #FCF331;
  --evDriftOffsetY: 12%;
}

.event_wrap .evtNavi.line {
  padding: 0 20px;
  background-color: #FA63DA;
}

.event_wrap .evtNavi.line .inner {
  gap: 0 32px;
  flex-wrap: wrap;
}

.event_wrap .evtNavi.line button {
  padding: 0;
  line-height: 140% !important;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.7);
  background-color: #FA63DA;
  flex-basis: 215px;
}

.event_wrap .evtNavi.line button.on {
  background-color: #FA63DA;
  color: #fff;
}

.event_wrap .evtNavi.line button em:after {
  width: 100%;
}

.eveCont .obj01 {
  width: calc(378 / 1125 * 100%);
  top: 17.3%;
  left: 35%;
  animation: motion01 0.8s both;
  animation-delay: .2s;
}

@keyframes motion01 {
  0% {
      transform: scale(0.3);
      opacity: 0;
    }
  
    70% {
      transform: scale(1.2);
    }
  
    100% {
      transform: scale(1);
      opacity: 1;
    }
}

.eveCont .obj03 {
  width: calc(224 / 1125 * 100%);
  top: 34%;
  right: 9.7%;
  animation: evDrift 1.5s ease-in-out infinite;
}

.eveCont .btnBox {
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 80%;
  height: 58%;
}

.eveCont .btnBox .eventLink {
  position: relative;
  flex-basis: 32%;
  height: 48%;
  transform: none;
  left: auto;
}

.eveCont .evtSwiper {
  position: absolute;
  top: 24%;
}

.eveCont .evtSwiper .swiper-slide {
  width: calc( 700 / 750 * 100%);
}

/* mo */
.mo .event_wrap .evtNavi.line {
  padding: 0 1rem;
}

.mo .event_wrap .evtNavi.line .inner {
  gap: 0 1.6rem;
}

.mo .event_wrap .evtNavi.line button {
  flex-basis: calc(215 / 2 * .1rem);
}