@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; }

/*-------------------------------------------------------------------*/
/* Mixin */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Keyframe */
/*-------------------------------------------------------------------*/
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes animation_loader {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  51% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@keyframes animation_loader {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  51% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@-webkit-keyframes curtainUpStart {
  0% {
    -webkit-transform: translateY(101%);
    transform: translateY(101%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes curtainUpStart {
  0% {
    -webkit-transform: translateY(101%);
    transform: translateY(101%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes curtainUpEnd {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%); } }

@keyframes curtainUpEnd {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%); } }

@-webkit-keyframes curtainDownStart {
  0% {
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes curtainDownStart {
  0% {
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes curtainDownEnd {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(101%);
    transform: translateY(101%); } }

@keyframes curtainDownEnd {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(101%);
    transform: translateY(101%); } }

@-webkit-keyframes curtainRightStart {
  0% {
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateY(0); } }

@keyframes curtainRightStart {
  0% {
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateY(0); } }

@-webkit-keyframes curtainRightEnd {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(101%);
    transform: translateX(101%); } }

@keyframes curtainRightEnd {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(101%);
    transform: translateX(101%); } }

/*-------------------------------------------------------------------*/
/* Foundation */
/*-------------------------------------------------------------------*/
html {
  font-size: 62.5%; }
  @media screen and (max-width: 1024px) {
    html {
      font-size: 1.30208vw; } }

body {
  font-family: 'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background: url(../../images/common/bg_body_pattern.jpg) #fff; }
  @media screen and (max-width: 1024px) {
    body {
      -webkit-text-size-adjust: 100%;
      -webkit-overflow-scrolling: touch; } }

.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; }

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

li {
  list-style: none; }

a {
  text-decoration: none; }

img {
  pointer-events: none; }
  @media screen and (max-width: 1024px) {
    img {
      width: 100%;
      height: auto; } }

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

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

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

.pc_f {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }
  @media screen and (max-width: 1024px) {
    .pc_f {
      display: none !important; } }

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

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

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

.sp_f {
  display: none !important; }
  @media screen and (max-width: 1024px) {
    .sp_f {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

/*-------------------------------------------------------------------*/
/* Module */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* st-Wrapper */
/*-------------------------------------------------------------------*/
.st-Wrapper {
  overflow: hidden;
  position: relative; }
  .preload .st-Wrapper {
    overflow: visible; }

/*-------------------------------------------------------------------*/
/* st-Main */
/*-------------------------------------------------------------------*/
.st-Main {
  display: block; }

/*-------------------------------------------------------------------*/
/* sw-Loader */
/*-------------------------------------------------------------------*/
.sw-Loader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 20;
  top: 0;
  right: 0;
  background: #f0eeea;
  -webkit-transition: width 0.6s cubic-bezier(0.1, 0.82, 0.165, 1);
  transition: width 0.6s cubic-bezier(0.1, 0.82, 0.165, 1);
  overflow: hidden; }
  .sw-Loader .logo {
    display: block;
    position: absolute;
    width: 322px;
    height: 230px;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
    @media screen and (max-width: 1024px) {
      .sw-Loader .logo {
        width: 49.02344vw;
        height: 36.32812vw;
        -webkit-transform: translateY(-5%);
                transform: translateY(-5%); } }
    .sw-Loader .logo:after {
      content: "";
      width: 103px;
      height: 15px;
      background: url(../../images/common/icon_loading.gif) 0 0/contain no-repeat;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto; }
      @media screen and (max-width: 1024px) {
        .sw-Loader .logo:after {
          width: 20.11719vw;
          height: 2.92969vw; } }
    .sw-Loader .logo img {
      width: 100%;
      height: auto; }
  .sw-Loader .item {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
    .sw-Loader .item:nth-of-type(5) {
      background: #ffd200;
      -webkit-animation-delay: 0.4s !important;
              animation-delay: 0.4s !important; }
    .sw-Loader .item:nth-of-type(4) {
      background: #8232a1;
      -webkit-animation-delay: 0.3s !important;
              animation-delay: 0.3s !important; }
    .sw-Loader .item:nth-of-type(3) {
      background: #fb1929;
      -webkit-animation-delay: 0.2s !important;
              animation-delay: 0.2s !important; }
    .sw-Loader .item:nth-of-type(2) {
      background: #fe84b6;
      -webkit-animation-delay: 0.1s !important;
              animation-delay: 0.1s !important; }
  .sw-Loader.load .logo {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s;
    transition: .3s; }
  .sw-Loader.load .item {
    -webkit-animation: animation_loader .6s forwards;
            animation: animation_loader .6s forwards; }
    @media screen and (max-width: 1024px) {
      .sw-Loader.load .item {
        -webkit-animation: animation_loader .4s forwards;
                animation: animation_loader .4s forwards; } }
  .sw-Loader.hidden {
    width: 0 !important; }
    .sw-Loader.hidden .logo {
      display: none; }

/*-------------------------------------------------------------------*/
/* sw-BackToTop */
/*-------------------------------------------------------------------*/
.sw-BackToTop {
  width: 72px;
  height: 72px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 9; }
  @media screen and (max-width: 1024px) {
    .sw-BackToTop {
      width: 15.625vw;
      height: 15.625vw;
      bottom: 0;
      right: 0; } }
  .sw-BackToTop a {
    height: 100%;
    display: block;
    background: url(../../images/common/icon_back-to-top.png) 50% 50% no-repeat #8232a1;
    background-size: 24px;
    /* hover */ }
    @media screen and (max-width: 1024px) {
      .sw-BackToTop a {
        background-size: 5.20833vw; } }
    @media print, screen and (min-width: 1025px) {
      .sw-BackToTop a {
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s; }
        .sw-BackToTop a:hover {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); } }

/*-------------------------------------------------------------------*/
/* sw-Youtube */
/*-------------------------------------------------------------------*/
.sw-Youtube {
  display: none;
  position: relative;
  z-index: 12; }
  .sw-Youtube_Overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10; }
  .sw-Youtube_Content {
    width: calc(100vh * 16 / 9);
    max-width: 100%;
    height: 100vh;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 10; }
    @media screen and (max-width: 1024px) {
      .sw-Youtube_Content {
        width: 100%;
        height: 0;
        padding: 56.25% 0 0; } }
    .sw-Youtube_Content iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  .sw-Youtube_Close {
    width: 6.10526%;
    padding: 5.89474% 0 0;
    position: fixed;
    top: 0;
    right: 0;
    background: url(../../images/common/btn_youtube_close.png) 0 0 no-repeat;
    background-size: cover;
    z-index: 11;
    cursor: pointer; }
    @media print, screen and (min-width: 1025px) {
      .sw-Youtube_Close {
        -webkit-transition: .3s;
        transition: .3s; }
        .sw-Youtube_Close:hover {
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg);
          opacity: .8;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } }
    @media screen and (max-width: 1024px) {
      .sw-Youtube_Close {
        width: 15.10417%;
        padding: 14.58333% 0 0; } }

/*-------------------------------------------------------------------*/
/* homeのみ */
/*-------------------------------------------------------------------*/
.home {
  position: relative; }
  .home:before {
    content: "";
    width: 100%;
    height: 847px;
    -webkit-transform: skewY(20deg);
            transform: skewY(20deg);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    background: url(../../images/common/bg_diagonal_pattern.jpg);
    position: absolute;
    top: calc(100px + 50px + 1286 / 1920 * 100vw);
    left: 0; }
    @media screen and (max-width: 1024px) {
      .home:before {
        height: 204.94792vw;
        top: 209.11458vw; } }
  .home .home-Content {
    padding: 0 50px 190px; }
    @media screen and (max-width: 1024px) {
      .home .home-Content {
        padding: 0 0 25.39062vw; } }

/*-------------------------------------------------------------------*/
/* subのみ */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Header */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Header */
/*-------------------------------------------------------------------*/
.st-Header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11; }
  .st-Header .st-Header_Logo {
    width: 207px;
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 2;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden; }
    @media screen and (max-width: 1024px) {
      .st-Header .st-Header_Logo {
        width: 26.95312vw;
        top: 5.20833vw;
        left: 5.20833vw; } }
    .st-Header .st-Header_Logo a {
      display: block;
      /* hover */ }
      .st-Header .st-Header_Logo a img {
        width: 100%;
        height: auto; }
      @media print, screen and (min-width: 1025px) {
        .st-Header .st-Header_Logo a {
          -webkit-transition: opacity .3s;
          transition: opacity .3s; }
          .st-Header .st-Header_Logo a:hover {
            opacity: .8;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } }
  .st-Header .st-Header_Hamburger .btn {
    width: 72px;
    height: 72px;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    background: #fff;
    overflow: hidden;
    z-index: 2;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    cursor: pointer; }
    @media screen and (max-width: 1199px) {
      .st-Header .st-Header_Hamburger .btn {
        -webkit-transform: translateX(0);
                transform: translateX(0); } }
    @media screen and (max-width: 1024px) {
      .st-Header .st-Header_Hamburger .btn {
        width: 15.625vw;
        height: 15.625vw;
        top: 0;
        right: 0; } }
    .st-Header .st-Header_Hamburger .btn:before {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: url(../../images/common/header/icon_hamburger.png) 50% 50% no-repeat;
      background-size: 30px auto;
      -webkit-transition: .3s;
      transition: .3s; }
      @media screen and (max-width: 1024px) {
        .st-Header .st-Header_Hamburger .btn:before {
          background-size: 5.20833vw auto; } }
  .st-Header .st-Header_Hamburger .menu {
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 205px 0 0;
    position: fixed;
    top: 0;
    left: 0;
    background: url(../../images/common/header/bg_menu.png) 50% 0 repeat-y #ffd510;
    background-size: 100% auto;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    z-index: 1; }
    @media print, screen and (min-width: 1200px) {
      .st-Header .st-Header_Hamburger .menu {
        padding: 12.91667vw 0 0; } }
    @media screen and (max-width: 1024px) {
      .st-Header .st-Header_Hamburger .menu {
        padding: 33.20312vw 0 6.51042vw;
        background-size: 155.46875vw auto;
        overflow-y: scroll; } }
    .st-Header .st-Header_Hamburger .menu .globalnav {
      width: 623px;
      margin: 0 auto; }
      @media print, screen and (min-width: 1200px) {
        .st-Header .st-Header_Hamburger .menu .globalnav {
          width: 51.91667vw; } }
      @media screen and (max-width: 1024px) {
        .st-Header .st-Header_Hamburger .menu .globalnav {
          width: 79.16667vw; } }
      .st-Header .st-Header_Hamburger .menu .globalnav > .heading {
        font-family: 'Montserrat', sans-serif;
        font-weight: 900;
        font-size: 15px;
        font-size: 1.5rem;
        color: #8232a1;
        letter-spacing: .1em;
        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; }
        @media print, screen and (min-width: 1200px) {
          .st-Header .st-Header_Hamburger .menu .globalnav > .heading {
            font-size: 1.25vw; } }
        @media screen and (max-width: 1024px) {
          .st-Header .st-Header_Hamburger .menu .globalnav > .heading {
            font-size: 3.0rem; } }
        .st-Header .st-Header_Hamburger .menu .globalnav > .heading:before {
          content: "";
          width: 12px;
          height: 12px;
          margin: 0 4px 0 0;
          display: block;
          background: url(../../images/common/footer/icon_heading.png) 0 0 no-repeat;
          background-size: contain; }
          @media print, screen and (min-width: 1200px) {
            .st-Header .st-Header_Hamburger .menu .globalnav > .heading:before {
              width: 1vw;
              height: 1vw;
              margin: 0 0.33333vw 0 0; } }
          @media screen and (max-width: 1024px) {
            .st-Header .st-Header_Hamburger .menu .globalnav > .heading:before {
              width: 2.86458vw;
              height: 2.86458vw;
              margin: 0 1.30208vw 0 0; } }
      .st-Header .st-Header_Hamburger .menu .globalnav > nav {
        margin: 25px 0 0; }
        @media print, screen and (min-width: 1200px) {
          .st-Header .st-Header_Hamburger .menu .globalnav > nav {
            margin: 2.08333vw 0 0; } }
        @media screen and (max-width: 1024px) {
          .st-Header .st-Header_Hamburger .menu .globalnav > nav {
            margin: 6.51042vw 0 0; } }
        .st-Header .st-Header_Hamburger .menu .globalnav > nav ul {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          margin: 0 0 -10px -10px;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; }
          @media print, screen and (min-width: 1200px) {
            .st-Header .st-Header_Hamburger .menu .globalnav > nav ul {
              margin: 0 0 -0.83333vw -0.83333vw; } }
          @media screen and (max-width: 1024px) {
            .st-Header .st-Header_Hamburger .menu .globalnav > nav ul {
              margin: 0;
              -webkit-box-pack: justify;
              -webkit-justify-content: space-between;
                  -ms-flex-pack: justify;
                      justify-content: space-between; } }
          .st-Header .st-Header_Hamburger .menu .globalnav > nav ul li {
            margin: 0 0 10px 10px; }
            @media print, screen and (min-width: 1200px) {
              .st-Header .st-Header_Hamburger .menu .globalnav > nav ul li {
                margin: 0 0 0.83333vw 0.83333vw; } }
            @media screen and (max-width: 1024px) {
              .st-Header .st-Header_Hamburger .menu .globalnav > nav ul li {
                margin: 0; } }
            .st-Header .st-Header_Hamburger .menu .globalnav > nav ul li a {
              width: 148px;
              height: 40px;
              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;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              background: url(../../images/common/footer/bg_menu.png);
              background-size: 3px;
              letter-spacing: .05em;
              font-family: 'Montserrat', sans-serif;
              font-size: 16px;
              font-size: 1.6rem;
              font-weight: 900;
              color: #8232a1;
              letter-spacing: .1em;
              /* hover */ }
              @media print, screen and (min-width: 1200px) {
                .st-Header .st-Header_Hamburger .menu .globalnav > nav ul li a {
                  width: 12.33333vw;
                  height: 3.33333vw;
                  background-size: 0.25vw;
                  font-size: 1.33333vw; } }
              @media screen and (max-width: 1024px) {
                .st-Header .st-Header_Hamburger .menu .globalnav > nav ul li a {
                  font-size: 3.2rem;
                  width: 38.28125vw;
                  height: 10.41667vw;
                  background-size: 0.39062vw; } }
              @media print, screen and (min-width: 1025px) {
                .st-Header .st-Header_Hamburger .menu .globalnav > nav ul li a {
                  -webkit-transition: color .3s, background-color .3s;
                  transition: color .3s, background-color .3s; }
                  .st-Header .st-Header_Hamburger .menu .globalnav > nav ul li a:hover {
                    color: #fff;
                    background-color: #8232a1; } }
            .st-Header .st-Header_Hamburger .menu .globalnav > nav ul li.current a {
              color: #fff;
              background-color: #8232a1; }
            .st-Header .st-Header_Hamburger .menu .globalnav > nav ul li + li {
              margin: 0 0 10px 10px; }
              @media print, screen and (min-width: 1200px) {
                .st-Header .st-Header_Hamburger .menu .globalnav > nav ul li + li {
                  margin: 0 0 0.83333vw 0.83333vw; } }
              @media screen and (max-width: 1024px) {
                .st-Header .st-Header_Hamburger .menu .globalnav > nav ul li + li {
                  margin: 0; } }
            @media screen and (max-width: 1024px) {
              .st-Header .st-Header_Hamburger .menu .globalnav > nav ul li:nth-child(n + 3) {
                margin: 2.60417vw 0 0; } }
    .st-Header .st-Header_Hamburger .menu .sns {
      margin: 60px 0 0;
      position: static;
      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;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media print, screen and (min-width: 1200px) {
        .st-Header .st-Header_Hamburger .menu .sns {
          margin: 5vw 0 0; } }
      @media screen and (max-width: 1024px) {
        .st-Header .st-Header_Hamburger .menu .sns {
          margin: 13.02083vw 0 0; } }
      .st-Header .st-Header_Hamburger .menu .sns > p {
        font-family: 'Montserrat', sans-serif;
        font-weight: 900;
        font-size: 15px;
        font-size: 1.5rem;
        color: #8232a1;
        letter-spacing: .1em;
        display: block;
        -webkit-writing-mode: horizontal-tb;
            -ms-writing-mode: lr-tb;
                writing-mode: horizontal-tb; }
        @media print, screen and (min-width: 1200px) {
          .st-Header .st-Header_Hamburger .menu .sns > p {
            font-size: 1.25vw; } }
        @media screen and (max-width: 1024px) {
          .st-Header .st-Header_Hamburger .menu .sns > p {
            font-size: 3.0rem; } }
      .st-Header .st-Header_Hamburger .menu .sns > nav {
        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; }
        .st-Header .st-Header_Hamburger .menu .sns > nav:before {
          content: "";
          width: 130px;
          height: 2px;
          margin: 0 30px;
          display: block;
          background: #8232a1; }
          @media print, screen and (min-width: 1200px) {
            .st-Header .st-Header_Hamburger .menu .sns > nav:before {
              width: 10.83333vw;
              height: 0.16667vw;
              margin: 0 2.5vw; } }
          @media screen and (max-width: 1024px) {
            .st-Header .st-Header_Hamburger .menu .sns > nav:before {
              width: 16.92708vw;
              height: 0.26042vw;
              min-height: 1px;
              margin: 0 5.85938vw 0 5.20833vw; } }
        .st-Header .st-Header_Hamburger .menu .sns > nav ul {
          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; }
          .st-Header .st-Header_Hamburger .menu .sns > nav ul li {
            margin: 0 auto; }
            .st-Header .st-Header_Hamburger .menu .sns > nav ul li a {
              display: block;
              /* hover */ }
              .st-Header .st-Header_Hamburger .menu .sns > nav ul li a img {
                width: 100%;
                height: auto; }
              .st-Header .st-Header_Hamburger .menu .sns > nav ul li a.twitter {
                width: 22px; }
                @media print, screen and (min-width: 1200px) {
                  .st-Header .st-Header_Hamburger .menu .sns > nav ul li a.twitter {
                    width: 1.83333vw; } }
                @media screen and (max-width: 1024px) {
                  .st-Header .st-Header_Hamburger .menu .sns > nav ul li a.twitter {
                    width: 5.72917vw; } }
              .st-Header .st-Header_Hamburger .menu .sns > nav ul li a.youtube {
                width: 23px; }
                @media print, screen and (min-width: 1200px) {
                  .st-Header .st-Header_Hamburger .menu .sns > nav ul li a.youtube {
                    width: 1.91667vw; } }
                @media screen and (max-width: 1024px) {
                  .st-Header .st-Header_Hamburger .menu .sns > nav ul li a.youtube {
                    width: 5.98958vw; } }
              .st-Header .st-Header_Hamburger .menu .sns > nav ul li a.instagram {
                width: 22px; }
                @media print, screen and (min-width: 1200px) {
                  .st-Header .st-Header_Hamburger .menu .sns > nav ul li a.instagram {
                    width: 1.83333vw; } }
                @media screen and (max-width: 1024px) {
                  .st-Header .st-Header_Hamburger .menu .sns > nav ul li a.instagram {
                    width: 5.20833vw; } }
              @media print, screen and (min-width: 1025px) {
                .st-Header .st-Header_Hamburger .menu .sns > nav ul li a {
                  -webkit-transition: -webkit-transform .3s;
                  transition: -webkit-transform .3s;
                  transition: transform .3s;
                  transition: transform .3s, -webkit-transform .3s; }
                  .st-Header .st-Header_Hamburger .menu .sns > nav ul li a:hover {
                    -webkit-transform: scale(1.2);
                            transform: scale(1.2); } }
            .st-Header .st-Header_Hamburger .menu .sns > nav ul li + li {
              margin: 0 0 0 30px; }
              @media print, screen and (min-width: 1200px) {
                .st-Header .st-Header_Hamburger .menu .sns > nav ul li + li {
                  margin: 0 0 0 2.5vw; } }
              @media screen and (max-width: 1024px) {
                .st-Header .st-Header_Hamburger .menu .sns > nav ul li + li {
                  margin: 0 0 0 6.51042vw; } }
  .st-Header .st-Header_Menu {
    position: absolute;
    top: 40px;
    right: 50px; }
    @media screen and (max-width: 1199px) {
      .st-Header .st-Header_Menu {
        display: none; } }
    .st-Header .st-Header_Menu .globalnav {
      -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
      transition: opacity .3s, visibility .3s, -webkit-transform .3s;
      transition: opacity .3s, visibility .3s, transform .3s;
      transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s; }
      .st-Header .st-Header_Menu .globalnav > nav ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .st-Header .st-Header_Menu .globalnav > nav ul li {
          position: relative; }
          .st-Header .st-Header_Menu .globalnav > nav ul li:after {
            content: "";
            width: 2px;
            height: 0;
            margin: 0 auto;
            position: absolute;
            top: 30px;
            left: 0;
            right: 0;
            background: #8232a1;
            -webkit-transition: height .3s;
            transition: height .3s; }
          .st-Header .st-Header_Menu .globalnav > nav ul li a {
            font-family: 'Montserrat', sans-serif;
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: 900;
            color: #8232a1;
            letter-spacing: .1em; }
          .st-Header .st-Header_Menu .globalnav > nav ul li:hover:after {
            height: 30px; }
          .st-Header .st-Header_Menu .globalnav > nav ul li.current:after {
            height: 30px; }
          .st-Header .st-Header_Menu .globalnav > nav ul li + li {
            margin: 0 0 0 30px; }
    .st-Header .st-Header_Menu .sns {
      position: fixed;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 13px;
      text-align: center; }
      .st-Header .st-Header_Menu .sns > p {
        font-family: 'Montserrat', sans-serif;
        font-weight: 900;
        font-size: 14px;
        font-size: 1.4rem;
        color: #8232a1;
        letter-spacing: .1em;
        -webkit-writing-mode: vertical-rl;
            -ms-writing-mode: tb-rl;
                writing-mode: vertical-rl;
        display: inline-block; }
      .st-Header .st-Header_Menu .sns > nav:before {
        content: "";
        width: 2px;
        height: 80px;
        margin: 23px auto 30px;
        display: block;
        background: #8232a1; }
      .st-Header .st-Header_Menu .sns > nav ul li {
        margin: 0 auto; }
        .st-Header .st-Header_Menu .sns > nav ul li a {
          display: block;
          /* hover */ }
          .st-Header .st-Header_Menu .sns > nav ul li a img {
            width: 100%;
            height: auto; }
          .st-Header .st-Header_Menu .sns > nav ul li a.twitter {
            width: 22px; }
          .st-Header .st-Header_Menu .sns > nav ul li a.youtube {
            width: 23px; }
          .st-Header .st-Header_Menu .sns > nav ul li a.instagram {
            width: 22px; }
          @media print, screen and (min-width: 1025px) {
            .st-Header .st-Header_Menu .sns > nav ul li a {
              -webkit-transition: -webkit-transform .3s;
              transition: -webkit-transform .3s;
              transition: transform .3s;
              transition: transform .3s, -webkit-transform .3s; }
              .st-Header .st-Header_Menu .sns > nav ul li a:hover {
                -webkit-transform: scale(1.2);
                        transform: scale(1.2); } }
        .st-Header .st-Header_Menu .sns > nav ul li + li {
          margin: 24px auto 0; }
  .st-Header.scrolled .st-Header_Hamburger .btn {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .st-Header.scrolled .st-Header_Menu .globalnav {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transform: translateX(2rem);
            transform: translateX(2rem); }
  .st-Header.opened .st-Header_Logo {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible; }
  .st-Header.opened .st-Header_Hamburger .btn:before {
    background: url(../../images/common/header/icon_close.png) 50% 50%/30px auto no-repeat;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
    @media screen and (max-width: 1024px) {
      .st-Header.opened .st-Header_Hamburger .btn:before {
        background-size: 3.90625vw auto; } }
  .st-Header.opened .st-Header_Hamburger .menu {
    -webkit-transform: translateY(0);
            transform: translateY(0); }

/*-------------------------------------------------------------------*/
/* Footer */
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/* Footer */
/*-------------------------------------------------------------------*/
.st-Footer {
  position: relative; }
  .st-Footer:before {
    content: "";
    width: 100%;
    height: 943px;
    -webkit-transform: skewY(20deg);
            transform: skewY(20deg);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    background: url(../../images/common/footer/bg.jpg);
    position: absolute;
    bottom: 0;
    left: 0; }
    @media screen and (max-width: 1024px) {
      .st-Footer:before {
        height: 240.36458vw; } }
  .st-Footer .st-Footer_Content {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 0 75px;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
        -ms-grid-rows: auto auto auto;
        grid-template-rows: auto auto auto;
    grid-template-areas: "share menu" "link company" "copyright copyright"; }
    @media screen and (max-width: 1024px) {
      .st-Footer .st-Footer_Content {
        max-width: 79.16667vw;
        padding: 0 0 13.02083vw;
        display: block; } }
  .st-Footer .st-Footer_Share {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: share; }
    .st-Footer .st-Footer_Share > .heading {
      font-family: 'Montserrat', sans-serif;
      font-weight: 900;
      font-size: 15px;
      font-size: 1.5rem;
      color: #8232a1;
      letter-spacing: .1em;
      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; }
      @media screen and (max-width: 1024px) {
        .st-Footer .st-Footer_Share > .heading {
          font-size: 3.0rem; } }
      .st-Footer .st-Footer_Share > .heading:before {
        content: "";
        width: 12px;
        height: 12px;
        margin: 0 4px 0 0;
        display: block;
        background: url(../../images/common/footer/icon_heading.png) 0 0 no-repeat;
        background-size: contain; }
        @media screen and (max-width: 1024px) {
          .st-Footer .st-Footer_Share > .heading:before {
            width: 2.86458vw;
            height: 2.86458vw;
            margin: 0 1.30208vw 0 0; } }
    .st-Footer .st-Footer_Share > .list {
      margin: 25px 0 0; }
      @media screen and (max-width: 1024px) {
        .st-Footer .st-Footer_Share > .list {
          margin: 6.51042vw 0 0; } }
      .st-Footer .st-Footer_Share > .list ul {
        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; }
        .st-Footer .st-Footer_Share > .list ul li a {
          width: 50px;
          height: 50px;
          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;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          position: relative;
          /* hover */ }
          @media screen and (max-width: 1024px) {
            .st-Footer .st-Footer_Share > .list ul li a {
              width: 13.02083vw;
              height: 13.02083vw; } }
          .st-Footer .st-Footer_Share > .list ul li a:before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: url(../../images/common/footer/bg_share.png) 0 0 no-repeat;
            background-size: contain; }
          .st-Footer .st-Footer_Share > .list ul li a img {
            height: auto;
            -webkit-backface-visibility: hidden;
                    backface-visibility: hidden; }
          .st-Footer .st-Footer_Share > .list ul li a.twitter img {
            width: 22px; }
            @media screen and (max-width: 1024px) {
              .st-Footer .st-Footer_Share > .list ul li a.twitter img {
                width: 5.59896vw; } }
          .st-Footer .st-Footer_Share > .list ul li a.facebook img {
            width: 22px; }
            @media screen and (max-width: 1024px) {
              .st-Footer .st-Footer_Share > .list ul li a.facebook img {
                width: 5.85938vw; } }
          .st-Footer .st-Footer_Share > .list ul li a.line img {
            width: 24px; }
            @media screen and (max-width: 1024px) {
              .st-Footer .st-Footer_Share > .list ul li a.line img {
                width: 6.25vw; } }
          @media print, screen and (min-width: 1025px) {
            .st-Footer .st-Footer_Share > .list ul li a {
              -webkit-transition: -webkit-transform .3s;
              transition: -webkit-transform .3s;
              transition: transform .3s;
              transition: transform .3s, -webkit-transform .3s; }
              .st-Footer .st-Footer_Share > .list ul li a:hover {
                -webkit-transform: scale(1.1);
                        transform: scale(1.1); }
                .st-Footer .st-Footer_Share > .list ul li a:hover:before {
                  -webkit-animation: spin 5s linear infinite;
                          animation: spin 5s linear infinite; } }
        .st-Footer .st-Footer_Share > .list ul li + li {
          margin: 0 0 0 14px; }
          @media screen and (max-width: 1024px) {
            .st-Footer .st-Footer_Share > .list ul li + li {
              margin: 0 0 0 5.20833vw; } }
  .st-Footer .st-Footer_Menu {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    margin: 0 0 0 auto;
    grid-area: menu; }
    @media screen and (max-width: 1024px) {
      .st-Footer .st-Footer_Menu {
        margin: 9.63542vw 0 0; } }
    .st-Footer .st-Footer_Menu > .heading {
      font-family: 'Montserrat', sans-serif;
      font-weight: 900;
      font-size: 15px;
      font-size: 1.5rem;
      color: #8232a1;
      letter-spacing: .1em;
      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; }
      @media screen and (max-width: 1024px) {
        .st-Footer .st-Footer_Menu > .heading {
          font-size: 3.0rem; } }
      .st-Footer .st-Footer_Menu > .heading:before {
        content: "";
        width: 12px;
        height: 12px;
        margin: 0 4px 0 0;
        display: block;
        background: url(../../images/common/footer/icon_heading.png) 0 0 no-repeat;
        background-size: contain; }
        @media screen and (max-width: 1024px) {
          .st-Footer .st-Footer_Menu > .heading:before {
            width: 2.86458vw;
            height: 2.86458vw;
            margin: 0 1.30208vw 0 0; } }
    .st-Footer .st-Footer_Menu > .globalnav {
      width: 623px;
      margin: 25px 0 0; }
      @media screen and (max-width: 1024px) {
        .st-Footer .st-Footer_Menu > .globalnav {
          width: 79.16667vw;
          margin: 6.51042vw 0 0; } }
      .st-Footer .st-Footer_Menu > .globalnav nav ul {
        margin: 0 0 -10px -10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        @media screen and (max-width: 1024px) {
          .st-Footer .st-Footer_Menu > .globalnav nav ul {
            margin: 0;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between; } }
        .st-Footer .st-Footer_Menu > .globalnav nav ul li {
          margin: 0 0 10px 10px; }
          @media screen and (max-width: 1024px) {
            .st-Footer .st-Footer_Menu > .globalnav nav ul li {
              margin: 0; } }
          .st-Footer .st-Footer_Menu > .globalnav nav ul li a {
            width: 148px;
            height: 40px;
            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;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            background: url(../../images/common/footer/bg_menu.png);
            background-size: 3px;
            font-family: 'Montserrat', sans-serif;
            font-weight: 900;
            font-size: 16px;
            font-size: 1.6rem;
            color: #8232a1;
            letter-spacing: .05em;
            /* hover */ }
            @media screen and (max-width: 1024px) {
              .st-Footer .st-Footer_Menu > .globalnav nav ul li a {
                font-size: 3.2rem;
                width: 38.28125vw;
                height: 10.41667vw;
                background-size: 0.39062vw; } }
            @media print, screen and (min-width: 1025px) {
              .st-Footer .st-Footer_Menu > .globalnav nav ul li a {
                -webkit-transition: color .3s, background-color .3s;
                transition: color .3s, background-color .3s; }
                .st-Footer .st-Footer_Menu > .globalnav nav ul li a:hover {
                  color: #fff;
                  background-color: #8232a1; } }
          .st-Footer .st-Footer_Menu > .globalnav nav ul li.current a {
            color: #fff;
            background-color: #8232a1; }
          @media screen and (max-width: 1024px) {
            .st-Footer .st-Footer_Menu > .globalnav nav ul li:nth-child(n + 3) {
              margin: 2.60417vw 0 0; } }
  .st-Footer .st-Footer_Link {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    margin: 40px 0 0 0;
    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;
    grid-area: link; }
    @media screen and (max-width: 1024px) {
      .st-Footer .st-Footer_Link {
        margin: 13.02083vw 0 0;
        display: block; } }
    .st-Footer .st-Footer_Link .logo a {
      width: 179px;
      display: block;
      /* hover */ }
      @media screen and (max-width: 1024px) {
        .st-Footer .st-Footer_Link .logo a {
          width: 46.09375vw;
          margin: 0 auto; } }
      .st-Footer .st-Footer_Link .logo a img {
        width: 100%;
        height: auto; }
      @media print, screen and (min-width: 1025px) {
        .st-Footer .st-Footer_Link .logo a {
          -webkit-transition: opacity .3s;
          transition: opacity .3s; }
          .st-Footer .st-Footer_Link .logo a:hover {
            opacity: .8;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } }
    .st-Footer .st-Footer_Link .list {
      margin: 0 0 0 45px;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
      @media screen and (max-width: 1024px) {
        .st-Footer .st-Footer_Link .list {
          margin: 11.06771vw 0 0; } }
      .st-Footer .st-Footer_Link .list ul li a {
        padding: 0 0 0 27px;
        font-weight: 700;
        font-size: 12px;
        font-size: 1.2rem;
        color: #8232a1;
        -webkit-font-feature-settings: "palt";
                font-feature-settings: "palt";
        letter-spacing: .1em;
        position: relative;
        /* hover */ }
        @media screen and (max-width: 1024px) {
          .st-Footer .st-Footer_Link .list ul li a {
            padding: 0 0 0 4.94792vw;
            font-size: 2.4rem;
            letter-spacing: .075em; } }
        .st-Footer .st-Footer_Link .list ul li a:before, .st-Footer .st-Footer_Link .list ul li a:after {
          content: ""; }
        .st-Footer .st-Footer_Link .list ul li a:before {
          width: 19px;
          height: 19px;
          display: block;
          background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 66"><g style="fill:%238232a1;"><path d="M35.7,8.1V28h-5V8.1C18,9.3,8,20,8,33c0,13.8,11.2,25,25,25s25-11.2,25-25C58,20.1,48.2,9.5,35.7,8.1z"/><rect x="30.7" width="5" height="8"/><rect x="30.7" y="58" width="5" height="8"/><rect x="1.5" y="28.8" transform="matrix(4.474738e-11 -1 1 4.474738e-11 -28.7812 36.7812)" width="5" height="8"/><rect x="59.5" y="28.8" transform="matrix(4.474738e-11 -1 1 4.474738e-11 29.2188 94.7812)" width="5" height="8"/></g></svg>') 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          top: 0;
          left: 0; }
          @media screen and (max-width: 1024px) {
            .st-Footer .st-Footer_Link .list ul li a:before {
              width: 4.29688vw;
              height: 4.29688vw;
              -webkit-transform: translateY(0.39062vw);
                      transform: translateY(0.39062vw); } }
        .st-Footer .st-Footer_Link .list ul li a:after {
          width: 14px;
          height: 14px;
          margin: 0 0 0 6px;
          display: inline-block;
          background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g style="fill:none;stroke:%238232a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;"><polyline class="st0" points="14,1 23,1 23,10"/><polyline class="st0" points="19,15 19,23 1,23 1,5 9,5"/><line class="st0" x1="11" y1="13" x2="22" y2="2"/></g></svg>') 0 0 no-repeat;
          background-size: contain;
          -webkit-transform: translateY(1px);
                  transform: translateY(1px); }
          @media all and (-ms-high-contrast: none) {
            .st-Footer .st-Footer_Link .list ul li a:after {
              background-size: contain; } }
          @media screen and (max-width: 1024px) {
            .st-Footer .st-Footer_Link .list ul li a:after {
              width: 3.38542vw;
              height: 3.38542vw;
              margin: 0 0 0 0.65104vw;
              -webkit-transform: translateY(0.26042vw);
                      transform: translateY(0.26042vw); } }
        @media print, screen and (min-width: 1025px) {
          .st-Footer .st-Footer_Link .list ul li a {
            -webkit-transition: opacity .3s;
            transition: opacity .3s; }
            .st-Footer .st-Footer_Link .list ul li a:hover {
              opacity: .6;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } }
      .st-Footer .st-Footer_Link .list ul li + li {
        margin: 24px 0 0; }
        @media screen and (max-width: 1024px) {
          .st-Footer .st-Footer_Link .list ul li + li {
            margin: 6.51042vw 0 0; } }
  .st-Footer .st-Footer_Company {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    margin: 87px 0 0 auto;
    grid-area: company; }
    @media screen and (max-width: 1024px) {
      .st-Footer .st-Footer_Company {
        margin: 10.41667vw 0 0; } }
    .st-Footer .st-Footer_Company .list ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 1024px) {
        .st-Footer .st-Footer_Company .list ul {
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      .st-Footer .st-Footer_Company .list ul li {
        width: 79px; }
        @media screen and (max-width: 1024px) {
          .st-Footer .st-Footer_Company .list ul li {
            width: 20.3125vw; } }
        .st-Footer .st-Footer_Company .list ul li a {
          display: block;
          /* hover */ }
          .st-Footer .st-Footer_Company .list ul li a img {
            width: 100%;
            height: auto; }
          @media print, screen and (min-width: 1025px) {
            .st-Footer .st-Footer_Company .list ul li a {
              -webkit-transition: opacity .3s;
              transition: opacity .3s; }
              .st-Footer .st-Footer_Company .list ul li a:hover {
                opacity: .6;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } }
        .st-Footer .st-Footer_Company .list ul li + li {
          margin: 0 0 0 27px; }
          @media screen and (max-width: 1024px) {
            .st-Footer .st-Footer_Company .list ul li + li {
              margin: 0 0 0 7.03125vw; } }
  .st-Footer .st-Footer_Copyright {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    margin: 27px 0 0;
    font-size: 13px;
    font-size: 1.3rem;
    color: #8232a1;
    letter-spacing: .05em;
    grid-area: copyright; }
    @media screen and (max-width: 1024px) {
      .st-Footer .st-Footer_Copyright {
        margin: 8.07292vw 0 0;
        font-size: 2.0rem;
        line-height: 1.8;
        text-align: center; } }

/*-------------------------------------------------------------------*/
/* index-Background */
/*-------------------------------------------------------------------*/
.index-Background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform .5s ease-out;
  transition: -webkit-transform .5s ease-out;
  transition: transform .5s ease-out;
  transition: transform .5s ease-out, -webkit-transform .5s ease-out;
  background-image: url(../../images/common/index/bg_parallax_1.png), url(../../images/common/index/bg_parallax_2.png), url(../../images/common/index/bg_parallax_3.png), url(../../images/common/index/bg_parallax_4.png);
  background-size: 563px, 192px, 604px, 577px;
  background-position: 0 0, right -18px top calc(100px + 50px + 123px + 100px + 1286 / 1920 * 100vw), left -71px top calc(100px + 50px + 322px + 100px + 1286 / 1920 * 100vw), right 50px top calc(100px + 50px + 823px + 100px + 1286 / 1920 * 100vw);
  background-repeat: no-repeat; }
  @media screen and (max-width: 1024px) {
    .index-Background {
      background-image: url(../../images/common/index/bg_parallax_2.png), url(../../images/common/index/bg_parallax_3.png), url(../../images/common/index/bg_parallax_4.png);
      background-size: 25vw, 78.64583vw, 75.13021vw;
      background-position: right -2.60417vw top 171.61458vw, left -20.70312vw top 239.84375vw, right -11.45833vw top 429.42708vw; } }

/*-------------------------------------------------------------------*/
/* index-Keyvisual */
/*-------------------------------------------------------------------*/
.index-Keyvisual {
  margin: 0 -50px;
  padding: 100px 50px 50px;
  background: #fff; }
  @media screen and (max-width: 1024px) {
    .index-Keyvisual {
      margin: 0;
      padding: 2.60417vw; } }
  .index-Keyvisual .index-Keyvisual_Content {
    width: 100%;
    margin: 0 auto;
    padding: 63.73626% 0 0;
    position: relative;
    background: #ffd200; }
    @media screen and (max-width: 1024px) {
      .index-Keyvisual .index-Keyvisual_Content {
        height: 156.25vw;
        padding: 0; } }
    @media screen and (max-width: 1024px) {
      .index-Keyvisual .index-Keyvisual_Content:before {
        content: "";
        width: 29.42708vw;
        height: 12.5vw;
        background: url(../../images/sp/index/bg_keyvisual_text.png) 0 0/contain no-repeat;
        position: absolute;
        top: 5.20833vw;
        left: 49.21875vw;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }
    .index-Keyvisual .index-Keyvisual_Content img {
      width: 100%;
      height: auto; }
    .index-Keyvisual .index-Keyvisual_Content .logo {
      width: 27.74725%;
      position: absolute;
      top: 4.31034%;
      left: 2.74725%;
      z-index: 1;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transform: translateX(-50px) rotate(-10deg);
              transform: translateX(-50px) rotate(-10deg);
      -webkit-transition: all 0.2s cubic-bezier(0.03, 0.88, 0.35, 1.26) 1s;
      transition: all 0.2s cubic-bezier(0.03, 0.88, 0.35, 1.26) 1s; }
      @media screen and (max-width: 1024px) {
        .index-Keyvisual .index-Keyvisual_Content .logo {
          width: 41.66667vw;
          top: 6.51042vw;
          left: 6.51042vw;
          -webkit-transform: translateX(-20px) rotate(-10deg);
                  transform: translateX(-20px) rotate(-10deg);
          -webkit-transition-delay: 0.1 0.2s;
                  transition-delay: 0.1 0.2s;
          z-index: 0; } }
    .index-Keyvisual .index-Keyvisual_Content .character {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden; }
      .index-Keyvisual .index-Keyvisual_Content .character span {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        display: block;
        position: absolute; }
        .index-Keyvisual .index-Keyvisual_Content .character span.happy-around {
          width: 134.61538%;
          height: 89.22414%;
          bottom: 21.03448%;
          left: -20.32967%;
          background: url(../../images/pc/index/img_keyvisual_happy-around.png) 0 0/contain no-repeat;
          -webkit-transition: opacity .3s .65s, -webkit-transform .6s .55s;
          transition: opacity .3s .65s, -webkit-transform .6s .55s;
          transition: opacity .3s .65s, transform .6s .55s;
          transition: opacity .3s .65s, transform .6s .55s, -webkit-transform .6s .55s; }
          @media screen and (max-width: 1024px) {
            .index-Keyvisual .index-Keyvisual_Content .character span.happy-around {
              width: 127.86458vw;
              height: 73.17708vw;
              bottom: 67.31771vw;
              left: -16.66667vw;
              background: url(../../images/sp/index/img_keyvisual_happy-around.png) 0 0/contain no-repeat;
              -webkit-transition: opacity .3s .7s, -webkit-transform .6s .7s;
              transition: opacity .3s .7s, -webkit-transform .6s .7s;
              transition: opacity .3s .7s, transform .6s .7s;
              transition: opacity .3s .7s, transform .6s .7s, -webkit-transform .6s .7s; } }
        .index-Keyvisual .index-Keyvisual_Content .character span.peakyp-key {
          width: 133.9011%;
          height: 88.87931%;
          bottom: -7.41379%;
          left: -20.43956%;
          background: url(../../images/pc/index/img_keyvisual_peakyp-key.png) 0 0/contain no-repeat;
          -webkit-transition: opacity .3s .55s, -webkit-transform .6s .5s;
          transition: opacity .3s .55s, -webkit-transform .6s .5s;
          transition: opacity .3s .55s, transform .6s .5s;
          transition: opacity .3s .55s, transform .6s .5s, -webkit-transform .6s .5s; }
          @media screen and (max-width: 1024px) {
            .index-Keyvisual .index-Keyvisual_Content .character span.peakyp-key {
              width: 225.65104vw;
              height: 95.70312vw;
              bottom: 18.48958vw;
              left: -68.35938vw;
              background: url(../../images/sp/index/img_keyvisual_peakyp-key.png) 0 0/contain no-repeat;
              -webkit-transition: opacity .3s .65s, -webkit-transform .6s .65s;
              transition: opacity .3s .65s, -webkit-transform .6s .65s;
              transition: opacity .3s .65s, transform .6s .65s;
              transition: opacity .3s .65s, transform .6s .65s, -webkit-transform .6s .65s; } }
        .index-Keyvisual .index-Keyvisual_Content .character span.photon-maiden {
          width: 133.9011%;
          height: 88.87931%;
          bottom: -34.82759%;
          left: -12.47253%;
          background: url(../../images/pc/index/img_keyvisual_photon-maiden.png) 0 0/contain no-repeat;
          -webkit-transition: opacity .3s .45s, -webkit-transform .6s .45s;
          transition: opacity .3s .45s, -webkit-transform .6s .45s;
          transition: opacity .3s .45s, transform .6s .45s;
          transition: opacity .3s .45s, transform .6s .45s, -webkit-transform .6s .45s; }
          @media screen and (max-width: 1024px) {
            .index-Keyvisual .index-Keyvisual_Content .character span.photon-maiden {
              width: 225.65104vw;
              height: 95.70312vw;
              bottom: -15.75521vw;
              left: -65.49479vw;
              background: url(../../images/sp/index/img_keyvisual_photon-maiden.png) 0 0/contain no-repeat;
              -webkit-transition: opacity .3s .6s, -webkit-transform .6s .6s;
              transition: opacity .3s .6s, -webkit-transform .6s .6s;
              transition: opacity .3s .6s, transform .6s .6s;
              transition: opacity .3s .6s, transform .6s .6s, -webkit-transform .6s .6s; } }
        .index-Keyvisual .index-Keyvisual_Content .character span:nth-child(odd) {
          -webkit-transform: translateX(-7rem);
                  transform: translateX(-7rem); }
          @media screen and (max-width: 1024px) {
            .index-Keyvisual .index-Keyvisual_Content .character span:nth-child(odd) {
              -webkit-transform: translateX(-5rem);
                      transform: translateX(-5rem); } }
        .index-Keyvisual .index-Keyvisual_Content .character span:nth-child(even) {
          -webkit-transform: translateX(-7rem);
                  transform: translateX(-7rem); }
          @media screen and (max-width: 1024px) {
            .index-Keyvisual .index-Keyvisual_Content .character span:nth-child(even) {
              -webkit-transform: translateX(-5rem);
                      transform: translateX(-5rem); } }
    .index-Keyvisual .index-Keyvisual_Content .onair {
      width: 45.49451%;
      height: 21.89655%;
      position: absolute;
      bottom: 5.17241%;
      right: 0; }
      @media screen and (max-width: 1024px) {
        .index-Keyvisual .index-Keyvisual_Content .onair {
          width: 89.84375vw;
          height: 27.60417vw;
          bottom: 5.20833vw; } }
      .index-Keyvisual .index-Keyvisual_Content .onair span {
        display: block;
        position: relative;
        overflow: hidden; }
        .index-Keyvisual .index-Keyvisual_Content .onair span:before, .index-Keyvisual .index-Keyvisual_Content .onair span:after {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0; }
        .index-Keyvisual .index-Keyvisual_Content .onair span:before {
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          background: url(../../images/common/index/txt_keyvisual_onair_2.png) 0 0/cover no-repeat; }
        .index-Keyvisual .index-Keyvisual_Content .onair span:after {
          background: #8232a1;
          -webkit-transform: translateX(-100%);
                  transform: translateX(-100%); }
        .index-Keyvisual .index-Keyvisual_Content .onair span:nth-child(1) {
          width: 67.14976%;
          height: 22.04724%;
          margin: 0 0 0 auto; }
          .index-Keyvisual .index-Keyvisual_Content .onair span:nth-child(1):before {
            background-size: 148.92086%;
            background-position: 100% 0; }
        .index-Keyvisual .index-Keyvisual_Content .onair span:nth-child(2) {
          width: 65.45894%;
          height: 23.62205%;
          margin: 1.44928% 0 0 auto; }
          .index-Keyvisual .index-Keyvisual_Content .onair span:nth-child(2):before {
            background-size: 152.76753%;
            background-position: 100% 35.05155%; }
        .index-Keyvisual .index-Keyvisual_Content .onair span:nth-child(3) {
          width: 38.4058%;
          height: 20.47244%;
          margin: 1.44928% 0 0 auto; }
          .index-Keyvisual .index-Keyvisual_Content .onair span:nth-child(3):before {
            background-size: 260.37736%;
            background-position: 100% 69.30693%; }
        .index-Keyvisual .index-Keyvisual_Content .onair span:nth-child(4) {
          width: 100%;
          height: 19.68504%;
          margin: 1.44928% 0 0; }
          .index-Keyvisual .index-Keyvisual_Content .onair span:nth-child(4):before {
            background-position: 100% 100%; }
  @media screen and (max-width: 1024px) {
    body:not(.preload) .index-Keyvisual.js-scrollAnimation.is-animated .index-Keyvisual_Content:before {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -webkit-transition: opacity .3s 1s;
      transition: opacity .3s 1s; } }
  body:not(.preload) .index-Keyvisual.js-scrollAnimation.is-animated .logo {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg); }
  body:not(.preload) .index-Keyvisual.js-scrollAnimation.is-animated .character span {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  body:not(.preload) .index-Keyvisual.js-scrollAnimation.is-animated .onair span:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s; }
    @media screen and (max-width: 1024px) {
      body:not(.preload) .index-Keyvisual.js-scrollAnimation.is-animated .onair span:before {
        -webkit-transition-delay: 1.6s;
                transition-delay: 1.6s; } }
  body:not(.preload) .index-Keyvisual.js-scrollAnimation.is-animated .onair span:after {
    -webkit-animation-name: curtainRightStart, curtainRightEnd;
            animation-name: curtainRightStart, curtainRightEnd;
    -webkit-animation-duration: .3s, .3s;
            animation-duration: .3s, .3s;
    -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1), cubic-bezier(0.86, 0, 0.07, 1);
            animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1), cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-animation-delay: 1.1s, 1.4s;
            animation-delay: 1.1s, 1.4s;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1; }
    @media screen and (max-width: 1024px) {
      body:not(.preload) .index-Keyvisual.js-scrollAnimation.is-animated .onair span:after {
        -webkit-animation-delay: 1.3s, 1.6s;
                animation-delay: 1.3s, 1.6s; } }

/*-------------------------------------------------------------------*/
/* index-Movie */
/*-------------------------------------------------------------------*/
.index-Movie {
  width: 100%;
  max-width: 960px;
  margin: 66px auto 0; }
  @media screen and (max-width: 1024px) {
    .index-Movie {
      width: 93.48958vw;
      max-width: none;
      margin: 13.02083vw 0 0; } }
  .index-Movie .index-Movie_Content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    position: relative; }
    @media screen and (max-width: 1024px) {
      .index-Movie .index-Movie_Content {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
  .index-Movie .index-Movie_Heading {
    margin: 2px -4px 0 0; }
    @media screen and (max-width: 1024px) {
      .index-Movie .index-Movie_Heading {
        margin: 0.26042vw 0 0; } }
    .index-Movie .index-Movie_Heading h2 {
      font-family: 'Montserrat', sans-serif;
      font-size: 30px;
      font-size: 3.0rem;
      font-style: 900;
      color: #8232a1;
      -webkit-writing-mode: vertical-rl;
          -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl;
      display: inline-block; }
  .index-Movie .index-Movie_Body {
    margin: 0 20px 0 0; }
    @media screen and (max-width: 1024px) {
      .index-Movie .index-Movie_Body {
        margin: 0 0.91146vw 0 10.41667vw; } }
    .index-Movie .index-Movie_Body .movie {
      position: relative;
      z-index: 1; }
      .index-Movie .index-Movie_Body .movie a {
        width: 668px;
        height: 375px;
        display: block;
        position: relative;
        background: url(../../images/common/bg_movie_pattern.png) #ffd200;
        cursor: pointer;
        overflow: hidden;
        /* hover */ }
        @media screen and (max-width: 1024px) {
          .index-Movie .index-Movie_Body .movie a {
            width: 79.16667vw;
            height: 44.53125vw;
            background-size: 1.04167vw; } }
        .index-Movie .index-Movie_Body .movie a:before {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          bottom: -10px;
          right: -10px;
          border-right: 4px solid #8232a1;
          border-bottom: 4px solid #8232a1; }
          @media screen and (max-width: 1024px) {
            .index-Movie .index-Movie_Body .movie a:before {
              bottom: -1.30208vw;
              right: -1.30208vw;
              border-right: 0.52083vw solid #8232a1;
              border-bottom: 0.52083vw solid #8232a1; } }
        .index-Movie .index-Movie_Body .movie a img {
          opacity: .5;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
          .index-Movie .index-Movie_Body .movie a img.no-image {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
        .index-Movie .index-Movie_Body .movie a .btn {
          width: 120px;
          height: 110px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          position: absolute;
          bottom: 0;
          right: 0;
          background: #8232a1; }
          @media screen and (max-width: 1024px) {
            .index-Movie .index-Movie_Body .movie a .btn {
              width: 14.32292vw;
              height: 13.02083vw; } }
          .index-Movie .index-Movie_Body .movie a .btn p {
            font-family: 'Oswald', sans-serif;
            font-weight: 700;
            font-size: 32px;
            font-size: 3.2rem;
            font-style: italic;
            color: #fff;
            text-align: center;
            letter-spacing: .1em; }
            @media screen and (max-width: 1024px) {
              .index-Movie .index-Movie_Body .movie a .btn p {
                font-size: 3.0rem; } }
          .index-Movie .index-Movie_Body .movie a .btn .arrow {
            width: 26px;
            height: 22px;
            margin: 15px auto 0; }
            @media screen and (max-width: 1024px) {
              .index-Movie .index-Movie_Body .movie a .btn .arrow {
                width: 2.99479vw;
                height: 2.47396vw;
                margin: 1.82292vw auto 0; } }
            .index-Movie .index-Movie_Body .movie a .btn .arrow svg {
              width: 100%;
              height: 100%; }
              .index-Movie .index-Movie_Body .movie a .btn .arrow svg path {
                fill: #fff; }
        @media print, screen and (min-width: 1025px) {
          .index-Movie .index-Movie_Body .movie a img {
            -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s, -webkit-transform .3s; }
          .index-Movie .index-Movie_Body .movie a .btn {
            -webkit-transition: background-color .3s;
            transition: background-color .3s; }
          .index-Movie .index-Movie_Body .movie a:hover img {
            -webkit-transform: scale(1.1);
                    transform: scale(1.1); }
          .index-Movie .index-Movie_Body .movie a:hover .btn {
            background-color: #fa192b; } }
    .index-Movie .index-Movie_Body .onair {
      width: 306px;
      position: absolute;
      top: -48px;
      left: 0; }
      @media screen and (max-width: 1024px) {
        .index-Movie .index-Movie_Body .onair {
          width: 39.84375vw;
          max-width: none;
          top: -10.67708vw;
          left: 2.60417vw; } }
      .index-Movie .index-Movie_Body .onair img {
        width: 100%;
        height: auto; }

/*-------------------------------------------------------------------*/
/* index-News */
/*-------------------------------------------------------------------*/
.index-News {
  width: 100%;
  max-width: 960px;
  margin: 80px auto 0; }
  @media screen and (max-width: 1024px) {
    .index-News {
      width: 86.97917vw;
      max-width: none;
      margin: 28.64583vw auto 0; } }
  .index-News .index-News_Content {
    position: relative; }
  .index-News .index-News_Heading:after {
    content: "";
    width: 20px;
    height: 10px;
    margin: 20px 0 0;
    display: block;
    background: #8232a1; }
    @media screen and (max-width: 1024px) {
      .index-News .index-News_Heading:after {
        width: 3.90625vw;
        height: 1.82292vw;
        margin: 2.60417vw 0 0; } }
  .index-News .index-News_Heading h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-size: 6.0rem;
    font-style: 900;
    color: #8232a1; }
    @media screen and (max-width: 1024px) {
      .index-News .index-News_Heading h2 {
        font-size: 8.0rem; } }
    .index-News .index-News_Heading h2:after {
      content: "";
      width: 52px;
      height: 49px;
      margin: 0 0 0 20px;
      display: inline-block;
      background: url(../../images/common/icon_headphones.png) 0 0 no-repeat;
      background-size: contain;
      -webkit-transform: translateY(2px);
              transform: translateY(2px); }
      @media screen and (max-width: 1024px) {
        .index-News .index-News_Heading h2:after {
          width: 8.59375vw;
          height: 8.07292vw;
          margin: 0 0 0 3.90625vw;
          -webkit-transform: translateY(0.26042vw);
                  transform: translateY(0.26042vw); } }
  .index-News .index-News_Body {
    margin: 40px 0 0; }
    @media screen and (max-width: 1024px) {
      .index-News .index-News_Body {
        margin: 6.51042vw 0 0; } }
    .index-News .index-News_Body .archive {
      width: 56.25%;
      max-width: 540px;
      min-height: 266px; }
      @media screen and (max-width: 1024px) {
        .index-News .index-News_Body .archive {
          width: 100%;
          max-width: none;
          min-height: auto; } }
      .index-News .index-News_Body .archive ul li {
        /* hover */ }
        .index-News .index-News_Body .archive ul li a {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          position: relative; }
          .index-News .index-News_Body .archive ul li a .date {
            width: 107px;
            height: 88px;
            font-family: 'Oswald', sans-serif;
            font-weight: 700;
            font-size: 21px;
            font-size: 2.1rem;
            line-height: 1.19048;
            color: #fff;
            background: #8232a1;
            text-align: center;
            -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
            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;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            @media screen and (max-width: 1024px) {
              .index-News .index-News_Body .archive ul li a .date {
                width: 20.83333vw;
                height: 16.40625vw;
                font-size: 3.6rem;
                line-height: 1.16667; } }
            .index-News .index-News_Body .archive ul li a .date span {
              display: block; }
              .index-News .index-News_Body .archive ul li a .date span.y {
                font-size: .8em; }
          .index-News .index-News_Body .archive ul li a .title {
            width: 100%;
            height: 88px;
            padding: 20px;
            font-weight: 700;
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.71429;
            color: #8232a1;
            background: #fff;
            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; }
            @media screen and (max-width: 1024px) {
              .index-News .index-News_Body .archive ul li a .title {
                height: 16.40625vw;
                padding: 3.90625vw;
                font-size: 2.4rem;
                line-height: 1.66667; } }
          .index-News .index-News_Body .archive ul li a .new {
            font-family: 'Pacifico', cursive;
            font-size: 32px;
            font-size: 3.2rem;
            color: #f00;
            position: absolute;
            top: -14px;
            right: 0; }
            @media screen and (max-width: 1024px) {
              .index-News .index-News_Body .archive ul li a .new {
                font-size: 4.8rem;
                top: -2.73438vw; } }
        .index-News .index-News_Body .archive ul li + li {
          margin: 1px 0 0; }
        @media print, screen and (min-width: 1025px) {
          .index-News .index-News_Body .archive ul li .date {
            -webkit-transition: background-color .3s;
            transition: background-color .3s; }
          .index-News .index-News_Body .archive ul li .title {
            -webkit-transition: color .3s;
            transition: color .3s; }
          .index-News .index-News_Body .archive ul li:hover .date {
            background-color: #fa192b; }
          .index-News .index-News_Body .archive ul li:hover .title {
            color: #fa192b; } }
      .index-News .index-News_Body .archive .btn {
        width: 13.33333%;
        height: 36px;
        position: absolute;
        top: 16px;
        left: 412px; }
        @media screen and (max-width: 1024px) {
          .index-News .index-News_Body .archive .btn {
            width: 23.4375vw;
            height: 5.20833vw;
            top: 3.77604vw;
            left: auto;
            right: 0; } }
        .index-News .index-News_Body .archive .btn a {
          height: 100%;
          display: block;
          font-family: 'Montserrat', sans-serif;
          font-size: 17.6px;
          font-size: 1.76rem;
          font-style: 900;
          color: #8232a1;
          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;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          border-left: 2px solid #8232a1;
          border-bottom: 2px solid #8232a1;
          position: relative;
          z-index: 1;
          /* hover */ }
          @media screen and (max-width: 1024px) {
            .index-News .index-News_Body .archive .btn a {
              padding: 0vw 0 0;
              font-size: 2.56rem;
              border-left: 0.52083vw solid #8232a1;
              border-bottom: 0.52083vw solid #8232a1; } }
          .index-News .index-News_Body .archive .btn a:before {
            content: "";
            width: 0;
            max-width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #8232a1;
            z-index: -1; }
          @media print, screen and (min-width: 1025px) {
            .index-News .index-News_Body .archive .btn a {
              -webkit-transition: color .3s;
              transition: color .3s; }
              .index-News .index-News_Body .archive .btn a:before {
                -webkit-transition: width .3s ease-out;
                transition: width .3s ease-out; }
              .index-News .index-News_Body .archive .btn a:hover {
                color: #fff; }
                .index-News .index-News_Body .archive .btn a:hover:before {
                  width: 100%; } }
    .index-News .index-News_Body .twitter {
      width: 41.66667%;
      max-width: 400px;
      height: calc(100% - 10px);
      position: absolute;
      bottom: 0;
      right: 0;
      background: #fff; }
      @media screen and (max-width: 1024px) {
        .index-News .index-News_Body .twitter {
          width: 100%;
          max-width: none;
          height: 78.125vw;
          margin: 8.33333vw 0 0;
          position: static; } }
      .index-News .index-News_Body .twitter > .heading {
        width: 100%;
        height: 48px;
        padding: 0 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background: #8232a1; }
        @media screen and (max-width: 1024px) {
          .index-News .index-News_Body .twitter > .heading {
            height: 10.41667vw;
            padding: 0 3.90625vw; } }
        .index-News .index-News_Body .twitter > .heading .icon {
          width: 20px;
          height: 17px;
          display: block; }
          @media screen and (max-width: 1024px) {
            .index-News .index-News_Body .twitter > .heading .icon {
              width: 4.42708vw;
              height: 3.77604vw; } }
          .index-News .index-News_Body .twitter > .heading .icon svg {
            width: 100%;
            height: 100%; }
        .index-News .index-News_Body .twitter > .heading .anchor a {
          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;
          font-family: 'Montserrat', sans-serif;
          font-weight: 900;
          font-size: 21px;
          font-size: 2.1rem;
          color: #fff;
          letter-spacing: .1em;
          /* hover */ }
          @media screen and (max-width: 1024px) {
            .index-News .index-News_Body .twitter > .heading .anchor a {
              font-size: 3.6rem; } }
          .index-News .index-News_Body .twitter > .heading .anchor a:after {
            content: "";
            width: 15px;
            height: 15px;
            margin: 0 0 0 14px;
            display: block;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g style="fill:none;stroke:%23fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;"><polyline class="st0" points="14,1 23,1 23,10"/><polyline class="st0" points="19,15 19,23 1,23 1,5 9,5"/><line class="st0" x1="11" y1="13" x2="22" y2="2"/></g></svg>') 0 0 no-repeat;
            background-size: contain;
            -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                    flex-shrink: 0; }
            @media all and (-ms-high-contrast: none) {
              .index-News .index-News_Body .twitter > .heading .anchor a:after {
                background-size: contain; } }
            @media screen and (max-width: 1024px) {
              .index-News .index-News_Body .twitter > .heading .anchor a:after {
                width: 3.38542vw;
                height: 3.38542vw;
                margin: 0 0 0 2.47396vw; } }
          @media print, screen and (min-width: 1025px) {
            .index-News .index-News_Body .twitter > .heading .anchor a {
              -webkit-transition: opacity .3s;
              transition: opacity .3s; }
              .index-News .index-News_Body .twitter > .heading .anchor a:hover {
                opacity: .6;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } }
      .index-News .index-News_Body .twitter > .body .timeline {
        width: 100%;
        height: 336px;
        overflow-y: scroll; }
        @media screen and (max-width: 1024px) {
          .index-News .index-News_Body .twitter > .body .timeline {
            height: 67.70833vw; } }

/*-------------------------------------------------------------------*/
/* index-Character */
/*-------------------------------------------------------------------*/
.index-Character {
  width: 100%;
  max-width: 960px;
  margin: 105px auto 0; }
  @media screen and (max-width: 1024px) {
    .index-Character {
      width: 100%;
      max-width: none;
      margin: 27.34375vw auto 0; } }
  .index-Character .index-Character_Content {
    position: relative; }
  @media screen and (max-width: 1024px) {
    .index-Character .index-Character_Heading {
      width: 86.97917vw;
      margin: 0 auto; } }
  .index-Character .index-Character_Heading:after {
    content: "";
    width: 20px;
    height: 10px;
    margin: 20px 0 0;
    display: block;
    background: #8232a1; }
    @media screen and (max-width: 1024px) {
      .index-Character .index-Character_Heading:after {
        width: 3.90625vw;
        height: 1.82292vw;
        margin: 2.60417vw 0 0; } }
  .index-Character .index-Character_Heading h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-size: 6.0rem;
    font-style: 900;
    color: #8232a1; }
    @media screen and (max-width: 1024px) {
      .index-Character .index-Character_Heading h2 {
        font-size: 8.0rem; } }
    .index-Character .index-Character_Heading h2:after {
      content: "";
      width: 52px;
      height: 49px;
      margin: 0 0 0 20px;
      display: inline-block;
      background: url(../../images/common/icon_headphones.png) 0 0 no-repeat;
      background-size: contain;
      -webkit-transform: translateY(2px);
              transform: translateY(2px); }
      @media screen and (max-width: 1024px) {
        .index-Character .index-Character_Heading h2:after {
          width: 8.59375vw;
          height: 8.07292vw;
          margin: 0 0 0 3.90625vw;
          -webkit-transform: translateY(0.26042vw);
                  transform: translateY(0.26042vw); } }
  .index-Character .index-Character_Body {
    margin: 40px 0 0; }
    @media screen and (max-width: 1024px) {
      .index-Character .index-Character_Body {
        margin: 6.51042vw 0 0; } }
    .index-Character .index-Character_Body .list {
      width: 688px;
      margin: 0 auto;
      padding: 0 0 82px;
      position: relative; }
      @media screen and (max-width: 1024px) {
        .index-Character .index-Character_Body .list {
          width: 89.58333vw;
          padding: 0 0 14.0625vw; } }
      .index-Character .index-Character_Body .list .swiper-container {
        width: 100%;
        overflow: visible; }
        .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .logo {
          margin: 0 auto;
          position: absolute;
          left: 0;
          right: 0;
          z-index: 1;
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          -webkit-transform: scale(1.1);
                  transform: scale(1.1);
          -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
          transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
          transition: opacity 1s ease-out, transform 1s ease-out;
          transition: opacity 1s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out; }
          .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .logo a {
            display: block;
            /* hover */ }
            .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .logo a img {
              width: 100%;
              height: auto;
              -webkit-backface-visibility: hidden;
                      backface-visibility: hidden; }
            @media print, screen and (min-width: 1025px) {
              .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .logo a {
                -webkit-transition: -webkit-transform .3s;
                transition: -webkit-transform .3s;
                transition: transform .3s;
                transition: transform .3s, -webkit-transform .3s; }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .logo a:hover {
                  -webkit-transform: scale(1.05);
                          transform: scale(1.05); } }
          .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .logo.happy-around {
            width: 52.39521%;
            top: 37.12575%; }
          .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .logo.peakyp-key {
            width: 32.63473%;
            top: 30.38922%; }
          .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .logo.photon-maiden {
            width: 38.92216%;
            top: 38.17365%; }
        .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit {
          width: 668px;
          height: 668px;
          margin: 0 auto; }
          @media screen and (max-width: 1024px) {
            .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit {
              width: 86.97917vw;
              height: 86.97917vw; } }
          .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul {
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap; }
            .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li {
              width: 50%;
              height: 50%; }
              .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a {
                width: 100%;
                height: 100%;
                display: block;
                overflow: hidden;
                position: relative;
                /* hover */ }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a:after {
                  content: "";
                  width: 100%;
                  height: 100%;
                  position: absolute;
                  top: 0;
                  left: 0;
                  -webkit-transform: translateY(-100%);
                          transform: translateY(-100%); }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a img {
                  opacity: 0;
                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                  -webkit-transition: opacity .3s .6s, -webkit-transform .3s;
                  transition: opacity .3s .6s, -webkit-transform .3s;
                  transition: transform .3s, opacity .3s .6s;
                  transition: transform .3s, opacity .3s .6s, -webkit-transform .3s; }
                @media print, screen and (min-width: 1025px) {
                  .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a:hover img {
                    -webkit-transform: scale(1.05);
                            transform: scale(1.05); } }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a.rinku-aimoto:after {
                  background-color: #ff6e00; }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a.maho-akashi:after {
                  background-color: #ffdc14; }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a.muni-ohnaruto:after {
                  background-color: #f774d2; }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a.rei-togetsu:after {
                  background-color: #3c64ff; }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a.kyoko-yamate:after {
                  background-color: #c90000; }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a.shinobu-inuyose:after {
                  background-color: #c764b4; }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a.yuka-sasago-jennifer:after {
                  background-color: #dcaa0b; }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a.esora-shimizu:after {
                  background-color: #27835d; }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a.saki-izumo:after {
                  background-color: #e6ffed; }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a.ibuki-niijima:after {
                  background-color: #bec4c2; }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a.towa-hanamaki:after {
                  background-color: #96dfff; }
                .index-Character .index-Character_Body .list .swiper-container .swiper-wrapper .swiper-slide .unit ul li a.noa-fukushima:after {
                  background-color: #f4fcde; }
        .index-Character .index-Character_Body .list .swiper-container.disabled {
          width: 100%; }
          .index-Character .index-Character_Body .list .swiper-container.disabled .swiper-wrapper {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center; }
        .index-Character .index-Character_Body .list .swiper-container.disabled + .swiper-nav {
          display: none; }
      .index-Character .index-Character_Body .list .swiper-nav {
        width: 150px;
        position: absolute;
        bottom: 0;
        right: 10px;
        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;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        @media screen and (max-width: 1024px) {
          .index-Character .index-Character_Body .list .swiper-nav {
            width: 25.78125vw;
            right: 1.30208vw; } }
        .index-Character .index-Character_Body .list .swiper-nav .swiper-button-prev,
        .index-Character .index-Character_Body .list .swiper-nav .swiper-button-next {
          width: 50px;
          height: 32px;
          margin: 0;
          background: url(../../images/common/index/icon_slider_arrow.png) 0 0 no-repeat;
          background-size: 50px auto;
          outline: none;
          position: static;
          /* hover */ }
          @media screen and (max-width: 1024px) {
            .index-Character .index-Character_Body .list .swiper-nav .swiper-button-prev,
            .index-Character .index-Character_Body .list .swiper-nav .swiper-button-next {
              width: 9.63542vw;
              height: 6.25vw;
              background-size: 9.63542vw auto; } }
          @media print, screen and (min-width: 1025px) {
            .index-Character .index-Character_Body .list .swiper-nav .swiper-button-prev,
            .index-Character .index-Character_Body .list .swiper-nav .swiper-button-next {
              -webkit-transition: .3s;
              transition: .3s; }
              .index-Character .index-Character_Body .list .swiper-nav .swiper-button-prev:hover,
              .index-Character .index-Character_Body .list .swiper-nav .swiper-button-next:hover {
                opacity: .5;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } }
        .index-Character .index-Character_Body .list .swiper-nav .swiper-button-prev {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
      .index-Character .index-Character_Body .list .swiper-pagination {
        position: absolute;
        bottom: 8px;
        left: 10px; }
        @media screen and (max-width: 1024px) {
          .index-Character .index-Character_Body .list .swiper-pagination {
            bottom: 1.82292vw;
            left: 1.30208vw; } }
        .index-Character .index-Character_Body .list .swiper-pagination .swiper-pagination-bullet {
          width: 15px;
          height: 15px;
          border: 3px solid #8232a1;
          background: #fff;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          outline: none;
          /* hover */ }
          @media screen and (max-width: 1024px) {
            .index-Character .index-Character_Body .list .swiper-pagination .swiper-pagination-bullet {
              width: 2.60417vw;
              height: 2.60417vw;
              border: 0.52083vw solid #8232a1; } }
          @media print, screen and (min-width: 1025px) {
            .index-Character .index-Character_Body .list .swiper-pagination .swiper-pagination-bullet {
              -webkit-transition: background-color .3s;
              transition: background-color .3s; }
              .index-Character .index-Character_Body .list .swiper-pagination .swiper-pagination-bullet:hover {
                background: #8232a1; } }
          .index-Character .index-Character_Body .list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #8232a1; }
          .index-Character .index-Character_Body .list .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
            margin: 0 0 0 20px; }
            @media screen and (max-width: 1024px) {
              .index-Character .index-Character_Body .list .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
                margin: 0 0 0 1.5625vw; } }
      body:not(.preload) .index-Character .index-Character_Body .list.js-scrollAnimation.is-animated .logo {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transition-delay: 1.2s;
                transition-delay: 1.2s; }
      body:not(.preload) .index-Character .index-Character_Body .list.js-scrollAnimation.is-animated .swiper-slide ul li:nth-child(odd) a:after {
        -webkit-animation-name: curtainDownStart, curtainDownEnd;
                animation-name: curtainDownStart, curtainDownEnd;
        -webkit-animation-duration: .6s, .6s;
                animation-duration: .6s, .6s;
        -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1), cubic-bezier(0.86, 0, 0.07, 1);
                animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1), cubic-bezier(0.86, 0, 0.07, 1);
        -webkit-animation-delay: 0s, .6s;
                animation-delay: 0s, .6s;
        -webkit-animation-direction: alternate;
                animation-direction: alternate;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1; }
      body:not(.preload) .index-Character .index-Character_Body .list.js-scrollAnimation.is-animated .swiper-slide ul li:nth-child(even) a:after {
        -webkit-animation-name: curtainUpStart, curtainUpEnd;
                animation-name: curtainUpStart, curtainUpEnd;
        -webkit-animation-duration: .6s, .6s;
                animation-duration: .6s, .6s;
        -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1), cubic-bezier(0.86, 0, 0.07, 1);
                animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1), cubic-bezier(0.86, 0, 0.07, 1);
        -webkit-animation-delay: 0s, .6s;
                animation-delay: 0s, .6s;
        -webkit-animation-direction: alternate;
                animation-direction: alternate;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1; }
      body:not(.preload) .index-Character .index-Character_Body .list.js-scrollAnimation.is-animated .swiper-slide ul li a img {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/*-------------------------------------------------------------------*/
/* print */
/*-------------------------------------------------------------------*/
@media print {
  * {
    -webkit-print-color-adjust: exact; } }