@-webkit-keyframes loop-openCampusButton-y {
  0%,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  50% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
  }
}
@keyframes loop-openCampusButton-y {
  0%,
  to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  50% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
  }
}
@-webkit-keyframes loop-openCampusButton-sm {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    -webkit-transform: translate3d(-64.7rem,0,0);
    transform: translate3d(-64.7rem,0,0)
  }
}
@keyframes loop-openCampusButton-sm {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    -webkit-transform: translate3d(-64.7rem,0,0);
    transform: translate3d(-64.7rem,0,0)
  }
}
@-webkit-keyframes loop-openCampusButton-md {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    -webkit-transform: translate3d(-104.7rem,0,0);
    transform: translate3d(-104.7rem,0,0)
  }
}
@keyframes loop-openCampusButton-md {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
  to {
    -webkit-transform: translate3d(-104.7rem,0,0);
    transform: translate3d(-104.7rem,0,0)
  }
}
.secMv {
  position: relative;
  padding: 9rem 0 0;
  overflow: hidden;
  background: linear-gradient(130deg,#e76398,#e52d8a)
}
.secMv__canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.secMv__canvas canvas {
  background: 0 0
}
.secMv__object,
.secMv__starDeco {
  position: absolute;
  top: 7.3rem;
  left: 50%;
  width: 34rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.secMv__object img,
.secMv__starDeco img {
  width: 100%;
  height: auto
}
.secMv__object {
  top: 21.5rem;
  width: 26.4rem
}
.secMv__body {
  position: relative;
  color: #fff;
  text-align: center;
  opacity: 0
}
.secMv__body .mvLead {
  font-size: 1.8rem;
  font-weight: 500
}
.secMv__body .mvTitle {
  font-size: 5.2rem;
  font-weight: 500
}
.secMv__body .mvText {
  margin: .5rem 0 0;
  font-size: 1.5rem;
  font-weight: 500
}
.secMv__visual {
  position: relative;
  padding: 0 2.5rem 0 3.5rem;
  margin: 6.5rem 0 0
}
.secMv__visual .visualTypograpy {
  position: absolute
}
.secMv__visual .visualTypograpy--challenge {
  top: 1rem;
  right: 0;
  width: 5.95rem;
  height: 21.5rem
}
.secMv__visual .visualTypograpy--elegance {
  bottom: 0;
  left: -.5rem;
  width: 5.95rem;
  height: 25.65rem
}
.secMv__visual .visualTypograpy svg {
  width: 100%;
  height: 100%;
  opacity: 0
}
.secMv__visual .img img {
  width: 100%;
  height: auto;
  border-top-left-radius: 100rem;
  border-top-right-radius: 100rem
}
.secMv__openCampusButton {
  position: absolute;
  right: 3rem;
  bottom: 1.5rem;
  width: 24.7rem
}
.secMv__openCampusButton img {
  display: inline-block;
  width: 100%;
  height: auto;
  -webkit-animation: 10s linear infinite loop-openCampusButton-y;
  animation: 10s linear infinite loop-openCampusButton-y
}
.secMv__openCampusButton.is-active {
  transition: transform 80s linear;
  transition: transform 80s linear,-webkit-transform 80s linear;
  -webkit-transform: translate3d(-40rem,0,0);
  transform: translate3d(-40rem,0,0)
}
.secMv__openCampusButton.is-loop {
  right: auto;
  left: 100%;
  -webkit-animation: 80s linear infinite loop-openCampusButton-sm;
  animation: 80s linear infinite loop-openCampusButton-sm
}
.secMv.is-active .secMv__body {
  opacity: 1;
  transition: opacity .6s cubic-bezier(.39,.575,.565,1)
}
.secMv.is-active .secMv__visual .visualTypograpy svg {
  opacity: 1
}
.secMv.is-active .secMv__visual .visualTypograpy svg path {
  stroke-dashoffset: 0!important;
  transition: stroke-dashoffset 1s cubic-bezier(.39,.575,.565,1)
}
@media (min-width:768px) {
  .secMv {
    padding: 6.5rem 12rem 0;
    background: linear-gradient(90deg,#e76398,#e52d8a)
  }
  .secMv__object,
  .secMv__starDeco {
    -webkit-transform: none;
    transform: none
  }
  .secMv__starDeco {
    top: 9rem;
    left: 10rem;
    width: 144.2rem
  }
  .secMv__object {
    top: auto;
    right: -2.5rem;
    bottom: -3rem;
    left: auto;
    width: 38.8rem
  }
  .secMv__body {
    position: absolute;
    top: 35rem;
    left: calc(50% + 8rem);
    text-align: left
  }
  .secMv__body .mvLead {
    font-size: 2.8rem
  }
  .secMv__body .mvTitle {
    font-size: 8.2rem
  }
  .secMv__body .mvText {
    margin: 1rem 0 0;
    font-size: 2.4rem
  }
  .secMv__visual {
    z-index: 1;
    width: 68rem;
    padding: 0;
    margin: 0
  }
  .secMv__visual .visualTypograpy--challenge {
    right: -5rem;
    width: 12.7rem;
    height: 46.1rem
  }
  .secMv__visual .visualTypograpy--elegance {
    left: -9rem;
    width: 12.7rem;
    height: 55rem
  }
  .secMv__openCampusButton {
    bottom: 12.5rem
  }
  .secMv__openCampusButton:hover img {
    opacity: .7
  }
  .secMv__openCampusButton img {
    transition: opacity .4s cubic-bezier(.39,.575,.565,1)
  }
  .secMv__openCampusButton.is-active {
    -webkit-transform: translate3d(-80rem,0,0);
    transform: translate3d(-80rem,0,0)
  }
  .secMv__openCampusButton.is-loop {
    -webkit-animation: 80s linear infinite loop-openCampusButton-md;
    animation: 80s linear infinite loop-openCampusButton-md
  }
}