<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
#contents {
  background-color: #fff000;
}
.visualWrapper {
  height: auto;
}
.what {
  height: 1150px;
  position: relative;
  background:url("../images/what/bg.png") no-repeat center center;
}
.whatWrapper {
  padding: 10px 0 15px;
}
.what__head {
  position: relative;
  z-index: 1;
  padding-top: 55px;
  transition: all 500ms ease-out;
}
.what__chara1 {
  position: absolute;
  top: 10px;
  left: -40px;
  z-index: 2;
  transition: all 500ms ease-out 600ms;
}
.what__chara2 {
  position: absolute;
  top: 10px;
  right: -106px;
  z-index: 2;
  transition: all 500ms ease-out 600ms;
}
.what__chara3 {
  position: absolute;
  top: 86px;
  left: 189px;
  z-index: 3;
  transition: all 500ms ease-out 300ms;
}
.what__intro {
  transition: all 500ms ease-out 900ms;
  position: absolute;
  top:642px;
  left: 25px;
  z-index: 5;
}
.what__ally {
  position: absolute;
  bottom: 38px;
  left: 14px;
  transition: all 500ms ease-out 1200ms;
}
.what__rival {
  position: absolute;
  bottom: 38px;
  right: 12px;
  transition: all 500ms ease-out 1200ms;
}
.ready .what__head,
.ready .what__chara3,
.ready .what__intro {
  transform: translateY(-15px);
  opacity: 0;
}
.ready .what__chara1,
.ready .what__ally {
  transform: translateX(-15px);
  opacity: 0;
}
.ready .what__chara2,
.ready .what__rival {
  transform: translateX(15px);
  opacity: 0;
}
</pre></body></html>