@charset "UTF-8";
/* =============================================================== */
/* reset */
/* =============================================================== */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

/* =============================================================== */
/* reset */
/* =============================================================== */
/* =============================================================== */
/* foundation */
/* =============================================================== */
html {
  font-size: 62.5%; }

body {
  background: #000;
  color: #fff;
  margin: 0 auto;
  font-family: fot-udkakugo-large-pr6n, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  letter-spacing: .05em; }
  @media print, screen and (max-width: 767px) {
    body {
      overflow-x: hidden;
      -webkit-text-size-adjust: 100%;
      -webkit-overflow-scrolling: touch; } }

.octin {
  font-family: octin-stencil, sans-serif;
  font-weight: 400;
  font-style: normal; }

.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.center_x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.center_y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.preload * {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transition-delay: unset !important;
          transition-delay: unset !important; }

.resizing *,
.resizing *:before,
.resizing *:after {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transition-delay: unset !important;
          transition-delay: unset !important; }

img {
  width: 100%;
  height: auto; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1; }

a {
  color: #fff;
  text-decoration: none; }

@media print, screen and (min-width: 768px) {
  .hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: .2s opacity;
    transition: .2s opacity; }
    .hover:hover {
      opacity: .75;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
      cursor: pointer; } }

.pc_b {
  display: block !important; }
  @media print, screen and (max-width: 767px) {
    .pc_b {
      display: none !important; } }

.pc_i {
  display: inline !important; }
  @media print, screen and (max-width: 767px) {
    .pc_i {
      display: none !important; } }

.pc_ib {
  display: inline-block !important; }
  @media print, screen and (max-width: 767px) {
    .pc_ib {
      display: none !important; } }

.sp_b {
  display: none !important; }
  @media print, screen and (max-width: 767px) {
    .sp_b {
      display: block !important; } }

.sp_i {
  display: none !important; }
  @media print, screen and (max-width: 767px) {
    .sp_i {
      display: inline !important; } }

.sp_ib {
  display: none !important; }
  @media print, screen and (max-width: 767px) {
    .sp_ib {
      display: inline-block !important; } }

/*-------------------------------------------------------------------*/
/* Module */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* character */
/*-------------------------------------------------------------------*/
/* =============================================================== */
/* .Sub_Bg */
/* =============================================================== */
.Sub_Bg-0:before {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("../../images/common/bg_hexagon-1.png") left top/8.95833vw 10.41667vw repeat, #000; }
  @media print, screen and (max-width: 767px) {
    .Sub_Bg-0:before {
      top: 16.92708vw;
      background: url("../../images/common/bg_hexagon-1.png") left top/22.39583vw 26.04167vw repeat, #000; } }

.Sub_Bg-1:before {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("../../images/pc/about/bg.png") center top/100% auto no-repeat;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  @media print, screen and (max-width: 767px) {
    .Sub_Bg-1:before {
      opacity: .5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      top: 16.92708vw;
      background: url("../../images/pc/about/bg.png") center top/300% auto no-repeat; } }

.Sub_Bg-1:after {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 41.66667vw;
  top: 0;
  left: 0;
  background: url("../../images/common/bg_stripe.png") left top/1px 4px repeat; }
  @media print, screen and (max-width: 767px) {
    .Sub_Bg-1:after {
      background: url("../../images/common/bg_stripe.png") left top/1px 2px repeat;
      top: 16.92708vw;
      height: 52.08333vw; } }

/* =============================================================== */
/* .sub-Header */
/* =============================================================== */
.sub-Header {
  height: 18.75vw;
  padding: 10.41667vw 0 0; }
  @media print, screen and (max-width: 767px) {
    .sub-Header {
      height: 27.34375vw;
      padding: 11.71875vw 0 0;
      margin: 16.92708vw 0 0; } }

/* =============================================================== */
/* .sub-Contents */
/* =============================================================== */
.sub-Contents {
  width: 79.16667vw;
  margin: 0 auto 7.8125vw;
  border: 2px solid #239a9b;
  background: rgba(35, 155, 156, 0.07);
  position: relative;
  padding: 0 0 4.6875vw; }
  @media print, screen and (max-width: 767px) {
    .sub-Contents {
      width: 96%;
      margin: 0 auto 15.625vw;
      border: 1px solid #239a9b;
      padding: 0 0 11.71875vw; } }
  .sub-Contents.last {
    margin: 0 auto; }
  .sub-Contents:before, .sub-Contents:after {
    content: "";
    height: 1.04167vw;
    width: 1.04167vw;
    display: block;
    position: absolute;
    background: url("../../images/common/corner.png") left top/100% auto no-repeat;
    bottom: 4px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    left: 4px; }
    @media print, screen and (max-width: 767px) {
      .sub-Contents:before, .sub-Contents:after {
        height: 2.60417vw;
        width: 2.60417vw;
        bottom: 2px;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
        left: 2px; } }
  .sub-Contents:after {
    bottom: 4px;
    left: auto;
    right: 4px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
    @media print, screen and (max-width: 767px) {
      .sub-Contents:after {
        bottom: 2px;
        left: auto;
        right: 2px; } }
  .sub-Contents_Ttl {
    background: #020304;
    position: relative; }
    .sub-Contents_Ttl:before {
      content: "";
      height: 0;
      width: 4.16667vw;
      display: block;
      position: absolute;
      border-bottom: 0.52083vw solid #239a9b;
      border-right: 0.52083vw solid transparent;
      left: -2px;
      top: -0.52083vw; }
      @media print, screen and (max-width: 767px) {
        .sub-Contents_Ttl:before {
          width: 10.41667vw;
          border-bottom: 1.30208vw solid #239a9b;
          border-right: 1.30208vw solid transparent;
          left: -1px;
          top: -1.30208vw; } }
    .sub-Contents_Ttl:after {
      content: "";
      height: 1.04167vw;
      width: 1.04167vw;
      display: block;
      position: absolute;
      background: url("../../images/common/corner.png") left top/100% auto no-repeat;
      top: 4px;
      right: 4px; }
      @media print, screen and (max-width: 767px) {
        .sub-Contents_Ttl:after {
          top: 2px;
          right: 2px;
          height: 2.60417vw;
          width: 2.60417vw; } }
    .sub-Contents_Ttl .txt {
      width: 100%;
      height: 8.85417vw;
      font-size: 1.97917vw;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-style: italic;
      -webkit-font-feature-settings: "palt";
              font-feature-settings: "palt";
      text-shadow: 0px 0px 10px rgba(0, 252, 255, 0.8);
      position: relative;
      font-weight: 600;
      letter-spacing: .07em;
      text-align: center;
      line-height: 1.5; }
      @media print, screen and (max-width: 767px) {
        .sub-Contents_Ttl .txt {
          height: 17.70833vw;
          font-size: 3.90625vw; } }
      .sub-Contents_Ttl .txt span {
        font-size: 2.5vw; }
        @media print, screen and (max-width: 767px) {
          .sub-Contents_Ttl .txt span {
            font-size: 4.6875vw; } }
      .sub-Contents_Ttl .txt:before, .sub-Contents_Ttl .txt:after {
        content: "";
        height: 100%;
        width: 3.38542vw;
        display: block;
        position: absolute;
        background: url("../../images/pc/common/ttl-0.png") left center/auto 100% no-repeat;
        top: 0;
        left: 0.78125vw; }
        @media print, screen and (max-width: 767px) {
          .sub-Contents_Ttl .txt:before, .sub-Contents_Ttl .txt:after {
            background: url("../../images/sp/common/ttl-0.png") left center/auto 100% no-repeat;
            width: 5.46875vw;
            left: 1.30208vw; } }
      .sub-Contents_Ttl .txt:after {
        -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg);
        left: auto;
        right: 0.78125vw; }
        @media print, screen and (max-width: 767px) {
          .sub-Contents_Ttl .txt:after {
            right: 1.30208vw; } }
      .sub-Contents_Ttl .txt.lf {
        height: 12.5vw; }
        @media print, screen and (max-width: 767px) {
          .sub-Contents_Ttl .txt.lf {
            height: 24.73958vw; } }
        .sub-Contents_Ttl .txt.lf:before, .sub-Contents_Ttl .txt.lf:after {
          background: url("../../images/pc/common/ttl-1.png") left center/auto 100% no-repeat; }
          @media print, screen and (max-width: 767px) {
            .sub-Contents_Ttl .txt.lf:before, .sub-Contents_Ttl .txt.lf:after {
              background: url("../../images/sp/common/ttl-1.png") left center/auto 100% no-repeat; } }
      @media print, screen and (max-width: 767px) {
        .sub-Contents_Ttl .txt.lf-s {
          height: 24.73958vw; }
          .sub-Contents_Ttl .txt.lf-s:before, .sub-Contents_Ttl .txt.lf-s:after {
            background: url("../../images/sp/common/ttl-1.png") left center/auto 100% no-repeat; } }
    .sub-Contents_Ttl .line {
      display: block;
      width: 100%;
      height: 2px;
      background: #239a9b;
      position: relative; }
      @media print, screen and (max-width: 767px) {
        .sub-Contents_Ttl .line {
          height: 1px; } }
      .sub-Contents_Ttl .line:before {
        content: "";
        display: block;
        position: absolute;
        width: 8.85417vw;
        height: 1.09375vw;
        background: url("../../images/pc/index/system_chara-frame.png") center bottom/100% auto no-repeat;
        -webkit-transform: scaleY(180deg);
                transform: scaleY(180deg);
        left: calc(50% - 4.4vw);
        top: -3px; }
        @media print, screen and (max-width: 767px) {
          .sub-Contents_Ttl .line:before {
            width: 22.13542vw;
            height: 2.73438vw;
            left: calc(50% - 11vw);
            top: -1px; } }
      .sub-Contents_Ttl .line:after {
        position: absolute;
        content: "";
        display: block;
        height: 2px;
        width: 1.77083vw;
        background: #00fcff;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 1.04167vw; }
        @media print, screen and (max-width: 767px) {
          .sub-Contents_Ttl .line:after {
            height: 1px;
            width: 5.72917vw;
            bottom: 1.82292vw; } }
  .sub-Contents_Inner .img-Box {
    margin: 3.125vw auto 3.64583vw;
    width: 62.5vw; }
    @media print, screen and (max-width: 767px) {
      .sub-Contents_Inner .img-Box {
        margin: 7.8125vw auto 6.51042vw;
        width: 87.5vw; } }
    .sub-Contents_Inner .img-Box.cross {
      margin: 2.08333vw auto 0; }
      @media print, screen and (max-width: 767px) {
        .sub-Contents_Inner .img-Box.cross {
          margin: 2.60417vw auto 0; } }
  .sub-Contents_Inner .txt-Box {
    margin: 0 auto;
    width: 53.33333vw;
    font-size: 1.04167vw;
    line-height: 2.2;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8); }
    @media print, screen and (max-width: 767px) {
      .sub-Contents_Inner .txt-Box {
        width: 82.8125vw;
        font-size: 3.64583vw;
        line-height: 2.2;
        margin: 0 auto; } }
    .sub-Contents_Inner .txt-Box .sup {
      font-size: .8em; }
      @media print, screen and (max-width: 767px) {
        .sub-Contents_Inner .txt-Box .sup {
          line-height: 1.8;
          display: block; } }
    .sub-Contents_Inner .txt-Box.cross {
      margin: -5.20833vw auto 0; }
      @media print, screen and (max-width: 767px) {
        .sub-Contents_Inner .txt-Box.cross {
          margin: 0 auto 0; } }
    .sub-Contents_Inner .txt-Box.fighter {
      position: relative; }
      @media print, screen and (min-width: 768px) {
        .sub-Contents_Inner .txt-Box.fighter {
          width: 34.89583vw;
          margin: 6.25vw 0 2.60417vw 7.8125vw; } }
      @media print, screen and (max-width: 767px) {
        .sub-Contents_Inner .txt-Box.fighter {
          padding: 0 0 70.3125vw;
          display: block; } }
      .sub-Contents_Inner .txt-Box.fighter:before {
        content: "";
        display: block;
        position: absolute;
        width: 31.5625vw;
        height: 21.97917vw;
        background: url("../../images/pc/about/chara.png") center top/100% auto no-repeat;
        right: -32.29167vw;
        top: -4.42708vw; }
        @media print, screen and (max-width: 767px) {
          .sub-Contents_Inner .txt-Box.fighter:before {
            background: url("../../images/sp/index/system_chara.png") center top/100% auto no-repeat;
            width: 87.5vw;
            height: 68.75vw;
            top: 61.84896vw;
            left: -1.30208vw; } }
  .sub-Contents_Inner .sw-Btn_light {
    margin: 3.64583vw auto 0; }
    @media print, screen and (max-width: 767px) {
      .sub-Contents_Inner .sw-Btn_light {
        margin: 9.11458vw auto 0; } }

.sw-Txt-dev {
  padding: 0 10.41667vw 1.5625vw 0; }
  @media print, screen and (max-width: 767px) {
    .sw-Txt-dev {
      padding: 0 2.60417vw 7.8125vw 0; } }

/* =============================================================== */
/* system */
/* =============================================================== */
/* =============================================================== */
/* movie */
/* =============================================================== */
/* =============================================================== */
/* #movie-Stage */
/* =============================================================== */
#movie-Stage {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0; }
  @media print, screen and (min-width: 768px) {
    #movie-Stage {
      z-index: 200; } }
  @media print, screen and (max-width: 767px) {
    #movie-Stage {
      z-index: 200; } }
  #movie-Stage #movie-Iframe {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 89;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media print, screen and (max-width: 767px) {
      #movie-Stage #movie-Iframe {
        width: 100%;
        background: rgba(0, 0, 0, 0.9); }
        #movie-Stage #movie-Iframe iframe {
          width: 100%;
          height: 56.25vw; } }
  #movie-Stage #movie-Close {
    position: fixed;
    z-index: 89;
    width: 58px;
    height: 58px;
    top: 1.77083vw;
    right: 2.08333vw;
    -webkit-transition: .2s;
    transition: .2s; }
    @media print, screen and (max-width: 767px) {
      #movie-Stage #movie-Close {
        width: 9.11458vw;
        height: 9.11458vw;
        position: fixed;
        top: 3.90625vw;
        right: 3.90625vw; } }
    #movie-Stage #movie-Close span {
      position: absolute;
      content: "";
      width: 0;
      height: 4px;
      background: #fff;
      -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 252, 255, 0.6);
      box-shadow: 0px 0px 6px 2px rgba(0, 252, 255, 0.6);
      -webkit-animation: closeAnime .3s .5s forwards;
              animation: closeAnime .3s .5s forwards; }
      @media print, screen and (max-width: 767px) {
        #movie-Stage #movie-Close span {
          position: absolute;
          display: block;
          width: 0;
          height: 2px;
          background: #fff;
          -webkit-animation: closeAnime-s .2s .2s forwards;
                  animation: closeAnime-s .2s .2s forwards; } }
      #movie-Stage #movie-Close span:nth-of-type(1) {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        top: 30px;
        left: 32px;
        -webkit-transform-origin: left top 0;
                transform-origin: left top 0; }
      #movie-Stage #movie-Close span:nth-of-type(2) {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        top: 30px;
        right: 34px;
        -webkit-transform-origin: right top 0;
                transform-origin: right top 0; }
      #movie-Stage #movie-Close span:nth-of-type(3) {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        top: 24px;
        left: 32px;
        -webkit-transform-origin: left bottom 0;
                transform-origin: left bottom 0; }
      #movie-Stage #movie-Close span:nth-of-type(4) {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        top: 24px;
        right: 34px;
        -webkit-transform-origin: right bottom 0;
                transform-origin: right bottom 0; }
      @media print, screen and (max-width: 767px) {
        #movie-Stage #movie-Close span:nth-of-type(1) {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          top: 5.07812vw;
          left: 5.20833vw;
          -webkit-transform-origin: left top 0;
                  transform-origin: left top 0; }
        #movie-Stage #movie-Close span:nth-of-type(2) {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          top: 5.07812vw;
          right: 5.20833vw;
          -webkit-transform-origin: right top 0;
                  transform-origin: right top 0; }
        #movie-Stage #movie-Close span:nth-of-type(3) {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          top: 3.77604vw;
          left: 5.20833vw;
          -webkit-transform-origin: left bottom 0;
                  transform-origin: left bottom 0; }
        #movie-Stage #movie-Close span:nth-of-type(4) {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          top: 3.77604vw;
          right: 5.20833vw;
          -webkit-transform-origin: right bottom 0;
                  transform-origin: right bottom 0; } }
    #movie-Stage #movie-Close:hover {
      cursor: pointer;
      opacity: .7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

/* =============================================================== */
/* st */
/* =============================================================== */
/* =============================================================== */
/* .st-Loading */
/* =============================================================== */
.st-Loading {
  width: 100vw;
  height: 100%;
  position: fixed;
  z-index: 400;
  background: #000;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-transition: opacity .25s 1.5s;
  transition: opacity .25s 1.5s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .st-Loading:after {
    position: absolute;
    content: "";
    display: block;
    height: 1px;
    width: 0;
    background: rgba(0, 252, 255, 0.25);
    top: 50%;
    z-index: 401; }
  .st-Loading:before {
    position: absolute;
    content: "";
    display: block;
    width: 18.22917vw;
    height: 2.91667vw;
    background: url("../../images/common/logo.png") center top/100% auto no-repeat;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 402;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(1em);
            transform: translateY(1em);
    -webkit-transition: .6s;
    transition: .6s; }
    @media print, screen and (max-width: 767px) {
      .st-Loading:before {
        width: 58.59375vw;
        height: 9.375vw; } }
  .st-Loading.load {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .st-Loading.load:after {
      -webkit-animation: bandAnime-0 0.25s 0s cubic-bezier(0.86, 0, 0.07, 1) forwards, bandAnime-1 0.25s 0.8s cubic-bezier(0.86, 0, 0.07, 1) forwards;
              animation: bandAnime-0 0.25s 0s cubic-bezier(0.86, 0, 0.07, 1) forwards, bandAnime-1 0.25s 0.8s cubic-bezier(0.86, 0, 0.07, 1) forwards; }
    .st-Loading.load:before {
      -webkit-animation: logoImg 1.15s .1s forwards;
              animation: logoImg 1.15s .1s forwards;
      -webkit-transform: translateY(0);
              transform: translateY(0); }

/* =============================================================== */
/* .st-Container */
/* =============================================================== */
.st-Container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

/* =============================================================== */
/* .st-Header */
/* =============================================================== */
.st-Header {
  position: fixed;
  z-index: 100;
  width: 100%; }
  @media print, screen and (min-width: 768px) {
    .st-Header {
      height: 6.25vw;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), color-stop(65%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0) 100%);
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;
      -ms-flex-pack: justify;
          -webkit-box-pack: justify;
          justify-content: space-between;
      -webkit-transition: .2s;
      transition: .2s; }
      .st-Header-Shorten {
        height: 4.6875vw; }
        .st-Header-Shorten .st-Header_Logo {
          width: 19.27083vw; }
        .st-Header-Shorten .sub-List {
          padding: 4.0625vw 0 0 !important; } }
  @media print, screen and (max-width: 767px) {
    .st-Header {
      background: rgba(0, 0, 0, 0.9);
      height: 16.92708vw; } }
  .st-Header_Logo {
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    -webkit-transition: .2s;
    transition: .2s; }
    @media print, screen and (min-width: 768px) {
      .st-Header_Logo {
        width: 24.6875vw;
        margin: 0 0 0 1.82292vw; } }
    @media print, screen and (max-width: 767px) {
      .st-Header_Logo {
        width: 51.04167vw;
        margin: 0 0 0 3.90625vw; } }
    .st-Header_Logo a {
      display: block; }
  .st-Header_Navi {
    display: block !important; }
    @media print, screen and (min-width: 768px) {
      .st-Header_Navi {
        margin: 0 0.78125vw 0;
        height: 100%; }
        .st-Header_Navi nav {
          height: 100%; }
        .st-Header_Navi .nav-List {
          height: 100%;
          display: -ms-flexbox;
          display: -webkit-box;
          display: flex; }
          .st-Header_Navi .nav-List li.nav-Item,
          .st-Header_Navi .nav-List li.yunuo {
            height: 100%;
            margin: 0 1.30208vw;
            font-size: 1.5625vw;
            letter-spacing: .1em;
            text-shadow: 0px 0px 4px rgba(0, 252, 255, 0.6), 0px 0px 4px rgba(0, 252, 255, 0.6);
            position: relative; }
            .st-Header_Navi .nav-List li.nav-Item a,
            .st-Header_Navi .nav-List li.yunuo a {
              height: 100%;
              display: -ms-flexbox;
              display: -webkit-box;
              display: flex;
              -ms-flex-align: center;
                  -webkit-box-align: center;
                  align-items: center;
              -ms-flex-pack: center;
                  -webkit-box-pack: center;
                  justify-content: center;
              position: relative;
              z-index: 102; }
            .st-Header_Navi .nav-List li.nav-Item.close,
            .st-Header_Navi .nav-List li.yunuo.close {
              opacity: .6;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
              pointer-events: none; }
            .st-Header_Navi .nav-List li.nav-Item.yunuo,
            .st-Header_Navi .nav-List li.yunuo.yunuo {
              width: 5.9375vw; }
              .st-Header_Navi .nav-List li.nav-Item.yunuo img,
              .st-Header_Navi .nav-List li.yunuo.yunuo img {
                -webkit-transform: translateY(-0.15em);
                transform: translateY(-0.15em); }
            .st-Header_Navi .nav-List li.nav-Item:not(.yunuo):not(.sub-Item):before,
            .st-Header_Navi .nav-List li.yunuo:not(.yunuo):not(.sub-Item):before {
              content: "";
              position: absolute;
              display: block;
              width: 130%;
              height: 0.52083vw;
              background: url("../../images/pc/common/current_bg.png") right top/auto 100% no-repeat, #fff;
              -webkit-box-shadow: 0px 0px 8px 3px rgba(0, 252, 255, 0.3);
              box-shadow: 0px 0px 8px 3px rgba(0, 252, 255, 0.3);
              top: -1.04167vw;
              left: -15%;
              -webkit-transform: skewX(-25deg);
              transform: skewX(-25deg);
              -webkit-transition: .3s;
              transition: .3s;
              z-index: 103; }
            .st-Header_Navi .nav-List li.nav-Item:not(.yunuo):not(.sub-Item):hover:before,
            .st-Header_Navi .nav-List li.yunuo:not(.yunuo):not(.sub-Item):hover:before {
              top: 0; }
            .st-Header_Navi .nav-List li.nav-Item.system:hover .sub-List,
            .st-Header_Navi .nav-List li.yunuo.system:hover .sub-List {
              height: auto !important;
              opacity: 1 !important;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
              -webkit-transform: translateY(0) !important;
              transform: translateY(0) !important; }
            .st-Header_Navi .nav-List li.nav-Item.terms:hover .sub-List,
            .st-Header_Navi .nav-List li.yunuo.terms:hover .sub-List {
              height: auto !important;
              opacity: 1 !important;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
              -webkit-transform: translateY(0) !important;
              transform: translateY(0) !important; }
            .st-Header_Navi .nav-List li.nav-Item.terms:before,
            .st-Header_Navi .nav-List li.yunuo.terms:before {
              width: 170% !important;
              left: -35% !important; }
            .st-Header_Navi .nav-List li.nav-Item.current:before, .st-Header_Navi .nav-List li.nav-Item.third:before,
            .st-Header_Navi .nav-List li.yunuo.current:before,
            .st-Header_Navi .nav-List li.yunuo.third:before {
              top: 0 !important; } }
    @media print, screen and (max-width: 767px) {
      .st-Header_Navi {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        pointer-events: none;
        position: fixed;
        top: 16.92708vw;
        left: 0;
        background: rgba(0, 0, 0, 0.9);
        width: 100%;
        height: calc(100% - 16vw);
        padding: 3.90625vw 2.60417vw 15.625vw;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        z-index: 100; }
        .st-Header_Navi .nav-Item {
          font-size: 4.94792vw;
          letter-spacing: .1em;
          text-align: center;
          height: 14.32292vw;
          background: #000;
          border: 1px solid #239a9b;
          margin: 0 0 4.94792vw;
          text-shadow: 0px 0px 4px rgba(0, 252, 255, 0.6), 0px 0px 4px rgba(0, 252, 255, 0.6);
          position: relative; }
          .st-Header_Navi .nav-Item.close a {
            opacity: .4;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
            pointer-events: none; }
          .st-Header_Navi .nav-Item.close:before {
            opacity: .4;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
          .st-Header_Navi .nav-Item.current {
            background: rgba(35, 154, 155, 0.4); }
          .st-Header_Navi .nav-Item a {
            display: -ms-flexbox;
            display: -webkit-box;
            display: flex;
            -ms-flex-align: center;
                -webkit-box-align: center;
                align-items: center;
            -ms-flex-pack: center;
                -webkit-box-pack: center;
                justify-content: center;
            width: 100%;
            height: 100%; }
          .st-Header_Navi .nav-Item:before {
            content: "";
            position: absolute;
            display: block;
            width: 2.60417vw;
            height: 4.16667vw;
            background: url("../../images/common/btn_arw.png") center center/100% auto no-repeat;
            top: 4.81771vw;
            right: 2.86458vw; }
        .st-Header_Navi.current:before {
          top: 0; }
        .st-Header_Navi .system {
          margin-bottom: 28.64583vw; }
        .st-Header_Navi .terms {
          margin-bottom: 16.32291vw; }
          .st-Header_Navi .terms:before {
            display: none; }
          .st-Header_Navi .terms > a {
            pointer-events: none !important; }
          .st-Header_Navi .terms li {
            line-height: 1.2; }
            .st-Header_Navi .terms li a {
              text-align: left; }
        .st-Header_Navi .yunuo {
          width: 35.15625vw;
          margin: 7.8125vw auto 0; }
          .st-Header_Navi .yunuo a {
            display: block; } }
    @media print, screen and (min-width: 768px) {
      .st-Header_Navi .sub-List {
        width: 13.54167vw;
        background: rgba(0, 0, 0, 0.65);
        padding: 4.94792vw 0 0;
        position: absolute;
        top: 0;
        left: -1.5625vw;
        height: 0;
        overflow: hidden;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
        -webkit-transition: .2s;
        transition: .2s; }
        .st-Header_Navi .sub-List.terms {
          width: 8.33333vw;
          left: -1.5625vw; }
          .st-Header_Navi .sub-List.terms a {
            font-size: 0.83333vw;
            line-height: 1.4; } }
    @media print, screen and (max-width: 767px) {
      .st-Header_Navi .sub-List {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        border: 1px solid #239a9b;
        width: calc(100% + 2px);
        margin: 0 0 0 -1px; } }
    @media print, screen and (min-width: 768px) {
      .st-Header_Navi .sub-Item {
        width: 100%;
        margin: 0; }
        .st-Header_Navi .sub-Item.current a {
          color: #00fcff; } }
    @media print, screen and (max-width: 767px) {
      .st-Header_Navi .sub-Item {
        height: 11.71875vw;
        width: 50%;
        font-size: 3.64583vw;
        background: #000;
        position: relative; }
        .st-Header_Navi .sub-Item:nth-child(odd) {
          border-right: 1px solid #155c5d; }
        .st-Header_Navi .sub-Item:nth-child(1), .st-Header_Navi .sub-Item:nth-child(2) {
          border-bottom: 1px solid #155c5d; }
        .st-Header_Navi .sub-Item:before {
          content: "";
          position: absolute;
          display: block;
          width: 2.60417vw;
          height: 4.16667vw;
          background: url("../../images/common/btn_arw.png") center center/100% auto no-repeat;
          top: 3.90625vw;
          right: 2.86458vw; }
        .st-Header_Navi .sub-Item.current {
          background: rgba(35, 154, 155, 0.4); } }
    @media print, screen and (min-width: 768px) {
      .st-Header_Navi .sub-Item a {
        width: 100%;
        height: 3.125vw !important;
        text-align: center;
        font-size: 1.19792vw;
        text-shadow: none;
        position: relative;
        -webkit-transition: .2s;
        transition: .2s; }
        .st-Header_Navi .sub-Item a:before {
          content: "";
          position: absolute;
          display: block;
          width: 1.14583vw;
          height: 2px;
          background: #196e6f;
          opacity: .6;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
          top: 0;
          left: calc(50% - .57vw); }
        .st-Header_Navi .sub-Item a:hover, .st-Header_Navi .sub-Item a.current {
          color: #00fcff; }
        .st-Header_Navi .sub-Item a:hover {
          background: rgba(0, 0, 0, 0.8); } }
    @media print, screen and (max-width: 767px) {
      .st-Header_Navi .sub-Item a {
        padding: 0 3.64583vw;
        -ms-flex-pack: start;
            -webkit-box-pack: start;
            justify-content: flex-start; } }
    .st-Header_Navi .sub-Item.close a {
      opacity: .4;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      pointer-events: none; }
    .st-Header_Navi .sub-Item.close:before {
      opacity: .4;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }

@media print, screen and (max-width: 767px) {
  .st-Menu {
    width: 9.11458vw;
    height: 9.11458vw;
    position: fixed;
    top: 3.90625vw;
    right: 3.90625vw; }
    .st-Menu .btn {
      position: relative;
      width: 100%;
      height: 100%; } }

.closed .btn span {
  position: absolute;
  display: block; }
  .closed .btn span:nth-of-type(1) {
    width: 0;
    border-bottom: 2px solid #fff;
    border-right: 3px solid transparent;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    height: 0;
    top: 2.99479vw;
    right: 0;
    -webkit-animation: openAnime-0 .2s forwards;
            animation: openAnime-0 .2s forwards; }
  .closed .btn span:nth-of-type(2) {
    width: 0;
    border-bottom: 2px solid #fff;
    border-right: 3px solid transparent;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    height: 0;
    bottom: 2.99479vw;
    right: 0;
    -webkit-animation: openAnime-1 .2s forwards;
            animation: openAnime-1 .2s forwards; }
  .closed .btn span:nth-of-type(3), .closed .btn span:nth-of-type(4), .closed .btn span:nth-of-type(5), .closed .btn span:nth-of-type(6) {
    width: 0; }

.opend .btn span {
  position: absolute;
  display: block;
  width: 0;
  height: 2px;
  background: #fff;
  -webkit-animation: closeAnime-s .2s forwards;
          animation: closeAnime-s .2s forwards; }
  .opend .btn span:nth-of-type(1), .opend .btn span:nth-of-type(2) {
    width: 0;
    display: none; }
  .opend .btn span:nth-of-type(3) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 5.07812vw;
    left: 5.20833vw;
    -webkit-transform-origin: left top 0;
            transform-origin: left top 0; }
  .opend .btn span:nth-of-type(4) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 5.07812vw;
    right: 5.20833vw;
    -webkit-transform-origin: right top 0;
            transform-origin: right top 0; }
  .opend .btn span:nth-of-type(5) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 3.77604vw;
    left: 5.20833vw;
    -webkit-transform-origin: left bottom 0;
            transform-origin: left bottom 0; }
  .opend .btn span:nth-of-type(6) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 3.77604vw;
    right: 5.20833vw;
    -webkit-transform-origin: right bottom 0;
            transform-origin: right bottom 0; }

@media print, screen and (max-width: 767px) {
  .opend {
    z-index: 300; }
    .opend .st-Header_Navi {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -webkit-transform: translateX(0em);
              transform: translateX(0em);
      pointer-events: inherit;
      -webkit-transition: opacity .35s ease,-webkit-transform .35s ease;
      transition: opacity .35s ease,-webkit-transform .35s ease;
      transition: transform .35s ease,opacity .35s ease;
      transition: transform .35s ease,opacity .35s ease,-webkit-transform .35s ease; }
      .opend .st-Header_Navi a {
        pointer-events: inherit; }
  .closed .st-Header_Navi {
    -webkit-transition: opacity .35s ease,-webkit-transform .35s ease;
    transition: opacity .35s ease,-webkit-transform .35s ease;
    transition: transform .35s ease,opacity .35s ease;
    transition: transform .35s ease,opacity .35s ease,-webkit-transform .35s ease; } }

/* =============================================================== */
/* .st-Footer */
/* =============================================================== */
.st-Footer {
  background: #000;
  text-align: center; }
  @media print, screen and (min-width: 768px) {
    .st-Footer {
      padding: 3.125vw 0 2.60417vw; } }
  @media print, screen and (max-width: 767px) {
    .st-Footer {
      padding: 8.46354vw 0 14.32292vw; } }
  .st-Footer .yunuo {
    display: block; }
    @media print, screen and (min-width: 768px) {
      .st-Footer .yunuo {
        width: 15.3125vw;
        margin: 0 auto 2.60417vw; } }
    @media print, screen and (max-width: 767px) {
      .st-Footer .yunuo {
        width: 35.15625vw;
        margin: 0 auto 8.46354vw; } }
  @media print, screen and (min-width: 768px) {
    .st-Footer .copy {
      line-height: 2;
      font-size: 0.625vw; } }
  @media print, screen and (max-width: 767px) {
    .st-Footer .copy {
      line-height: 1.7;
      font-size: 2.60417vw; } }

/* =============================================================== */
/* .st-Pagetop */
/* =============================================================== */
.st-Pagetop {
  position: fixed;
  z-index: 100;
  -webkit-transition: opacity .2s,-webkit-transform .2s;
  transition: opacity .2s,-webkit-transform .2s;
  transition: opacity .2s,transform .2s;
  transition: opacity .2s,transform .2s,-webkit-transform .2s; }
  @media print, screen and (min-width: 768px) {
    .st-Pagetop {
      width: 5.52083vw;
      bottom: 1.45833vw;
      right: 1.66667vw;
      opacity: .8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
      .st-Pagetop:hover {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateY(-0.5em);
                transform: translateY(-0.5em); } }
  @media print, screen and (max-width: 767px) {
    .st-Pagetop {
      width: 15.625vw;
      bottom: 2.60417vw;
      right: 1.95312vw; } }
  .st-Pagetop-Hidden {
    opacity: 0 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none; }

/* =============================================================== */
/* .st-Lang */
/* =============================================================== */
.st-Lang {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media print, screen and (min-width: 768px) {
    .st-Lang {
      left: 28.125vw;
      top: 2.60417vw;
      height: 1.14583vw;
      -webkit-transition: .2s;
      transition: .2s; } }
  @media print, screen and (max-width: 767px) {
    .st-Lang {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      pointer-events: none;
      left: 58.59375vw;
      top: 6.51042vw;
      height: 5.46875vw;
      -webkit-transition: .2s;
      transition: .2s; } }
  .st-Lang_Icon {
    width: 0.9375vw; }
    @media print, screen and (max-width: 767px) {
      .st-Lang_Icon {
        width: 3.125vw; } }
  .st-Lang_Link {
    margin: 0.10417vw 0 0 0; }
    @media print, screen and (max-width: 767px) {
      .st-Lang_Link {
        margin: 0; } }
    .st-Lang_Link a {
      color: #ccc;
      font-size: 0.78125vw;
      padding: 0 0.41667vw 0 0.625vw;
      -webkit-transition: .2s;
      transition: .2s; }
      @media print, screen and (max-width: 767px) {
        .st-Lang_Link a {
          font-size: 3.125vw;
          padding: 0 1.82292vw 0 2.34375vw; } }
      .st-Lang_Link a + a {
        border-left: 1px solid rgba(255, 255, 255, 0.6); }
      .st-Lang_Link a:hover {
        color: #fff; }

@media print, screen and (min-width: 768px) {
  .st-Header-Shorten .st-Lang {
    position: absolute;
    left: 22.39583vw;
    top: 1.77083vw; } }

@media print, screen and (max-width: 767px) {
  .opend .st-Lang {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    pointer-events: inherit; } }

/* =============================================================== */
/* sw */
/* =============================================================== */
/* =============================================================== */
/* .sw-Ttl  */
/* =============================================================== */
.sw-Ttl {
  text-align: center;
  letter-spacing: .1em;
  position: relative; }
  @media print, screen and (min-width: 768px) {
    .sw-Ttl {
      height: 3.64583vw;
      font-size: 2.5vw; } }
  @media print, screen and (max-width: 767px) {
    .sw-Ttl {
      height: 9.11458vw;
      font-size: 6.25vw; } }
  .sw-Ttl .left, .sw-Ttl .right {
    position: absolute;
    display: block;
    background: #fff;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
    @media print, screen and (min-width: 768px) {
      .sw-Ttl .left, .sw-Ttl .right {
        height: 2px;
        top: 0.52083vw;
        width: 33.64583vw; } }
    @media print, screen and (max-width: 767px) {
      .sw-Ttl .left, .sw-Ttl .right {
        height: 1px;
        top: 1.30208vw;
        width: 13.02083vw; } }
    .sw-Ttl .left:after, .sw-Ttl .right:after {
      content: "";
      display: block;
      height: 0.36458vw;
      width: 5.3125vw;
      -webkit-transform: skewX(25deg);
              transform: skewX(25deg);
      background: #fff;
      position: absolute;
      top: 0;
      left: 28.38542vw; }
      @media print, screen and (max-width: 767px) {
        .sw-Ttl .left:after, .sw-Ttl .right:after {
          left: 3.90625vw;
          height: 0.91146vw;
          width: 9.11458vw; } }
  .sw-Ttl .sub {
    display: block;
    width: 4.0625vw;
    height: 2px;
    background: #fff;
    -webkit-transform: rotate(50deg);
            transform: rotate(50deg);
    position: absolute; }
    @media print, screen and (max-width: 767px) {
      .sw-Ttl .sub {
        width: 10.15625vw;
        height: 1px; } }
    .sw-Ttl .sub:after {
      content: "";
      display: block;
      height: 0.36458vw;
      width: 2.08333vw;
      -webkit-transform: skewX(-25deg);
              transform: skewX(-25deg);
      background: #fff;
      position: absolute;
      left: 0; }
      @media print, screen and (max-width: 767px) {
        .sw-Ttl .sub:after {
          height: 0.91146vw;
          width: 5.20833vw; } }
  .sw-Ttl .left {
    left: 0; }
    .sw-Ttl .left .sub {
      left: 32.91667vw;
      top: 1.5625vw; }
      @media print, screen and (max-width: 767px) {
        .sw-Ttl .left .sub {
          left: 11.06771vw;
          top: 3.90625vw; } }
  .sw-Ttl .right {
    right: 0;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
    .sw-Ttl .right .sub {
      left: 32.91667vw;
      top: 1.5625vw; }
      @media print, screen and (max-width: 767px) {
        .sw-Ttl .right .sub {
          left: 11.06771vw;
          top: 3.90625vw; } }

/* =============================================================== */
/* .sw-Btn */
/* =============================================================== */
.sw-Btn {
  display: block;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.875vw;
  letter-spacing: .08em;
  width: 26.51042vw;
  height: 5.625vw; }
  @media print, screen and (max-width: 767px) {
    .sw-Btn {
      font-size: 4.94792vw;
      width: 73.95833vw;
      height: 15.625vw; } }
  .sw-Btn:after, .sw-Btn:before {
    position: absolute;
    content: "";
    display: block;
    background: url("../../images/common/btn_arw.png") left top/100% auto no-repeat;
    width: 1.04167vw;
    height: 1.40625vw;
    top: 2.13542vw;
    right: 2.34375vw; }
    @media print, screen and (max-width: 767px) {
      .sw-Btn:after, .sw-Btn:before {
        width: 2.60417vw;
        height: 3.51562vw;
        top: 6.11979vw;
        right: 7.8125vw; } }
  .sw-Btn_light {
    background: url("../../images/common/btn_bg.png") left top/100% auto no-repeat;
    text-shadow: 0px 0px 10px rgba(0, 252, 255, 0.8), 0px 0px 8px rgba(0, 252, 255, 0.4);
    margin: 0 auto;
    -webkit-transition: .2s;
    transition: .2s; }
    .sw-Btn_light:after {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      right: 3.64583vw;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      @media print, screen and (max-width: 767px) {
        .sw-Btn_light:after {
          right: 10.41667vw; } }
    @media print, screen and (min-width: 768px) {
      .sw-Btn_light:before {
        display: none; }
      .sw-Btn_light:after {
        -webkit-animation: arrowafter-0 1.2s infinite;
                animation: arrowafter-0 1.2s infinite; }
      .sw-Btn_light:hover {
        text-shadow: 0px 0px 30px #00fcff, 0px 0px 8px #00fcff;
        letter-spacing: .16em; } }
    @media print, screen and (max-width: 767px) {
      .sw-Btn_light:before {
        display: none; }
      .sw-Btn_light:after {
        -webkit-animation: arrowafter-s0 1.2s infinite;
                animation: arrowafter-s0 1.2s infinite; } }
  .sw-Btn_wh {
    color: #000;
    width: 22.29167vw;
    height: 4.0625vw;
    font-size: 1.61458vw;
    background: url("../../images/common/btn_bg-wh.png") left top/100% auto no-repeat; }
    @media print, screen and (max-width: 767px) {
      .sw-Btn_wh {
        font-size: 4.94792vw;
        width: 72.39583vw;
        height: 13.28125vw;
        margin: 0 auto; } }
    .sw-Btn_wh:before {
      background: url("../../images/common/btn_arw-bl.png") left top/100% auto no-repeat;
      width: 0.52083vw;
      height: 0.83333vw;
      top: 1.71875vw;
      right: 1.82292vw;
      -webkit-transition: .2s;
      transition: .2s; }
      @media print, screen and (max-width: 767px) {
        .sw-Btn_wh:before {
          width: 1.30208vw;
          height: 2.08333vw;
          top: 5.85938vw;
          right: 7.8125vw; } }
    .sw-Btn_wh:after {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      right: 3.125vw; }
    @media print, screen and (min-width: 768px) {
      .sw-Btn_wh {
        -webkit-transition: .2s;
        transition: .2s; }
        .sw-Btn_wh:hover {
          letter-spacing: .18em; }
          .sw-Btn_wh:hover:before {
            right: 1.45833vw; } }
    .sw-Btn_wh.close {
      letter-spacing: .16em;
      pointer-events: none; }
      .sw-Btn_wh.close span {
        position: absolute;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        color: #fff;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
        background: rgba(4, 14, 14, 0.8);
        top: 0;
        left: 0; }

.reg {
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: 0em; }

.sw-Txt-dev {
  font-size: 0.9375vw;
  margin: 1.5625vw 0 0;
  text-align: right;
  color: #bbbbbb; }
  @media print, screen and (max-width: 767px) {
    .sw-Txt-dev {
      font-size: 2.60417vw;
      margin: 5.20833vw 0 0; } }

/* =============================================================== */
/* keyframe */
/* =============================================================== */
@-webkit-keyframes trailerRotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes trailerRotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes closeAnime {
  0% {
    width: 0; }
  100% {
    width: 50%; } }

@keyframes closeAnime {
  0% {
    width: 0; }
  100% {
    width: 50%; } }

@-webkit-keyframes closeAnime-s {
  0% {
    width: 0; }
  100% {
    width: 40%; } }

@keyframes closeAnime-s {
  0% {
    width: 0; }
  100% {
    width: 40%; } }

@-webkit-keyframes closeAnime-r {
  0% {
    width: 50%; }
  100% {
    width: 0; } }

@keyframes closeAnime-r {
  0% {
    width: 50%; }
  100% {
    width: 0; } }

@-webkit-keyframes openAnime-0 {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes openAnime-0 {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@-webkit-keyframes openAnime-1 {
  0% {
    width: 0; }
  100% {
    width: 66%; } }

@keyframes openAnime-1 {
  0% {
    width: 0; }
  100% {
    width: 66%; } }

@-webkit-keyframes openAnime-0-r {
  100% {
    width: 0; } }

@keyframes openAnime-0-r {
  100% {
    width: 0; } }

@-webkit-keyframes arrowbefore-0 {
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% {
    right: 1.82292vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  99% {
    right: 1.82292vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    right: 2.34375vw;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes arrowbefore-0 {
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% {
    right: 1.82292vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  99% {
    right: 1.82292vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    right: 2.34375vw;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@-webkit-keyframes arrowafter-0 {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  49% {
    right: 2.34375vw;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  99% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    right: 2.34375vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes arrowafter-0 {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  49% {
    right: 2.34375vw;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  99% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    right: 2.34375vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@-webkit-keyframes arrowbefore-s0 {
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% {
    right: 5.20833vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  99% {
    right: 5.20833vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    right: 7.8125vw;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes arrowbefore-s0 {
  50% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% {
    right: 5.20833vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  99% {
    right: 5.20833vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    right: 7.8125vw;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@-webkit-keyframes arrowafter-s0 {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  49% {
    right: 7.8125vw;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  99% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    right: 7.8125vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes arrowafter-s0 {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  49% {
    right: 7.8125vw;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  99% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    right: 7.8125vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@-webkit-keyframes arrowbefore-1 {
  50% {
    right: 1.30208vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  99% {
    right: 1.30208vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    right: 1.82292vw;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes arrowbefore-1 {
  50% {
    right: 1.30208vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  99% {
    right: 1.30208vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    right: 1.82292vw;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@-webkit-keyframes arrowafter-1 {
  49% {
    right: 1.82292vw;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  99% {
    right: 1.82292vw;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes arrowafter-1 {
  49% {
    right: 1.82292vw;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  99% {
    right: 1.82292vw;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@-webkit-keyframes bandAnime-0 {
  0% {
    width: 0;
    left: 0; }
  100% {
    width: 100%; } }

@keyframes bandAnime-0 {
  0% {
    width: 0;
    left: 0; }
  100% {
    width: 100%; } }

@-webkit-keyframes bandAnime-1 {
  0% {
    width: 100%;
    right: 0;
    left: auto; }
  100% {
    width: 0;
    right: 0;
    left: auto; } }

@keyframes bandAnime-1 {
  0% {
    width: 100%;
    right: 0;
    left: auto; }
  100% {
    width: 0;
    right: 0;
    left: auto; } }

@-webkit-keyframes bandImg {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  99% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes bandImg {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  99% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@-webkit-keyframes bandImg-1 {
  0% {
    -webkit-transform: translateX(-3em);
            transform: translateX(-3em); }
  100% {
    -webkit-transform: translateX(0em);
            transform: translateX(0em); } }

@keyframes bandImg-1 {
  0% {
    -webkit-transform: translateX(-3em);
            transform: translateX(-3em); }
  100% {
    -webkit-transform: translateX(0em);
            transform: translateX(0em); } }

@-webkit-keyframes logoImg {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  30% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  80% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes logoImg {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  30% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  80% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

/* =============================================================== */
/* ブレイクポイント 768px _foundation.scssも統一 */
/* =============================================================== */
/* =============================================================== */
/* ブレイクポイント 1024px _foundation.scssも統一 */
/* =============================================================== */
/* =============================================================== */
/* .Sub_Bg */
/* =============================================================== */
.Sub_Bg-1:before {
  background: url("../../images/pc/movie/bg.png") center top/100% auto no-repeat; }
  @media print, screen and (max-width: 767px) {
    .Sub_Bg-1:before {
      background: url("../../images/pc/movie/bg.png") center top/300% auto no-repeat; } }

/* =============================================================== */
/* .sub-Contents */
/* =============================================================== */
.sub-Contents {
  padding: 0;
  margin: 0 auto; }
  .sub-Contents .movie-Box {
    width: 62.5vw;
    margin: 3.125vw auto 0; }
    @media print, screen and (max-width: 767px) {
      .sub-Contents .movie-Box {
        margin: 7.8125vw auto 0;
        width: 87.5vw; } }
    .sub-Contents .movie-Box .txt-Box {
      margin: 3.125vw auto 0; }
      @media print, screen and (min-width: 768px) {
        .sub-Contents .movie-Box .txt-Box {
          text-align: center; } }
      @media print, screen and (max-width: 767px) {
        .sub-Contents .movie-Box .txt-Box {
          margin: 6.51042vw auto 0; } }
  .sub-Contents .movie-Thumb {
    border: 1px solid #00fcff;
    position: relative;
    line-height: 0;
    overflow: hidden;
    background: #000; }
    @media print, screen and (min-width: 768px) {
      .sub-Contents .movie-Thumb img {
        -webkit-transition: .3s;
        transition: .3s; }
      .sub-Contents .movie-Thumb:hover img {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } }
    @media print, screen and (max-width: 767px) {
      .sub-Contents .movie-Thumb img {
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } }
    .sub-Contents .movie-Thumb .movie-Link {
      display: block;
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background: url("../../images/pc/movie/play.png") center center/7.39583vw auto no-repeat; }
      @media print, screen and (max-width: 767px) {
        .sub-Contents .movie-Thumb .movie-Link {
          background: url("../../images/pc/movie/play.png") center center/16.92708vw auto no-repeat; } }
  .sub-Contents .movie-List {
    width: 62.5vw;
    margin: 7.29167vw auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media print, screen and (max-width: 767px) {
      .sub-Contents .movie-List {
        margin: 13.02083vw auto 0;
        width: 87.5vw; } }
    .sub-Contents .movie-List .item {
      width: 29.0625vw;
      margin: 0 0 4.6875vw; }
      @media print, screen and (max-width: 767px) {
        .sub-Contents .movie-List .item {
          width: 100%;
          margin: 0 0 7.8125vw; } }
      .sub-Contents .movie-List .item .movie-Link {
        background: url("../../images/pc/movie/play.png") center center/4.6875vw auto no-repeat; }
        @media print, screen and (max-width: 767px) {
          .sub-Contents .movie-List .item .movie-Link {
            background: url("../../images/pc/movie/play.png") center center/16.92708vw auto no-repeat; } }
      .sub-Contents .movie-List .item .ttl {
        font-size: 1.04167vw;
        min-height: 4.6875vw;
        padding: 0.52083vw;
        color: #00fcff;
        background: #000;
        border: 1px solid #00fcff;
        border-top: none;
        -webkit-font-feature-settings: "palt";
                font-feature-settings: "palt";
        text-align: center;
        line-height: 1.6;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        @media print, screen and (min-width: 768px) {
          .sub-Contents .movie-List .item .ttl.larger {
            height: 6.77083vw; } }
        @media print, screen and (max-width: 767px) {
          .sub-Contents .movie-List .item .ttl {
            min-height: 15.625vw;
            font-size: 3.64583vw;
            padding: 2.60417vw 1.30208vw; } }