/*------------------------------------------------------ sp ------------------------------------------------------*/
@keyframes loop {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0%); } }
#glitchshadow {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0); }

body {
  background: #faf9f8;
  -webkit-overflow-scrolling: touch; }

.btn_glitch-circle {
  z-index: 50; }
  .btn_glitch-circle a {
    display: block;
    will-change: filter;
    transform: translateZ(0);
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 3.516vw;
    font-weight: 900;
    letter-spacing: 0.1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    filter: url(#glitchshadow); }
    .btn_glitch-circle a i {
      background: #000;
      border-radius: 5.957vw;
      width: 100%;
      height: 12.109vw;
      display: block; }
      .btn_glitch-circle a i + i {
        display: none; }
    .btn_glitch-circle a span {
      position: absolute;
      left: 0;
      top: 0;
      display: flex;
      height: 100%;
      width: 100%;
      align-items: center;
      justify-content: center; }

.btn_glitch-square {
  z-index: 50; }
  .btn_glitch-square a {
    display: block;
    will-change: filter;
    transform: translateZ(0);
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2.539vw;
    letter-spacing: 0.1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    filter: url(#glitchshadow); }
    .btn_glitch-square a i {
      background: #000;
      width: 100%;
      height: 8.105vw;
      display: block; }
      .btn_glitch-square a i + i {
        display: none; }
    .btn_glitch-square a span {
      position: absolute;
      left: 0;
      top: 0;
      display: flex;
      height: 100%;
      width: 100%;
      align-items: center;
      justify-content: center;
      font-family: "Poppins", sans-serif;
      font-weight: 500; }
      .btn_glitch-square a span b {
        font-weight: 800;
        padding-right: 0.488vw; }

.top .svg_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none; }
  .top .svg_box svg {
    width: 100%;
    height: 100%; }
.top #contents {
  width: 100%;
  background: #faf9f8; }
.top .mv_wrap {
  position: relative; }
  .top .mv_wrap .bg {
    width: 100%;
    height: 167.578vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10; }
    .top .mv_wrap .bg img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 100%;
      pointer-events: none; }
  .top .mv_wrap .mv {
    position: relative;
    height: 167.578vw;
    overflow: hidden;
    z-index: 11; }
    .top .mv_wrap .mv h1 {
      width: 91.797vw;
      position: absolute;
      left: 0;
      right: 0;
      top: 53.711vw;
      z-index: 50;
      margin: auto; }
    .top .mv_wrap .mv .btn_glitch-circle {
      width: 51.172vw;
      height: 16.211vw;
      position: relative;
      left: 0;
      right: 0;
      margin: 115.6vw auto 0; }
      .top .mv_wrap .mv .btn_glitch-circle a {
        width: 100%;
        height: 100%;
        margin: 0 auto; }
        .top .mv_wrap .mv .btn_glitch-circle a i {
          width: 46.266vw;
          height: 12.305vw; }
    .top .mv_wrap .mv .btn_glitch-square {
      position: absolute;
      width: 37.891vw;
      height: 12.012vw;
      left: 2vw;
      right: 0;
      bottom: 11.766vw;
      margin: auto; }
      .top .mv_wrap .mv .btn_glitch-square a {
        width: 100%;
        height: 100%;
        margin: 0 auto; }
        .top .mv_wrap .mv .btn_glitch-square a i {
          width: 33.984vw;
          height: 8.105vw; }
    .top .mv_wrap .mv .btns_store {
      position: absolute;
      top: auto;
      bottom: 24.2vw; }
  .top .mv_wrap .movie {
    position: relative;
    z-index: 999;
    padding: 13.672vw 0 9.766vw;
    background: none;
    margin-top: -13.672vw; }
    .top .mv_wrap .movie h2 {
      text-align: center;
      transform: rotate(-90deg);
      transform-origin: left top;
      position: absolute;
      left: 82.91vw;
      top: 45vw;
      text-align: left; }
      .top .mv_wrap .movie h2 .bg_title-text {
        background-image: url("/images/title_bg-decoration.jpg");
        background-position: center center;
        -webkit-background-clip: text;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        font-family: "Poppins", sans-serif;
        font-size: 13.965vw;
        font-weight: bold;
        letter-spacing: -0.391vw;
        color: transparent;
        line-height: 1;
        background-image: url("/images/sec01_title_bg-decoration.jpg");
        font-size: 13.965vw;
        letter-spacing: 0; }
  .top .mv_wrap .movie_visual_thumb_wrap {
    width: calc(100% - 18.164vw);
    margin-left: 3.418vw; }
  .top .mv_wrap .movie_visual_wrap {
    width: 100%;
    height: 44.043vw;
    position: relative; }
    .top .mv_wrap .movie_visual_wrap:before {
      content: "";
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 100% 100%;
      background-image: url("/images/movie_frame.png");
      position: absolute;
      left: 0;
      top: 0;
      z-index: 50;
      pointer-events: none; }
    .top .mv_wrap .movie_visual_wrap .movie_visual {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.3s;
      background: #fff;
      pointer-events: none; }
      .top .mv_wrap .movie_visual_wrap .movie_visual a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative; }
        .top .mv_wrap .movie_visual_wrap .movie_visual a img {
          width: 100%;
          height: 100%; }
        .top .mv_wrap .movie_visual_wrap .movie_visual a i {
          display: block;
          width: 9.082vw;
          height: 9.082vw;
          background: url("/images/icon_play.png") no-repeat center center/contain;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      .top .mv_wrap .movie_visual_wrap .movie_visual.movie_visual_active {
        opacity: 1;
        pointer-events: auto; }
  .top .mv_wrap .movie_thumbs {
    display: flex;
    justify-content: center;
    margin: 1.563vw 0 0; }
    .top .mv_wrap .movie_thumbs .movie_thumb {
      width: 22.656vw;
      height: 12.207vw;
      margin: 0 0.781vw;
      position: relative;
      cursor: pointer; }
      .top .mv_wrap .movie_thumbs .movie_thumb img {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%; }
      .top .mv_wrap .movie_thumbs .movie_thumb:before {
        content: "";
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 100% 100%;
        background-image: url("/images/movie_frame_thumb.png");
        position: absolute;
        left: 0;
        top: 0;
        z-index: 50;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.3s; }
      .top .mv_wrap .movie_thumbs .movie_thumb.movie_thumb_active:before {
        opacity: 1; }
      .top .mv_wrap .movie_thumbs .movie_thumb.comingsoon {
        pointer-events: none;
        display: flex;
        align-items: center;
        justify-content: center; }
        .top .mv_wrap .movie_thumbs .movie_thumb.comingsoon span {
          font-size: 2.197vw;
          font-weight: bold;
          line-height: 1.73;
          font-family: "Poppins", sans-serif;
          color: #fff;
          letter-spacing: 0.1em;
          position: relative;
          z-index: 50; }
.top .page_content {
  position: relative;
  z-index: 50; }
  .top .page_content .lead {
    width: 100%;
    height: 71.68vw;
    background: url("/images/lead_bg.jpg") no-repeat center top/cover;
    padding: 6.129vw 0 0;
    position: relative; }
    .top .page_content .lead h2 {
      color: #fff;
      text-align: center; }
      .top .page_content .lead h2 span {
        display: block;
        text-shadow: 0px 0px 3.418vw #5cb9ff, 0px 0px 3.418vw #5cb9ff, 0px 0px 3.418vw #5cb9ff; }
      .top .page_content .lead h2 .min {
        font-size: 4.004vw;
        font-weight: bold;
        line-height: 1;
        letter-spacing: 0.05em; }
      .top .page_content .lead h2 .large {
        font-size: 8.105vw;
        font-weight: 900;
        line-height: 1;
        margin-top: 1.465vw;
        display: flex;
        align-items: center;
        justify-content: center;
        letter-spacing: 0.02em; }
        .top .page_content .lead h2 .large .inner {
          font-size: 9.375vw;
          letter-spacing: 0em; }
    .top .page_content .lead .visual {
      width: 69.531vw;
      margin: 0 auto 0;
      position: absolute;
      left: 14.648vw;
      bottom: 1.953vw; }
  .top .page_content h2 {
    text-align: center; }
    .top .page_content h2 .bg_title-text {
      background-image: url("/images/title_bg-decoration.jpg");
      background-position: center center;
      -webkit-background-clip: text;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      font-family: "Poppins", sans-serif;
      font-size: 12.793vw;
      font-weight: bold;
      letter-spacing: -0.391vw;
      color: transparent;
      line-height: 1; }
  .top .page_content #sec01 .wrap_about {
    position: relative;
    padding: 9.766vw 0 0; }
    .top .page_content #sec01 .wrap_about h2 {
      transform: rotate(-90deg);
      transform-origin: left top;
      position: absolute;
      left: 1.1vw;
      bottom: -14.5vw;
      text-align: left; }
      .top .page_content #sec01 .wrap_about h2 .bg_title-text {
        background-image: url("/images/sec01_title_bg-decoration.jpg");
        font-size: 14vw;
        letter-spacing: 0; }
    .top .page_content #sec01 .wrap_about .wrap_character {
      width: 100%;
      position: relative;
      z-index: 50;
      padding: 36.133vw 0 0; }
      .top .page_content #sec01 .wrap_about .wrap_character:before {
        content: "";
        width: 62.109vw;
        height: 123.926vw;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 50;
        background: url("/images/sec01_character.png") no-repeat center top/100% auto; }
      .top .page_content #sec01 .wrap_about .wrap_character .box_text {
        width: 82.617vw;
        height: 117.09vw;
        position: relative;
        z-index: 40;
        margin: 0 0 0 14.258vw;
        background: url("/images/sec01_frame.png") no-repeat center top/contain; }
        .top .page_content #sec01 .wrap_about .wrap_character .box_text .detail {
          padding: 12.872vw 0 0 20.401vw; }
          .top .page_content #sec01 .wrap_about .wrap_character .box_text .detail p {
            line-height: 1.47;
            letter-spacing: 0.02em;
            text-align: left; }
            .top .page_content #sec01 .wrap_about .wrap_character .box_text .detail p + p {
              margin-top: 4.883vw; }
        .top .page_content #sec01 .wrap_about .wrap_character .box_text .catch {
          width: 68.359vw;
          position: absolute;
          left: 6.6vw;
          bottom: 11.133vw; }
  .top .page_content #sec02 {
    padding: 19.531vw 0 0; }
    .top .page_content #sec02 .wrap_sec02 h2 {
      margin-bottom: 2.93vw; }
      .top .page_content #sec02 .wrap_sec02 h2 .bg_title-text {
        background-image: url("/images/sec02_title_bg-decoration.jpg"); }
    .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide {
      height: auto;
      padding: 0 6.836vw; }
      .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide {
        height: 100%;
        background: #ede5d2;
        border-radius: 2.93vw;
        position: relative;
        overflow: hidden; }
        .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide:before {
          content: "";
          width: 100%;
          height: 100%;
          border-radius: 2.93vw;
          border: 1.367vw solid #fff;
          position: absolute;
          left: 0;
          top: 0; }
        .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .bg_slide {
          padding: 6.836vw 6.836vw 8.836vw;
          position: relative;
          z-index: 50; }
          .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .bg_slide:before, .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .bg_slide:after {
            content: "";
            width: 9.277vw;
            height: 9.375vw;
            background: url("/images/parts_decoration01.png") no-repeat left top/contain;
            position: absolute;
            top: 1.758vw; }
          .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .bg_slide:before {
            left: 1.758vw; }
          .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .bg_slide:after {
            right: 1.758vw;
            transform: rotate(90deg); }
        .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .thumb {
          border-radius: 1.66vw;
          overflow: hidden;
          position: relative; }
        .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .wrap_text h3 {
          height: 12.207vw;
          background: #fff;
          color: #5663ba;
          font-weight: bold;
          text-align: center;
          margin: 4.785vw auto 2.93vw;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap; }
          .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .wrap_text h3 span {
            display: block;
            line-height: 1;
            width: 100%; }
          .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .wrap_text h3 .large {
            font-size: 5.859vw;
            font-family: "Poppins", sans-serif; }
          .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .wrap_text h3 .min {
            font-size: 2.246vw;
            margin-top: -1.465vw; }
        .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .wrap_text p {
          line-height: 1.47; }
          .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .wrap_text p + p {
            margin: 4.883vw 0 0; }
      .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide.comingsoon .wrap_slide:before {
        border: none;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center top;
        background-image: url("/images/slide-comingsoon.png"); }
      .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide.comingsoon .wrap_slide h3 {
        font-size: 4.883vw;
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        letter-spacing: 0.1em;
        white-space: nowrap; }
  .top .page_content #sec03 {
    padding: 25.879vw 0 0;
    margin-top: 8.105vw;
    position: relative; }
    .top .page_content #sec03:after {
      content: "";
      width: 0.488vw;
      height: 17.871vw;
      background-color: #2a2083;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      margin: auto; }
    .top .page_content #sec03 .wrap_sec03 h2 {
      margin-bottom: 2.93vw; }
      .top .page_content #sec03 .wrap_sec03 h2 .bg_title-text {
        font-size: 11.523vw;
        letter-spacing: -0.346vw;
        background-image: url("/images/sec02_title_bg-decoration.jpg"); }
    .top .page_content #sec03 .wrap_sec03 .box_master {
      padding: 10.742vw 0 56.641vw;
      position: relative; }
      .top .page_content #sec03 .wrap_sec03 .box_master:before {
        content: "";
        width: 100vw;
        height: 100%;
        background: url("/images/sec03_bg01.jpg") no-repeat center top/100% auto;
        position: absolute;
        top: 0;
        left: 0; }
      .top .page_content #sec03 .wrap_sec03 .box_master .text, .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master {
        position: relative;
        z-index: 50; }
      .top .page_content #sec03 .wrap_sec03 .box_master .text {
        padding: 0 6.836vw; }
        .top .page_content #sec03 .wrap_sec03 .box_master .text h3 {
          color: #fff;
          margin: 0 0 2.53vw; }
          .top .page_content #sec03 .wrap_sec03 .box_master .text h3 span {
            line-height: 1;
            display: block;
            width: 100%; }
          .top .page_content #sec03 .wrap_sec03 .box_master .text h3 .min {
            font-size: 3.418vw;
            font-weight: bold;
            margin-bottom: 0.488vw; }
          .top .page_content #sec03 .wrap_sec03 .box_master .text h3 .large {
            font-size: 12.695vw;
            letter-spacing: -0.03em;
            font-family: "Poppins", sans-serif;
            margin-top: 1.953vw; }
        .top .page_content #sec03 .wrap_sec03 .box_master .text p {
          color: #fff; }
          .top .page_content #sec03 .wrap_sec03 .box_master .text p + p {
            margin-top: 4.883vw; }
      .top .page_content #sec03 .wrap_sec03 .box_master .swiper_master_wrap {
        margin-top: -7.813vw; }
      .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide .wrap_slide h4 {
        transform-origin: left bottom;
        transform: rotate(90deg);
        position: absolute;
        top: 3.9vw;
        left: 68.8vw; }
        .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide .wrap_slide h4 .min {
          display: inline-block;
          height: 4.297vw;
          background: #fff;
          color: #2a2083;
          font-size: 2.344vw;
          font-weight: 900;
          text-align: center;
          padding: 0.293vw 2.344vw 0; }
        .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide .wrap_slide h4 .large {
          display: block;
          -webkit-text-stroke: 0.293vw #fff;
          font-family: "Poppins", sans-serif;
          font-weight: bold;
          text-align: left;
          font-size: 11.914vw;
          color: rgba(255, 255, 255, 0);
          line-height: 1;
          letter-spacing: 0.015em; }
      .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide .wrap_slide .visual {
        position: relative;
        z-index: 50;
        margin: 0 auto;
        text-align: right; }
        .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide .wrap_slide .visual img {
          width: 94.238vw; }
      .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide .wrap_slide .detail {
        text-align: center;
        color: #fff;
        line-height: 1.47;
        padding-top: 2vw; }
      .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-button-prev, .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-button-next {
        top: 68.359vw;
        margin: auto; }
      .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-button-prev {
        left: 12.5vw; }
      .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-button-next {
        right: 12.5vw; }
      .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-pagination {
        height: 0;
        opacity: 0;
        overflow: hidden; }
      .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master {
        position: absolute;
        bottom: 2.5vw;
        left: 0;
        right: 0;
        margin: auto; }
        .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master {
          padding: 0 6.836vw;
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
          .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master .thumb {
            width: 20.215vw;
            height: 20.215vw;
            margin: 0 2.93vw;
            background: url("/images/sec03_parts-circle01.png") no-repeat center center/contain;
            position: relative;
            cursor: pointer; }
            .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master .thumb .wrap {
              width: 100%;
              height: 100%;
              position: relative; }
              .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master .thumb .wrap img {
                width: 22.07vw;
                height: auto;
                position: absolute;
                left: 0;
                bottom: 0;
                max-width: inherit; }
            .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master .thumb .name {
              width: 18.652vw;
              height: 4.59vw;
              border-radius: 2.246vw;
              background: #2a2083;
              color: #fff;
              text-align: center;
              font-size: 2.539vw;
              font-weight: bold;
              line-height: 1;
              padding: 0.977vw 0 0;
              letter-spacing: 0.05em;
              position: absolute;
              left: 0;
              right: 0;
              bottom: -2.148vw;
              margin: auto;
              transition: background 0.3s; }
            .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master .thumb:nth-child(n + 4) {
              margin-top: 7.813vw; }
            .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master .thumb.active .name {
              background: #5470ef; }
    .top .page_content #sec03 .wrap_sec03 .box_elf {
      margin-top: 16.602vw;
      padding: 0 2.93vw; }
      .top .page_content #sec03 .wrap_sec03 .box_elf .bg {
        width: 100%;
        height: 100%;
        min-height: 188.867vw;
        background: url("/images/sec03_bg02.png") no-repeat center top/100% 100%; }
      .top .page_content #sec03 .wrap_sec03 .box_elf .text {
        padding: 11.719vw 0 0;
        text-align: center; }
        .top .page_content #sec03 .wrap_sec03 .box_elf .text h3 {
          color: #fff;
          margin: 0 0 4.953vw; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .text h3 span {
            line-height: 1;
            display: block;
            width: 100%; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .text h3 .min {
            font-size: 3.125vw;
            font-weight: bold;
            letter-spacing: 0.391vw;
            margin-bottom: 0.488vw; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .text h3 .large {
            font-size: 12.695vw;
            letter-spacing: -0.391vw;
            font-family: "Poppins", sans-serif;
            margin-top: 1.953vw; }
        .top .page_content #sec03 .wrap_sec03 .box_elf .text p {
          color: #fff; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .text p + p {
            margin-top: 4.883vw; }
      .top .page_content #sec03 .wrap_sec03 .box_elf .flow {
        margin: 5.859vw 0 0; }
        .top .page_content #sec03 .wrap_sec03 .box_elf .flow li {
          position: relative; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .flow li h4 {
            border-radius: 50%;
            background-image: linear-gradient(to bottom, #5d61bf, #4273b4, #33cfeb);
            color: #fff;
            font-weight: bold;
            text-align: center;
            letter-spacing: .05em;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
            position: absolute;
            left: 0;
            top: 0; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li h4 .wrap {
              display: block;
              margin-top: -1.465vw; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow01 {
            padding: 5.859vw 0 0; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow01 h4 {
              width: 14.941vw;
              height: 14.941vw;
              font-size: 3.027vw;
              left: 8.008vw; }
              .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow01 h4 span.num {
                font-size: 5.664vw; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow02 {
            padding: 13.672vw 0 0;
            margin: 14.648vw 0 0; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow02 h4 {
              width: 18.164vw;
              height: 18.164vw;
              font-size: 3.809vw;
              left: 6.445vw; }
              .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow02 h4 span.num {
                font-size: 6.934vw; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow03 {
            padding: 19.043vw 0 0;
            margin: 10.84vw 0 0; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow03 h4 {
              width: 21.875vw;
              height: 21.875vw;
              font-size: 4.59vw;
              left: 5.566vw; }
              .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow03 h4 span.num {
                font-size: 8.398vw; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .flow li .flow_li_wrap {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-end; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li .flow_li_wrap .flow_visual {
              position: absolute;
              z-index: 50;
              top: 0;
              left: 0; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li .flow_li_wrap .flow_text {
              width: 42.969vw;
              height: 13.086vw;
              background: rgba(255, 255, 255, 0.2);
              color: #fff;
              text-align: center;
              display: flex;
              align-items: center;
              justify-content: center;
              padding-left: 2.906vw;
              padding-bottom: 0.8vw; }
              .top .page_content #sec03 .wrap_sec03 .box_elf .flow li .flow_li_wrap .flow_text p {
                font-size: 3.125vw;
                line-height: 1.41; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow01 .flow_li_wrap {
            padding: 0 6.836vw 0 16.016vw; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow01 .flow_li_wrap .flow_visual {
              width: 33.008vw;
              top: -1.172vw;
              left: 16.016vw; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow02 .flow_li_wrap {
            padding: 0.879vw 6.836vw 0 13.672vw; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow02 .flow_li_wrap .flow_visual {
              width: 34.863vw;
              top: 0.879vw;
              left: 13.672vw; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow03 .flow_li_wrap {
            padding: 3.32vw 6.836vw 0 5.664vw; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow03 .flow_li_wrap .flow_text {
              margin-top: -4vw; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow03 .flow_li_wrap .flow_visual {
              width: 43.945vw;
              top: 3.32vw;
              left: 5.664vw; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .flow li:before {
            content: "";
            width: 13.77vw;
            height: 6.738vw;
            background: url("/images/sec03_parts-arr.png") no-repeat center bottom/contain;
            position: absolute;
            right: 22.07vw;
            bottom: -17.578vw; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow02:before {
            bottom: -18.555vw; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .flow li:last-of-type:before {
            content: none; }
    .top .page_content #sec03 .wrap_sec03 .box_master-kinds {
      margin: 12.207vw 0 0; }
      .top .page_content #sec03 .wrap_sec03 .box_master-kinds h3 {
        width: 72.754vw;
        height: 9.473vw;
        text-align: center;
        margin: 0 auto 12.207vw;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0.1vw; }
        .top .page_content #sec03 .wrap_sec03 .box_master-kinds h3:before {
          content: "";
          width: 100%;
          height: 100%;
          background: url("/images/sec03_characters_title-frame.png") no-repeat center center/contain;
          position: absolute;
          left: 0;
          top: 0; }
        .top .page_content #sec03 .wrap_sec03 .box_master-kinds h3 .bg_title-text {
          background-image: url("/images/sec03-maseter-kinds_bg-decoration.jpg");
          background-position: center center;
          background-size: 100% auto;
          -webkit-background-clip: text;
          font-size: 5.273vw;
          font-weight: bold;
          color: transparent;
          line-height: 1;
          letter-spacing: 0.03em; }
        .top .page_content #sec03 .wrap_sec03 .box_master-kinds h3:after {
          content: "";
          width: 0.488vw;
          height: 7.031vw;
          background-color: #2a2083;
          position: absolute;
          left: 0;
          right: 0;
          bottom: -10.059vw;
          margin: auto; }
      .top .page_content #sec03 .wrap_sec03 .box_master-kinds .loop_wrap {
        display: flex;
        width: 100vw;
        height: 177.246vw;
        overflow: hidden; }
        .top .page_content #sec03 .wrap_sec03 .box_master-kinds .loop_wrap .img {
          width: auto;
          height: 100%;
          animation: loop 30s infinite linear 0.5s both; }
          .top .page_content #sec03 .wrap_sec03 .box_master-kinds .loop_wrap .img img {
            width: auto;
            height: 100%;
            max-width: inherit; }
  .top .page_content #sale-results {
    padding: 19.531vw 0 0; }
    .top .page_content #sale-results h2 {
      margin-bottom: 9.766vw; }
    .top .page_content #sale-results .wrap_sale-results {
      position: relative;
      padding: 0 2.93vw; }
      .top .page_content #sale-results .wrap_sale-results:before {
        content: "";
        width: 19.824vw;
        height: 27.344vw;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center top;
        background-image: url("/images/sale-results_decoration.png");
        position: absolute;
        left: 0;
        top: 7.398vw;
        z-index: 50; }
    .top .page_content #sale-results .swiper-sale-results {
      color: #fff;
      border-radius: 3.418vw;
      background: #2a2083;
      padding: 6.466vw 0 25.391vw; }
      .top .page_content #sale-results .swiper-sale-results:before {
        content: "";
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center top;
        background-image: url("/images/sale-results_bg.png");
        position: absolute;
        left: 0;
        top: 0; }
      .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg {
        position: relative;
        padding: 0 4.297vw; }
        .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3, .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .result_wrap {
          position: relative;
          z-index: 10; }
        .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3 {
          font-size: 5.859vw;
          font-weight: 700;
          color: #fff;
          text-align: center;
          letter-spacing: 0.05em;
          margin-bottom: 2.977vw; }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3 span {
            position: relative; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3 span:before, .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3 span:after {
              content: "";
              width: 9.766vw;
              height: 1px;
              background: #fff;
              position: absolute;
              top: 50%; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3 span:before {
              left: -15.695vw; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3 span:after {
              right: -15.695vw; }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3 i {
            font-size: 8.105vw; }
        .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs {
          text-align: center; }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs .imgs_wrap {
            display: flex;
            justify-content: center;
            text-align: center; }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs .box {
            padding: 0 3.906vw; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs .box .img {
              width: auto;
              height: 30.957vw; }
              .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs .box .img img {
                width: auto;
                height: 100%;
                max-width: inherit; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs .box .caption {
              font-size: 3.125vw;
              font-weight: bold;
              line-height: 1.56;
              margin-top: 1vw; }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs.img_three .box {
            padding: 0;
            /*									&.sr{
            										.caption{padding-top: svw(15);}
            									}*/ }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs .note {
            width: 100%;
            font-size: 2.93vw;
            line-height: 1.92;
            font-weight: 400;
            margin-top: 2.18vw;
            letter-spacing: 0.05em; }
        .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail p.catch {
          font-size: 6.836vw;
          font-weight: 700;
          text-align: center;
          margin-top: 3.8vw; }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail p.catch span {
            font-size: 10.254vw;
            color: #ff00d8; }
        .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail dl {
          font-size: 2.93vw;
          display: flex;
          flex-wrap: wrap;
          margin-top: 4.836vw; }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail dl dt {
            width: 19.922vw;
            height: 6.641vw;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 3.32vw;
            display: inline-flex;
            align-items: center;
            justify-content: center; }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail dl dd {
            width: calc(100% - 19.922vw);
            padding-left: 2vw;
            padding-top: 0.977vw; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail dl dd ul li {
              display: flex; }
              .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail dl dd ul li + li {
                margin-top: 3vw; }
              .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail dl dd ul li span {
                white-space: nowrap; }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail dl dt:nth-of-type(n + 2), .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail dl dd:nth-of-type(n + 2) {
            margin-top: 2.246vw; }
    .top .page_content #sale-results .swiper-button-prev, .top .page_content #sale-results .swiper-button-next {
      filter: drop-shadow(0px 0px 3.418vw rgba(92, 185, 255, 0.66)) drop-shadow(0px 0px 3.418vw rgba(92, 185, 255, 0.66));
      top: auto;
      margin-top: 0;
      bottom: 8.203vw; }
    .top .page_content #sale-results .swiper-button-prev {
      left: 30.273vw; }
    .top .page_content #sale-results .swiper-button-next {
      right: 30.273vw; }
    .top .page_content #sale-results .swiper-pagination {
      bottom: auto;
      position: relative;
      margin-top: 2.93vw; }
    .top .page_content #sale-results .swiper-pagination-bullet {
      width: 4.199vw;
      height: 4.199vw;
      position: relative;
      background: none;
      opacity: 1;
      margin: 0 1.953vw; }
      .top .page_content #sale-results .swiper-pagination-bullet:before, .top .page_content #sale-results .swiper-pagination-bullet:after {
        content: "";
        width: 100%;
        height: 100%;
        background: url("/images/icon_pagination.png") no-repeat center center/contain;
        position: absolute;
        left: 0;
        top: 0; }
      .top .page_content #sale-results .swiper-pagination-bullet:after {
        background: url("/images/icon_pagination_active.png") no-repeat center center/contain;
        opacity: 0; }
      .top .page_content #sale-results .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
        opacity: 0; }
      .top .page_content #sale-results .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
        opacity: 1; }
  .top .page_content #collaboration {
    position: relative;
    margin-top: 22.438vw; }
    .top .page_content #collaboration .wrap_collaboration {
      position: relative;
      z-index: 50;
      padding: 16.555vw 0;
      background: url("/images/collaboration_bg.jpg") no-repeat center top/cover; }
      .top .page_content #collaboration .wrap_collaboration:before {
        content: "";
        width: 100%;
        height: calc(100% - 3.906vw);
        background: #fff;
        opacity: 0.9;
        position: absolute;
        left: 0;
        top: 1.953vw; }
    .top .page_content #collaboration h2 {
      text-align: left;
      position: relative;
      margin-bottom: 6.324vw; }
      .top .page_content #collaboration h2 .bg_title-text {
        display: block;
        padding: 0 4.883vw;
        font-size: 8.887vw;
        line-height: 1.19;
        white-space: nowrap;
        background-image: url("/images/collaboration_title_bg.jpg"); }
    .top .page_content #collaboration .text {
      padding: 0 6.348vw; }
    .top .page_content #collaboration p + p {
      margin-top: 6.883vw; }
    .top .page_content #collaboration .links {
      display: flex;
      margin-top: 8.277vw;
      padding: 0 2vw; }
      .top .page_content #collaboration .links .btn_glitch-circle {
        width: 47.461vw;
        height: 12.988vw;
        padding: 0.977vw 0; }
        .top .page_content #collaboration .links .btn_glitch-circle a {
          font-size: 3.223vw; }
        .top .page_content #collaboration .links .btn_glitch-circle i {
          width: 42.188vw;
          height: 11.035vw; }
    .top .page_content #collaboration .box_character {
      position: relative; }
    .top .page_content #collaboration .swiper_collaboration_wrap {
      width: 100%;
      margin-top: -7.836vw; }
      .top .page_content #collaboration .swiper_collaboration_wrap .visual {
        height: 101.074vw;
        text-align: center; }
        .top .page_content #collaboration .swiper_collaboration_wrap .visual img {
          width: auto;
          height: 100%;
          max-width: inherit; }
      .top .page_content #collaboration .swiper_collaboration_wrap .swiper-button-prev {
        left: 0.7vw; }
      .top .page_content #collaboration .swiper_collaboration_wrap .swiper-button-next {
        right: 0.7vw; }
      .top .page_content #collaboration .swiper_collaboration_wrap .swiper-button-prev, .top .page_content #collaboration .swiper_collaboration_wrap .swiper-button-next {
        filter: none; }
    .top .page_content #collaboration dl {
      text-align: center;
      margin-top: 5.133vw; }
      .top .page_content #collaboration dl dt {
        width: 47.559vw;
        height: 6.25vw;
        background-color: #5470ef;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        border-radius: 4.883vw; }
      .top .page_content #collaboration dl dd {
        text-align: center;
        margin-top: 0.953vw; }
        .top .page_content #collaboration dl dd a {
          color: #ff00d8;
          text-decoration: underline; }
          .top .page_content #collaboration dl dd a:hover {
            text-decoration: none; }
        .top .page_content #collaboration dl dd + dt {
          margin-top: 5.371vw; }
  .top .page_content #project-member {
    padding-top: 21.289vw; }
    .top .page_content #project-member .wrap_project-member h2 {
      white-space: nowrap;
      margin-bottom: 4.395vw; }
      .top .page_content #project-member .wrap_project-member h2 .bg_title-text {
        font-size: 11.523vw; }
    .top .page_content #project-member .wrap_project-member .box {
      position: relative;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center top; }
      .top .page_content #project-member .wrap_project-member .box h3 {
        font-family: "Poppins", sans-serif;
        font-size: 9.766vw;
        letter-spacing: -0.03em;
        color: #fff;
        text-align: center; }
      .top .page_content #project-member .wrap_project-member .box.box_project-teams {
        background-image: url("/images/project-member_bg01.jpg");
        padding: 4.395vw 0 8.496vw; }
        .top .page_content #project-member .wrap_project-member .box.box_project-teams .member_wrap {
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          margin: 3.906vw auto 0; }
          .top .page_content #project-member .wrap_project-member .box.box_project-teams .member_wrap .member {
            width: 37.891vw;
            padding: 0 3.906vw; }
            .top .page_content #project-member .wrap_project-member .box.box_project-teams .member_wrap .member .icon {
              width: 30.078vw;
              pointer-events: none; }
              .top .page_content #project-member .wrap_project-member .box.box_project-teams .member_wrap .member .icon img {
                pointer-events: none; }
            .top .page_content #project-member .wrap_project-member .box.box_project-teams .member_wrap .member h4 {
              width: 27.93vw;
              height: 6.934vw;
              font-size: 2.686vw;
              background: #5470ef;
              font-weight: 700;
              color: #fff;
              border-radius: 3.418vw;
              display: block;
              margin: -3.32vw auto 0;
              position: relative;
              z-index: 50;
              text-align: center;
              padding-top: 1.367vw; }
            .top .page_content #project-member .wrap_project-member .box.box_project-teams .member_wrap .member p {
              font-size: 2.686vw;
              line-height: 1.5;
              letter-spacing: 0.01em;
              text-align: left;
              color: #fff;
              font-weight: 400;
              transform: rotate(0.01deg);
              text-align: center;
              padding-top: 1.465vw; }
            .top .page_content #project-member .wrap_project-member .box.box_project-teams .member_wrap .member:nth-of-type(n + 3) {
              margin-top: 8.789vw; }
      .top .page_content #project-member .wrap_project-member .box.box_partnership {
        background-image: url("/images/project-member_bg02.jpg");
        padding: 7.813vw 2.93vw 13.965vw; }
        .top .page_content #project-member .wrap_project-member .box.box_partnership .partnership_wrap {
          display: flex;
          margin-top: 7.227vw; }
          .top .page_content #project-member .wrap_project-member .box.box_partnership .partnership_wrap .img {
            width: 50%; }
  .top .page_content #sec04 {
    padding-top: 27.832vw; }
    .top .page_content #sec04 h2 {
      margin: 0px 0 8.5vw; }
      .top .page_content #sec04 h2 .bg_title-text {
        font-size: 13.574vw; }
    .top .page_content #sec04 ol.flow {
      padding: 0 2.93vw 0 18.555vw;
      position: relative;
      width: 100vw; }
      .top .page_content #sec04 ol.flow:before {
        content: "";
        width: 3.613vw;
        height: 115%;
        min-height: 176.855vw;
        background: url("/images/sec04_flow_bar.png") no-repeat center top/100% 100%;
        position: absolute;
        left: 7.813vw;
        top: -15.234vw; }
      .top .page_content #sec04 ol.flow li {
        position: relative; }
        .top .page_content #sec04 ol.flow li .check {
          width: 9.57vw;
          height: 9.57vw;
          position: absolute;
          left: -13.867vw;
          top: 0;
          bottom: 0;
          margin: auto; }
          .top .page_content #sec04 ol.flow li .check:before, .top .page_content #sec04 ol.flow li .check:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0; }
          .top .page_content #sec04 ol.flow li .check:before {
            width: 100%;
            height: 100%;
            background: url("/images/sec04_flow_circle.png") no-repeat center center/contain; }
          .top .page_content #sec04 ol.flow li .check:after {
            width: 6.543vw;
            height: 5.859vw;
            background: url("/images/sec04_flow_check.png") no-repeat center center/contain;
            left: 1.953vw;
            top: 0;
            bottom: 0.488vw;
            margin: auto;
            z-index: 50;
            opacity: 0; }
          .top .page_content #sec04 ol.flow li .check.check_active:after {
            opacity: 1; }
        .top .page_content #sec04 ol.flow li .text {
          background: #ede4d2;
          border-radius: 1.855vw;
          border: 0.391vw solid #fff;
          padding: 2.895vw 0 2.9vw 3.395vw; }
          .top .page_content #sec04 ol.flow li .text:before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 1.563vw 2.344vw 1.563vw 0;
            border-color: transparent #ffffff transparent transparent;
            position: absolute;
            left: -2.344vw;
            top: 0;
            bottom: 0;
            margin: auto; }
          .top .page_content #sec04 ol.flow li .text:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 1.563vw 2.344vw 1.563vw 0;
            border-color: transparent #ede4d2 transparent transparent;
            position: absolute;
            left: -1.855vw;
            top: 0;
            bottom: 0;
            margin: auto; }
          .top .page_content #sec04 ol.flow li .text h3 {
            font-size: 5.859vw;
            font-weight: bold;
            font-family: "Poppins", sans-serif;
            color: #5663ba;
            line-height: 1; }
            .top .page_content #sec04 ol.flow li .text h3 .min {
              font-family: "Noto Sans JP", sans-serif;
              font-weight: 900;
              font-size: 4.297vw; }
          .top .page_content #sec04 ol.flow li .text p {
            font-size: 3.125vw;
            line-height: 1.3;
            letter-spacing: 0em;
            margin-top: .4vw; }
          .top .page_content #sec04 ol.flow li .text.text_active {
            background: #5663ba; }
            .top .page_content #sec04 ol.flow li .text.text_active h3, .top .page_content #sec04 ol.flow li .text.text_active p {
              color: #fff; }
            .top .page_content #sec04 ol.flow li .text.text_active:after {
              border-color: transparent #5663ba transparent transparent; }
        .top .page_content #sec04 ol.flow li + li {
          margin: 4.883vw 0 0; }
.top footer {
  position: relative;
  z-index: 40; }
  .top footer .wrap_footer01 {
    position: relative;
    padding: 22.414vw 0 28.297vw;
    width: 100%;
    z-index: 50; }
    .top footer .wrap_footer01 .bg {
      width: 100%;
      height: 199.902vw;
      background: url("/images/footer_bg.png") no-repeat center bottom/100% auto;
      position: absolute;
      bottom: 0;
      left: 0; }
    .top footer .wrap_footer01 .logo {
      position: relative;
      z-index: 50;
      width: 61.523vw;
      margin-left: 1.9vw;
      transform: translateY(-6vw); }
    .top footer .wrap_footer01 .btn_glitch-circle {
      width: 51.172vw;
      height: 16.211vw;
      margin: 1.953vw 0 0 8.738vw;
      position: relative;
      transform: translateY(-6vw); }
      .top footer .wrap_footer01 .btn_glitch-circle a {
        width: 100%;
        height: 100%;
        margin: 0 auto; }
        .top footer .wrap_footer01 .btn_glitch-circle a i {
          width: 47.266vw;
          height: 12.305vw; }
    .top footer .wrap_footer01 .btns_store {
      padding: 0;
      width: 62.5vw;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 3.906vw;
      margin-left: 2.93vw;
      transform: translateY(-6vw); }
      .top footer .wrap_footer01 .btns_store li:nth-of-type(n + 3) {
        margin-left: 0;
        margin-top: 1.953vw; }
    .top footer .wrap_footer01 .footer_visual {
      content: "";
      width: 77.051vw;
      height: 149.707vw;
      position: absolute;
      right: 0;
      bottom: -19.555vw;
      z-index: 20;
      user-select: none;
      pointer-events: none; }
  .top footer .wrap_footer02 {
    background: #2a2083;
    position: relative;
    padding: 5.859vw 4.883vw 26.953vw; }
    .top footer .wrap_footer02:before {
      content: "";
      width: 100%;
      height: 4.883vw;
      position: absolute;
      top: -1.953vw;
      left: 0;
      background: #2a2083; }
    .top footer .wrap_footer02 .company {
      display: flex;
      position: relative;
      z-index: 50; }
      .top footer .wrap_footer02 .company li {
        width: 16.602vw;
        height: 16.602vw; }
        .top footer .wrap_footer02 .company li a {
          display: block;
          width: 100%;
          height: 100%;
          position: relative; }
          .top footer .wrap_footer02 .company li a:before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0; }
          .top footer .wrap_footer02 .company li a img {
            display: block;
            width: 100%;
            height: 100%; }
        .top footer .wrap_footer02 .company li + li {
          margin-left: 3.32vw; }
    .top footer .wrap_footer02 .textlink {
      display: flex;
      margin-top: 3.5vw; }
      .top footer .wrap_footer02 .textlink li a {
        font-size: 2.539vw;
        line-height: 1.44;
        color: #fff; }
      .top footer .wrap_footer02 .textlink li + li {
        margin-left: 2.93vw; }
    .top footer .wrap_footer02 .copyright {
      font-family: poppins;
      font-size: 1.563vw;
      font-weight: 500;
      letter-spacing: 0.05em;
      color: #fff;
      margin-top: 0.65vw;
      letter-spacing: -0.015em; }
    .top footer .wrap_footer02 .sns_list {
      margin: 7.301vw 0 0; }
      .top footer .wrap_footer02 .sns_list ul {
        display: flex; }
        .top footer .wrap_footer02 .sns_list ul li a {
          display: flex;
          width: 100%;
          height: 100%;
          align-items: center;
          justify-content: center;
          text-align: center; }
          .top footer .wrap_footer02 .sns_list ul li a img {
            vertical-align: baseline; }
          .top footer .wrap_footer02 .sns_list ul li a.sns_twitter {
            width: 6.348vw; }
          .top footer .wrap_footer02 .sns_list ul li a.sns_discord {
            width: 6.836vw; }
          .top footer .wrap_footer02 .sns_list ul li a.sns_line {
            width: 6.25vw; }
          .top footer .wrap_footer02 .sns_list ul li a.sns_symbol {
            width: 6.25vw; }
        .top footer .wrap_footer02 .sns_list ul li + li {
          margin-left: 5.859vw; }

@media screen and (max-width: 1023px) {
  @keyframes loopglitch {
    0% {
      transform: translate(0, 0); }
    12% {
      transform: translate(0.684vw, 0.684vw); }
    27% {
      transform: translate(0, 0); }
    62% {
      transform: translate(0.684vw, 0.684vw); }
    78% {
      transform: translate(0, 0); }
    85% {
      transform: translate(0.684vw, 0.684vw); }
    100% {
      transform: translate(0, 0); } }
  @keyframes loopglitch02 {
    0% {
      transform: translate(0, 0); }
    12% {
      transform: translate(-0.684vw, -0.684vw); }
    27% {
      transform: translate(0, 0); }
    62% {
      transform: translate(-0.684vw, -0.684vw); }
    78% {
      transform: translate(0, 0); }
    85% {
      transform: translate(-0.684vw, -0.684vw); }
    100% {
      transform: translate(0, 0); } }
  @keyframes loopglitch03 {
    0% {
      transform: translate(0, 0); }
    12% {
      transform: translate(0.488vw, -0.488vw); }
    27% {
      transform: translate(0, 0); }
    62% {
      transform: translate(-0.488vw, 0.488vw); }
    78% {
      transform: translate(0, 0); }
    85% {
      transform: translate(0.488vw, -0.488vw); }
    100% {
      transform: translate(0, 0); } }
  @keyframes loopglitch04 {
    0% {
      transform: translate(0, 0); }
    12% {
      transform: translate(-0.488vw, 0.488vw); }
    27% {
      transform: translate(0, 0); }
    62% {
      transform: translate(0.488vw, -0.488vw); }
    78% {
      transform: translate(0, 0); }
    85% {
      transform: translate(-0.488vw, 0.488vw); }
    100% {
      transform: translate(0, 0); } }
  .btn_glitch-circle a {
    filter: none; }
  .btn_glitch-circle a span {
    background: #000;
    width: 46.266vw;
    height: 12.305vw;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5.957vw; }
  .btn_glitch-circle a i {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .btn_glitch-circle a i + i {
      display: block; }
    .btn_glitch-circle a i:before, .btn_glitch-circle a i:after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0; }
    .btn_glitch-circle a i:before {
      background: #0cfcff;
      left: 0;
      top: 0;
      border-radius: 5.957vw;
      animation: loopglitch 1s infinite linear 0.5s both; }
    .btn_glitch-circle a i:after {
      background: #ff00d8;
      left: 0;
      top: 0;
      border-radius: 5.957vw;
      animation: loopglitch02 1s infinite linear 0.5s both; }
    .btn_glitch-circle a i:nth-of-type(2):before {
      background: #0cfcff;
      left: 0;
      top: 0;
      border-radius: 5.957vw;
      animation: loopglitch03 0.8s infinite linear 0.5s both; }
    .btn_glitch-circle a i:nth-of-type(2):after {
      background: #ff00d8;
      left: 0;
      top: 0;
      border-radius: 5.957vw;
      animation: loopglitch04 0.8s infinite linear 0.5s both; }

  .btn_glitch-square a {
    filter: none; }
  .btn_glitch-square a span {
    background: #000;
    width: 33.984vw;
    height: 8.105vw;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .btn_glitch-square a i {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .btn_glitch-square a i + i {
      display: block; }
    .btn_glitch-square a i:before, .btn_glitch-square a i:after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0; }
    .btn_glitch-square a i:before {
      background: #0cfcff;
      left: 0;
      top: 0;
      animation: loopglitch 1s infinite linear 0.5s both; }
    .btn_glitch-square a i:after {
      background: #ff00d8;
      left: 0;
      top: 0;
      animation: loopglitch02 1s infinite linear 0.5s both; }
    .btn_glitch-square a i:nth-of-type(2):before {
      background: #0cfcff;
      left: 0;
      top: 0;
      animation: loopglitch03 0.8s infinite linear 0.5s both; }
    .btn_glitch-square a i:nth-of-type(2):after {
      background: #ff00d8;
      left: 0;
      top: 0;
      animation: loopglitch04 0.8s infinite linear 0.5s both; }

  .top .page_content #collaboration .links {
    justify-content: center; }

  .top .page_content #collaboration .links .btn_glitch-circle {
    width: 42.188vw;
    height: 11.035vw;
    margin: 0 2.246vw; }
    .top .page_content #collaboration .links .btn_glitch-circle a {
      height: 100%; }
    .top .page_content #collaboration .links .btn_glitch-circle a span {
      width: 42.188vw;
      height: 11.035vw; }
    .top .page_content #collaboration .links .btn_glitch-circle a span {
      width: 42.188vw;
      height: 11.035vw; }
    .top .page_content #collaboration .links .btn_glitch-circle a i {
      position: absolute;
      z-index: 0;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      .top .page_content #collaboration .links .btn_glitch-circle a i + i {
        display: block; }
      .top .page_content #collaboration .links .btn_glitch-circle a i:before, .top .page_content #collaboration .links .btn_glitch-circle a i:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0; }
      .top .page_content #collaboration .links .btn_glitch-circle a i:before {
        background: #0cfcff;
        left: 0;
        top: 0;
        border-radius: 5.957vw;
        animation: loopglitch 1s infinite linear 0.5s both; }
      .top .page_content #collaboration .links .btn_glitch-circle a i:after {
        background: #ff00d8;
        left: 0;
        top: 0;
        border-radius: 5.957vw;
        animation: loopglitch02 1s infinite linear 0.5s both; }
      .top .page_content #collaboration .links .btn_glitch-circle a i:nth-of-type(2):before {
        background: #0cfcff;
        left: 0;
        top: 0;
        border-radius: 5.957vw;
        animation: loopglitch03 0.8s infinite linear 0.5s both; }
      .top .page_content #collaboration .links .btn_glitch-circle a i:nth-of-type(2):after {
        background: #ff00d8;
        left: 0;
        top: 0;
        border-radius: 5.957vw;
        animation: loopglitch04 0.8s infinite linear 0.5s both; }

  .ios .top .mv_wrap .movie h2, .android .top .mv_wrap .movie h2 {
    left: 84.91vw; }

  .top footer .wrap_footer01 .btns_store {
    margin-left: 1.93vw; }
    .top footer .wrap_footer01 .btns_store li {
      margin: 0; }
      .top footer .wrap_footer01 .btns_store li + li {
        margin-left: 1vw; }
      .top footer .wrap_footer01 .btns_store li a.googleplay {
        width: 33.008vw; }
      .top footer .wrap_footer01 .btns_store li a.appstore {
        width: 27.344vw; }
      .top footer .wrap_footer01 .btns_store li a.browser {
        width: 31.348vw;
        margin-left: 2.7vw;
        margin-top: 1.69vw; } }
/*animation*/
@media screen and (max-width: 1023px) {
  .android .nav_sitenav {
    width: 100vw; }

  #contents {
    overflow-x: hidden; }

  /* -- 1st view -- */
  .top .mv_wrap .bg {
    opacity: 0;
    transition: 1s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(1.2);
    transform-origin: center top; }

  .top .mv h1, .top .mv .btn_glitch-circle, .top .mv .btns_store, .top .mv .btn_glitch-square {
    opacity: 0; }
  .top .mv h1 {
    transition: 1s 1.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(0.9);
    transform-origin: center center; }
  .top .mv .btn_glitch-circle, .top .mv .btns_store, .top .mv .btn_glitch-square {
    transition: 1s 2.4s;
    transform-origin: center top; }

  .nav_sitenav .btns_language, .nav_sitenav .btn_menu.open, .nav_sitenav .sns_list {
    opacity: 0;
    transition: opacity 0.5s 0.9s, transform 1s 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); }

  .loaderfinished .top .mv_wrap .bg {
    opacity: 1;
    transform: scale(1); }
  .loaderfinished .top .mv .bg, .loaderfinished .top .mv h1, .loaderfinished .top .mv .btn_glitch-circle, .loaderfinished .top .mv .btns_store, .loaderfinished .top .mv .btn_glitch-square {
    opacity: 1;
    transform: scale(1); }
  .loaderfinished .nav_sitenav .btns_language, .loaderfinished .nav_sitenav .btn_menu.open, .loaderfinished .nav_sitenav .sns_list {
    opacity: 1; }

  /* -- 1st view -- */
  /* -- lead -- */
  .lead {
    opacity: 0;
    transition: opacity 1s 0s;
    overflow: hidden; }
    .lead .visual {
      transform: scale(1.3);
      transition: transform 1s 0.8s cubic-bezier(0.18, 0.89, 0.32, 1.27);
      transform-origin: center bottom; }
      .lead .visual img {
        opacity: 0;
        transition: opacity 1s 0.8s; }
    .lead.animated {
      opacity: 1; }
      .lead.animated .visual {
        transform: scale(1); }
        .lead.animated .visual img {
          opacity: 1; }

  /* -- lead -- */
  #movie .wrap_movie {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(5vw); }
  #movie.animated .wrap_movie {
    opacity: 1;
    transform: translateY(0); }

  #sec01 .wrap_about {
    opacity: 0;
    transition: opacity 1.5s 0s; }
    #sec01 .wrap_about .wrap_character .box_text .detail {
      transition: 2.5s 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
      opacity: 0;
      transform: translateY(5vh); }
    #sec01 .wrap_about .wrap_character .box_text .catch {
      transition: 2.5s 3.8s cubic-bezier(0.165, 0.84, 0.44, 1);
      opacity: 0;
      transform: translateY(5vh); }
  #sec01.animated .wrap_about {
    opacity: 1; }
    #sec01.animated .wrap_about .wrap_character .box_text .detail, #sec01.animated .wrap_about .wrap_character .box_text .catch {
      opacity: 1;
      transform: translateY(0); }

  #sec02 h2, #sec02 .swiper.game-system {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(5vw); }
  #sec02 .swiper.game-system {
    transition: 3.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
  #sec02.animated h2, #sec02.animated .swiper.game-system {
    opacity: 1;
    transform: translateY(0); }

  #sec03 h2 {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(5vw); }
  #sec03 .box_master {
    opacity: 0;
    transition: 2s 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(5vw); }
    #sec03 .box_master .text {
      opacity: 0;
      transform: translateY(5vw);
      transition: 3.5s 1s cubic-bezier(0.19, 1, 0.22, 1); }
    #sec03 .box_master .swiper_master_wrap {
      opacity: 0;
      transform: translateY(5vw);
      transition: 3.5s 2s cubic-bezier(0.19, 1, 0.22, 1); }
    #sec03 .box_master .thumbs_master {
      opacity: 0;
      transform: translateY(5vw);
      transition: 3.5s 3s cubic-bezier(0.19, 1, 0.22, 1); }
  #sec03.animated h2 {
    opacity: 1;
    transform: translateY(0); }
  #sec03.animated .box_master {
    opacity: 1;
    transform: translateY(0); }
    #sec03.animated .box_master .text, #sec03.animated .box_master .swiper_master_wrap, #sec03.animated .box_master .thumbs_master {
      opacity: 1;
      transform: translateY(0); }
  #sec03 .box_elf {
    opacity: 0;
    transition: 2s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateY(5vw); }
    #sec03 .box_elf ul.flow {
      opacity: 0;
      transform: translateY(5vw);
      transition: 3.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
    #sec03 .box_elf.animated {
      opacity: 1;
      transform: translateY(0); }
      #sec03 .box_elf.animated ul.flow {
        opacity: 1;
        transform: translateY(0); }
  #sec03 .box_master-kinds {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateY(5vw); }
    #sec03 .box_master-kinds.animated {
      opacity: 1;
      transform: translateY(0); }

  #sale-results h2, #sale-results .wrap_sale-results:before, #sale-results .swiper-sale-results, #sale-results .swiper-pagination-results {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(5vw); }
  #sale-results .swiper-sale-results, #sale-results .swiper-pagination-results {
    transition-delay: 0.5s; }
  #sale-results.animated h2, #sale-results.animated .wrap_sale-results:before, #sale-results.animated .swiper-sale-results, #sale-results.animated .swiper-pagination-results {
    opacity: 1;
    transform: translateY(0); }

  #collaboration {
    opacity: 0;
    transition: 2s 0s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(5vw); }
    #collaboration.animated {
      opacity: 1;
      transform: translateY(0); }

  #project-member h2, #project-member .box_project-teams, #project-member .box_partnership {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(5vw); }
  #project-member .box_project-teams, #project-member .box_partnership {
    transition-delay: 0.5s; }
  #project-member.animated h2, #project-member.animated .box_project-teams, #project-member.animated .box_partnership {
    opacity: 1;
    transform: translateY(0); }

  #sec04 {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateY(5vw); }
    #sec04.animated {
      opacity: 1;
      transform: translateY(0); }

  footer {
    opacity: 0;
    transition: 2.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1); }
    footer .footer_visual {
      opacity: 0;
      transform: translateX(10vw);
      transition: 2.5s 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
    footer.animated {
      opacity: 1;
      transform: translateX(0); }
      footer.animated .footer_visual {
        opacity: 1;
        transform: translateX(0); } }
/*------------------------------------------------------ pc ------------------------------------------------------*/
@media screen and (min-width: 1024px) {
  .top .mv_wrap .bg {
    height: 994px; }
    .top .mv_wrap .bg img {
      width: 100%;
      min-width: 1920px;
      max-width: inherit;
      right: auto;
      left: 50%;
      transform: translateX(-50%); }
  .top .mv_wrap .mv {
    height: 1094px;
    min-width: 1280px; }
    .top .mv_wrap .mv .mv_inner {
      width: 1100px;
      height: 100%;
      position: relative;
      margin: 0 auto; }
    .top .mv_wrap .mv h1 {
      width: 643px;
      top: 296px; }
    .top .mv_wrap .mv .btn_glitch-circle {
      width: 323px;
      height: 100px;
      left: 0px;
      /*right: 64px;*/
      margin: auto;
      position: absolute;
      bottom: 267px;
      z-index: 70; }
      .top .mv_wrap .mv .btn_glitch-circle a {
        margin: 0;
        font-size: 23px; }
        .top .mv_wrap .mv .btn_glitch-circle a i {
          width: 303px;
          height: 80px; }
        .top .mv_wrap .mv .btn_glitch-circle a span {
          transition: opacity 0.3s; }
        .top .mv_wrap .mv .btn_glitch-circle a:hover span {
          opacity: 0.7; }
    .top .mv_wrap .mv .btn_glitch-square {
      position: absolute;
      width: 228px;
      height: 58px;
      left: 0;
      right: 0;
      bottom: 110px;
      margin: auto; }
      .top .mv_wrap .mv .btn_glitch-square a {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        font-size: 13px;
        font-weight: 800; }
        .top .mv_wrap .mv .btn_glitch-square a i {
          width: 208px;
          height: 38px; }
    .top .mv_wrap .mv .btns_store {
      width: 100%;
      padding: 0;
      position: absolute;
      left: 36px;
      right: 0;
      top: auto;
      bottom: 186px;
      justify-content: flex-start;
      padding-left: 187px;
      margin: auto; }
      .top .mv_wrap .mv .btns_store li a.browser {
        width: 206px;
        height: 64px; }
      .top .mv_wrap .mv .btns_store li a.googleplay {
        width: 211px;
        height: 64px; }
      .top .mv_wrap .mv .btns_store li a.appstore {
        width: 175px;
        height: 64px; }
  .top .mv_wrap .movie {
    width: 1280px;
    padding: 120px 0 125px;
    margin: -153px auto 0;
    pointer-events: none; }
    .top .mv_wrap .movie .wrap_movie {
      pointer-events: auto; }
    .top .mv_wrap .movie h2 {
      left: 1140px;
      top: 543px; }
      .top .mv_wrap .movie h2 .bg_title-text {
        font-size: 145px;
        letter-spacing: -0.01em; }
  .top .mv_wrap .movie_visual_thumb_wrap {
    width: 1130px;
    margin-left: 12px; }
  .top .mv_wrap .movie_visual_wrap {
    height: 610px; }
    .top .mv_wrap .movie_visual_wrap .movie_visual a i {
      width: 125px;
      height: 125px;
      transition: transform 0.2s; }
    .top .mv_wrap .movie_visual_wrap .movie_visual a:hover i {
      transform: translate(-50%, -50%) scale(1.15);
      transition: transform 0.4s; }
  .top .mv_wrap .movie_thumbs {
    margin: 12px 0 0; }
    .top .mv_wrap .movie_thumbs .movie_thumb {
      width: 243px;
      height: 132px;
      margin: 0 7px;
      transition: opacity 0.3s; }
      .top .mv_wrap .movie_thumbs .movie_thumb:hover {
        opacity: 0.7; }
      .top .mv_wrap .movie_thumbs .movie_thumb.comingsoon span {
        font-size: 24px; }
  .top .page_content {
    min-width: 1280px; }
    .top .page_content .lead {
      height: 195px;
      background: url("/images/lead_bg@pc.jpg") no-repeat center top/cover;
      padding: 0;
      z-index: 99; }
      .top .page_content .lead .wrap_lead {
        width: 1280px;
        margin: 0 auto;
        padding: 40px 40px 0 80px;
        display: flex;
        position: relative; }
      .top .page_content .lead h2 span {
        text-shadow: 0px 0px 35px #5cb9ff, 0px 0px 35px #5cb9ff, 0px 0px 35px #5cb9ff; }
      .top .page_content .lead h2 .min {
        font-size: 31px; }
      .top .page_content .lead h2 .large {
        font-size: 62px;
        margin-top: 17px;
        display: flex;
        align-items: center;
        justify-content: center;
        letter-spacing: 0.02em; }
        .top .page_content .lead h2 .large .inner {
          font-size: 72px; }
      .top .page_content .lead .visual {
        width: 489px;
        height: 474px;
        margin: 0 auto 0;
        position: absolute;
        left: auto;
        right: 40px;
        bottom: -187px; }
        .top .page_content .lead .visual img {
          display: block;
          width: 100%;
          position: absolute;
          left: 0;
          top: 13px; }
        .top .page_content .lead .visual .image_characters img {
          z-index: 50; }
    .top .page_content h2 {
      text-align: center; }
      .top .page_content h2 .bg_title-text {
        background-image: url("/images/title_bg-decoration.jpg");
        font-size: 96px;
        letter-spacing: -0.05em; }
    .top .page_content #sec01 .wrap_about {
      padding: 77px 0 0;
      width: 1280px;
      margin: 0 auto; }
      .top .page_content #sec01 .wrap_about h2 {
        left: 5px;
        bottom: -100px;
        text-align: left; }
        .top .page_content #sec01 .wrap_about h2 .bg_title-text {
          font-size: 137px;
          letter-spacing: -0.03em; }
      .top .page_content #sec01 .wrap_about .wrap_character {
        position: relative;
        z-index: 50;
        padding: 284px 0 0 142px; }
        .top .page_content #sec01 .wrap_about .wrap_character:before {
          width: 764px;
          height: 1000px;
          position: absolute;
          left: -46px;
          top: -27px;
          z-index: 40;
          background: url("/images/sec01_character-base@pc.png") no-repeat center top/100% auto; }
        .top .page_content #sec01 .wrap_about .wrap_character:after {
          content: "";
          width: 764px;
          height: 1000px;
          position: absolute;
          left: -46px;
          top: -27px;
          z-index: 60;
          background: url("/images/sec01_character-top@pc.png") no-repeat center top/100% auto; }
        .top .page_content #sec01 .wrap_about .wrap_character .box_text {
          width: 100%;
          height: 540px;
          position: relative;
          z-index: 40;
          margin: 0;
          background: url("/images/sec01_frame@pc.png") no-repeat center top/100% 100%; }
          .top .page_content #sec01 .wrap_about .wrap_character .box_text .detail {
            padding: 65px 0 0 570px;
            z-index: 100; }
            .top .page_content #sec01 .wrap_about .wrap_character .box_text .detail p {
              font-size: 17px;
              line-height: 1.71;
              letter-spacing: 0.02em;
              text-align: left; }
              .top .page_content #sec01 .wrap_about .wrap_character .box_text .detail p + p {
                margin-top: 30px; }
          .top .page_content #sec01 .wrap_about .wrap_character .box_text .catch {
            width: 500px;
            left: 568px;
            bottom: 60px; }
    .top .page_content #sec02 {
      padding: 165px 0 0; }
      .top .page_content #sec02 .wrap_sec02 h2 {
        margin-bottom: 36px; }
        .top .page_content #sec02 .wrap_sec02 h2 .bg_title-text {
          background-image: url("/images/sec02_title_bg-decoration.jpg");
          font-size: 96px; }
      .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide {
        width: 750px;
        padding: 0 20px; }
        .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide {
          border-radius: 30px; }
          .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide:before {
            border-radius: 30px;
            border: 14px solid #fff; }
          .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .bg_slide {
            padding: 55px 57px 80px; }
            .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .bg_slide:before, .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .bg_slide:after {
              width: 76px;
              height: 77px;
              position: absolute;
              top: 13px; }
            .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .bg_slide:before {
              left: 13px; }
            .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .bg_slide:after {
              right: 13px; }
          .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .thumb {
            border-radius: 0; }
          .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .wrap_text h3 {
            height: 100px;
            margin: 35px auto 17px; }
            .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .wrap_text h3 .large {
              font-size: 48px;
              letter-spacing: -0.01em; }
            .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .wrap_text h3 .min {
              font-size: 18px;
              margin-top: -10px; }
          .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .wrap_text p {
            font-size: 19px;
            font-weight: bold;
            line-height: 1.84; }
            .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide .wrap_slide .wrap_text p + p {
              margin: 35px 0 0; }
        .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide.comingsoon .wrap_slide:before {
          background-image: url("/images/slide-comingsoon@pc.png"); }
        .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-slide.comingsoon .wrap_slide h3 {
          font-size: 50px;
          white-space: nowrap;
          transform: translate(-50%, -75%); }
      .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-button-prev.blue, .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-button-next.blue {
        left: 0;
        right: 0;
        top: 370px;
        margin: auto; }
      .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-button-prev.blue {
        left: -740px; }
      .top .page_content #sec02 .wrap_sec02 .swiper.game-system .swiper-button-next.blue {
        right: -740px; }
    .top .page_content #sec03 {
      padding: 132px 0 0;
      margin-top: 0; }
      .top .page_content #sec03:after {
        content: none; }
      .top .page_content #sec03 .wrap_sec03 h2 {
        margin-bottom: 80px; }
        .top .page_content #sec03 .wrap_sec03 h2 .bg_title-text {
          font-size: 96px;
          background-image: url("/images/sec02_title_bg-decoration.jpg");
          letter-spacing: -0.03em; }
          .top .page_content #sec03 .wrap_sec03 h2 .bg_title-text i {
            letter-spacing: 1px; }
      .top .page_content #sec03 .wrap_sec03 .box_master {
        padding: 100px 0 0;
        position: relative;
        width: 100%;
        height: 652px; }
        .top .page_content #sec03 .wrap_sec03 .box_master:before {
          width: 100%;
          background: url("/images/sec03_bg01@pc.jpg") no-repeat center top/cover; }
        .top .page_content #sec03 .wrap_sec03 .box_master .pc_content_wrap {
          max-width: 1280px;
          width: 100%;
          height: 100%;
          position: relative;
          margin: 0 auto;
          padding: 0 90px;
          display: flex;
          flex-direction: row-reverse; }
        .top .page_content #sec03 .wrap_sec03 .box_master .text, .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master {
          position: relative;
          z-index: 50; }
        .top .page_content #sec03 .wrap_sec03 .box_master .text {
          padding: 0 0 0 8px;
          width: 50%; }
          .top .page_content #sec03 .wrap_sec03 .box_master .text h3 {
            margin: 0 0 17px; }
            .top .page_content #sec03 .wrap_sec03 .box_master .text h3 .min {
              font-size: 22px;
              margin-bottom: 12px; }
            .top .page_content #sec03 .wrap_sec03 .box_master .text h3 .large {
              font-size: 81px;
              margin-top: 0; }
          .top .page_content #sec03 .wrap_sec03 .box_master .text p {
            color: #fff; }
            .top .page_content #sec03 .wrap_sec03 .box_master .text p + p {
              margin-top: 35px; }
        .top .page_content #sec03 .wrap_sec03 .box_master .swiper_master_wrap {
          width: 904px;
          /*width: 604px;*/
          position: absolute;
          left: -93px;
          top: -193px;
          padding: 0 150px;
          margin-top: 0;
          -webkit-mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #000 18%, #000 70%, rgba(255, 255, 255, 0) 100%);
          -webkit-mask-mode: match-source;
          -webkit-mask-size: 100% auto;
          -webkit-mask-position: center top; }
        .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master {
          overflow: visible; }
          .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide {
            opacity: 0;
            transition: opacity 0.2s 0s; }
            .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide.swiper-slide-active {
              opacity: 1; }
            .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide .wrap_slide {
              position: relative; }
              .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide .wrap_slide h4 {
                transform-origin: left bottom;
                transform: rotate(90deg);
                position: absolute;
                top: 165px;
                left: 100px; }
                .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide .wrap_slide h4 .min {
                  height: 27px;
                  font-size: 15px;
                  padding: 0px 13px 0;
                  position: absolute;
                  left: -23px;
                  top: 33px;
                  white-space: nowrap; }
                .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide .wrap_slide h4 .large {
                  -webkit-text-stroke: 3px #fff;
                  font-size: 76px;
                  position: absolute;
                  left: -28px;
                  top: -40px; }
              .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide .wrap_slide .visual {
                position: relative;
                z-index: 50;
                margin: 0 auto;
                text-align: center; }
                .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide .wrap_slide .visual img {
                  width: auto; }
              .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-slide .wrap_slide .detail {
                font-size: 15px;
                line-height: 1.67;
                padding-top: 13px;
                padding-right: 33px; }
          .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-button-prev, .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-button-next {
            top: 423px; }
          .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-button-prev {
            left: 53px; }
          .top .page_content #sec03 .wrap_sec03 .box_master .swiper.master .swiper-button-next {
            right: 87px; }
        .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master {
          position: absolute;
          bottom: -47px;
          left: 0;
          right: 0;
          margin: auto;
          width: 1280px; }
          .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master {
            padding: 0; }
            .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master .thumb {
              width: 130px;
              height: 130px;
              margin: 0 19px; }
              .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master .thumb .wrap img {
                width: 143px;
                transition: filter 0.3s; }
              .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master .thumb .name {
                width: 119px;
                height: 29px;
                border-radius: 15px;
                font-size: 15px;
                padding: 6px 0 0;
                bottom: -12px; }
              .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master .thumb:nth-child(n + 4) {
                margin-top: 0; }
              .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master .thumb.active .name {
                background: #5470ef; }
              .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master .thumb:hover img {
                filter: brightness(1.05); }
              .top .page_content #sec03 .wrap_sec03 .box_master .thumbs_master .wrap_thumbs_master .thumb:hover .name {
                background: #5470ef; }
      .top .page_content #sec03 .wrap_sec03 .box_elf {
        width: 1200px;
        height: 559px;
        padding: 0;
        margin: 130px auto 0; }
        .top .page_content #sec03 .wrap_sec03 .box_elf .bg {
          width: 100%;
          height: 100%;
          min-height: inherit;
          background: url("/images/sec03_bg02@pc.png") no-repeat center top/100% 100%; }
        .top .page_content #sec03 .wrap_sec03 .box_elf .text {
          padding: 68px 145px 0 160px;
          display: flex;
          text-align: left; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .text h3 {
            margin: 0;
            padding: 0 54px 0 0;
            position: relative; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .text h3:before {
              content: "";
              width: 2px;
              height: 96px;
              background: #fff;
              position: absolute;
              right: 0;
              top: 0;
              bottom: 0;
              margin: auto; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .text h3 .min {
              font-size: 21px;
              margin-bottom: 5px;
              letter-spacing: 0.1em; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .text h3 .large {
              font-size: 81px;
              letter-spacing: -0.01em;
              margin-top: 13px; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .text p {
            color: #fff;
            padding-left: 57px; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .text p + p {
              margin-top: 4.883vw; }
        .top .page_content #sec03 .wrap_sec03 .box_elf .flow {
          margin: 0;
          display: flex;
          justify-content: space-between;
          padding: 57px 145px 0 160px; }
          .top .page_content #sec03 .wrap_sec03 .box_elf .flow li {
            width: 223px;
            height: 240px; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li h4 .wrap {
              margin-top: -10px; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow01 {
              padding: 0 0 0; }
              .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow01 h4 {
                width: 83px;
                height: 83px;
                font-size: 17px;
                left: -16px;
                top: 21px; }
                .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow01 h4 span.num {
                  font-size: 32px; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow02 {
              padding: 0 0 0;
              margin: 0; }
              .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow02 h4 {
                width: 101px;
                height: 101px;
                font-size: 21px;
                left: -48px;
                top: 12px; }
                .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow02 h4 span.num {
                  font-size: 39px; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow03 {
              padding: 0 0 0;
              margin: 0; }
              .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow03 h4 {
                width: 121px;
                height: 121px;
                font-size: 25px;
                left: -68px; }
                .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow03 h4 span.num {
                  font-size: 46px; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li .flow_li_wrap {
              width: 100%;
              display: block; }
              .top .page_content #sec03 .wrap_sec03 .box_elf .flow li .flow_li_wrap .flow_visual {
                position: absolute;
                z-index: 50;
                top: auto;
                left: 0; }
              .top .page_content #sec03 .wrap_sec03 .box_elf .flow li .flow_li_wrap .flow_text {
                width: 223px;
                height: 57px;
                padding-left: 0;
                position: absolute;
                left: 0;
                bottom: 0;
                padding-bottom: 0; }
                .top .page_content #sec03 .wrap_sec03 .box_elf .flow li .flow_li_wrap .flow_text p {
                  font-size: 14px;
                  line-height: 1.57; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow01 .flow_li_wrap {
              padding: 0; }
              .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow01 .flow_li_wrap .flow_visual {
                width: 171px;
                top: auto;
                left: 19px;
                bottom: 75px; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow02 .flow_li_wrap {
              padding: 0; }
              .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow02 .flow_li_wrap .flow_visual {
                width: 182px;
                top: auto;
                left: 2px;
                bottom: 67px; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow03 .flow_li_wrap {
              padding: 0; }
              .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow03 .flow_li_wrap .flow_text {
                margin-top: 0; }
              .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow03 .flow_li_wrap .flow_visual {
                width: 229px;
                top: auto;
                left: -42px;
                bottom: 52px; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li:before {
              width: 59px;
              height: 29px;
              right: -43px;
              bottom: 28px;
              transform: rotate(-90deg);
              transform-origin: right top; }
            .top .page_content #sec03 .wrap_sec03 .box_elf .flow li.flow02:before {
              bottom: 28px; }
      .top .page_content #sec03 .wrap_sec03 .box_master-kinds {
        margin: 45px 0 0; }
        .top .page_content #sec03 .wrap_sec03 .box_master-kinds h3 {
          width: 467px;
          height: 63px;
          margin: 0 auto 80px;
          padding-bottom: 0; }
          .top .page_content #sec03 .wrap_sec03 .box_master-kinds h3 .bg_title-text {
            font-size: 34px; }
          .top .page_content #sec03 .wrap_sec03 .box_master-kinds h3:after {
            width: 3px;
            height: 45px;
            bottom: -65px;
            margin: auto; }
        .top .page_content #sec03 .wrap_sec03 .box_master-kinds .loop_wrap {
          min-width: 1920px;
          width: 100%;
          height: 391px;
          position: relative; }
          .top .page_content #sec03 .wrap_sec03 .box_master-kinds .loop_wrap .img {
            width: auto;
            height: 100%;
            width: auto;
            height: 100%;
            animation: loop 40s infinite linear 0.5s both; }
            .top .page_content #sec03 .wrap_sec03 .box_master-kinds .loop_wrap .img img {
              width: auto;
              height: 100%;
              max-width: inherit; }
    .top .page_content #sale-results {
      padding: 160px 0 0;
      width: 1200px;
      margin: 0 auto; }
      .top .page_content #sale-results h2 {
        margin-bottom: 44px; }
        .top .page_content #sale-results h2 .bg_title-text {
          letter-spacing: -0.03em; }
      .top .page_content #sale-results .wrap_sale-results {
        position: relative;
        padding: 0; }
        .top .page_content #sale-results .wrap_sale-results:before {
          width: 200px;
          height: 224px;
          background-image: url("/images/sale-results_decoration@pc.png");
          left: 50px;
          top: -48px; }
      .top .page_content #sale-results .swiper-sale-results {
        border-radius: 30px;
        padding: 43px 0 100px; }
        .top .page_content #sale-results .swiper-sale-results:before {
          background-image: url("/images/sale-results_bg@pc.png"); }
        .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg {
          position: relative;
          padding: 0; }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3, .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .result_wrap {
            position: relative;
            z-index: 10; }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3 {
            font-size: 50px;
            margin-bottom: 6px; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3 span:before, .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3 span:after {
              width: 243px; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3 span:before {
              left: -300px; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3 span:after {
              right: -300px; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg h3 i {
              font-size: 69px; }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .slide_content_wrap {
            display: flex; }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs {
            text-align: center;
            width: calc(100% - 627px);
            padding-left: 100px;
            margin-top: 63px; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs .imgs_wrap {
              display: flex;
              justify-content: center;
              text-align: center;
              flex-wrap: wrap;
              padding-right: 27px; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs .box {
              padding: 0 5px; }
              .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs .box .img {
                height: 230px; }
              .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs .box .caption {
                font-size: 19px;
                line-height: 1.68;
                margin-top: 0; }
                .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs .box .caption span {
                  padding-left: 0.3em; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs.img_three {
              margin-top: -31px; }
              .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs.img_three .box {
                padding: 0 5px; }
                .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs.img_three .box .caption {
                  font-size: 16px; }
                .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs.img_three .box.mr {
                  width: 100%; }
                .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs.img_three .box.sr .caption {
                  padding-top: 0; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .imgs .note {
              font-size: 19px;
              margin-top: 30px;
              letter-spacing: 0.05em; }
          .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail {
            width: 627px; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail p.catch {
              font-size: 50px;
              margin-top: 0;
              text-align: left; }
              .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail p.catch span {
                font-size: 75px; }
            .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail dl {
              font-size: 19px;
              margin-top: 12px; }
              .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail dl dt {
                width: 128px;
                height: 45px;
                border-radius: 22px; }
              .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail dl dd {
                width: calc(100% - 128px);
                padding-left: 20px;
                padding-top: 5px;
                line-height: 1.58; }
                .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail dl dd ul li + li {
                  margin-top: 7px; }
              .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail dl dt:nth-of-type(n + 2), .top .page_content #sale-results .swiper-sale-results .swiper-slide .bg .detail dl dd:nth-of-type(n + 2) {
                margin-top: 16px; }
      .top .page_content #sale-results .swiper-button-prev, .top .page_content #sale-results .swiper-button-next {
        filter: drop-shadow(0px 0px 20px rgba(92, 185, 255, 0.66)) drop-shadow(0px 0px 20px rgba(92, 185, 255, 0.66));
        top: 50%;
        margin-top: -38px;
        bottom: auto; }
      .top .page_content #sale-results .swiper-button-prev {
        left: 32px; }
      .top .page_content #sale-results .swiper-button-next {
        right: 32px; }
      .top .page_content #sale-results .swiper-pagination {
        margin-top: 30px; }
      .top .page_content #sale-results .swiper-pagination-bullet {
        width: 31px;
        height: 31px;
        margin: 0 15px; }
    .top .page_content #collaboration {
      margin-top: 136px; }
      .top .page_content #collaboration .wrap_collaboration {
        padding: 138px 0 107px;
        background: url("/images/collaboration_bg@pc.jpg") no-repeat center center/cover; }
        .top .page_content #collaboration .wrap_collaboration:before {
          height: calc(100% - 40px);
          top: 20px; }
      .top .page_content #collaboration h2 {
        width: 1280px;
        padding: 0 0 0 519px;
        position: relative;
        margin: 0 auto; }
        .top .page_content #collaboration h2 .bg_title-text {
          display: inline-block;
          padding: 0;
          font-size: 69px;
          line-height: 1.02;
          letter-spacing: -0.03em;
          padding-bottom: 20px;
          background-image: url(/images/collaboration_title_bg@pc.jpg); }
      .top .page_content #collaboration .pc_content_wrap {
        width: 1280px;
        display: flex;
        flex-direction: row-reverse;
        margin: 0 auto; }
        .top .page_content #collaboration .pc_content_wrap .detail {
          width: 720px;
          margin-top: 30px;
          margin-left: -150px;
          transform: translateX(-32px);
          z-index: 999;
          position: relative; }
      .top .page_content #collaboration .text {
        padding: 0;
        width: 720px; }
      .top .page_content #collaboration p + p {
        margin-top: 36px; }
      .top .page_content #collaboration .links {
        display: flex;
        margin-top: 46px;
        padding: 0; }
        .top .page_content #collaboration .links .btn_glitch-circle {
          width: 263px;
          height: 104px;
          padding: 10px 0; }
          .top .page_content #collaboration .links .btn_glitch-circle a {
            font-size: 19px;
            padding: 10px 0; }
            .top .page_content #collaboration .links .btn_glitch-circle a span {
              transition: opacity 0.3s; }
            .top .page_content #collaboration .links .btn_glitch-circle a:hover span {
              opacity: 0.7; }
          .top .page_content #collaboration .links .btn_glitch-circle i {
            width: 243px;
            height: 64px; }
      .top .page_content #collaboration .box_character {
        position: relative; }
      .top .page_content #collaboration .swiper_collaboration_wrap {
        width: 904px;
        padding: 0 150px;
        margin-top: 0;
        -webkit-mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #000 18%, #000 70%, rgba(255, 255, 255, 0) 100%);
        -webkit-mask-mode: match-source;
        -webkit-mask-size: 100% auto;
        -webkit-mask-position: center top;
        margin: -360px 0 0 -143px; }
        .top .page_content #collaboration .swiper_collaboration_wrap .visual {
          height: 611px;
          text-align: center; }
          .top .page_content #collaboration .swiper_collaboration_wrap .visual img {
            width: auto;
            height: 100%;
            max-width: inherit; }
        .top .page_content #collaboration .swiper_collaboration_wrap .swiper.collaboration {
          width: 450px;
          overflow: visible; }
          .top .page_content #collaboration .swiper_collaboration_wrap .swiper.collaboration .swiper-slide {
            opacity: 0;
            transition: opacity 0.2s 0s; }
            .top .page_content #collaboration .swiper_collaboration_wrap .swiper.collaboration .swiper-slide.swiper-slide-active {
              opacity: 1; }
        .top .page_content #collaboration .swiper_collaboration_wrap .swiper-button-prev {
          left: -49px; }
        .top .page_content #collaboration .swiper_collaboration_wrap .swiper-button-next {
          right: 3px; }
      .top .page_content #collaboration .wrap_slide {
        text-align: center; }
      .top .page_content #collaboration dl {
        text-align: center;
        display: block;
        overflow: hidden;
        display: inline-block;
        margin: 28px 0 0 -54px; }
        .top .page_content #collaboration dl dt {
          width: 145px;
          height: 33px;
          font-size: 13px;
          margin: 0 auto 0;
          border-radius: 17px;
          float: left;
          margin-top: 9px; }
        .top .page_content #collaboration dl dd {
          width: 100%;
          margin-top: 9px;
          text-align: left;
          padding-left: 160px;
          font-size: 15px;
          min-height: 33px; }
          .top .page_content #collaboration dl dd + dt {
            margin-top: 9px; }
    .top .page_content #project-member {
      padding-top: 185px; }
      .top .page_content #project-member .wrap_project-member h2 {
        white-space: nowrap;
        margin-bottom: 59px; }
        .top .page_content #project-member .wrap_project-member h2 .bg_title-text {
          font-size: 96px;
          letter-spacing: -0.03em; }
      .top .page_content #project-member .wrap_project-member .box h3 {
        font-size: 81px; }
      .top .page_content #project-member .wrap_project-member .box.box_project-teams {
        background-image: url("/images/project-member_bg01@pc.jpg");
        padding: 35px 0 143px;
        height: 580px; }
        .top .page_content #project-member .wrap_project-member .box.box_project-teams .member_wrap {
          margin: 30px auto 0; }
          .top .page_content #project-member .wrap_project-member .box.box_project-teams .member_wrap .member {
            width: 220px;
            padding: 0 20px; }
            .top .page_content #project-member .wrap_project-member .box.box_project-teams .member_wrap .member .icon {
              width: 176px; }
            .top .page_content #project-member .wrap_project-member .box.box_project-teams .member_wrap .member h4 {
              width: 164px;
              height: 41px;
              font-size: 15px;
              border-radius: 35px;
              margin: -18px auto 0;
              padding-top: 6px; }
            .top .page_content #project-member .wrap_project-member .box.box_project-teams .member_wrap .member p {
              font-size: 15px;
              padding-top: 6px; }
            .top .page_content #project-member .wrap_project-member .box.box_project-teams .member_wrap .member:nth-of-type(n + 3) {
              margin-top: 0; }
      .top .page_content #project-member .wrap_project-member .box.box_partnership {
        background-image: url("/images/project-member_bg02@pc.jpg");
        padding: 40px 0 37px;
        height: 504px; }
        .top .page_content #project-member .wrap_project-member .box.box_partnership .partnership_wrap {
          display: flex;
          justify-content: center;
          margin-top: 42px; }
          .top .page_content #project-member .wrap_project-member .box.box_partnership .partnership_wrap .img {
            width: 341px;
            height: 181px; }
            .top .page_content #project-member .wrap_project-member .box.box_partnership .partnership_wrap .img:nth-of-type(2) {
              padding: 21px 38px 0 15px; }
            .top .page_content #project-member .wrap_project-member .box.box_partnership .partnership_wrap .img a {
              display: block;
              width: 100%;
              height: 100%;
              transition: opacity 0.3s; }
              .top .page_content #project-member .wrap_project-member .box.box_partnership .partnership_wrap .img a:hover {
                opacity: 0.7; }
    .top .page_content #sec04 {
      padding-top: 130px; }
      .top .page_content #sec04 h2 {
        margin: 0px 0 58px; }
        .top .page_content #sec04 h2 .bg_title-text {
          font-size: 96px;
          padding: 0 5px; }
      .top .page_content #sec04 ol.flow {
        padding: 0 0;
        position: relative;
        width: 1020px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        align-items: flex-start; }
        .top .page_content #sec04 ol.flow:before {
          width: 23px;
          height: 113%;
          min-height: 666px;
          left: 50%;
          transform: translateX(-50%);
          top: -60px;
          background-size: 100% 100%; }
        .top .page_content #sec04 ol.flow li {
          position: relative;
          width: 50%; }
          .top .page_content #sec04 ol.flow li .check {
            width: 62px;
            height: 62px;
            left: -31px;
            top: 0;
            bottom: 0;
            margin: auto; }
            .top .page_content #sec04 ol.flow li .check:before {
              background-image: url("/images/sec04_flow_circle@pc.png"); }
            .top .page_content #sec04 ol.flow li .check:after {
              width: 42px;
              height: 37px;
              left: 12px;
              top: 0;
              bottom: -2px; }
          .top .page_content #sec04 ol.flow li .text {
            border-radius: 14px;
            border: 5px solid #fff;
            padding: 23px 0 23px 25px;
            width: 455px;
            position: relative; }
            .top .page_content #sec04 ol.flow li .text:before {
              content: "";
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 11px 14px 11px 0;
              left: -18px;
              top: 0;
              bottom: 0;
              margin: auto; }
            .top .page_content #sec04 ol.flow li .text:after {
              content: "";
              width: 0;
              height: 0;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 11px 14px 11px 0;
              left: -9px;
              top: 0;
              bottom: 0;
              margin: auto; }
            .top .page_content #sec04 ol.flow li .text h3 {
              font-size: 35px; }
              .top .page_content #sec04 ol.flow li .text h3 .min {
                font-size: 26px; }
            .top .page_content #sec04 ol.flow li .text p {
              font-size: 15px;
              line-height: 1.47;
              margin-top: 2px;
              letter-spacing: 0.02em; }
          .top .page_content #sec04 ol.flow li + li {
            margin: 0; }
          .top .page_content #sec04 ol.flow li:nth-of-type(odd) {
            padding-left: 55px;
            margin-top: -37px; }
          .top .page_content #sec04 ol.flow li:nth-of-type(even) {
            padding-right: 55px;
            margin-top: 46px; }
            .top .page_content #sec04 ol.flow li:nth-of-type(even) .check {
              left: auto;
              right: -31px;
              top: 0;
              bottom: 0;
              margin: auto; }
            .top .page_content #sec04 ol.flow li:nth-of-type(even) .text:before, .top .page_content #sec04 ol.flow li:nth-of-type(even) .text:after {
              transform: rotate(180deg);
              left: auto; }
            .top .page_content #sec04 ol.flow li:nth-of-type(even) .text:before {
              right: -18px; }
            .top .page_content #sec04 ol.flow li:nth-of-type(even) .text:after {
              right: -9px; }
          .top .page_content #sec04 ol.flow li:nth-of-type(1) {
            margin-top: 0; }
          .top .page_content #sec04 ol.flow li:nth-of-type(2) {
            margin-top: 80px; }
            .top .page_content #sec04 ol.flow li:nth-of-type(2) .text {
              transform: translateY(10px); }
              .top .page_content #sec04 ol.flow li:nth-of-type(2) .text:before {
                top: -21px; }
              .top .page_content #sec04 ol.flow li:nth-of-type(2) .text:after {
                top: -21px; }
          .top .page_content #sec04 ol.flow li:nth-of-type(3) {
            margin-top: -37px; }
          .top .page_content #sec04 ol.flow li:nth-of-type(4) {
            margin-top: 41px; }
            .top .page_content #sec04 ol.flow li:nth-of-type(4) .text {
              transform: translateY(14px); }
              .top .page_content #sec04 ol.flow li:nth-of-type(4) .text:before {
                top: -21px; }
              .top .page_content #sec04 ol.flow li:nth-of-type(4) .text:after {
                top: -21px; }
          .top .page_content #sec04 ol.flow li:nth-of-type(5) {
            margin-top: -46px; }
            .top .page_content #sec04 ol.flow li:nth-of-type(5) .text {
              transform: translateY(14px); }
              .top .page_content #sec04 ol.flow li:nth-of-type(5) .text:before {
                top: -21px; }
              .top .page_content #sec04 ol.flow li:nth-of-type(5) .text:after {
                top: -21px; }
          .top .page_content #sec04 ol.flow li:nth-of-type(6) {
            margin-top: 56px; }
          .top .page_content #sec04 ol.flow li:nth-of-type(2n + 7) {
            margin-top: -20px; }
          .top .page_content #sec04 ol.flow li:nth-of-type(2n + 8) {
            margin-top: 73px; }
    .top .page_content .footer_visual {
      width: 870px;
      height: 1032px;
      position: absolute;
      right: -694px;
      left: 0;
      bottom: -922px;
      z-index: 90;
      user-select: none;
      margin: auto; }
  .top footer .wrap_footer01 {
    padding: 0; }
    .top footer .wrap_footer01 .bg {
      width: 100%;
      min-width: 1920px;
      height: 1279px;
      background: url("/images/footer_bg@pc.png") no-repeat center bottom/100% auto;
      left: 50%;
      transform: translateX(-50%); }
    .top footer .wrap_footer01 .pc_content_wrap {
      width: 1280px;
      margin: 0 auto;
      padding: 62px 0 120px; }
    .top footer .wrap_footer01 .logo {
      width: 618px;
      margin-left: 43px;
      transform: translateY(-16px); }
    .top footer .wrap_footer01 .btn_glitch-circle {
      width: 323px;
      height: 100px;
      margin: 0 0 0 199px;
      position: relative;
      transform: translateY(-18px); }
      .top footer .wrap_footer01 .btn_glitch-circle a {
        margin: 0;
        font-size: 23px; }
        .top footer .wrap_footer01 .btn_glitch-circle a i {
          width: 303px;
          height: 80px; }
        .top footer .wrap_footer01 .btn_glitch-circle a span {
          transition: opacity 0.3s; }
        .top footer .wrap_footer01 .btn_glitch-circle a:hover span {
          opacity: 0.7; }
    .top footer .wrap_footer01 .btns_store {
      width: 495px;
      margin-top: 35px;
      padding: 0 0 0 101px;
      transform: translateY(-30px); }
      .top footer .wrap_footer01 .btns_store li:nth-of-type(n+3) {
        margin-top: 7px; }
  .top footer .wrap_footer02 {
    padding: 0;
    height: 389px; }
    .top footer .wrap_footer02:before {
      height: 50px;
      position: absolute;
      top: -20px; }
    .top footer .wrap_footer02 .textlink, .top footer .wrap_footer02 .company, .top footer .wrap_footer02 .copyright, .top footer .wrap_footer02 .sns_list {
      width: 1280px;
      margin: 0 auto;
      padding: 0 50px; }
    .top footer .wrap_footer02 .company {
      padding-top: 44px; }
      .top footer .wrap_footer02 .company li {
        width: 100px;
        height: 100px; }
        .top footer .wrap_footer02 .company li + li {
          margin-left: 20px; }
        .top footer .wrap_footer02 .company li a {
          overflow: hidden; }
          .top footer .wrap_footer02 .company li a img {
            transition: transform 0.3s; }
          .top footer .wrap_footer02 .company li a:hover img {
            transform: scale(1.1);
            transform-origin: center center; }
    .top footer .wrap_footer02 .textlink {
      display: flex;
      margin-top: 21px; }
      .top footer .wrap_footer02 .textlink li a {
        font-size: 13px; }
        .top footer .wrap_footer02 .textlink li a:hover {
          text-decoration: underline; }
      .top footer .wrap_footer02 .textlink li + li {
        margin-left: 13px; }
    .top footer .wrap_footer02 .copyright {
      font-size: 9px;
      margin-top: 5px; }
    .top footer .wrap_footer02 .sns_list {
      margin: 36px auto 0; }
      .top footer .wrap_footer02 .sns_list ul li a img {
        transition: opacity 0.3s; }
      .top footer .wrap_footer02 .sns_list ul li a.sns_twitter {
        width: 23px; }
      .top footer .wrap_footer02 .sns_list ul li a.sns_discord {
        width: 25px; }
      .top footer .wrap_footer02 .sns_list ul li a.sns_line {
        width: 23px; }
      .top footer .wrap_footer02 .sns_list ul li a.sns_symbol {
        width: 23px; }
      .top footer .wrap_footer02 .sns_list ul li a:hover img {
        opacity: 0.7; }
      .top footer .wrap_footer02 .sns_list ul li + li {
        margin-left: 23px; }

  .top footer .wrap_footer01 .btns_store {
    padding: 0 0 0 98px; }
    .top footer .wrap_footer01 .btns_store li {
      margin: 0; }
      .top footer .wrap_footer01 .btns_store li a.googleplay {
        height: 64px; }
      .top footer .wrap_footer01 .btns_store li a.appstore {
        height: 64px; }
      .top footer .wrap_footer01 .btns_store li a.browser {
        height: 64px; }
      .top footer .wrap_footer01 .btns_store li + li {
        margin-left: 7px; }
      .top footer .wrap_footer01 .btns_store li:nth-of-type(n+3) {
        margin-left: 14px; }

  @keyframes loopglitch {
    0% {
      transform: translate(0, 0); }
    12% {
      transform: translate(4px, 4px); }
    27% {
      transform: translate(0, 0); }
    62% {
      transform: translate(4px, 4px); }
    78% {
      transform: translate(0, 0); }
    85% {
      transform: translate(4px, 4px); }
    100% {
      transform: translate(0, 0); } }
  @keyframes loopglitch02 {
    0% {
      transform: translate(0, 0); }
    12% {
      transform: translate(-4px, -4px); }
    27% {
      transform: translate(0, 0); }
    62% {
      transform: translate(-4px, -4px); }
    78% {
      transform: translate(0, 0); }
    85% {
      transform: translate(-4px, -4px); }
    100% {
      transform: translate(0, 0); } }
  @keyframes loopglitch03 {
    0% {
      transform: translate(0, 0); }
    12% {
      transform: translate(2px, -2px); }
    27% {
      transform: translate(0, 0); }
    62% {
      transform: translate(-2px, 2px); }
    78% {
      transform: translate(0, 0); }
    85% {
      transform: translate(2px, -2px); }
    100% {
      transform: translate(0, 0); } }
  @keyframes loopglitch04 {
    0% {
      transform: translate(0, 0); }
    12% {
      transform: translate(-2px, 2px); }
    27% {
      transform: translate(0, 0); }
    62% {
      transform: translate(2px, -2px); }
    78% {
      transform: translate(0, 0); }
    85% {
      transform: translate(-2px, 2px); }
    100% {
      transform: translate(0, 0); } }
  .safari .btn_glitch-circle a {
    filter: none; }
    .safari .btn_glitch-circle a span {
      transition: color 0.3s !important; }
    .safari .btn_glitch-circle a:hover span {
      opacity: 1 !important;
      color: rgba(255, 255, 255, 0.7); }
  .safari .btn_glitch-circle a span {
    background: #000;
    width: 303px;
    height: 80px;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5.957vw; }
  .safari .btn_glitch-circle a i {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .safari .btn_glitch-circle a i + i {
      display: block; }
    .safari .btn_glitch-circle a i:before, .safari .btn_glitch-circle a i:after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0; }
    .safari .btn_glitch-circle a i:before {
      background: #0cfcff;
      left: 0;
      top: 0;
      border-radius: 5.957vw;
      animation: loopglitch 1s infinite linear 0.5s both; }
    .safari .btn_glitch-circle a i:after {
      background: #ff00d8;
      left: 0;
      top: 0;
      border-radius: 5.957vw;
      animation: loopglitch02 1s infinite linear 0.5s both; }
    .safari .btn_glitch-circle a i:nth-of-type(2):before {
      background: #0cfcff;
      left: 0;
      top: 0;
      border-radius: 5.957vw;
      animation: loopglitch03 0.8s infinite linear 0.5s both; }
    .safari .btn_glitch-circle a i:nth-of-type(2):after {
      background: #ff00d8;
      left: 0;
      top: 0;
      border-radius: 5.957vw;
      animation: loopglitch04 0.8s infinite linear 0.5s both; }
  .safari .btn_glitch-square a {
    filter: none; }
  .safari .btn_glitch-square a span {
    background: #000;
    width: 208px;
    height: 38px;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .safari .btn_glitch-square a i {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .safari .btn_glitch-square a i + i {
      display: block; }
    .safari .btn_glitch-square a i:before, .safari .btn_glitch-square a i:after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0; }
    .safari .btn_glitch-square a i:before {
      background: #0cfcff;
      left: 0;
      top: 0;
      animation: loopglitch 1s infinite linear 0.5s both; }
    .safari .btn_glitch-square a i:after {
      background: #ff00d8;
      left: 0;
      top: 0;
      animation: loopglitch02 1s infinite linear 0.5s both; }
    .safari .btn_glitch-square a i:nth-of-type(2):before {
      background: #0cfcff;
      left: 0;
      top: 0;
      animation: loopglitch03 0.8s infinite linear 0.5s both; }
    .safari .btn_glitch-square a i:nth-of-type(2):after {
      background: #ff00d8;
      left: 0;
      top: 0;
      animation: loopglitch04 0.8s infinite linear 0.5s both; }
  .safari .top .page_content #collaboration .links {
    margin-top: 63px;
    margin-left: 0; }
  .safari .top .page_content #collaboration .links .btn_glitch-circle {
    width: 243px;
    height: 64px;
    margin: 0; }
    .safari .top .page_content #collaboration .links .btn_glitch-circle + .btn_glitch-circle {
      margin-left: 43px; }
    .safari .top .page_content #collaboration .links .btn_glitch-circle a {
      height: 100%; }
    .safari .top .page_content #collaboration .links .btn_glitch-circle a span {
      width: 243px;
      height: 64px; }
    .safari .top .page_content #collaboration .links .btn_glitch-circle a i {
      width: 243px;
      position: absolute;
      z-index: 0;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      .safari .top .page_content #collaboration .links .btn_glitch-circle a i + i {
        display: block; }
      .safari .top .page_content #collaboration .links .btn_glitch-circle a i:before, .safari .top .page_content #collaboration .links .btn_glitch-circle a i:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0; }
      .safari .top .page_content #collaboration .links .btn_glitch-circle a i:before {
        background: #0cfcff;
        left: 0;
        top: 0;
        border-radius: 5.957vw;
        animation: loopglitch 1s infinite linear 0.5s both; }
      .safari .top .page_content #collaboration .links .btn_glitch-circle a i:after {
        background: #ff00d8;
        left: 0;
        top: 0;
        border-radius: 5.957vw;
        animation: loopglitch02 1s infinite linear 0.5s both; }
      .safari .top .page_content #collaboration .links .btn_glitch-circle a i:nth-of-type(2):before {
        background: #0cfcff;
        left: 0;
        top: 0;
        border-radius: 5.957vw;
        animation: loopglitch03 0.8s infinite linear 0.5s both; }
      .safari .top .page_content #collaboration .links .btn_glitch-circle a i:nth-of-type(2):after {
        background: #ff00d8;
        left: 0;
        top: 0;
        border-radius: 5.957vw;
        animation: loopglitch04 0.8s infinite linear 0.5s both; } }
/*pc - animation*/
@media screen and (min-width: 1024px) {
  /* -- 1st view -- */
  .top .mv_wrap .bg {
    opacity: 0;
    transition: transform 2s 0s ,opacity 0.2s;
    transform: scale(1.2);
    transform-origin: center top; }

  .top .mv h1, .top .mv .btn_glitch-circle, .top .mv .btns_store, .top .mv .btn_glitch-square {
    opacity: 0; }
  .top .mv h1 {
    transition: 2s 2.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(0.9);
    transform-origin: center center; }
  .top .mv .btn_glitch-circle, .top .mv .btns_store, .top .mv .btn_glitch-square {
    transition: opacity 1s 3.3s; }

  .nav_sitenav .btns_language, .nav_sitenav .btn_menu.open, .nav_sitenav .sns_list, .nav_sitenav .nav_sitenav_wrap {
    opacity: 0;
    transition: opacity 2s 1.7s cubic-bezier(0.165, 0.84, 0.44, 1); }

  .loaderfinished .top .mv_wrap .bg {
    opacity: 1;
    transform: scale(1); }
  .loaderfinished .top .mv .bg, .loaderfinished .top .mv h1, .loaderfinished .top .mv .btn_glitch-circle, .loaderfinished .top .mv .btns_store, .loaderfinished .top .mv .btn_glitch-square {
    opacity: 1;
    transform: scale(1); }
  .loaderfinished .nav_sitenav .btns_language, .loaderfinished .nav_sitenav .btn_menu.open, .loaderfinished .nav_sitenav .sns_list, .loaderfinished .nav_sitenav .nav_sitenav_wrap {
    opacity: 1; }

  /* -- 1st view -- */
  /* -- lead -- */
  .lead {
    opacity: 0;
    transition: opacity 2s 0s; }
    .lead .visual .image_characters img, .lead .visual .image_bg img {
      opacity: 0; }
    .lead .visual .image_bg img {
      transition: opacity 1s 1s; }
    .lead .visual .image_characters img {
      transform: scale(1.2);
      transform-origin: center bottom;
      transition: 1.5s 1.5s cubic-bezier(0.55, 0.06, 0.68, 0.19); }
    .lead.animated {
      opacity: 1; }
      .lead.animated .visual .image_bg img {
        opacity: 1; }
      .lead.animated .visual .image_characters img {
        opacity: 1;
        transform: scale(1); }

  /* -- lead -- */
  #movie .wrap_movie {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(50px); }
  #movie.animated .wrap_movie {
    opacity: 1;
    transform: translateY(0); }

  #sec01 .wrap_about {
    opacity: 0;
    transition: opacity 1.5s 0s; }
    #sec01 .wrap_about .wrap_character .box_text .detail {
      transition: 2.5s 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
      opacity: 0;
      transform: translateY(50px); }
    #sec01 .wrap_about .wrap_character .box_text .catch {
      transition: 2.5s 2.5s cubic-bezier(0.165, 0.84, 0.44, 1);
      opacity: 0;
      transform: translateY(50px); }
  #sec01.animated .wrap_about {
    opacity: 1; }
    #sec01.animated .wrap_about .wrap_character .box_text .detail, #sec01.animated .wrap_about .wrap_character .box_text .catch {
      opacity: 1;
      transform: translateY(0); }

  #sec02 h2, #sec02 .swiper.game-system {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(50px); }
  #sec02 .swiper.game-system {
    transition: 3.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
  #sec02.animated h2, #sec02.animated .swiper.game-system {
    opacity: 1;
    transform: translateY(0); }

  #sec03 h2 {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(50px); }
  #sec03 .box_master {
    opacity: 0;
    transition: 2s 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(50px); }
    #sec03 .box_master .swiper_master_wrap {
      opacity: 0;
      transform: translateX(50px);
      transition: 3.5s 1.4s cubic-bezier(0.19, 1, 0.22, 1); }
    #sec03 .box_master .text {
      opacity: 0;
      transform: translateX(50px);
      transition: 3.5s 1.9s cubic-bezier(0.19, 1, 0.22, 1); }
    #sec03 .box_master .thumbs_master {
      opacity: 0;
      transform: translateY(15px);
      transition: 3.5s 2.4s cubic-bezier(0.19, 1, 0.22, 1); }
  #sec03.animated h2 {
    opacity: 1;
    transform: translateY(0); }
  #sec03.animated .box_master {
    opacity: 1;
    transform: translateY(0); }
    #sec03.animated .box_master .text, #sec03.animated .box_master .swiper_master_wrap, #sec03.animated .box_master .thumbs_master {
      opacity: 1;
      transform: translateY(0); }
  #sec03 .box_elf {
    opacity: 0;
    transition: 2s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateY(50px); }
    #sec03 .box_elf ul.flow {
      opacity: 0;
      transform: translateY(0);
      transition: 2.5s 1s cubic-bezier(0.19, 1, 0.22, 1); }
    #sec03 .box_elf.animated {
      opacity: 1;
      transform: translateY(0); }
      #sec03 .box_elf.animated ul.flow {
        opacity: 1;
        transform: translateY(0); }
  #sec03 .box_master-kinds {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateY(50px); }
    #sec03 .box_master-kinds.animated {
      opacity: 1;
      transform: translateY(0); }

  #sale-results h2, #sale-results .wrap_sale-results:before, #sale-results .swiper-sale-results, #sale-results .swiper-pagination-results {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(50px); }
  #sale-results .swiper-sale-results, #sale-results .swiper-pagination-results {
    transition-delay: 0.5s; }
  #sale-results.animated h2, #sale-results.animated .wrap_sale-results:before, #sale-results.animated .swiper-sale-results, #sale-results.animated .swiper-pagination-results {
    opacity: 1;
    transform: translateY(0); }

  #collaboration {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(50px); }
    #collaboration.animated {
      opacity: 1;
      transform: translateY(0); }

  #project-member h2, #project-member .box_project-teams, #project-member .box_partnership {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(50px); }
  #project-member .box_project-teams, #project-member .box_partnership {
    transition-delay: 0.5s; }
  #project-member.animated h2, #project-member.animated .box_project-teams, #project-member.animated .box_partnership {
    opacity: 1;
    transform: translateY(0); }

  #sec04 {
    opacity: 0;
    transition: 3.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateY(50px); }
    #sec04.animated {
      opacity: 1;
      transform: translateY(0); }

  footer {
    opacity: 0;
    transition: opacity 2.5s 0s; }

  .footer_visual {
    opacity: 0;
    transform: translateX(50px);
    transition: 2.5s 1s cubic-bezier(0.19, 1, 0.22, 1); }

  .footer_anim_active .footer_visual, .footer_anim_active footer {
    opacity: 1;
    transform: translateX(0); } }
/*------------------------------------------------------ pc 1920px~ ------------------------------------------------------*/
@media screen and (min-width: 1920px) {
  .top .page_content #sec03 .wrap_sec03 .box_master-kinds .pc_content_wrap {
    width: 100%;
    height: auto; }
    .top .page_content #sec03 .wrap_sec03 .box_master-kinds .pc_content_wrap img {
      width: 100%;
      position: relative;
      left: auto;
      transform: translateX(0); } }