@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0); }
  100% {
    -webkit-transform: rotateY(365deg);
            transform: rotateY(365deg); } }

@keyframes loading {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0); }
  100% {
    -webkit-transform: rotateY(365deg);
            transform: rotateY(365deg); } }

@-webkit-keyframes loadingBgFade {
  0% {
    opacity: 1;
    background-color: #000000; }
  30% {
    opacity: 1;
    background-color: #ffffff; }
  100% {
    opacity: 0;
    background-color: transparent; } }

@keyframes loadingBgFade {
  0% {
    opacity: 1;
    background-color: #000000; }
  30% {
    opacity: 1;
    background-color: #ffffff; }
  100% {
    opacity: 0;
    background-color: transparent; } }

@-webkit-keyframes introBgPCAnimation {
  0% {
    opacity: 0;
    width: 70.71429vw;
    max-width: 990px; }
  100% {
    opacity: 1;
    width: 58.92857vw;
    max-width: 825px; } }

@keyframes introBgPCAnimation {
  0% {
    opacity: 0;
    width: 70.71429vw;
    max-width: 990px; }
  100% {
    opacity: 1;
    width: 58.92857vw;
    max-width: 825px; } }

@-webkit-keyframes introBgSPAnimation {
  0% {
    opacity: 0;
    width: 105.6vw;
    max-width: 792px; }
  100% {
    opacity: 1;
    width: 88vw;
    max-width: 660px; } }

@keyframes introBgSPAnimation {
  0% {
    opacity: 0;
    width: 105.6vw;
    max-width: 792px; }
  100% {
    opacity: 1;
    width: 88vw;
    max-width: 660px; } }

@-webkit-keyframes introTextAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes introTextAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes scrollBarAnimation {
  0% {
    height: 0;
    opacity: 0;
    top: -15px; }
  50% {
    height: 45px;
    opacity: 1; }
  100% {
    height: 45px;
    opacity: 0;
    top: 5px; } }

@keyframes scrollBarAnimation {
  0% {
    height: 0;
    opacity: 0;
    top: -15px; }
  50% {
    height: 45px;
    opacity: 1; }
  100% {
    height: 45px;
    opacity: 0;
    top: 5px; } }

@-webkit-keyframes fadeIn01 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn01 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn02 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeIn02 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadeOut01 {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut01 {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

#p-top {
  background-image: none; }
  @media (min-width: 320px) {
    #p-top #l-header {
      display: none; } }
  #p-top__main {
    padding: 0; }
    #p-top__main__inner {
      width: 100%;
      max-width: none;
      padding: 0; }
    #p-top__main__kv {
      height: 100vh;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media (min-width: 320px) {
        #p-top__main__kv {
          min-height: 950px; } }
      @media (max-width: 767px) {
        #p-top__main__kv {
          min-height: inherit;
          height: inherit;
          padding-top: 36.53333vw;
          padding-bottom: 150px; } }
      #p-top__main__kv::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url("../images/common/top/bg_kv_movie.png");
        background-size: 80px 80px;
        background-position: center;
        background-repeat: repeat;
        z-index: 2; }
      #p-top__main__kv::after {
        content: '';
        background: url("../images/common/top/bg_cover.png");
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 1; }
        @media (min-width: 320px) {
          #p-top__main__kv::after {
            width: 90vw;
            max-width: 1260px;
            height: 51.42857vw;
            max-height: 720px;
            -webkit-transform: translate(0, -13.92857vw);
                    transform: translate(0, -13.92857vw); } }
        @media (min-width: 1400px) {
          #p-top__main__kv::after {
            -webkit-transform: translate(0, -195px);
                    transform: translate(0, -195px); } }
      #p-top__main__kv #kv__movie {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: cover; }
      #p-top__main__kv #kv__contents {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        position: relative;
        z-index: 1000; }
        #p-top__main__kv #kv__contents > * {
          -webkit-box-flex: 0;
              -ms-flex: none;
                  flex: none; }
        #p-top__main__kv #kv__contents__lead, #p-top__main__kv #kv__contents__order, #p-top__main__kv #kv__contents__trial {
          opacity: 0; }
          #p-top__main__kv #kv__contents__lead.is-show, #p-top__main__kv #kv__contents__order.is-show, #p-top__main__kv #kv__contents__trial.is-show {
            opacity: 1;
            -webkit-transition: opacity 0.75s cubic-bezier(0.19, 1, 0.22, 1);
            transition: opacity 0.75s cubic-bezier(0.19, 1, 0.22, 1); }
        @media (min-width: 320px) {
          #p-top__main__kv #kv__contents__logo {
            position: relative;
            right: 0.32143vw;
            width: 55.35714vw;
            max-width: 775px;
            margin: 0 auto 20px; } }
        @media (min-width: 1400px) {
          #p-top__main__kv #kv__contents__logo {
            right: 4.5px; } }
        @media (min-width: 320px) {
          #p-top__main__kv #kv__contents__lead {
            margin-bottom: 6px;
            width: 47.78571vw;
            max-width: 669px; } }
        @media (min-width: 320px) {
          #p-top__main__kv #kv__contents__order {
            width: 27.28571vw;
            max-width: 382px; } }
        @media (min-width: 320px) {
          #p-top__main__kv #kv__contents__trial {
            position: relative;
            top: -1.28571vw;
            width: 27.28571vw;
            max-width: 382px; } }
        @media (min-width: 1400px) {
          #p-top__main__kv #kv__contents__trial {
            top: -16px; } }
      #p-top__main__kv #kv__pv {
        position: absolute;
        z-index: 10;
        opacity: 0; }
        #p-top__main__kv #kv__pv.is-show {
          opacity: 1;
          -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
          transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
        @media (min-width: 320px) {
          #p-top__main__kv #kv__pv {
            bottom: 85px;
            right: 18px;
            width: 20vw;
            max-width: 280px; } }
        #p-top__main__kv #kv__pv img {
          pointer-events: none; }
        #p-top__main__kv #kv__pv .pv {
          border: 2px solid #ffffff;
          box-shadow: 0 0 7px 4px rgba(121, 220, 255, 0.5);
          position: relative; }
          @media (min-width: 320px) {
            #p-top__main__kv #kv__pv .pv {
              cursor: pointer; }
              #p-top__main__kv #kv__pv .pv:hover::before {
                opacity: 1; } }
          #p-top__main__kv #kv__pv .pv::before, #p-top__main__kv #kv__pv .pv::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto; }
          #p-top__main__kv #kv__pv .pv::before {
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.5);
            opacity: 0;
            -webkit-transition: all .15s linear;
            transition: all .15s linear; }
          #p-top__main__kv #kv__pv .pv::after {
            background: url("../images/common/movie/icon_play.png");
            background-size: 100% auto;
            background-repeat: no-repeat;
            background-position: center; }
            @media (min-width: 320px) {
              #p-top__main__kv #kv__pv .pv::after {
                width: 5.92857vw;
                max-width: 83px;
                height: 5.92857vw;
                max-height: 83px; } }
          @media (min-width: 320px) {
            #p-top__main__kv #kv__pv .pv + .pv {
              margin-top: 12px; } }
          @media (max-width: 767px) {
            #p-top__main__kv #kv__pv .pv + .pv {
              margin-top: 0; } }
      #p-top__main__kv #kv__scroll {
        position: absolute;
        z-index: 10;
        opacity: 0; }
        #p-top__main__kv #kv__scroll.is-show {
          opacity: 1;
          -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
          transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
        @media (min-width: 320px) {
          #p-top__main__kv #kv__scroll {
            right: 20px;
            bottom: -22.5px;
            height: 132px; } }
        #p-top__main__kv #kv__scroll img {
          vertical-align: top; }
        #p-top__main__kv #kv__scroll__bar {
          display: block;
          width: 1.5px;
          background: #ffffff;
          margin: 18px auto 0;
          overflow: hidden;
          height: 0;
          position: relative;
          -webkit-animation: scrollBarAnimation 1.5s ease-in-out;
                  animation: scrollBarAnimation 1.5s ease-in-out;
          -webkit-animation-delay: .2s;
                  animation-delay: .2s;
          -webkit-animation-iteration-count: infinite;
                  animation-iteration-count: infinite; }
      #p-top__main__kv #kv__bnr {
        position: absolute;
        z-index: 10;
        opacity: 0; }
        #p-top__main__kv #kv__bnr.is-show {
          opacity: 1;
          -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
          transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
        @media (min-width: 320px) {
          #p-top__main__kv #kv__bnr {
            bottom: 16px;
            left: 16px; } }
        @media (min-width: 320px) {
          #p-top__main__kv #kv__bnr__list .item {
            width: 22.85714vw;
            max-width: 320px; }
            #p-top__main__kv #kv__bnr__list .item:not(:first-child) {
              margin: 5px 0 0; } }
        #p-top__main__kv #kv__bnr__list a {
          display: inline-block;
          vertical-align: bottom; }
      #p-top__main__kv #kv__news {
        position: absolute;
        right: 0;
        bottom: 0;
        opacity: 0;
        z-index: 10;
        background: #ffffff; }
        #p-top__main__kv #kv__news.is-show {
          opacity: 1;
          -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
          transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
        #p-top__main__kv #kv__news__list {
          position: relative; }
          @media (min-width: 320px) {
            #p-top__main__kv #kv__news__list {
              padding: 1vw 2vw 1vw 2.14286vw;
              min-width: 500px; } }
          @media (min-width: 1400px) {
            #p-top__main__kv #kv__news__list {
              padding: 14px 28px 14px 30px; } }
          #p-top__main__kv #kv__news__list::before {
            content: '';
            background: #ffffff;
            position: absolute;
            left: 0;
            top: 0;
            -webkit-transform: rotate(30deg);
                    transform: rotate(30deg);
            -webkit-transform-origin: top left;
                    transform-origin: top left;
            z-index: 0; }
            @media (min-width: 320px) {
              #p-top__main__kv #kv__news__list::before {
                width: 7.14286vw;
                max-width: 100px;
                height: 7.14286vw;
                max-height: 100px; } }
          #p-top__main__kv #kv__news__list::after {
            content: '';
            position: absolute;
            top: 0; }
            @media (min-width: 320px) {
              #p-top__main__kv #kv__news__list::after {
                width: 5.71429vw;
                max-width: 80px;
                height: 100%;
                left: -3.21429vw;
                background: url("../images/pc/top/img_title_news.png");
                background-position: top center;
                background-repeat: no-repeat;
                background-size: auto 100%; } }
            @media (min-width: 1400px) {
              #p-top__main__kv #kv__news__list::after {
                left: -45px; } }
          #p-top__main__kv #kv__news__list .news {
            position: relative;
            z-index: 10; }
            @media (min-width: 320px) {
              #p-top__main__kv #kv__news__list .news {
                line-height: 1; } }
            #p-top__main__kv #kv__news__list .news::after {
              content: '';
              position: absolute;
              top: 0;
              bottom: 0;
              margin: auto;
              background: url("../images/common/top/icon_news_link.png");
              background-position: center;
              background-repeat: no-repeat;
              background-size: 100% auto; }
              @media (min-width: 320px) {
                #p-top__main__kv #kv__news__list .news::after {
                  width: 0.71429vw;
                  max-width: 10px;
                  height: 0.71429vw;
                  max-height: 10px;
                  right: -1.28571vw; } }
              @media (min-width: 1400px) {
                #p-top__main__kv #kv__news__list .news::after {
                  right: -18px; } }
            @media (min-width: 320px) {
              #p-top__main__kv #kv__news__list .news:last-child {
                margin-top: 0.85714vw; } }
            @media (min-width: 1400px) {
              #p-top__main__kv #kv__news__list .news:last-child {
                margin-top: 12px; } }
            @media (min-width: 320px) {
              #p-top__main__kv #kv__news__list .news a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                    -ms-flex-pack: start;
                        justify-content: flex-start;
                text-decoration: none; }
                #p-top__main__kv #kv__news__list .news a:hover {
                  -webkit-transition: none;
                  transition: none;
                  opacity: 1; }
                  #p-top__main__kv #kv__news__list .news a:hover .news__text {
                    opacity: .5;
                    text-decoration: underline; } }
            #p-top__main__kv #kv__news__list .news__date {
              color: #767e85; }
              @media (min-width: 320px) {
                #p-top__main__kv #kv__news__list .news__date {
                  font-size: 0.71429vw; } }
              @media (min-width: 1400px) {
                #p-top__main__kv #kv__news__list .news__date {
                  font-size: 10px; } }
            #p-top__main__kv #kv__news__list .news__text {
              color: #000000; }
              @media (min-width: 320px) {
                #p-top__main__kv #kv__news__list .news__text {
                  font-size: 0.85714vw;
                  margin-left: 1vw; } }
              @media (min-width: 1400px) {
                #p-top__main__kv #kv__news__list .news__text {
                  font-size: 12px;
                  margin-left: 14px; } }
      #p-top__main__kv #kv__icons {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        z-index: 10; }
        #p-top__main__kv #kv__icons.is-show {
          opacity: 1;
          -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
          transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
        #p-top__main__kv #kv__icons__list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
        @media (min-width: 320px) {
          #p-top__main__kv #kv__icons #switch {
            width: 7.14286vw;
            max-width: 100px;
            margin-left: 10px; } }
        @media (min-width: 320px) {
          #p-top__main__kv #kv__icons #platinum {
            width: 13.71429vw;
            max-width: 192px; } }
    #p-top__main__contents {
      background: url("../images/common/top/bg_top.png");
      background-size: auto;
      background-position: top center;
      background-repeat: no-repeat; }
      #p-top__main__contents #contents__system .system {
        position: relative; }
        #p-top__main__contents #contents__system .system__slider {
          position: absolute;
          pointer-events: none; }
        #p-top__main__contents #contents__system .system__ss {
          position: absolute;
          z-index: 10; }
          #p-top__main__contents #contents__system .system__ss__inner {
            position: relative;
            width: 100%;
            height: 100%; }
          #p-top__main__contents #contents__system .system__ss .ss {
            display: block; }
        #p-top__main__contents #contents__system .system__text {
          position: relative;
          z-index: 20; }
      #p-top__main__contents #contents__system #system01::after {
        content: '';
        position: absolute;
        display: block;
        background: url("../images/common/top/bg_system_slash.png");
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
        z-index: -30; }
      #p-top__main__contents #contents__system #system01 .system__slider .hexagon__bg span:nth-child(1) {
        background: url("../images/common/top/bg_system01_slide01.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system01 .system__slider .hexagon__bg span:nth-child(2) {
        background: url("../images/common/top/bg_system01_slide02.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system01 .system__slider .hexagon__bg span:nth-child(3) {
        background: url("../images/common/top/bg_system01_slide03.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system01 .system__slider .hexagon__bg span:nth-child(4) {
        background: url("../images/common/top/bg_system01_slide04.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system01 .system__slider .hexagon__bg span:nth-child(5) {
        background: url("../images/common/top/bg_system01_slide05.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system02 .system__slider .hexagon__bg span:nth-child(1) {
        background: url("../images/common/top/bg_system02_slide01.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system02 .system__slider .hexagon__bg span:nth-child(2) {
        background: url("../images/common/top/bg_system02_slide02.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system02 .system__slider .hexagon__bg span:nth-child(3) {
        background: url("../images/common/top/bg_system02_slide03.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system02 .system__slider .hexagon__bg span:nth-child(4) {
        background: url("../images/common/top/bg_system02_slide04.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system02 .system__slider .hexagon__bg span:nth-child(5) {
        background: url("../images/common/top/bg_system02_slide05.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system02 .system__slider .hexagon__bg span:nth-child(6) {
        background: url("../images/common/top/bg_system02_slide06.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system02 .system__slider .hexagon__bg span:nth-child(7) {
        background: url("../images/common/top/bg_system02_slide07.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system05 .system__slider .hexagon__bg span:nth-child(1) {
        background: url("../images/common/top/bg_system05_slide01.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system05 .system__slider .hexagon__bg span:nth-child(2) {
        background: url("../images/common/top/bg_system05_slide02.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system05 .system__slider .hexagon__bg span:nth-child(3) {
        background: url("../images/common/top/bg_system05_slide03.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system05 .system__slider .hexagon__bg span:nth-child(4) {
        background: url("../images/common/top/bg_system05_slide04.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system05 .system__slider .hexagon__bg span:nth-child(5) {
        background: url("../images/common/top/bg_system05_slide05.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system07 .system__slider .hexagon__bg span:nth-child(1) {
        background: url("../images/common/top/bg_system07_slide01.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system07 .system__slider .hexagon__bg span:nth-child(2) {
        background: url("../images/common/top/bg_system07_slide02.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system07 .system__slider .hexagon__bg span:nth-child(3) {
        background: url("../images/common/top/bg_system07_slide03.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system07 .system__slider .hexagon__bg span:nth-child(4) {
        background: url("../images/common/top/bg_system07_slide04.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system07 .system__slider .hexagon__bg span:nth-child(5) {
        background: url("../images/common/top/bg_system07_slide05.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system07 .system__slider .hexagon__bg span:nth-child(6) {
        background: url("../images/common/top/bg_system07_slide06.jpg");
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      #p-top__main__contents #contents__system #system02::after,
      #p-top__main__contents #contents__system #system04::after,
      #p-top__main__contents #contents__system #system06::after {
        content: '';
        position: absolute;
        display: block;
        background: url("../images/common/top/bg_system_hexagon.png");
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
        z-index: -30; }
      #p-top__main__contents #contents__system #system01 .system__slider,
      #p-top__main__contents #contents__system #system02 .system__slider,
      #p-top__main__contents #contents__system #system05 .system__slider,
      #p-top__main__contents #contents__system #system07 .system__slider {
        z-index: -20; }
        #p-top__main__contents #contents__system #system01 .system__slider .hexagon__bg span,
        #p-top__main__contents #contents__system #system02 .system__slider .hexagon__bg span,
        #p-top__main__contents #contents__system #system05 .system__slider .hexagon__bg span,
        #p-top__main__contents #contents__system #system07 .system__slider .hexagon__bg span {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;
          -webkit-transition: opacity .75s linear;
          transition: opacity .75s linear; }
          #p-top__main__contents #contents__system #system01 .system__slider .hexagon__bg span.is-active,
          #p-top__main__contents #contents__system #system02 .system__slider .hexagon__bg span.is-active,
          #p-top__main__contents #contents__system #system05 .system__slider .hexagon__bg span.is-active,
          #p-top__main__contents #contents__system #system07 .system__slider .hexagon__bg span.is-active {
            -webkit-transition: opacity .75s linear;
            transition: opacity .75s linear;
            opacity: 1; }
    #p-top__main__nfc {
      background: url("../images/common/top/bg_nfc.png");
      background-size: auto 100%;
      background-position: center;
      background-repeat: repeat;
      position: relative; }
      #p-top__main__nfc__inner {
        margin: 0 auto; }
      #p-top__main__nfc__contents > * {
        margin: 0 auto; }
      #p-top__main__nfc__contents #contents__title {
        position: absolute; }
      #p-top__main__nfc__contents #contents__img {
        display: block; }
      #p-top__main__nfc__contents #contents__note {
        border: 2px solid #79dcff;
        background: url("../images/common/top/bg_nfc-note.png");
        background-size: 100% auto;
        background-repeat: repeat;
        background-position: center; }
        #p-top__main__nfc__contents #contents__note__title {
          color: #79dcff;
          font-weight: 600;
          text-align: center; }
        #p-top__main__nfc__contents #contents__note__list li {
          color: #ffffff; }
    #p-top__main__product {
      background: #ebf1f5; }
      #p-top__main__product__inner {
        margin: 0 auto; }
        @media (min-width: 320px) {
          #p-top__main__product__inner {
            width: 100%;
            max-width: 1100px;
            padding: 50px 0 54px; } }
        @media (max-width: 1024px) {
          #p-top__main__product__inner {
            padding: 3.57143vw 4.42857vw; } }
        @media (max-width: 767px) {
          #p-top__main__product__inner {
            padding: 6.13333vw 4.26667vw 10.66667vw; } }
      @media (min-width: 320px) {
        #p-top__main__product__contents > * {
          opacity: 0; }
          #p-top__main__product__contents > *.is-move--top {
            position: relative;
            top: 50px;
            opacity: 1;
            -webkit-transform: translateY(-50px);
                    transform: translateY(-50px);
            -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
    @media (min-width: 320px) and (max-width: 767px) {
      #p-top__main__product__contents > *.is-move--top {
        -webkit-transform: translateY(-20px);
                transform: translateY(-20px); } }
      @media (max-width: 767px) {
        #p-top__main__product__contents > * {
          opacity: 0; }
          #p-top__main__product__contents > *.is-move--top {
            position: relative;
            top: 20px;
            opacity: 1;
            -webkit-transform: translateY(-50px);
                    transform: translateY(-50px);
            -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
    @media (max-width: 767px) and (max-width: 767px) {
      #p-top__main__product__contents > *.is-move--top {
        -webkit-transform: translateY(-20px);
                transform: translateY(-20px); } }
      @media (min-width: 320px) {
        #p-top__main__product__contents #contents__wrap {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      @media (max-width: 767px) {
        #p-top__main__product__contents #contents__wrap {
          display: block;
          width: auto; } }
      @media (min-width: 320px) {
        #p-top__main__product__contents #contents__img {
          width: 33.28571vw;
          max-width: 466px;
          margin-right: 34px; } }
      @media (max-width: 767px) {
        #p-top__main__product__contents #contents__img {
          width: 90.13333vw;
          max-width: none;
          text-align: right;
          margin: auto; } }
      @media (min-width: 320px) {
        #p-top__main__product__contents #contents__details {
          width: 540px; } }
      @media (max-width: 767px) {
        #p-top__main__product__contents #contents__details {
          width: 100%; } }
      #p-top__main__product__contents #contents__details .details__table {
        width: 100%; }
        @media (min-width: 320px) {
          #p-top__main__product__contents #contents__details .details__table {
            margin-bottom: 6px; } }
        @media (max-width: 767px) {
          #p-top__main__product__contents #contents__details .details__table {
            margin-bottom: 1.33333vw; } }
        #p-top__main__product__contents #contents__details .details__table .color-LE {
          color: #8d7500; }
        #p-top__main__product__contents #contents__details .details__table__line {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 100%; }
          #p-top__main__product__contents #contents__details .details__table__line:nth-of-type(n+2)::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: rgba(3, 12, 21, 0.1); }
          #p-top__main__product__contents #contents__details .details__table__line:last-of-type::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: rgba(3, 12, 21, 0.1); }
          #p-top__main__product__contents #contents__details .details__table__line th,
          #p-top__main__product__contents #contents__details .details__table__line td {
            display: block; }
            @media (min-width: 320px) {
              #p-top__main__product__contents #contents__details .details__table__line th,
              #p-top__main__product__contents #contents__details .details__table__line td {
                font-size: 16px;
                font-weight: bold; } }
          #p-top__main__product__contents #contents__details .details__table__line th.label {
            box-sizing: content-box;
            position: relative;
            color: #0059b4;
            text-align: left; }
            @media (min-width: 320px) {
              #p-top__main__product__contents #contents__details .details__table__line th.label {
                line-height: 1.2;
                padding: 15px 0 15px 25px;
                font-size: 12px;
                width: 86px; } }
            @media (max-width: 767px) {
              #p-top__main__product__contents #contents__details .details__table__line th.label {
                position: absolute;
                top: 0.53333vw;
                left: 0;
                padding: 0 0 0 4.53333vw;
                font-size: 2.4vw;
                width: 33vw; } }
            #p-top__main__product__contents #contents__details .details__table__line th.label::before {
              content: '';
              position: absolute;
              top: 0;
              bottom: 0;
              margin: auto;
              background-color: #d8e0e6;
              -webkit-transform: skew(-30deg, 0);
                      transform: skew(-30deg, 0); }
              @media (min-width: 320px) {
                #p-top__main__product__contents #contents__details .details__table__line th.label::before {
                  left: 4px;
                  width: 12px;
                  height: 5px; } }
              @media (max-width: 767px) {
                #p-top__main__product__contents #contents__details .details__table__line th.label::before {
                  top: 1.06667vw;
                  left: 0.66667vw;
                  bottom: inherit;
                  width: 2.66667vw;
                  height: 1.33333vw; } }
          #p-top__main__product__contents #contents__details .details__table__line th.productName {
            line-height: 1.1; }
            @media (min-width: 320px) {
              #p-top__main__product__contents #contents__details .details__table__line th.productName {
                font-size: 13px; } }
            @media (max-width: 767px) {
              #p-top__main__product__contents #contents__details .details__table__line th.productName {
                font-size: 2.93333vw;
                width: 50%; } }
            #p-top__main__product__contents #contents__details .details__table__line th.productName > span {
              line-height: 1.4; }
              @media (min-width: 320px) {
                #p-top__main__product__contents #contents__details .details__table__line th.productName > span {
                  font-size: 18px; } }
              @media (max-width: 767px) {
                #p-top__main__product__contents #contents__details .details__table__line th.productName > span {
                  font-size: 3.73333vw; } }
            @media (min-width: 320px) {
              #p-top__main__product__contents #contents__details .details__table__line th.productName--NORMAL {
                margin-left: auto;
                padding-right: 30px; } }
            @media (max-width: 767px) {
              #p-top__main__product__contents #contents__details .details__table__line th.productName--NORMAL {
                padding: 0 0 0.8vw 0; } }
            #p-top__main__product__contents #contents__details .details__table__line th.productName--LEGEND {
              position: relative; }
              @media (min-width: 320px) {
                #p-top__main__product__contents #contents__details .details__table__line th.productName--LEGEND {
                  padding: 0 8px 0 16px; } }
              @media (max-width: 767px) {
                #p-top__main__product__contents #contents__details .details__table__line th.productName--LEGEND {
                  padding: 0 0 0.8vw 0; } }
              #p-top__main__product__contents #contents__details .details__table__line th.productName--LEGEND::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 1px;
                height: 100%;
                background-color: rgba(3, 12, 21, 0.1); }
              #p-top__main__product__contents #contents__details .details__table__line th.productName--LEGEND > span {
                letter-spacing: -.1em; }
                @media (max-width: 767px) {
                  #p-top__main__product__contents #contents__details .details__table__line th.productName--LEGEND > span {
                    font-size: 3.46667vw;
                    line-height: 1.6; } }
          #p-top__main__product__contents #contents__details .details__table__line td {
            position: relative;
            -ms-flex-item-align: stretch;
                align-self: stretch;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            @media (min-width: 320px) {
              #p-top__main__product__contents #contents__details .details__table__line td {
                width: calc((540px - 111px) / 2); } }
            @media (max-width: 767px) {
              #p-top__main__product__contents #contents__details .details__table__line td {
                padding: 5.06667vw 0 2.93333vw;
                width: 50%;
                font-size: 3.33333vw; } }
            #p-top__main__product__contents #contents__details .details__table__line td[colspan="2"] {
              width: 100%; }
            @media (min-width: 320px) {
              #p-top__main__product__contents #contents__details .details__table__line td:first-of-type {
                margin-left: auto; } }
            @media (min-width: 320px) {
              #p-top__main__product__contents #contents__details .details__table__line td:nth-of-type(n+2) {
                width: 232.82px; } }
            @media (max-width: 767px) {
              #p-top__main__product__contents #contents__details .details__table__line td:nth-of-type(n+2) {
                width: 50%; } }
            #p-top__main__product__contents #contents__details .details__table__line td:nth-of-type(n+2)::before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              width: 1px;
              height: 100%;
              background-color: rgba(3, 12, 21, 0.1); }
          @media (max-width: 767px) {
            #p-top__main__product__contents #contents__details .details__table__line--label2row td {
              padding-top: 9.6vw; } }
      #p-top__main__product__contents #contents__details .details__note {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: auto;
        color: #767e85; }
        @media (min-width: 320px) {
          #p-top__main__product__contents #contents__details .details__note {
            margin-left: 130px;
            font-size: 12px; } }
        @media (max-width: 767px) {
          #p-top__main__product__contents #contents__details .details__note {
            margin-left: 0;
            font-size: 3.2vw; } }
      @media (min-width: 320px) {
        #p-top__main__product__contents #contents__details__icon {
          margin-top: 21px; } }
      @media (max-width: 767px) {
        #p-top__main__product__contents #contents__details__icon {
          margin-top: 3.2vw; } }
      @media (min-width: 320px) {
        #p-top__main__product__contents #contents__details__icon__inner {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      @media (min-width: 320px) {
        #p-top__main__product__contents #contents__details__icon .icon {
          width: 463px; } }
      @media (max-width: 1024px) {
        #p-top__main__product__contents #contents__details__icon .icon {
          width: 33.07143vw; } }
      @media (max-width: 767px) {
        #p-top__main__product__contents #contents__details__icon .icon {
          width: 82.13333vw;
          margin: auto; } }
      @media (min-width: 320px) {
        #p-top__main__product__contents #contents__btn {
          margin-top: 19px; } }
      @media (max-width: 767px) {
        #p-top__main__product__contents #contents__btn {
          margin-top: 3.46667vw; } }
      #p-top__main__product__contents #contents__btn a {
        display: block;
        margin: auto; }
        @media (min-width: 320px) {
          #p-top__main__product__contents #contents__btn a {
            width: 510px; } }
        @media (max-width: 767px) {
          #p-top__main__product__contents #contents__btn a {
            width: 68vw; } }
    #p-top__main__info .info__item {
      position: relative;
      border-top: 2px solid #94daff;
      background: #586c82; }
      #p-top__main__info .info__item .title {
        font-weight: 600;
        color: #94daff;
        background: #45576a;
        font-family: 'Roboto', sans-serif;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative;
        overflow: hidden; }
        #p-top__main__info .info__item .title span {
          font-weight: 500;
          color: #ffffff;
          position: relative;
          z-index: 1;
          margin-left: auto; }
        #p-top__main__info .info__item .title::after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          height: 100%;
          background: #334252;
          -webkit-transform: skew(-45deg);
                  transform: skew(-45deg); }
        #p-top__main__info .info__item .title.no_bg::after {
          content: none; }
      #p-top__main__info .info__item::before {
        content: '';
        width: 100%;
        position: absolute;
        left: 0;
        z-index: 0; }
    #p-top__main__info #info__spec dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      #p-top__main__info #info__spec dl dt {
        width: 35.9%;
        color: #94daff;
        font-weight: 600;
        font-family: 'Roboto', sans-serif; }
      #p-top__main__info #info__spec dl dd {
        width: 64.1%;
        color: #ffffff; }
    #p-top__main__info #info__bnr {
      background: none;
      border-top: none; }
      #p-top__main__info #info__bnr::before {
        content: none; }
      #p-top__main__info #info__bnr .bnr {
        position: relative;
        border-top: 2px solid #94daff; }
        #p-top__main__info #info__bnr .bnr::before {
          content: '';
          width: 100%;
          position: absolute;
          left: 0;
          z-index: 0; }

@media (min-width: 320px) {
  #p-top__main__contents {
    position: relative;
    z-index: 11; } }
  @media (min-width: 320px) and (max-width: 1400px) {
    #p-top__main__contents {
      background-size: auto 28%; } }

@media (min-width: 320px) {
    #p-top__main__contents #contents__inner {
      width: 100%;
      max-width: 1100px;
      padding: 176px 50px 60px;
      margin: 0 auto; }
    #p-top__main__contents #contents__nav {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      background: url("../images/pc/top/bg_nav.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      #p-top__main__contents #contents__nav__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        max-width: 1100px;
        padding: 0 155px;
        margin: 0 auto; }
        #p-top__main__contents #contents__nav__inner .nav__item {
          margin-right: 16px; }
          #p-top__main__contents #contents__nav__inner .nav__item a {
            padding: 19px 0;
            display: block;
            font-size: 20px;
            color: transparent;
            line-height: 1.2; }
          #p-top__main__contents #contents__nav__inner .nav__item.txt-l a {
            font-size: 38px; }
          #p-top__main__contents #contents__nav__inner .nav__item:last-child {
            margin-right: 0; }
        #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(1) a {
          background: url("../images/pc/top/img_nav_item01-off.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: auto 100%; }
          #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(1) a:hover {
            background: url("../images/pc/top/img_nav_item01-on.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto 100%; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
          background-position: center -1.5px; }
          #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
            background-position: center -1.5px; }
        #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(2) a {
          background: url("../images/pc/top/img_nav_item02-off.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: auto 100%; }
          #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(2) a:hover {
            background: url("../images/pc/top/img_nav_item02-on.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto 100%; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
          background-position: center -1.5px; }
          #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
            background-position: center -1.5px; }
        #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(3) a {
          background: url("../images/pc/top/img_nav_item03-off.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: auto 100%; }
          #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(3) a:hover {
            background: url("../images/pc/top/img_nav_item03-on.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto 100%; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
          background-position: center -1.5px; }
          #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
            background-position: center -1.5px; }
        #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(4) a {
          background: url("../images/pc/top/img_nav_item04-off.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: auto 100%; }
          #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(4) a:hover {
            background: url("../images/pc/top/img_nav_item04-on.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto 100%; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
          background-position: center -1.5px; }
          #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
            background-position: center -1.5px; }
        #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(5) a {
          background: url("../images/pc/top/img_nav_item05-off.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: auto 100%; }
          #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(5) a:hover {
            background: url("../images/pc/top/img_nav_item05-on.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto 100%; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
          background-position: center -1.5px; }
          #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
            background-position: center -1.5px; }
        #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(6) a {
          background: url("../images/pc/top/img_nav_item06-off.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: auto 100%; }
          #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(6) a:hover {
            background: url("../images/pc/top/img_nav_item06-on.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto 100%; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
          background-position: center -1.5px; }
          #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
            background-position: center -1.5px; }
        #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(7) a {
          background: url("../images/pc/top/img_nav_item07-off.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: auto 100%; }
          #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(7) a:hover {
            background: url("../images/pc/top/img_nav_item07-on.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto 100%; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
          background-position: center -1.5px; }
          #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
            background-position: center -1.5px; }
        #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(8) a {
          background: url("../images/pc/top/img_nav_item08-off.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: auto 100%; }
          #p-top__main__contents #contents__nav__inner .nav__item:nth-of-type(8) a:hover {
            background: url("../images/pc/top/img_nav_item08-on.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto 100%; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
          background-position: center -1.5px; }
          #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
            background-position: center -1.5px; }
        #p-top__main__contents #contents__nav__inner #nav__news {
          position: relative; }
          #p-top__main__contents #contents__nav__inner #nav__news.is-unread::after {
            content: '';
            position: absolute;
            top: 20px;
            right: 0;
            width: 5px;
            height: 5px;
            background: #ffa600;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            -webkit-transform-origin: center;
                    transform-origin: center; }
    #p-top__main__contents #contents__intro__title {
      margin-left: 100px;
      width: 47vw;
      max-width: 658px; }
    #p-top__main__contents #contents__intro__main {
      margin-top: -95px; }
      #p-top__main__contents #contents__intro__main .intro {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #p-top__main__contents #contents__intro__main .intro.reverse {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
              -ms-flex-flow: row-reverse;
                  flex-flow: row-reverse; }
        #p-top__main__contents #contents__intro__main .intro .intro__img {
          opacity: 0; }
          #p-top__main__contents #contents__intro__main .intro .intro__img .wrapper {
            display: block;
            width: 100%;
            height: 100%; }
      #p-top__main__contents #contents__intro__main #intro01 {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        margin-left: 90px; }
        #p-top__main__contents #contents__intro__main #intro01 .intro__text {
          margin: 90px 52px 0 0; }
        #p-top__main__contents #contents__intro__main #intro01__list {
          position: relative;
          width: 32vw;
          max-width: 548px;
          height: 24.78571vw;
          max-height: 347px; }
          #p-top__main__contents #contents__intro__main #intro01__list .intro__img {
            position: absolute;
            opacity: 0; }
            #p-top__main__contents #contents__intro__main #intro01__list .intro__img.is-move--left {
              opacity: 1;
              -webkit-transform: translateX(-100px);
                      transform: translateX(-100px);
              -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
              transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
              transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
              transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; } }
            @media (min-width: 320px) and (max-width: 767px) {
              #p-top__main__contents #contents__intro__main #intro01__list .intro__img.is-move--left {
                -webkit-transform: translateX(-40px);
                        transform: translateX(-40px); } }

@media (min-width: 320px) {
          #p-top__main__contents #contents__intro__main #intro01__list li {
            left: 100px; }
            #p-top__main__contents #contents__intro__main #intro01__list li:first-child {
              bottom: 0;
              width: 29.14286vw;
              max-width: 408px;
              height: 17vw;
              max-height: 238px; }
              #p-top__main__contents #contents__intro__main #intro01__list li:first-child .wrapper {
                background: url("../images/pc/top/img_intro01_01.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__intro__main #intro01__list li:last-child {
              margin-left: 63%;
              width: 12.28571vw;
              max-width: 172px;
              height: 14.78571vw;
              max-height: 207px; }
              #p-top__main__contents #contents__intro__main #intro01__list li:last-child .wrapper {
                background: url("../images/pc/top/img_intro01_02.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
      #p-top__main__contents #contents__intro__main #intro02 {
        margin-right: 90px; }
        #p-top__main__contents #contents__intro__main #intro02 .intro__text {
          margin-left: 52px; }
        #p-top__main__contents #contents__intro__main #intro02 .intro__img {
          position: relative;
          opacity: 0;
          right: 100px;
          display: block;
          width: 31.21429vw;
          max-width: 437px;
          height: 18.07143vw;
          max-height: 253px; }
          #p-top__main__contents #contents__intro__main #intro02 .intro__img .wrapper {
            background: url("../images/pc/top/img_intro02.png");
            background-size: 100% auto;
            background-position: center;
            background-repeat: no-repeat; }
          #p-top__main__contents #contents__intro__main #intro02 .intro__img.is-move--right {
            opacity: 1;
            -webkit-transform: translateX(100px);
                    transform: translateX(100px);
            -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
          @media (min-width: 320px) and (max-width: 767px) {
            #p-top__main__contents #contents__intro__main #intro02 .intro__img.is-move--right {
              -webkit-transform: translateX(40px);
                      transform: translateX(40px); } }

@media (min-width: 320px) {
      #p-top__main__contents #contents__intro__main #intro03 {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 30px; }
        #p-top__main__contents #contents__intro__main #intro03 .intro__img {
          text-align: center;
          width: 29%;
          position: relative; }
        #p-top__main__contents #contents__intro__main #intro03 .intro__text {
          width: 42%; }
        #p-top__main__contents #contents__intro__main #intro03 > *:first-child {
          opacity: 0;
          right: 100px; }
          #p-top__main__contents #contents__intro__main #intro03 > *:first-child .wrapper {
            width: 14.28571vw;
            max-width: 200px;
            height: 18.21429vw;
            max-height: 255px;
            margin: 0 auto;
            background: url("../images/pc/top/img_intro03.png");
            background-size: 100% auto;
            background-position: center;
            background-repeat: no-repeat; }
          #p-top__main__contents #contents__intro__main #intro03 > *:first-child.is-move--right {
            opacity: 1;
            -webkit-transform: translateX(100px);
                    transform: translateX(100px);
            -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
          @media (min-width: 320px) and (max-width: 767px) {
            #p-top__main__contents #contents__intro__main #intro03 > *:first-child.is-move--right {
              -webkit-transform: translateX(40px);
                      transform: translateX(40px); } }

@media (min-width: 320px) {
        #p-top__main__contents #contents__intro__main #intro03 > *:last-child {
          opacity: 0;
          left: 100px; }
          #p-top__main__contents #contents__intro__main #intro03 > *:last-child .wrapper {
            width: 13.64286vw;
            max-width: 191px;
            height: 25.42857vw;
            max-height: 356px;
            margin: 0 auto;
            background: url("../images/pc/top/img_intro03_02.png");
            background-size: 100% auto;
            background-position: center;
            background-repeat: no-repeat; }
          #p-top__main__contents #contents__intro__main #intro03 > *:last-child.is-move--left {
            opacity: 1;
            -webkit-transform: translateX(-100px);
                    transform: translateX(-100px);
            -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
            transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; } }
          @media (min-width: 320px) and (max-width: 767px) {
            #p-top__main__contents #contents__intro__main #intro03 > *:last-child.is-move--left {
              -webkit-transform: translateX(-40px);
                      transform: translateX(-40px); } }

@media (min-width: 320px) {
      #p-top__main__contents #contents__intro__main #intro04 {
        text-align: center;
        position: relative; }
        #p-top__main__contents #contents__intro__main #intro04__chara {
          display: inline-block;
          width: 45.57143vw;
          max-width: 638px; }
        #p-top__main__contents #contents__intro__main #intro04__text {
          position: absolute;
          top: calc(50% - 98px);
          left: 0;
          right: 0;
          margin: auto;
          width: 100%;
          max-width: 924px; }
        #p-top__main__contents #contents__intro__main #intro04__list {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0; }
          #p-top__main__contents #contents__intro__main #intro04__list > li {
            position: absolute;
            opacity: 0; }
            #p-top__main__contents #contents__intro__main #intro04__list > li .wrapper {
              display: block;
              width: 100%;
              height: 100%; }
            #p-top__main__contents #contents__intro__main #intro04__list > li:first-child {
              top: 43px;
              left: -100px;
              width: 12.07143vw;
              max-width: 169px;
              height: 7.35714vw;
              max-height: 103px; }
              #p-top__main__contents #contents__intro__main #intro04__list > li:first-child .wrapper {
                background: url("../images/pc/top/img_intro04_01.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
              #p-top__main__contents #contents__intro__main #intro04__list > li:first-child.is-move--right {
                opacity: 1;
                -webkit-transform: translateX(100px);
                        transform: translateX(100px);
                -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
              @media (min-width: 320px) and (max-width: 767px) {
                #p-top__main__contents #contents__intro__main #intro04__list > li:first-child.is-move--right {
                  -webkit-transform: translateX(40px);
                          transform: translateX(40px); } }

@media (min-width: 320px) {
            #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(2) {
              top: 82px;
              right: -135px;
              width: 13.64286vw;
              max-width: 191px;
              height: 8.28571vw;
              max-height: 116px; }
              #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(2) .wrapper {
                background: url("../images/pc/top/img_intro04_02.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
              #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(2).is-move--left {
                opacity: 1;
                -webkit-transform: translateX(-100px);
                        transform: translateX(-100px);
                -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
                transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; } }
              @media (min-width: 320px) and (max-width: 767px) {
                #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(2).is-move--left {
                  -webkit-transform: translateX(-40px);
                          transform: translateX(-40px); } }

@media (min-width: 320px) {
            #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(3) {
              bottom: 126px;
              left: -171px;
              width: 18.92857vw;
              max-width: 265px;
              height: 11.21429vw;
              max-height: 157px; }
              #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(3) .wrapper {
                background: url("../images/pc/top/img_intro04_03.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; } }
            @media (min-width: 320px) and (max-width: 1400px) {
              #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(3) {
                bottom: 100px; } }

@media (min-width: 320px) {
              #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(3).is-move--right {
                opacity: 1;
                -webkit-transform: translateX(100px);
                        transform: translateX(100px);
                -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
              @media (min-width: 320px) and (max-width: 767px) {
                #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(3).is-move--right {
                  -webkit-transform: translateX(40px);
                          transform: translateX(40px); } }

@media (min-width: 320px) {
            #p-top__main__contents #contents__intro__main #intro04__list > li:last-child {
              bottom: -140px;
              right: -264px;
              width: 25.78571vw;
              max-width: 361px;
              height: 29.85714vw;
              max-height: 418px; }
              #p-top__main__contents #contents__intro__main #intro04__list > li:last-child .wrapper {
                background: url("../images/pc/top/img_intro04_04.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
              #p-top__main__contents #contents__intro__main #intro04__list > li:last-child.is-move--left {
                opacity: 1;
                -webkit-transform: translateX(-100px);
                        transform: translateX(-100px);
                -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
                transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; } }
              @media (min-width: 320px) and (max-width: 767px) {
                #p-top__main__contents #contents__intro__main #intro04__list > li:last-child.is-move--left {
                  -webkit-transform: translateX(-40px);
                          transform: translateX(-40px); } }

@media (min-width: 320px) {
    #p-top__main__contents #contents__system {
      margin-top: 35px; }
      #p-top__main__contents #contents__system__title {
        background: url("../images/common/top/bg_title_system.png");
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
        padding: 6.07143vw 9.64286vw;
        width: 56.82143vw;
        max-width: 795.5px;
        margin: 0 auto; } }
      @media (min-width: 320px) and (min-width: 1400px) {
        #p-top__main__contents #contents__system__title {
          padding: 85px 135px; } }

@media (min-width: 320px) {
      #p-top__main__contents #contents__system__main .system__slider .hexagon__bg {
        -webkit-transform: rotate(-30deg);
                transform: rotate(-30deg);
        height: 133%;
        position: relative;
        top: -16.5%;
        -webkit-transition: all .5s;
        transition: all .5s; }
      #p-top__main__contents #contents__system__main .system__ss .ss {
        opacity: 0;
        display: block; }
        #p-top__main__contents #contents__system__main .system__ss .ss .wrapper {
          display: block;
          height: 100%; }
        #p-top__main__contents #contents__system__main .system__ss .ss.is-move--left {
          opacity: 1;
          -webkit-transform: translateX(-100px);
                  transform: translateX(-100px);
          -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
          transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; } }
        @media (min-width: 320px) and (max-width: 767px) {
          #p-top__main__contents #contents__system__main .system__ss .ss.is-move--left {
            -webkit-transform: translateX(-40px);
                    transform: translateX(-40px); } }

@media (min-width: 320px) {
        #p-top__main__contents #contents__system__main .system__ss .ss.is-move--right {
          opacity: 1;
          -webkit-transform: translateX(100px);
                  transform: translateX(100px);
          -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
        @media (min-width: 320px) and (max-width: 767px) {
          #p-top__main__contents #contents__system__main .system__ss .ss.is-move--right {
            -webkit-transform: translateX(40px);
                    transform: translateX(40px); } }

@media (min-width: 320px) {
      #p-top__main__contents #contents__system__main .system__text {
        top: 50px;
        opacity: 0; }
        #p-top__main__contents #contents__system__main .system__text.is-move--top {
          opacity: 1;
          -webkit-transform: translateY(-50px);
                  transform: translateY(-50px);
          -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
        @media (min-width: 320px) and (max-width: 767px) {
          #p-top__main__contents #contents__system__main .system__text.is-move--top {
            -webkit-transform: translateY(-20px);
                    transform: translateY(-20px); } }

@media (min-width: 320px) {
      #p-top__main__contents #contents__system__main #system01 {
        padding-left: 27%;
        margin-top: -5.53571vw; } }
      @media (min-width: 320px) and (min-width: 1400px) {
        #p-top__main__contents #contents__system__main #system01 {
          margin-top: -77.5px; } }

@media (min-width: 320px) {
        #p-top__main__contents #contents__system__main #system01 .system__slider {
          left: -48%;
          top: -10px; }
          #p-top__main__contents #contents__system__main #system01 .system__slider .hexagon {
            width: 74.21429vw;
            max-width: 1039px; }
        #p-top__main__contents #contents__system__main #system01 .system__ss {
          width: 52.5vw;
          max-width: 735px;
          height: 25.14286vw;
          max-height: 352px;
          top: 0;
          right: -50px; }
          #p-top__main__contents #contents__system__main #system01 .system__ss .ss {
            position: absolute; }
            #p-top__main__contents #contents__system__main #system01 .system__ss .ss:first-child {
              width: 33.71429vw;
              max-width: 472px;
              bottom: 0;
              left: 100px;
              height: 19.53571vw;
              max-height: 273.5px; }
              #p-top__main__contents #contents__system__main #system01 .system__ss .ss:first-child .wrapper {
                background: url("../images/common/top/ss/img_system01_ss01.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__system__main #system01 .system__ss .ss:last-child {
              width: 21.25vw;
              max-width: 297.5px;
              top: 0;
              right: -100px;
              height: 12.57143vw;
              max-height: 176px; }
              #p-top__main__contents #contents__system__main #system01 .system__ss .ss:last-child .wrapper {
                background: url("../images/common/top/ss/img_system01_ss02.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
        #p-top__main__contents #contents__system__main #system01 .system__text {
          padding-top: 17.14286vw;
          width: 52.21429vw;
          margin-left: 50px;
          max-width: 731px; } }
        @media (min-width: 320px) and (min-width: 1400px) {
          #p-top__main__contents #contents__system__main #system01 .system__text {
            padding-top: 240px; } }

@media (min-width: 320px) {
        #p-top__main__contents #contents__system__main #system01::after {
          width: 52.14286vw;
          max-width: 730px;
          height: 16.46429vw;
          max-height: 230.5px;
          top: 50%;
          right: 0; }
      #p-top__main__contents #contents__system__main #system02 {
        padding-right: 50%; }
        #p-top__main__contents #contents__system__main #system02 .system__slider {
          right: -94px;
          top: 44px; }
          #p-top__main__contents #contents__system__main #system02 .system__slider .hexagon {
            width: 47.14286vw;
            max-width: 660px; }
        #p-top__main__contents #contents__system__main #system02 .system__ss {
          top: 0;
          left: 0; }
          #p-top__main__contents #contents__system__main #system02 .system__ss .ss {
            position: relative;
            width: 27.96429vw;
            max-width: 391.5px;
            left: -100px;
            height: 16.42857vw;
            max-height: 230px; }
            #p-top__main__contents #contents__system__main #system02 .system__ss .ss .wrapper {
              background: url("../images/common/top/ss/img_system02_ss01.png");
              background-size: 100% auto;
              background-position: center;
              background-repeat: no-repeat; }
        #p-top__main__contents #contents__system__main #system02 .system__text {
          padding-top: 17.67857vw;
          width: 36.60714vw;
          max-width: 512.5px; } }
        @media (min-width: 320px) and (min-width: 1400px) {
          #p-top__main__contents #contents__system__main #system02 .system__text {
            padding-top: 247.5px; } }

@media (min-width: 320px) {
        #p-top__main__contents #contents__system__main #system02::after {
          width: 35.35714vw;
          max-width: 495px;
          height: 40.85714vw;
          max-height: 572px;
          top: 0;
          left: 162px; }
      #p-top__main__contents #contents__system__main #system03 {
        padding-left: 50%;
        margin-top: -4.28571vw; } }
      @media (min-width: 320px) and (min-width: 1400px) {
        #p-top__main__contents #contents__system__main #system03 {
          margin-top: -60px; } }

@media (min-width: 320px) {
        #p-top__main__contents #contents__system__main #system03 .system__ss {
          width: 39.28571vw;
          max-width: 550px;
          height: 24.46429vw;
          max-height: 342.5px;
          top: 0;
          right: -50px; }
          #p-top__main__contents #contents__system__main #system03 .system__ss .ss {
            position: absolute; }
            #p-top__main__contents #contents__system__main #system03 .system__ss .ss:first-child {
              width: 20.46429vw;
              max-width: 286.5px;
              top: 0;
              left: 100px;
              height: 12.10714vw;
              max-height: 169.5px; }
              #p-top__main__contents #contents__system__main #system03 .system__ss .ss:first-child .wrapper {
                background: url("../images/common/top/ss/img_system03_ss01.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__system__main #system03 .system__ss .ss:last-child {
              width: 28.35714vw;
              max-width: 397px;
              right: -100px;
              bottom: 0;
              height: 16.64286vw;
              max-height: 233px; }
              #p-top__main__contents #contents__system__main #system03 .system__ss .ss:last-child .wrapper {
                background: url("../images/common/top/ss/img_system03_ss02.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
        #p-top__main__contents #contents__system__main #system03 .system__text {
          padding-top: 16.42857vw;
          width: 31.28571vw;
          max-width: 438px; } }
        @media (min-width: 320px) and (min-width: 1400px) {
          #p-top__main__contents #contents__system__main #system03 .system__text {
            padding-top: 230px; } }

@media (min-width: 320px) {
      #p-top__main__contents #contents__system__main #system04 {
        padding-right: 50%;
        margin-top: -21.14286vw; } }
      @media (min-width: 320px) and (min-width: 1400px) {
        #p-top__main__contents #contents__system__main #system04 {
          margin-top: -296px; } }

@media (min-width: 320px) {
        #p-top__main__contents #contents__system__main #system04 .system__ss {
          top: 0;
          right: calc(50% + 24px); }
          #p-top__main__contents #contents__system__main #system04 .system__ss .ss {
            position: relative;
            width: 30.64286vw;
            max-width: 429px;
            left: -100px;
            height: 17.89286vw;
            max-height: 250.5px; }
            #p-top__main__contents #contents__system__main #system04 .system__ss .ss .wrapper {
              background: url("../images/common/top/ss/img_system04_ss01.png");
              background-size: 100% auto;
              background-position: center;
              background-repeat: no-repeat; }
        #p-top__main__contents #contents__system__main #system04 .system__text {
          padding-top: 14vw;
          margin-left: -50px;
          width: 32.17857vw;
          max-width: 450.5px; } }
        @media (min-width: 320px) and (min-width: 1400px) {
          #p-top__main__contents #contents__system__main #system04 .system__text {
            padding-top: 196px; } }

@media (min-width: 320px) {
        #p-top__main__contents #contents__system__main #system04::after {
          width: 30.5vw;
          max-width: 427px;
          height: 35.25vw;
          max-height: 493.5px;
          top: 77px;
          left: -100px; }
      #p-top__main__contents #contents__system__main #system05 {
        width: 100%; }
        #p-top__main__contents #contents__system__main #system05 .system__slider {
          right: -32.14286vw; } }
        @media (min-width: 320px) and (min-width: 1400px) {
          #p-top__main__contents #contents__system__main #system05 .system__slider {
            right: -450px; } }

@media (min-width: 320px) {
          #p-top__main__contents #contents__system__main #system05 .system__slider .hexagon {
            width: 59.35714vw;
            max-width: 831px; }
        #p-top__main__contents #contents__system__main #system05 .system__ss {
          top: 0;
          left: -50px;
          width: 66.35714vw;
          max-width: 929px;
          height: 33.28571vw;
          max-height: 466px; }
          #p-top__main__contents #contents__system__main #system05 .system__ss .ss {
            position: absolute; }
            #p-top__main__contents #contents__system__main #system05 .system__ss .ss:first-child {
              width: 22.92857vw;
              max-width: 321px;
              right: -100px;
              top: 0;
              height: 13.53571vw;
              max-height: 189.5px; }
              #p-top__main__contents #contents__system__main #system05 .system__ss .ss:first-child .wrapper {
                background: url("../images/common/top/ss/img_system05_ss01.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__system__main #system05 .system__ss .ss:nth-child(2) {
              width: 33.17857vw;
              max-width: 464.5px;
              top: 15%;
              left: calc(21% - 100px);
              height: 19.35714vw;
              max-height: 271px; }
              #p-top__main__contents #contents__system__main #system05 .system__ss .ss:nth-child(2) .wrapper {
                background: url("../images/common/top/ss/img_system05_ss02.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__system__main #system05 .system__ss .ss:last-child {
              width: 21.17857vw;
              max-width: 296.5px;
              left: -100px;
              bottom: 0;
              height: 12.53571vw;
              max-height: 175.5px; }
              #p-top__main__contents #contents__system__main #system05 .system__ss .ss:last-child .wrapper {
                background: url("../images/common/top/ss/img_system05_ss03.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
        #p-top__main__contents #contents__system__main #system05 .system__text {
          padding-top: 24.5vw;
          margin: 0 auto;
          width: 30.85714vw;
          max-width: 432px; } }
        @media (min-width: 320px) and (min-width: 1400px) {
          #p-top__main__contents #contents__system__main #system05 .system__text {
            padding-top: 343px; } }

@media (min-width: 320px) {
      #p-top__main__contents #contents__system__main #system06 {
        padding-right: 45%;
        margin-top: 3.07143vw; } }
      @media (min-width: 320px) and (min-width: 1400px) {
        #p-top__main__contents #contents__system__main #system06 {
          margin-top: 43px; } }

@media (min-width: 320px) {
        #p-top__main__contents #contents__system__main #system06 .system__ss {
          top: 0;
          left: 36px; }
          #p-top__main__contents #contents__system__main #system06 .system__ss .ss {
            position: relative;
            width: 38.5vw;
            max-width: 539px;
            left: -100px;
            height: 22.42857vw;
            max-height: 314px; }
            #p-top__main__contents #contents__system__main #system06 .system__ss .ss .wrapper {
              background: url("../images/common/top/ss/img_system06_ss01.png");
              background-size: 100% auto;
              background-position: center;
              background-repeat: no-repeat; }
        #p-top__main__contents #contents__system__main #system06 .system__text {
          padding-top: 18.71429vw;
          width: 27.60714vw;
          max-width: 386.5px; } }
        @media (min-width: 320px) and (min-width: 1400px) {
          #p-top__main__contents #contents__system__main #system06 .system__text {
            padding-top: 262px; } }

@media (min-width: 320px) {
        #p-top__main__contents #contents__system__main #system06::after {
          width: 30.5vw;
          max-width: 427px;
          height: 35.25vw;
          max-height: 493.5px;
          top: 100px;
          right: 0; }
      #p-top__main__contents #contents__system__main #system07 {
        padding-left: 50%;
        margin-top: -8.92857vw; } }
      @media (min-width: 320px) and (min-width: 1400px) {
        #p-top__main__contents #contents__system__main #system07 {
          margin-top: -125px; } }

@media (min-width: 320px) {
        #p-top__main__contents #contents__system__main #system07 .system__slider {
          top: 172px;
          left: -6.71429vw; } }
        @media (min-width: 320px) and (min-width: 1400px) {
          #p-top__main__contents #contents__system__main #system07 .system__slider {
            left: -94px; } }

@media (min-width: 320px) {
          #p-top__main__contents #contents__system__main #system07 .system__slider .hexagon {
            width: 50.28571vw;
            max-width: 704px; }
        #p-top__main__contents #contents__system__main #system07 .system__ss {
          height: 100%;
          width: 39.28571vw;
          max-width: 550px;
          right: -50px;
          top: 0; }
          #p-top__main__contents #contents__system__main #system07 .system__ss .ss {
            position: absolute; }
            #p-top__main__contents #contents__system__main #system07 .system__ss .ss:first-child {
              width: 25.64286vw;
              max-width: 359px;
              top: 0;
              right: -100px;
              height: 15.14286vw;
              max-height: 212px; }
              #p-top__main__contents #contents__system__main #system07 .system__ss .ss:first-child .wrapper {
                background: url("../images/common/top/ss/img_system07_ss01.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__system__main #system07 .system__ss .ss:nth-child(2) {
              width: 15.64286vw;
              max-width: 219px;
              top: 168px;
              left: 168px;
              height: 9.5vw;
              max-height: 133px; }
              #p-top__main__contents #contents__system__main #system07 .system__ss .ss:nth-child(2) .wrapper {
                background: url("../images/common/top/ss/img_system07_ss02.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__system__main #system07 .system__ss .ss:last-child {
              width: 34.14286vw;
              max-width: 478px;
              bottom: 68px;
              left: 100px;
              height: 20vw;
              max-height: 280px; }
              #p-top__main__contents #contents__system__main #system07 .system__ss .ss:last-child .wrapper {
                background: url("../images/common/top/ss/img_system07_ss03.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
        #p-top__main__contents #contents__system__main #system07 .system__text {
          padding-top: 47.35714vw;
          margin-left: auto;
          width: 28.10714vw;
          max-width: 393.5px; } }
        @media (min-width: 320px) and (min-width: 1400px) {
          #p-top__main__contents #contents__system__main #system07 .system__text {
            padding-top: 663px; } }

@media (min-width: 320px) {
    #p-top__main__contents #contents__chara {
      background: url("../images/pc/top/bg_chara.png");
      background-size: 100% auto;
      background-position: right top;
      background-repeat: no-repeat;
      position: relative;
      margin-top: 108px;
      padding: 30px 0 0; }
      #p-top__main__contents #contents__chara__title {
        position: absolute;
        top: 100px;
        right: 70px;
        width: 285px; }
      #p-top__main__contents #contents__chara__list {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        position: relative;
        opacity: 0;
        top: 50px; }
        #p-top__main__contents #contents__chara__list.is-move--top {
          opacity: 1;
          -webkit-transform: translateY(-50px);
                  transform: translateY(-50px);
          -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
        @media (min-width: 320px) and (max-width: 767px) {
          #p-top__main__contents #contents__chara__list.is-move--top {
            -webkit-transform: translateY(-20px);
                    transform: translateY(-20px); } }

@media (min-width: 320px) {
        #p-top__main__contents #contents__chara__list li {
          margin-left: 70px;
          left: calc((112px / 1.732) / 2); }
          #p-top__main__contents #contents__chara__list li.dummy {
            -ms-flex-negative: 0;
                flex-shrink: 0;
            width: 50%; }
          #p-top__main__contents #contents__chara__list li:nth-child(1), #p-top__main__contents #contents__chara__list li:nth-child(4), #p-top__main__contents #contents__chara__list li:nth-child(8) {
            margin-left: 0; }
          #p-top__main__contents #contents__chara__list li:nth-child(n+4) {
            margin-top: 69px; }
          #p-top__main__contents #contents__chara__list li:last-child {
            margin-left: auto;
            left: -195px; }
            #p-top__main__contents #contents__chara__list li:last-child .character {
              width: 725px; }
            #p-top__main__contents #contents__chara__list li:last-child .parallelogram__inner a {
              width: 577px;
              height: 154px; }
  #p-top__main__nfc {
    margin-top: 106px; }
    #p-top__main__nfc__inner {
      width: 100%;
      max-width: 1100px;
      padding: 38px 50px; }
    #p-top__main__nfc__contents > * {
      margin-top: 25px;
      position: relative;
      opacity: 0;
      top: 50px; }
      #p-top__main__nfc__contents > *.is-move--top {
        opacity: 1;
        -webkit-transform: translateY(-50px);
                transform: translateY(-50px);
        -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
      @media (min-width: 320px) and (max-width: 767px) {
        #p-top__main__nfc__contents > *.is-move--top {
          -webkit-transform: translateY(-20px);
                  transform: translateY(-20px); } }

@media (min-width: 320px) {
    #p-top__main__nfc__contents #contents__title {
      width: 625px;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto; }
    #p-top__main__nfc__contents #contents__img {
      margin-top: 0;
      width: 68.14286vw;
      max-width: 954px;
      height: 18.89286vw;
      max-height: 264.5px;
      display: block;
      background: url("../images/common/top/img_nfc.png");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat; }
    #p-top__main__nfc__contents #contents__text {
      width: 1049px;
      margin-top: -22px;
      margin-left: calc((100% - 1049px) / 2); }
    #p-top__main__nfc__contents #contents__btn {
      width: 439px; }
    #p-top__main__nfc__contents #contents__note {
      width: 880px;
      padding: 15px; }
      #p-top__main__nfc__contents #contents__note__title {
        font-size: 16px; }
      #p-top__main__nfc__contents #contents__note__list {
        margin-top: 10px; }
        #p-top__main__nfc__contents #contents__note__list li {
          font-size: 14px; }
  #p-top__main__info {
    background: url("../images/common/top/bg_info.png");
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-repeat: repeat; }
    #p-top__main__info__inner {
      width: 100%;
      max-width: 1100px;
      padding: 50px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    #p-top__main__info .info__item {
      width: 100%; }
      #p-top__main__info .info__item .title {
        font-size: 18px;
        padding: 10px 15px; }
        #p-top__main__info .info__item .title span {
          font-size: 12px; }
        #p-top__main__info .info__item .title::after {
          width: 176px;
          right: -20px; }
      #p-top__main__info .info__item__main {
        padding: 20px 26px; } }
      @media (min-width: 320px) and (max-width: 1400px) {
        #p-top__main__info .info__item__main {
          padding: 1.42857vw 1.85714vw; } }

@media (min-width: 320px) {
      #p-top__main__info .info__item::before {
        background: url("../images/pc/top/bg_line.png");
        background-size: auto;
        background-position: center left;
        background-repeat: no-repeat;
        height: 3px;
        top: -5px; }
    #p-top__main__info #info__spec dl dt,
    #p-top__main__info #info__spec dl dd {
      font-size: 16px; }
    #p-top__main__info #info__spec dl > *:nth-child(n+3) {
      margin-top: 20px; } }
  @media (min-width: 320px) and (max-width: 1400px) {
    #p-top__main__info #info__spec dl dt,
    #p-top__main__info #info__spec dl dd {
      font-size: 1.14286vw; }
    #p-top__main__info #info__spec dl dt {
      width: 39.9%; }
    #p-top__main__info #info__spec dl dd {
      width: 60.1%; } }

@media (min-width: 320px) {
    #p-top__main__info #info__bnr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #p-top__main__info #info__bnr .bnr {
        width: calc(50% - 20px); }
        #p-top__main__info #info__bnr .bnr::before {
          background: url("../images/pc/top/bg_line.png");
          background-size: auto;
          background-position: center left;
          background-repeat: no-repeat;
          height: 3px;
          top: -5px; }
    #p-top__main__info #info__x {
      width: 461px;
      margin: 30px auto 0; }
      #p-top__main__info #info__x__tl__inner {
        height: 510px;
        overflow: scroll; } }

@media (min-width: 1025px) and (max-width: 1200px) {
  #p-top__main__contents #contents__system,
  #p-top__main__contents #contents__intro {
    width: 87.6%;
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 1025px) and (max-width: 1100px) {
  #p-top__main__contents #contents__chara {
    width: 78.6%;
    margin: 10.71429vw auto 0; }
    #p-top__main__contents #contents__chara__list li {
      margin-left: 5vw; }
      #p-top__main__contents #contents__chara__list li .character {
        width: 21.42857vw;
        left: calc(-8vw / 1.732); }
      #p-top__main__contents #contents__chara__list li .parallelogram__inner a {
        width: 12.42857vw;
        height: 16vw; }
      #p-top__main__contents #contents__chara__list li:last-child {
        left: -13.92857vw; }
        #p-top__main__contents #contents__chara__list li:last-child .character {
          width: 51.78571vw; }
        #p-top__main__contents #contents__chara__list li:last-child .parallelogram__inner a {
          width: 41.21429vw;
          height: 11vw; } }

@media (max-width: 1024px) {
  #p-top {
    background-size: auto 35%; }
    #p-top__main__kv #kv__news__list {
      min-width: 35.71429vw; }
    #p-top__main__contents #contents__inner {
      width: 100%;
      padding: 12.57143vw 2.28571vw 60px; }
    #p-top__main__contents #contents__nav__inner {
      width: 78.6%;
      padding: 0 11.07143vw; }
      #p-top__main__contents #contents__nav__inner .nav__item {
        margin-right: 1.14286vw; }
        #p-top__main__contents #contents__nav__inner .nav__item a {
          padding: 1.35714vw 0;
          font-size: 1.42857vw; }
        #p-top__main__contents #contents__nav__inner .nav__item.txt-l a {
          font-size: 2.71429vw; }
      #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
        background-position: center -0.10714vw; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
          background-position: center -0.10714vw; }
      #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
        background-position: center -0.10714vw; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
          background-position: center -0.10714vw; }
      #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
        background-position: center -0.10714vw; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
          background-position: center -0.10714vw; }
      #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
        background-position: center -0.10714vw; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
          background-position: center -0.10714vw; }
      #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
        background-position: center -0.10714vw; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
          background-position: center -0.10714vw; }
      #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
        background-position: center -0.10714vw; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
          background-position: center -0.10714vw; }
      #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
        background-position: center -0.10714vw; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
          background-position: center -0.10714vw; }
      #p-top__main__contents #contents__nav__inner .nav__item.ruby a {
        background-position: center -0.10714vw; }
        #p-top__main__contents #contents__nav__inner .nav__item.ruby a:hover {
          background-position: center -0.10714vw; }
      #p-top__main__contents #contents__nav__inner #nav__news.is-unread::after {
        top: 1.42857vw;
        width: 0.35714vw;
        height: 0.35714vw; }
    #p-top__main__contents #contents__intro {
      width: 87.6%;
      margin-left: auto;
      margin-right: auto; }
      #p-top__main__contents #contents__intro__main {
        margin-top: -4.28571vw; }
        #p-top__main__contents #contents__intro__main #intro01 .intro__text {
          width: 34.57143vw;
          margin-top: 4.64286vw;
          margin-right: 3.71429vw; }
        #p-top__main__contents #contents__intro__main #intro02 {
          margin-top: 1.78571vw; }
          #p-top__main__contents #contents__intro__main #intro02 .intro__text {
            margin-left: 3.71429vw; }
        #p-top__main__contents #contents__intro__main #intro04__list > li:first-child {
          left: 23px; }
          #p-top__main__contents #contents__intro__main #intro04__list > li:first-child.is-move--right {
            opacity: 1;
            -webkit-transform: translateX(100px);
                    transform: translateX(100px);
            -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
          @media (max-width: 1024px) and (max-width: 767px) {
            #p-top__main__contents #contents__intro__main #intro04__list > li:first-child.is-move--right {
              -webkit-transform: translateX(40px);
                      transform: translateX(40px); } }

@media (max-width: 1024px) {
        #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(2) {
          right: -40px; }
          #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(2).is-move--left {
            opacity: 1;
            -webkit-transform: translateX(-100px);
                    transform: translateX(-100px);
            -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
            transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; } }
          @media (max-width: 1024px) and (max-width: 767px) {
            #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(2).is-move--left {
              -webkit-transform: translateX(-40px);
                      transform: translateX(-40px); } }

@media (max-width: 1024px) {
        #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(3) {
          left: -50px;
          bottom: 70px; }
          #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(3).is-move--right {
            opacity: 1;
            -webkit-transform: translateX(100px);
                    transform: translateX(100px);
            -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
          @media (max-width: 1024px) and (max-width: 767px) {
            #p-top__main__contents #contents__intro__main #intro04__list > li:nth-child(3).is-move--right {
              -webkit-transform: translateX(40px);
                      transform: translateX(40px); } }

@media (max-width: 1024px) {
        #p-top__main__contents #contents__intro__main #intro04__list > li:last-child {
          right: -118px; }
          #p-top__main__contents #contents__intro__main #intro04__list > li:last-child.is-move--left {
            opacity: 1;
            -webkit-transform: translateX(-100px);
                    transform: translateX(-100px);
            -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
            transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
            transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; } }
          @media (max-width: 1024px) and (max-width: 767px) {
            #p-top__main__contents #contents__intro__main #intro04__list > li:last-child.is-move--left {
              -webkit-transform: translateX(-40px);
                      transform: translateX(-40px); } }

@media (max-width: 1024px) {
    #p-top__main__contents #contents__system {
      width: 87.6%;
      padding: 0 3.57143vw;
      margin: 35px auto 0; }
      #p-top__main__contents #contents__system__main #system01 .system__slider {
        left: -35%;
        top: 2.14286vw; }
      #p-top__main__contents #contents__system__main #system01 .system__text {
        margin-left: auto; }
      #p-top__main__contents #contents__system__main #system02 .system__slider {
        right: -3.57143vw; }
      #p-top__main__contents #contents__system__main #system05 .system__slider {
        right: -41%; }
      #p-top__main__contents #contents__system__main #system07 .system__slider {
        left: -6.71429vw; }
    #p-top__main__contents #contents__chara {
      width: 78.6%;
      margin: 10.71429vw auto 0; }
      #p-top__main__contents #contents__chara__list li {
        margin-left: 5vw; }
        #p-top__main__contents #contents__chara__list li .character {
          width: 21.42857vw;
          left: calc(-8vw / 1.732); }
        #p-top__main__contents #contents__chara__list li .parallelogram__inner a {
          width: 12.42857vw;
          height: 16vw; }
        #p-top__main__contents #contents__chara__list li:last-child {
          left: -15.35714vw; }
          #p-top__main__contents #contents__chara__list li:last-child .character {
            width: 51.78571vw; }
          #p-top__main__contents #contents__chara__list li:last-child .parallelogram__inner a {
            width: 41.21429vw;
            height: 11vw; }
    #p-top__main__nfc {
      margin-top: 4.71429vw; }
      #p-top__main__nfc__inner {
        padding: 2.71429vw 2.28571vw; }
      #p-top__main__nfc__contents #contents__title {
        width: 44.64286vw;
        top: calc(50px + -3.21429vw); }
      #p-top__main__nfc__contents #contents__img {
        width: 68.14286vw; }
      #p-top__main__nfc__contents #contents__text {
        width: 74.92857vw;
        margin-top: -1.57143vw;
        margin-left: calc((100% - 74.92857vw) / 2); }
      #p-top__main__nfc__contents #contents__btn {
        width: 31.35714vw; }
      #p-top__main__nfc__contents #contents__note {
        width: 62.85714vw;
        padding: 15px; }
        #p-top__main__nfc__contents #contents__note__title {
          font-size: 16px; }
        #p-top__main__nfc__contents #contents__note__list {
          margin-top: 10px; }
          #p-top__main__nfc__contents #contents__note__list li {
            font-size: 14px; }
    #p-top__main__info__inner {
      width: 100%;
      padding: 50px 2.28571vw; } }

@media (max-width: 767px) {
  #p-top #l-header {
    display: block; }
  #p-top__main__kv #kv__contents__logo {
    width: 88vw;
    max-width: 330px;
    margin: 0 auto;
    position: relative;
    right: 0.6vw; }
  #p-top__main__kv #kv__contents__lead {
    width: 93.26667vw;
    max-width: 350px;
    margin-top: 1.06667vw; }
  #p-top__main__kv #kv__contents__order {
    width: 72.66667vw;
    max-width: 272.5px;
    margin-top: 1.86667vw; }
  #p-top__main__kv #kv__contents__trial {
    top: -1.6vw;
    width: 72.66667vw;
    max-width: 272.5px; }
  #p-top__main__kv #kv__pv {
    left: 0;
    right: 0;
    margin: auto;
    bottom: 16.26667vw;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }
  @media (max-width: 767px) and (min-width: 375px) {
    #p-top__main__kv #kv__pv {
      bottom: 61px; } }

@media (max-width: 767px) {
    #p-top__main__kv #kv__pv li {
      width: 40vw;
      max-width: 150px; }
      #p-top__main__kv #kv__pv li::after {
        width: 19.73333vw;
        height: 19.73333vw; }
      #p-top__main__kv #kv__pv li + li {
        margin-top: 0;
        margin-left: 4.8vw; }
  #p-top__main__kv #kv__bnr {
    bottom: 40.8vw;
    right: 0;
    left: 0;
    margin: auto; } }
  @media (max-width: 767px) and (min-width: 375px) {
    #p-top__main__kv #kv__bnr {
      bottom: 153px; } }

@media (max-width: 767px) {
    #p-top__main__kv #kv__bnr__list li {
      width: 85.33333vw;
      max-width: 320px;
      margin: 0 auto; }
  #p-top__main__kv #kv__news {
    width: 100%; }
    #p-top__main__kv #kv__news__list {
      padding: 3.2vw 3vw 3.2vw 7.8vw;
      min-width: none; }
      #p-top__main__kv #kv__news__list .news {
        line-height: 1; }
        #p-top__main__kv #kv__news__list .news__date {
          font-size: 2.66667vw; }
        #p-top__main__kv #kv__news__list .news__text {
          font-size: 2.66667vw;
          margin-left: 1.50667vw; }
        #p-top__main__kv #kv__news__list .news::after {
          width: 2.8vw;
          height: 2.66667vw;
          right: 0; }
        #p-top__main__kv #kv__news__list .news:last-child {
          margin-top: 1.86667vw; }
      #p-top__main__kv #kv__news__list::before {
        content: none; }
      #p-top__main__kv #kv__news__list::after {
        width: 5.33333vw;
        left: 0;
        background: url("../images/sp/top/img_title_news.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-color: #ffa600; } }
  @media (max-width: 767px) and (min-width: 375px) {
    #p-top__main__kv #kv__news #kv__news__list {
      padding: 12px 11px 12px 29px; }
      #p-top__main__kv #kv__news #kv__news__list .news__date {
        font-size: 10px; }
      #p-top__main__kv #kv__news #kv__news__list .news__text {
        font-size: 10px;
        margin-left: 9px; }
      #p-top__main__kv #kv__news #kv__news__list .news::after {
        width: 10.5px;
        height: 10px; }
      #p-top__main__kv #kv__news #kv__news__list .news:last-child {
        margin-top: 7px; }
      #p-top__main__kv #kv__news #kv__news__list::after {
        width: 20px; } }

@media (max-width: 767px) {
  #p-top__main__kv #kv__scroll {
    right: 10px;
    bottom: -8.06667vw;
    height: 132px; }
    #p-top__main__kv #kv__scroll img {
      width: 1.86667vw; }
  #p-top__main__kv::before {
    background: url("../images/common/top/bg_kv_movie.png");
    background-size: 10.66667vw 10.66667vw;
    background-position: center;
    background-repeat: repeat; }
  #p-top__main__kv::after {
    width: 134.4vw;
    max-width: 556px;
    height: 76.8vw;
    max-height: 576px;
    left: calc((100vw - 134.4vw) / 2);
    -webkit-transform: translate(0, -25.93333vw);
            transform: translate(0, -25.93333vw); } }
  @media (max-width: 767px) and (min-width: 375px) {
    #p-top__main__kv::after {
      left: -71px;
      -webkit-transform: translate(0, -101.7px);
              transform: translate(0, -101.7px); } }

@media (max-width: 767px) {
  #p-top__main__bnrs {
    background: url("../images/sp/top/bg_bnr.png");
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-repeat: repeat-y; }
    #p-top__main__bnrs__inner {
      padding: 8vw 4.26667vw; }
    #p-top__main__bnrs #bnrs__list .bnr {
      width: 85.33333vw;
      margin: 0 auto; }
      #p-top__main__bnrs #bnrs__list .bnr:not(:first-child) {
        margin: 4.26667vw auto 0; }
  #p-top__main__contents {
    background-size: auto 41%; }
    #p-top__main__contents #contents__inner {
      padding: 11.46667vw 4.26667vw 7.73333vw; }
    #p-top__main__contents #contents__intro {
      width: 100%; }
      #p-top__main__contents #contents__intro__title {
        width: 100%;
        max-width: none;
        margin-left: 0; }
      #p-top__main__contents #contents__intro__main {
        margin-top: 0; }
        #p-top__main__contents #contents__intro__main .intro {
          display: block; }
          #p-top__main__contents #contents__intro__main .intro__text {
            display: block; }
          #p-top__main__contents #contents__intro__main .intro ul {
            width: 100%;
            position: relative; }
            #p-top__main__contents #contents__intro__main .intro ul li {
              position: absolute; }
          #p-top__main__contents #contents__intro__main .intro__img .wrapper {
            display: block;
            width: 100%;
            height: 100%; }
        #p-top__main__contents #contents__intro__main #intro01 {
          margin-left: 0; }
          #p-top__main__contents #contents__intro__main #intro01 .intro__text {
            width: 77.46667vw;
            margin: 0; }
          #p-top__main__contents #contents__intro__main #intro01 .intro__img {
            opacity: 0; }
            #p-top__main__contents #contents__intro__main #intro01 .intro__img.is-move--left {
              opacity: 1;
              -webkit-transform: translateX(-100px);
                      transform: translateX(-100px);
              -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
              transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
              transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
              transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; } }
            @media (max-width: 767px) and (max-width: 767px) {
              #p-top__main__contents #contents__intro__main #intro01 .intro__img.is-move--left {
                -webkit-transform: translateX(-40px);
                        transform: translateX(-40px); } }

@media (max-width: 767px) {
          #p-top__main__contents #contents__intro__main #intro01__list {
            margin-top: 4.26667vw;
            width: auto;
            max-width: none;
            height: 52.26667vw;
            max-height: none; }
            #p-top__main__contents #contents__intro__main #intro01__list li:first-child {
              left: 40px;
              top: 0;
              width: 80%;
              height: 44vw;
              max-width: none;
              max-height: none; }
              #p-top__main__contents #contents__intro__main #intro01__list li:first-child .wrapper {
                background: url("../images/sp/top/img_intro01_01.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__intro__main #intro01__list li:last-child {
              width: 32.93333vw;
              height: 40.4vw;
              right: -40px;
              left: auto;
              bottom: -6vw;
              max-width: none;
              max-height: none; }
              #p-top__main__contents #contents__intro__main #intro01__list li:last-child .wrapper {
                background: url("../images/sp/top/img_intro01_02.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
        #p-top__main__contents #contents__intro__main #intro02 {
          margin: 0; }
          #p-top__main__contents #contents__intro__main #intro02 .intro__text {
            width: 84vw;
            margin-left: auto;
            margin-top: 5.33333vw; }
          #p-top__main__contents #contents__intro__main #intro02 .intro__img {
            opacity: 0; }
            #p-top__main__contents #contents__intro__main #intro02 .intro__img.is-move--right {
              opacity: 1;
              -webkit-transform: translateX(100px);
                      transform: translateX(100px);
              -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
              transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
              transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
              transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
            @media (max-width: 767px) and (max-width: 767px) {
              #p-top__main__contents #contents__intro__main #intro02 .intro__img.is-move--right {
                -webkit-transform: translateX(40px);
                        transform: translateX(40px); } }

@media (max-width: 767px) {
          #p-top__main__contents #contents__intro__main #intro02__list {
            margin-top: 4vw;
            height: 52.8vw; }
            #p-top__main__contents #contents__intro__main #intro02__list .intro__img {
              position: absolute; }
            #p-top__main__contents #contents__intro__main #intro02__list li:first-child {
              width: 64.4vw;
              height: 37.2vw;
              max-width: none;
              max-height: none;
              right: 40px;
              top: 6.66667vw;
              z-index: 5; }
              #p-top__main__contents #contents__intro__main #intro02__list li:first-child .wrapper {
                background: url("../images/sp/top/img_intro02_01.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__intro__main #intro02__list li:nth-child(2) {
              width: 25.6vw;
              height: 32.13333vw;
              max-width: none;
              max-height: none;
              left: -20px;
              right: auto;
              top: 0;
              z-index: 6; }
              #p-top__main__contents #contents__intro__main #intro02__list li:nth-child(2) .wrapper {
                background: url("../images/sp/top/img_intro02_02.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__intro__main #intro02__list li:last-child {
              width: 33.2vw;
              height: 19.73333vw;
              max-width: none;
              max-height: none;
              left: -40px;
              right: auto;
              bottom: 0;
              z-index: 4; }
              #p-top__main__contents #contents__intro__main #intro02__list li:last-child .wrapper {
                background: url("../images/sp/top/img_intro02_03.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
        #p-top__main__contents #contents__intro__main #intro03 {
          margin: 0; }
          #p-top__main__contents #contents__intro__main #intro03 .intro__text {
            width: 80.4vw;
            margin: 0 auto; }
          #p-top__main__contents #contents__intro__main #intro03 .intro__img {
            opacity: 0;
            position: absolute; }
          #p-top__main__contents #contents__intro__main #intro03__list {
            height: 67.2vw; }
            #p-top__main__contents #contents__intro__main #intro03__list li:first-child {
              width: 27.33333vw;
              height: 33.46667vw;
              left: -5.33333vw;
              top: -5.6vw;
              z-index: 5; }
              #p-top__main__contents #contents__intro__main #intro03__list li:first-child .wrapper {
                background: url("../images/sp/top/img_intro03_01.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
              #p-top__main__contents #contents__intro__main #intro03__list li:first-child.is-move--right {
                opacity: 1;
                -webkit-transform: translateX(100px);
                        transform: translateX(100px);
                -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
              @media (max-width: 767px) and (max-width: 767px) {
                #p-top__main__contents #contents__intro__main #intro03__list li:first-child.is-move--right {
                  -webkit-transform: translateX(40px);
                          transform: translateX(40px); } }

@media (max-width: 767px) {
            #p-top__main__contents #contents__intro__main #intro03__list li:nth-child(2) {
              width: 45.86667vw;
              height: 27.06667vw;
              right: 4.66667vw;
              top: 9.33333vw;
              z-index: 5; }
              #p-top__main__contents #contents__intro__main #intro03__list li:nth-child(2) .wrapper {
                background: url("../images/sp/top/img_intro03_02.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
              #p-top__main__contents #contents__intro__main #intro03__list li:nth-child(2).is-move--left {
                opacity: 1;
                -webkit-transform: translateX(-100px);
                        transform: translateX(-100px);
                -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
                transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; } }
              @media (max-width: 767px) and (max-width: 767px) {
                #p-top__main__contents #contents__intro__main #intro03__list li:nth-child(2).is-move--left {
                  -webkit-transform: translateX(-40px);
                          transform: translateX(-40px); } }

@media (max-width: 767px) {
            #p-top__main__contents #contents__intro__main #intro03__list li:nth-child(3) {
              width: 53.33333vw;
              height: 30.8vw;
              left: -40px;
              bottom: 5.6vw;
              z-index: 6; }
              #p-top__main__contents #contents__intro__main #intro03__list li:nth-child(3) .wrapper {
                background: url("../images/sp/top/img_intro03_03.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
              #p-top__main__contents #contents__intro__main #intro03__list li:nth-child(3).is-move--right {
                opacity: 1;
                -webkit-transform: translateX(100px);
                        transform: translateX(100px);
                -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
              @media (max-width: 767px) and (max-width: 767px) {
                #p-top__main__contents #contents__intro__main #intro03__list li:nth-child(3).is-move--right {
                  -webkit-transform: translateX(40px);
                          transform: translateX(40px); } }

@media (max-width: 767px) {
            #p-top__main__contents #contents__intro__main #intro03__list li:last-child {
              width: 30.26667vw;
              height: 42.53333vw;
              right: -40px;
              bottom: 0;
              z-index: 6; }
              #p-top__main__contents #contents__intro__main #intro03__list li:last-child .wrapper {
                background: url("../images/sp/top/img_intro03_04.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
              #p-top__main__contents #contents__intro__main #intro03__list li:last-child.is-move--left {
                opacity: 1;
                -webkit-transform: translateX(-100px);
                        transform: translateX(-100px);
                -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
                transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
                transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; } }
              @media (max-width: 767px) and (max-width: 767px) {
                #p-top__main__contents #contents__intro__main #intro03__list li:last-child.is-move--left {
                  -webkit-transform: translateX(-40px);
                          transform: translateX(-40px); } }

@media (max-width: 767px) {
        #p-top__main__contents #contents__intro__main #intro04 {
          position: relative;
          margin-top: 4.26667vw; }
          #p-top__main__contents #contents__intro__main #intro04__chara {
            width: auto;
            max-width: none;
            display: block; }
          #p-top__main__contents #contents__intro__main #intro04__text {
            position: absolute;
            top: calc(50% - ((196 / 2) * (100vw) / 750));
            left: 0;
            right: 0; }
    #p-top__main__contents #contents__system {
      margin-top: 35px;
      width: 100%;
      padding: 0; }
      #p-top__main__contents #contents__system__title {
        background: url("../images/common/top/bg_title_system.png");
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
        padding: 9.33333vw 0 9.33333vw 29.06667vw;
        width: 100%; }
      #p-top__main__contents #contents__system__main .system__slider .hexagon__bg {
        -webkit-transform: rotate(-30deg);
                transform: rotate(-30deg);
        height: 133%;
        position: relative;
        top: -16.5%;
        -webkit-transition: all .5s;
        transition: all .5s; }
      #p-top__main__contents #contents__system__main .system__ss .ss {
        opacity: 0; }
        #p-top__main__contents #contents__system__main .system__ss .ss.is-move--left {
          opacity: 1;
          -webkit-transform: translateX(-100px);
                  transform: translateX(-100px);
          -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
          transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; } }
        @media (max-width: 767px) and (max-width: 767px) {
          #p-top__main__contents #contents__system__main .system__ss .ss.is-move--left {
            -webkit-transform: translateX(-40px);
                    transform: translateX(-40px); } }

@media (max-width: 767px) {
        #p-top__main__contents #contents__system__main .system__ss .ss.is-move--right {
          opacity: 1;
          -webkit-transform: translateX(100px);
                  transform: translateX(100px);
          -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
        @media (max-width: 767px) and (max-width: 767px) {
          #p-top__main__contents #contents__system__main .system__ss .ss.is-move--right {
            -webkit-transform: translateX(40px);
                    transform: translateX(40px); } }

@media (max-width: 767px) {
        #p-top__main__contents #contents__system__main .system__ss .ss .wrapper {
          display: block;
          height: 100%; }
      #p-top__main__contents #contents__system__main .system__text {
        top: 20px;
        opacity: 0; }
        #p-top__main__contents #contents__system__main .system__text.is-move--top {
          opacity: 1;
          -webkit-transform: translateY(-50px);
                  transform: translateY(-50px);
          -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
        @media (max-width: 767px) and (max-width: 767px) {
          #p-top__main__contents #contents__system__main .system__text.is-move--top {
            -webkit-transform: translateY(-20px);
                    transform: translateY(-20px); } }

@media (max-width: 767px) {
      #p-top__main__contents #contents__system__main #system01 {
        width: 100%;
        margin-top: -3.46667vw;
        padding-left: 0; }
        #p-top__main__contents #contents__system__main #system01 .system__slider {
          left: -55%;
          top: -1.33333vw; }
          #p-top__main__contents #contents__system__main #system01 .system__slider .hexagon {
            width: 97.06667vw; }
        #p-top__main__contents #contents__system__main #system01 .system__ss {
          width: 68.66667vw;
          height: 39.73333vw;
          top: 0;
          right: -4.26667vw; }
          #p-top__main__contents #contents__system__main #system01 .system__ss .ss {
            position: absolute; }
            #p-top__main__contents #contents__system__main #system01 .system__ss .ss:first-child {
              width: 50.8vw;
              height: 29.73333vw;
              max-width: none;
              max-height: none;
              bottom: 0;
              left: 40px; }
              #p-top__main__contents #contents__system__main #system01 .system__ss .ss:first-child .wrapper {
                background: url("../images/common/top/ss/img_system01_ss01.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__system__main #system01 .system__ss .ss:last-child {
              width: 32.13333vw;
              height: 19.2vw;
              max-width: none;
              max-height: none;
              top: 0;
              right: -40px; }
              #p-top__main__contents #contents__system__main #system01 .system__ss .ss:last-child .wrapper {
                background: url("../images/common/top/ss/img_system01_ss02.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
        #p-top__main__contents #contents__system__main #system01 .system__text {
          padding-top: 36vw;
          width: 87.86667vw;
          max-width: none;
          margin-left: auto; }
        #p-top__main__contents #contents__system__main #system01::after {
          width: 97.33333vw;
          height: 22.8vw;
          top: 50%;
          right: 0; }
      #p-top__main__contents #contents__system__main #system02 {
        width: 100%;
        padding-right: 0; }
        #p-top__main__contents #contents__system__main #system02 .system__slider {
          right: -42%;
          top: 5.86667vw; }
          #p-top__main__contents #contents__system__main #system02 .system__slider .hexagon {
            width: 61.73333vw; }
        #p-top__main__contents #contents__system__main #system02 .system__ss {
          top: 0;
          left: 0; }
          #p-top__main__contents #contents__system__main #system02 .system__ss .ss {
            position: relative;
            width: 42.4vw;
            height: 25.06667vw;
            max-width: none;
            max-height: none;
            left: -40px; }
            #p-top__main__contents #contents__system__main #system02 .system__ss .ss .wrapper {
              background: url("../images/common/top/ss/img_system02_ss01.png");
              background-size: 100% auto;
              background-position: center;
              background-repeat: no-repeat; }
        #p-top__main__contents #contents__system__main #system02 .system__text {
          padding-top: 28vw;
          width: 54.8vw;
          max-width: none; }
        #p-top__main__contents #contents__system__main #system02::after {
          width: 66vw;
          height: 76.26667vw;
          top: 10.66667vw;
          left: 10.93333vw; }
      #p-top__main__contents #contents__system__main #system03 {
        width: 100%;
        margin-top: 6vw;
        padding-left: 0; }
        #p-top__main__contents #contents__system__main #system03 .system__ss {
          width: 100%;
          max-width: none;
          height: 36vw;
          max-height: none;
          top: 0;
          left: 0;
          right: auto; }
          #p-top__main__contents #contents__system__main #system03 .system__ss .ss {
            position: absolute; }
            #p-top__main__contents #contents__system__main #system03 .system__ss .ss:first-child {
              width: 38.13333vw;
              height: 22.53333vw;
              max-width: none;
              max-height: none;
              top: 0;
              left: 60px; }
              #p-top__main__contents #contents__system__main #system03 .system__ss .ss:first-child .wrapper {
                background: url("../images/common/top/ss/img_system03_ss01.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__system__main #system03 .system__ss .ss:last-child {
              width: 52.66667vw;
              height: 30.93333vw;
              max-width: none;
              max-height: none;
              right: -40px;
              bottom: 0; }
              #p-top__main__contents #contents__system__main #system03 .system__ss .ss:last-child .wrapper {
                background: url("../images/common/top/ss/img_system03_ss02.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
        #p-top__main__contents #contents__system__main #system03 .system__text {
          padding-top: 24.66667vw;
          width: 90.93333vw;
          max-width: none; }
      #p-top__main__contents #contents__system__main #system04 {
        width: 100%;
        margin-top: 1.86667vw;
        padding-right: 0; }
        #p-top__main__contents #contents__system__main #system04 .system__ss {
          top: 0;
          left: 0; }
          #p-top__main__contents #contents__system__main #system04 .system__ss .ss {
            position: relative;
            width: 57.2vw;
            height: 33.33333vw;
            max-width: none;
            max-height: none;
            left: calc(4vw - 40px); }
            #p-top__main__contents #contents__system__main #system04 .system__ss .ss .wrapper {
              background: url("../images/common/top/ss/img_system04_ss01.png");
              background-size: 100% auto;
              background-position: center;
              background-repeat: no-repeat; }
        #p-top__main__contents #contents__system__main #system04 .system__text {
          padding-top: 17.86667vw;
          margin-left: auto;
          width: 60.06667vw;
          max-width: none; }
        #p-top__main__contents #contents__system__main #system04::after {
          width: 56.93333vw;
          height: 65.8vw;
          top: -5.86667vw;
          left: -13.33333vw; }
      #p-top__main__contents #contents__system__main #system05 {
        width: 100%;
        margin-top: 8.53333vw; }
        #p-top__main__contents #contents__system__main #system05 .system__slider {
          right: -37%; }
          #p-top__main__contents #contents__system__main #system05 .system__slider .hexagon {
            width: 77.73333vw; }
        #p-top__main__contents #contents__system__main #system05 .system__ss {
          top: 0;
          left: 0;
          width: 100%;
          max-width: none;
          height: 82.13333vw;
          max-height: none; }
          #p-top__main__contents #contents__system__main #system05 .system__ss .ss {
            position: absolute; }
            #p-top__main__contents #contents__system__main #system05 .system__ss .ss:first-child {
              width: 42.8vw;
              height: 25.2vw;
              max-width: none;
              max-height: none;
              left: calc(9.33333vw + 40px);
              top: 0; }
              #p-top__main__contents #contents__system__main #system05 .system__ss .ss:first-child .wrapper {
                background: url("../images/common/top/ss/img_system05_ss01.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__system__main #system05 .system__ss .ss:nth-child(2) {
              width: 61.93333vw;
              height: 36vw;
              max-width: none;
              max-height: none;
              top: 28.66667vw;
              left: -40px; }
              #p-top__main__contents #contents__system__main #system05 .system__ss .ss:nth-child(2) .wrapper {
                background: url("../images/common/top/ss/img_system05_ss02.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__system__main #system05 .system__ss .ss:last-child {
              width: 39.53333vw;
              height: 23.33333vw;
              max-width: none;
              max-height: none;
              left: calc(44.66667vw - 40px);
              bottom: 0; }
              #p-top__main__contents #contents__system__main #system05 .system__ss .ss:last-child .wrapper {
                background: url("../images/common/top/ss/img_system05_ss03.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
        #p-top__main__contents #contents__system__main #system05 .system__text {
          padding-top: 66.66667vw;
          width: 57.6vw;
          max-width: none;
          margin: 0; }
      #p-top__main__contents #contents__system__main #system06 {
        width: 100%;
        margin-top: 4.53333vw;
        padding-right: 0; }
        #p-top__main__contents #contents__system__main #system06 .system__ss {
          top: 0;
          left: 6.66667vw; }
          #p-top__main__contents #contents__system__main #system06 .system__ss .ss {
            position: relative;
            width: 71.86667vw;
            height: 41.73333vw;
            max-width: none;
            max-height: none;
            left: -40px; }
            #p-top__main__contents #contents__system__main #system06 .system__ss .ss .wrapper {
              background: url("../images/common/top/ss/img_system06_ss01.png");
              background-size: 100% auto;
              background-position: center;
              background-repeat: no-repeat; }
        #p-top__main__contents #contents__system__main #system06 .system__text {
          padding-top: 33.33333vw;
          width: 51.53333vw;
          max-width: none; }
        #p-top__main__contents #contents__system__main #system06::after {
          width: 56.93333vw;
          height: 65.8vw;
          top: 5.6vw;
          left: 28.4vw; }
      #p-top__main__contents #contents__system__main #system07 {
        padding-left: 25%;
        margin-top: 2.4vw; }
        #p-top__main__contents #contents__system__main #system07 .system__slider {
          top: 16vw;
          left: -24vw; }
          #p-top__main__contents #contents__system__main #system07 .system__slider .hexagon {
            width: 65.86667vw; }
        #p-top__main__contents #contents__system__main #system07 .system__ss {
          height: 100%;
          width: 100%;
          max-width: none;
          right: 0;
          top: 0; }
          #p-top__main__contents #contents__system__main #system07 .system__ss .ss {
            position: absolute; }
            #p-top__main__contents #contents__system__main #system07 .system__ss .ss:first-child {
              width: 47.86667vw;
              height: 28.13333vw;
              max-width: none;
              max-height: none;
              top: 0;
              right: -40px; }
              #p-top__main__contents #contents__system__main #system07 .system__ss .ss:first-child .wrapper {
                background: url("../images/common/top/ss/img_system07_ss01.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__system__main #system07 .system__ss .ss:nth-child(2) {
              width: 29.2vw;
              height: 17.6vw;
              max-width: none;
              max-height: none;
              top: 24vw;
              left: calc(25% + 12.66667vw + 40px); }
              #p-top__main__contents #contents__system__main #system07 .system__ss .ss:nth-child(2) .wrapper {
                background: url("../images/common/top/ss/img_system07_ss02.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
            #p-top__main__contents #contents__system__main #system07 .system__ss .ss:last-child {
              width: 63.73333vw;
              height: 37.2vw;
              max-width: none;
              max-height: none;
              bottom: 10.66667vw;
              left: calc(25% + 40px); }
              #p-top__main__contents #contents__system__main #system07 .system__ss .ss:last-child .wrapper {
                background: url("../images/common/top/ss/img_system07_ss03.png");
                background-size: 100% auto;
                background-position: center;
                background-repeat: no-repeat; }
        #p-top__main__contents #contents__system__main #system07 .system__text {
          padding-top: 77.33333vw;
          margin-left: auto;
          width: 52.66667vw;
          max-width: none; }
    #p-top__main__contents #contents__chara {
      background: url("../images/sp/top/bg_chara.png");
      background-size: 100% auto;
      background-position: right top;
      background-repeat: no-repeat;
      position: relative;
      width: 100vw;
      margin-left: calc((100% - 100vw) / 2);
      margin-top: 4.26667vw;
      padding: 0; }
      #p-top__main__contents #contents__chara__title {
        width: 38vw;
        margin: 0 auto;
        padding-top: 4.26667vw;
        position: static; }
      #p-top__main__contents #contents__chara__list {
        padding: 0 16.26667vw;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 9.33333vw;
        position: relative;
        opacity: 0;
        top: 50px; }
        #p-top__main__contents #contents__chara__list.is-move--top {
          opacity: 1;
          -webkit-transform: translateY(-50px);
                  transform: translateY(-50px);
          -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
        @media (max-width: 767px) and (max-width: 767px) {
          #p-top__main__contents #contents__chara__list.is-move--top {
            -webkit-transform: translateY(-20px);
                    transform: translateY(-20px); } }

@media (max-width: 767px) {
        #p-top__main__contents #contents__chara__list li {
          margin-left: 1.33333vw;
          left: 0; }
          #p-top__main__contents #contents__chara__list li .character {
            width: 40vw;
            left: calc(-14.93333vw / 1.732); }
          #p-top__main__contents #contents__chara__list li .parallelogram__inner a {
            width: 23.2vw;
            height: 29.86667vw; }
          #p-top__main__contents #contents__chara__list li:nth-child(n+3) {
            margin-top: 12.53333vw; }
          #p-top__main__contents #contents__chara__list li:nth-child(1), #p-top__main__contents #contents__chara__list li:nth-child(4), #p-top__main__contents #contents__chara__list li:nth-child(8) {
            margin-left: 1.33333vw; }
          #p-top__main__contents #contents__chara__list li:last-child {
            left: 0;
            margin-left: auto;
            margin-right: auto; }
            #p-top__main__contents #contents__chara__list li:last-child .character {
              width: 73.33333vw;
              left: 3.06667vw; }
            #p-top__main__contents #contents__chara__list li:last-child .parallelogram__inner a {
              width: 66.4vw;
              height: 26.66667vw; }
  #p-top__main__nfc {
    margin-top: 12vw; }
    #p-top__main__nfc__inner {
      padding: 9.06667vw 4.26667vw 5.06667vw; }
    #p-top__main__nfc__contents > * {
      margin-top: 3.73333vw;
      opacity: 0; }
      #p-top__main__nfc__contents > *.is-move--top {
        position: relative;
        top: 20px;
        opacity: 1;
        -webkit-transform: translateY(-50px);
                transform: translateY(-50px);
        -webkit-transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); } }
      @media (max-width: 767px) and (max-width: 767px) {
        #p-top__main__nfc__contents > *.is-move--top {
          -webkit-transform: translateY(-20px);
                  transform: translateY(-20px); } }

@media (max-width: 767px) {
    #p-top__main__nfc__contents #contents__title {
      width: 83.33333vw;
      margin: 0 auto;
      left: 0;
      right: 0;
      top: -2vw; }
    #p-top__main__nfc__contents #contents__img {
      width: 93.73333vw;
      height: 28.53333vw;
      background: url("../images/common/top/img_nfc.png");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      margin-left: calc((100% - 93.73333vw) / 2);
      margin-top: 0; }
    #p-top__main__nfc__contents #contents__text {
      width: 70.4vw;
      margin: 0 auto; }
    #p-top__main__nfc__contents #contents__btn {
      width: 58.66667vw; }
    #p-top__main__nfc__contents #contents__note {
      width: 100%;
      padding: 3.46667vw; }
      #p-top__main__nfc__contents #contents__note__title {
        font-size: 3.46667vw; }
      #p-top__main__nfc__contents #contents__note__list {
        margin-top: 2.4vw; }
        #p-top__main__nfc__contents #contents__note__list li {
          font-size: 2.66667vw; }
  #p-top__main__info {
    background: url("../images/sp/top/bg_bnr.png");
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-repeat: repeat-y; }
    #p-top__main__info__inner {
      padding: 8.26667vw 4.26667vw 9.33333vw; }
    #p-top__main__info .info__item::before {
      background: url("../images/sp/top/bg_line.png");
      background-size: contain;
      background-position: center left;
      background-repeat: no-repeat;
      height: 0.66667vw;
      top: calc(-2px - 0.66667vw); }
    #p-top__main__info #info__spec .title {
      padding: 1.6vw 1.33333vw;
      font-size: 3.2vw; }
    #p-top__main__info #info__spec dl {
      padding: 4.53333vw 5.33333vw; }
      #p-top__main__info #info__spec dl > * {
        font-size: 3.2vw; }
        #p-top__main__info #info__spec dl > *:nth-child(n+3) {
          margin-top: 2.93333vw; }
      #p-top__main__info #info__spec dl dt {
        width: 40.9%; }
      #p-top__main__info #info__spec dl dd {
        width: 59.1%; }
    #p-top__main__info #info__bnr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      #p-top__main__info #info__bnr .bnr {
        width: 50%; }
        #p-top__main__info #info__bnr .bnr .title {
          font-size: 2.66667vw;
          padding: 1.6vw 1.33333vw; }
        #p-top__main__info #info__bnr .bnr:first-child {
          margin-right: 4.26667vw; }
        #p-top__main__info #info__bnr .bnr::before {
          background: url("../images/sp/top/bg_line.png");
          background-size: contain;
          background-position: center left;
          background-repeat: no-repeat;
          height: 0.66667vw;
          top: calc(-2px - 0.66667vw); }
    #p-top__main__info #info__x {
      margin-top: 7.33333vw;
      width: auto; } }

@media (orientation: landscape) and (max-width: 767px) {
  #p-top__main__kv {
    min-height: 128vw; } }

@media (orientation: landscape) and (min-width: 768px) {
  html.dev-sp #p-top__main__kv {
    min-height: 68.57143vw; } }