@media (min-width: 760px) {
  .page-index .wrap {
    overflow: hidden;
    position: relative;
    z-index: 0;
    background-color: #000;
  }
  .page-index .hero {
    position: relative;
    z-index: 0;
    overflow: hidden;
  }
  .page-index .hero_kvWrap {
    --vh: 100vh;
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(var(--vh) - 45px - 40px);
    background: #000 url("../images/index/pc/hero/mask.svg") no-repeat center bottom;
    -webkit-mask-image: url("../images/index/pc/hero/mask.svg");
            mask-image: url("../images/index/pc/hero/mask.svg");
    -webkit-mask-position: center bottom;
            mask-position: center bottom;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: cover;
            mask-size: cover;
  }
  .page-index .hero_kv {
    width: 100%;
    height: 100%;
    background: url("../images/index/pc/hero/kv.jpg") no-repeat center center;
    background-size: cover;
    -webkit-transition: opacity 0.1s linear, -webkit-transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.1s linear, -webkit-transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.1s linear;
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.1s linear, -webkit-transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform: translate3d(0, 0, 0) rotate(-6deg) scale(1.5);
            transform: translate3d(0, 0, 0) rotate(-6deg) scale(1.5);
    opacity: 0;
  }
}
@media (min-width: 760px) and (min-width: 760px) and (max-width: 1024px) and (orientation: portrait) {
  .page-index .hero_kv {
    background: url("../images/index/sp/hero/kv.jpg") no-repeat center center;
    background-size: cover;
  }
}
@media (min-width: 760px) {
  .page-index .hero.is-show .hero_kv {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1.05);
            transform: translate3d(0, 0, 0) rotate(0) scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .hero_head {
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 760px) {
  .page-index .hero_title {
    pointer-events: none;
    position: absolute;
    left: 1.3541666667vw;
    bottom: -3.3333333333vw;
    width: 41.25vw;
    height: 23.7152777778vw;
    max-width: 792px;
    max-height: 455.3333333333px;
    visibility: hidden;
    opacity: 0.8;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    -webkit-transition: visibility 0s linear 0.58s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.58s;
    transition: visibility 0s linear 0.58s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.58s;
    transition: visibility 0s linear 0.58s, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.58s;
    transition: visibility 0s linear 0.58s, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.58s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.58s;
  }
}
@media (min-width: 760px) and (min-width: 760px) and (max-width: 1024px) and (orientation: portrait) {
  .page-index .hero_title {
    left: 1.3541666667vw;
    bottom: 10.625vw;
    width: 61.875vw;
    height: 35.5729166667vw;
  }
}
@media (min-width: 760px) {
  .page-index .hero.is-show .hero_title {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@media (min-width: 760px) {
  .page-index .hero_date {
    position: absolute;
    right: -0.5208333333vw;
    bottom: 0.8854166667vw;
    width: 37.0833333333vw;
    height: 10.2777777778vw;
    max-width: 712px;
    max-height: 197.3333333333px;
    visibility: hidden;
    -webkit-transform: rotate(-3.88deg) translateX(100%);
            transform: rotate(-3.88deg) translateX(100%);
    -webkit-transition: visibility 0s linear 0.8s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.25, 1.15) 0.8s;
    transition: visibility 0s linear 0.8s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.25, 1.15) 0.8s;
    transition: visibility 0s linear 0.8s, transform 0.25s cubic-bezier(0.175, 0.885, 0.25, 1.15) 0.8s;
    transition: visibility 0s linear 0.8s, transform 0.25s cubic-bezier(0.175, 0.885, 0.25, 1.15) 0.8s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.25, 1.15) 0.8s;
  }
}
@media (min-width: 760px) and (min-width: 760px) and (max-width: 1024px) and (orientation: portrait) {
  .page-index .hero_date {
    right: -0.5208333333vw;
    bottom: 0.8854166667vw;
    width: 55.625vw;
    height: 15.4166666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .hero.is-show .hero_date {
    visibility: visible;
    -webkit-transform: rotate(-3.88deg) translateX(0);
            transform: rotate(-3.88deg) translateX(0);
  }
}
@media (min-width: 760px) {
  .page-index .hero_bottom {
    position: relative;
    z-index: 0;
    margin-top: -13.75vw;
    padding-top: 13.75vw;
    padding-bottom: 9.1145833333vw;
    width: 100%;
    background: url("../images/index/pc/hero/bg_news.png") repeat-y center top;
    background-size: 100% auto;
  }
}
@media (min-width: 760px) {
  .page-index .hero_news {
    margin: 0 auto 2.0833333333vw;
    padding: 1.25vw 0 1.25vw;
    width: 67.8472222222vw;
    background: url("../images/index/pc/hero/bg_news2_top.png") no-repeat left -0.0520833333vw, url("../images/index/pc/hero/bg_news2_bottom.png") no-repeat left calc(100% + 0.0520833333vw);
    background-size: 100% auto, 100% auto;
    opacity: 0;
  }
}
@media (min-width: 760px) {
  .page-index .hero_newsOuter {
    padding: 0.5729166667vw 1.6145833333vw 0.5729166667vw 5.1041666667vw;
    width: 100%;
    background: url("../images/index/pc/hero/bg_news2_body.png") repeat-y left top;
    background-size: 100% auto;
  }
}
@media (min-width: 760px) {
  .page-index .hero_newsInner {
    height: 9.375vw;
    padding-right: 2.96875vw;
    scroll-behavior: smooth;
  }
  .page-index .hero_newsInner .simplebar-scrollbar:before {
    background: #fff;
  }
}
@media (min-width: 760px) {
  .page-index .hero_newsItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-index .hero_newsItem + .hero_newsItem {
    margin-top: 0.625vw;
  }
}
@media (min-width: 760px) {
  .page-index .hero_newsDate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 7.96875vw;
  }
  .page-index .hero_newsDate > span {
    position: relative;
    display: inline-block;
    top: 0.2083333333vw;
    margin-left: 0.0520833333vw;
    height: 0.9895833333vw;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .page-index .hero_newsDate > span[data-num="0"] {
    width: 0.8333333333vw;
    background: url("../images/index/num/0.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="1"] {
    width: 0.5208333333vw;
    background: url("../images/index/num/1.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="2"] {
    width: 0.78125vw;
    background: url("../images/index/num/2.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="3"] {
    width: 0.78125vw;
    background: url("../images/index/num/3.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="4"] {
    width: 0.78125vw;
    background: url("../images/index/num/4.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="5"] {
    width: 0.78125vw;
    background: url("../images/index/num/5.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="6"] {
    width: 0.8854166667vw;
    background: url("../images/index/num/6.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="7"] {
    width: 0.78125vw;
    background: url("../images/index/num/7.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="8"] {
    width: 0.78125vw;
    background: url("../images/index/num/8.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="9"] {
    width: 0.8854166667vw;
    background: url("../images/index/num/9.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="."] {
    width: 0.2604166667vw;
    background: url("../images/index/num/dot.png") no-repeat center bottom;
    background-size: 100% auto;
  }
}
@media (min-width: 760px) {
  .page-index .hero_newsText {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 0.9375vw;
    line-height: 1.6;
    letter-spacing: 0.02em;
    color: #fff;
    font-weight: 900;
  }
  .page-index .hero_newsText > a {
    text-decoration: none;
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .hero_newsText > a:hover {
    text-decoration: underline;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner {
    position: relative;
    display: block;
    margin: 1.4583333333vw auto 0;
    width: 66.6666666667vw;
    height: 9.375vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .hero_banner:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .hero_bannerInner {
    position: relative;
    display: block;
  }
}
@media (min-width: 760px) {
  .page-index .hero_bannerNew {
    position: absolute;
    display: block;
    left: -1.9791666667vw;
    top: -0.3645833333vw;
    width: 6.2847222222vw;
    height: 2.2916666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .hero_bannerLow1 {
    text-align: center;
  }
  .page-index .hero_bannerLow1--img09 {
    margin-top: -1.1458333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .hero_bannerColumn {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 67.8472222222vw;
    margin: 0 auto;
    text-align: center;
  }
  .page-index .hero_bannerColumn .hero_bannerLow1 {
    width: calc(639 / 1304 * 100%);
    margin-left: calc(26 / 1304 * 100%);
    padding-right: 0;
  }
  .page-index .hero_bannerColumn .hero_bannerLow1:nth-child(2n+1) {
    margin-left: 0;
  }
  .page-index .hero_bannerColumn .hero_bannerLow1:nth-child(n+3) {
    margin-top: calc(26 / 1304 * 100%);
  }
  .page-index .hero_bannerColumn .hero_bannerLow1 > * {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner1 {
    position: relative;
    display: inline-block;
    width: 67.8472222222vw;
    height: 10.9375vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
  .page-index .hero_bannerLow1--img09 .hero_banner1 {
    height: 12.08333333333vw;
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .hero_banner1:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner1Inner {
    position: relative;
    display: block;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner1New {
    position: absolute;
    display: block;
    right: -0.5208333333vw;
    top: -0.4166666667vw;
    width: 6.2847222222vw;
    height: 2.2916666667vw;
    z-index: 1;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner1Arrow {
    position: absolute;
    right: 1.3541666667vw;
    bottom: 0.625vw;
    width: 1.9791666667vw;
    height: 2.03125vw;
    background: url("../images/index/pc/hero/icon_arrow.png") no-repeat center center;
    background-size: 100% auto;
    -webkit-animation: a-sliderBtn-next 1.25s infinite ease-out;
            animation: a-sliderBtn-next 1.25s infinite ease-out;
  }
  .page-index .hero_bannerColumn .hero_banner1Arrow {
    right: 1.09375vw;
  }
}
@media (min-width: 760px) {
  .page-index .hero_bannerLow2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 1.4583333333vw auto 0;
    width: 66.6666666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner2 {
    position: relative;
    display: block;
    width: 43.9236111111vw;
    height: 9.375vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .hero_banner2:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner2Inner {
    display: block;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner2Arrow {
    position: absolute;
    right: 0.6770833333vw;
    bottom: 0.2604166667vw;
    width: 1.6145833333vw;
    height: 1.6666666667vw;
    background: url("../images/index/pc/hero/icon_arrow.png") no-repeat center center;
    background-size: 100% auto;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner3 {
    position: relative;
    display: block;
    margin-left: 1.5625vw;
    width: 21.3541666667vw;
    height: 9.375vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .hero_banner3:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner3Inner {
    display: block;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner3Arrow {
    position: absolute;
    right: 1.3541666667vw;
    bottom: 0.625vw;
    width: 1.9791666667vw;
    height: 2.03125vw;
    background: url("../images/index/pc/hero/icon_arrow_2.png") no-repeat center center;
    background-size: 100% auto;
    -webkit-animation: a-sliderBtn-next 1.25s infinite ease-out;
            animation: a-sliderBtn-next 1.25s infinite ease-out;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner4 {
    position: relative;
    display: block;
    margin: 1.4583333333vw auto 0;
    width: 66.6666666667vw;
    height: 9.375vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .hero_banner4:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner4Inner {
    display: block;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner4Arrow {
    position: absolute;
    right: 1.3541666667vw;
    bottom: 0.625vw;
    width: 1.9791666667vw;
    height: 2.03125vw;
    background: url("../images/index/pc/hero/icon_arrow_3.png") no-repeat center center;
    background-size: 100% auto;
    -webkit-animation: a-sliderBtn-next 1.25s infinite ease-out;
            animation: a-sliderBtn-next 1.25s infinite ease-out;
  }
  .page-index .hero_bannerColumn .hero_banner4Arrow {
    right: 1.09375vw;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner5 {
    position: relative;
    display: block;
    margin: 1.4583333333vw auto 2.0833333333vw;
    width: 66.6666666667vw;
    height: 2.7777777778vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .hero_banner5:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner5Arrow {
    position: absolute;
    right: 0.5208333333vw;
    bottom: 3.3854166667vw;
    width: 2.03125vw;
    height: 1.9791666667vw;
    background: url("../images/index/pc/hero/icon_arrow_4.png") no-repeat center center;
    background-size: 100% auto;
    -webkit-animation: a-sliderBtn-next 1.25s infinite ease-out;
            animation: a-sliderBtn-next 1.25s infinite ease-out;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner5Inner {
    display: block;
  }
}
@media (min-width: 760px) {
  .page-index .hero_bannerLow3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 1.4583333333vw auto 0;
    width: 66.6666666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner6 {
    position: relative;
    display: block;
    width: 43.9236111111vw;
    height: 9.375vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .hero_banner6:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner6Inner {
    display: block;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner7 {
    position: relative;
    display: block;
    margin-left: 1.0416666667vw;
    width: 21.7013888889vw;
    height: 9.375vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .hero_banner7:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner7Inner {
    position: relative;
    display: block;
  }
}
@media (min-width: 760px) {
  .page-index .hero_banner7New {
    position: absolute;
    display: block;
    left: -0.9375vw;
    top: -1.3541666667vw;
    width: 6.2847222222vw;
    height: 2.2916666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .swiper_banner {
    position: relative;
    margin-top: 2.875vw;
    margin-bottom: 3vw;
  }
}
@media (min-width: 760px) {
  .page-index .swiper_banner_inner {
    position: relative;
    margin: 0 auto;
    width: 59.0625vw;
  }
}
@media (min-width: 760px) {
  .page-index .swiper_banner .swiper_banner_item {
    width: 29.53125vw;
    height: 15.6770833333vw;
    padding: 0 0.8333333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .swiper_banner .swiper_banner_new {
    position: absolute;
    left: -0.1041666667vw;
    top: -1.3541666667vw;
    width: 6.25vw;
    height: 2.2916666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .swiper_banner.not-slide {
    margin-top: 0;
  }
  .page-index .swiper_banner.not-slide .swiper_banner_inner {
    width: 69.3229166667vw;
  }
  .page-index .swiper_banner.not-slide .swiper_banner_item {
    width: 23.046875vw;
    height: 12.0833333333vw;
    padding: 0 0.6770833333vw;
  }
  .page-index .swiper_banner.not-slide .swiper_banner_item > a {
    position: relative;
    display: block;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .swiper_banner.not-slide .swiper_banner_item > a:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .swiper_banner.not-slide .swiper_banner_new {
    left: -0.7291666667vw;
    top: -0.7291666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .swiper_banner_prev,
  .page-index .swiper_banner_next {
    position: absolute;
    top: 5.5729166667vw;
    z-index: 15;
    display: block;
    width: 4.7916666667vw;
    height: 4.6875vw;
  }
  .page-index .swiper_banner_prev img,
  .page-index .swiper_banner_next img {
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .swiper_banner_prev img:hover,
  .page-index .swiper_banner_next img:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@media (min-width: 760px) {
  .page-index .swiper_banner_prev {
    -webkit-animation: a-sliderBtn-prev 1.25s infinite ease-out;
            animation: a-sliderBtn-prev 1.25s infinite ease-out;
    left: 1.5625vw;
  }
}
@media (min-width: 760px) {
  .page-index .swiper_banner_next {
    -webkit-animation: a-sliderBtn-next 1.25s infinite ease-out;
            animation: a-sliderBtn-next 1.25s infinite ease-out;
    right: 1.5625vw;
  }
}
@media (min-width: 760px) {
  .page-index .swiper_banner_pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 2.3958333333vw;
    width: auto;
  }
}
@media (min-width: 760px) {
  .page-index .swiper_banner_bullet {
    margin: 0 0.5208333333vw;
    width: 1.6666666667vw;
    height: 1.875vw;
    background: url("../images/index/pc/hero/icon_bullet.png") no-repeat center center;
    background-size: 100% auto;
  }
  .page-index .swiper_banner_bullet + .swiper_banner_bullet {
    margin-left: 0.5208333333vw;
  }
  .page-index .swiper_banner_bullet.is-active {
    background: url("../images/index/pc/hero/icon_bullet_active.png") no-repeat center center;
    background-size: 100% auto;
  }
}
@media (min-width: 760px) {
  .page-index .swiper_banner.not-slide .swiper_banner_prev,
  .page-index .swiper_banner.not-slide .swiper_banner_next {
    display: none;
  }
  .page-index .swiper_banner.not-slide .swiper_banner_pagination {
    padding-top: 1.4583333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .hero_footer {
    margin-top: 1.6145833333vw;
    text-align: center;
  }
}
@media (min-width: 760px) {
  .page-index .hero_footerTwitter {
    display: inline-block;
    width: 59.4444444444vw;
    height: 6.875vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .hero_footerTwitter:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .hero_footerTwitterInner {
    display: block;
  }
}
@media (min-width: 760px) {
  .page-index .direct {
    position: relative;
    pointer-events: none;
    z-index: 2;
    margin: -7.8125vw 0 -10.4166666667vw;
    padding-top: 9.2708333333vw;
    width: 100%;
    height: 55.5208333333vw;
    background: url("../images/index/pc/direct/bg.png") no-repeat center center;
    background-size: 100% auto;
  }
}
@media (min-width: 760px) {
  .page-index .direct_img {
    position: relative;
    pointer-events: auto;
    margin: 0 auto;
    width: 58.3333333333vw;
    height: 32.3611111111vw;
    cursor: pointer;
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .direct_img:hover .direct_imgPlayIcon {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
            transform: translate(-50%, -50%) scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .direct_imgPlayIcon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5.9375vw;
    height: 5.9375vw;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) {
  .page-index .movie {
    position: relative;
    z-index: 0;
    margin-top: -5.8333333333vw;
    padding-top: 9.21875vw;
    height: 35.2083333333vw;
    background-color: #000;
    -webkit-clip-path: polygon(0% 0%, 100% 15.8%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 15.8%, 100% 100%, 0% 100%);
  }
}
@media (min-width: 760px) {
  .page-index .movie_bg {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .page-index .movie_bg > video {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .page-index .movie_bg:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 760px) {
  .page-index .movie_title {
    position: absolute;
    z-index: 1;
    left: 12.03125vw;
    top: 2.34375vw;
    width: 28.07291666667vw;
    height: 7.08333333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .movie_column {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 67.9166666667vw;
    margin: 0 auto;
    margin-top: -3.3333333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .movie_row {
    width: calc(639 / 1304 * 100%);
    margin-left: calc(26 / 1304 * 100%);
  }
  .page-index .movie_row:nth-child(2n+1) {
    margin-left: 0;
  }
  .page-index .movie_row:nth-child(n+3) {
    margin-top: calc(26 / 1304 * 100%);
  }
}
@media (min-width: 760px) {
  .page-index .movie_item {
    position: relative;
    padding: 1.25vw 0.3645833333vw 0;
  }
}
@media (min-width: 760px) {
  .page-index .movie_itemInner {
    position: relative;
    display: block;
    cursor: pointer;
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .movie_itemInner:hover .movie_itemPlayIcon {
    -webkit-transform: translateX(-50%) scale(1.05);
            transform: translateX(-50%) scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .movie_itemPlayIcon {
    position: absolute;
    left: 50%;
    top: 3.9583333333vw;
    width: 4.7916666667vw;
    height: 4.7916666667vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    visibility: hidden;
  }
}
@media (min-width: 760px) {
  .page-index .movie_item.swiper-slide-active .movie_itemPlayIcon {
    visibility: visible;
  }
}
@media (min-width: 760px) {
  .page-index .movie_itemNew {
    position: absolute;
    left: -0.3645833333vw;
    top: -1.25vw;
    width: 6.2847222222vw;
    height: 2.2916666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .movie_itemText {
    margin-top: 0.8895833333vw;
    text-align: center;
    font-size: 0.9375vw;
    letter-spacing: 0.02em;
    color: #fff;
    font-weight: 900;
  line-height: 1.2em;
  }
}
@media (min-width: 760px) {
  .page-index .movie_thumb {
    position: relative;
    max-width: 33.28125vw;
  }
}
@media (min-width: 760px) {
  .page-index .movie_thumbInner {
    position: relative;
    display: block;
    cursor: pointer;
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .movie_thumbInner:hover .movie_thumbPlayIcon {
    -webkit-transform: translate3d(-50%,-50%,0) scale(1.05);
            transform: translate3d(-50%,-50%,0) scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .movie_thumbPlayIcon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4.7916666667vw;
    height: 4.7916666667vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
  }
}
@media (min-width: 760px) {
  .page-index .movie_thumbNew {
    position: absolute;
    right: -0.3645833333vw;
    top: -1.25vw;
    width: 6.2847222222vw;
    height: 2.2916666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .movie_btn {
    position: relative;
    max-width: 33.28125vw;
    text-align: center;
  }
}
@media (min-width: 760px) {
  .page-index .movie_btnLink {
    display: block;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .movie_btnLink:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .movie_footer {
    position: relative;
    margin-top: .5208333333vw;
    text-align: center;
  }
}
@media (min-width: 760px) {
  .page-index .movie_footerTwitter {
    display: inline-block;
    width: 33.07291666667vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .movie_footerTwitter:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .movie_footerTwitterInner {
    display: block;
  }
}
@media (min-width: 760px) {
  .page-index .movieBottom {
    position: relative;
  }
}
@media (min-width: 760px) {
  .page-index .movie_action {
    position: absolute;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    bottom: 5.8333333333vw;
    width: 100%;
  }
}
@media (min-width: 760px) {
  .page-index .movie_prev {
    display: block;
    margin-right: 2.34375vw;
    width: 3.2291666667vw;
    height: 3.4895833333vw;
    -webkit-animation: a-sliderBtn-prev 1.25s infinite ease-out;
            animation: a-sliderBtn-prev 1.25s infinite ease-out;
  }
  .page-index .movie_prev img {
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .movie_prev img:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@media (min-width: 760px) {
  .page-index .movie_next {
    margin-left: 2.34375vw;
    width: 3.2291666667vw;
    height: 3.4895833333vw;
    -webkit-animation: a-sliderBtn-next 1.25s infinite ease-out;
            animation: a-sliderBtn-next 1.25s infinite ease-out;
  }
  .page-index .movie_next img {
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .movie_next img:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@media (min-width: 760px) {
  .page-index .movie_pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 0.7291666667vw;
    width: auto;
  }
}
@media (min-width: 760px) {
  .page-index .movie_bullet {
    margin: 0 0.5208333333vw;
    width: 1.6666666667vw;
    height: 1.875vw;
    background: url("../images/index/pc/movie/icon_bullet.png") no-repeat center center;
    background-size: 100% auto;
  }
  .page-index .movie_bullet + .movie_bullet {
    margin-left: 0.5208333333vw;
  }
  .page-index .movie_bullet.is-active {
    background: url("../images/index/pc/movie/icon_bullet_active.png") no-repeat center center;
    background-size: 100% auto;
  }
}
@media (min-width: 760px) {
  .page-index .battle {
    position: relative;
    z-index: 1;
    margin-top: -7.7604166667vw;
  }
}
@media (min-width: 760px) {
  .page-index .battle_sec1 {
    position: relative;
    z-index: 0;
    height: 58.6458333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .battle_movieBg {
    position: absolute;
    z-index: 0;
    right: -26.0416666667vw;
    bottom: 0;
    width: 89.5833333333vw;
    height: 52.0833333333vw;
  }
  .page-index .battle_movieBg > video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 760px) {
  .page-index .battle_bg1 {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url("../images/index/pc/battle/bg_1.png") no-repeat center top;
    background-size: cover;
  }
}
@media (min-width: 760px) {
  .page-index .battle_title1 {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 3.125vw;
    width: 100%;
    height: 15.0347222222vw;
    -webkit-transform: rotate(-3.49deg);
            transform: rotate(-3.49deg);
  }
}
@media (min-width: 760px) {
  .page-index .battle_title1Inner {
    position: absolute;
    left: -2.0833333333vw;
    width: 104.1666666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .battle_text1 {
    position: absolute;
    z-index: 4;
    left: 19.3229166667vw;
    top: 22.7083333333vw;
    -webkit-transform: rotate(-3.7deg);
            transform: rotate(-3.7deg);
    font-size: 1.25vw;
    line-height: 1.66;
    color: #191919;
    font-weight: 900;
  }
}
@media (min-width: 760px) {
  .page-index .battle_button {
    position: absolute;
    z-index: 4;
    left: 25.9375vw;
    top: 28.5416666667vw;
    width: 23.9236111111vw;
    height: 7.0833333333vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .battle_button:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .battle_buttonInner {
    display: block;
  }
}
@media (min-width: 760px) {
  .page-index .battle_sec2 {
    position: relative;
    z-index: 1;
    margin-top: -8.0729166667vw;
    height: 67.7604166667vw;
  }
}
@media (min-width: 760px) {
  .page-index .battle_bg2 {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: url("../images/index/pc/battle/bg_2.png") no-repeat center top;
    background-size: cover;
  }
}
@media (min-width: 760px) {
  .page-index .battle_img1 {
    position: absolute;
    z-index: 1;
    left: 5.46875vw;
    top: -16.5625vw;
    width: 60.2083333333vw;
    height: 23.9583333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .battle_title2 {
    position: absolute;
    z-index: 2;
    left: 18.4895833333vw;
    top: 0;
    width: 60.1388888889vw;
    height: 19.0625vw;
  }
}
@media (min-width: 760px) {
  .page-index .battle_text2 {
    position: absolute;
    z-index: 1;
    left: 28.8020833333vw;
    top: 12.03125vw;
    padding: 5.2083333333vw 0 0 4.6875vw;
    width: 42.65625vw;
    height: 17.2916666667vw;
    font-size: 1.25vw;
    line-height: 1.66;
    color: #fefefe;
    font-weight: 900;
    background: url("../images/index/pc/battle/bg_text.png") no-repeat center top;
    background-size: 100% auto;
  }
}
@media (min-width: 760px) {
  .page-index .battle_movie {
    position: absolute;
    z-index: 1;
    left: 24.21875vw;
    top: 26.0416666667vw;
    width: 51.3541666667vw;
    height: 29.5833333333vw;
    -webkit-transform: rotate(3.33deg);
            transform: rotate(3.33deg);
  }
  .page-index .battle_movie img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 760px) {
  .page-index .battle_movieMovie {
    position: absolute;
    z-index: 0;
    left: 0.4166666667vw;
    top: 0.4166666667vw;
    width: 50.5208333333vw;
    height: 28.6458333333vw;
    background-color: #fff;
  }
  .page-index .battle_movieMovie > video {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 760px) {
  .page-index .battle_moviePlayIcon {
    position: absolute;
    left: 22.7604166667vw;
    top: 12.4479166667vw;
    width: 6.875vw;
    height: 6.875vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) {
  .page-index .battle_img2 {
    position: absolute;
    z-index: 4;
    left: -24.8958333333vw;
    top: 15.3125vw;
    width: 54.5486111111vw;
    height: 38.6458333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .battle_ink3 {
    position: absolute;
    z-index: 3;
    left: 2.0833333333vw;
    top: 2.4479166667vw;
    width: 9.1319444444vw;
    height: 10.5208333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .battle_ink4 {
    position: absolute;
    z-index: 3;
    left: 12.7604166667vw;
    top: 8.2291666667vw;
    width: 18.5763888889vw;
    height: 18.6458333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .battle_ink5 {
    position: absolute;
    left: 58.6979166667vw;
    top: 14.6875vw;
    width: 39.0277777778vw;
    height: 30vw;
  }
}
@media (min-width: 760px) {
  .page-index .battle_ink6 {
    position: absolute;
    left: 82.5520833333vw;
    top: 30.6770833333vw;
    width: 9.1319444444vw;
    height: 10.4861111111vw;
  }
}
@media (min-width: 760px) {
  .page-index .battle_ink7 {
    position: absolute;
    left: 60.0520833333vw;
    top: 42.1354166667vw;
    width: 27.7777777778vw;
    height: 27.3611111111vw;
  }
}
@media (min-width: 760px) {
  .page-index .battle_ink8 {
    position: absolute;
    left: 82.9166666667vw;
    top: 53.90625vw;
    width: 22.1180555556vw;
    height: 20.1388888889vw;
  }
}
@media (min-width: 760px) {
  .page-index .style {
    --vh: 100vh;
    position: relative;
    z-index: 0;
    margin-top: -11.7708333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .style_hero {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: var(--vh);
  }
}
@media (min-width: 760px) {
  .page-index .style.is-portrait .style_hero {
    position: relative;
    padding-top: 4.1666666667vw;
    height: auto;
  }
}
@media (min-width: 760px) {
  .page-index .style_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/index/pc/style/bg.jpg") no-repeat center center;
    background-size: cover;
  }
}
@media (min-width: 760px) {
  .page-index .style.is-portrait .style_bg {
    height: var(--vh);
    background: url("../images/index/pc/style/bg.jpg") no-repeat center center;
    background-size: cover;
  }
}
@media (min-width: 760px) {
  .page-index .style_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }
}
@media (min-width: 760px) {
  .page-index .style_mask.is-active {
    opacity: 1;
  }
}
@media (min-width: 760px) {
  .page-index .style_section {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 760px) {
  .page-index .style.is-portrait .style_section {
    position: relative;
    height: 56.25vw;
  }
}
@media (min-width: 760px) {
  .page-index .style_c1 {
    position: absolute;
    left: -1.6145833333vw;
    top: 50%;
    width: 35.3125vw;
    height: 36.71875vw;
    background: url("../images/index/pc/style/c_1.png") no-repeat center top;
    background-size: 100% auto;
    -webkit-transform: translate(-15%, -35.4%);
            transform: translate(-15%, -35.4%);
    opacity: 0;
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
@media (min-width: 760px) {
  .page-index .style_c1.is-active {
    opacity: 1;
    -webkit-transform: translate(0, -35.4%);
            transform: translate(0, -35.4%);
  }
}
@media (min-width: 760px) {
  .page-index .style_c1-title {
    display: none;
  }
}
@media (min-width: 760px) {
  .page-index .style.is-portrait .style_c1-title {
    display: block;
  }
}
@media (min-width: 760px) {
  .page-index .style_c2 {
    position: absolute;
    right: 13.8020833333vw;
    top: 50%;
    width: 30.8854166667vw;
    height: 37.8125vw;
    background: url("../images/index/pc/style/c_2.png") no-repeat center top;
    background-size: 100% auto;
    -webkit-transform: translate(15%, -36.3%);
            transform: translate(15%, -36.3%);
    opacity: 0;
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
@media (min-width: 760px) {
  .page-index .style_c2.is-active {
    opacity: 1;
    -webkit-transform: translate(0, -36.3%);
            transform: translate(0, -36.3%);
  }
}
@media (min-width: 760px) {
  .page-index .style_c2-title {
    display: none;
  }
}
@media (min-width: 760px) {
  .page-index .style.is-portrait .style_c2-title {
    display: block;
  }
}
@media (min-width: 760px) {
  .page-index .style_c3 {
    position: absolute;
    left: -0.1041666667vw;
    top: 50%;
    width: 97.4479166667vw;
    height: 25.625vw;
    background: url("../images/index/pc/style/c_3.png") no-repeat center bottom;
    background-size: 100% auto;
    -webkit-transform: translateY(-16.8%);
            transform: translateY(-16.8%);
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }
}
@media (min-width: 760px) {
  .page-index .style_c3.is-active {
    opacity: 1;
  }
}
@media (min-width: 760px) {
  .page-index .style_title {
    position: absolute;
    left: 31.6666666667vw;
    top: 50%;
    width: 34.8958333333vw;
    height: 11.7361111111vw;
    visibility: hidden;
    opacity: 0.8;
    -webkit-transform: translateY(-182.3%) scale(1.3);
            transform: translateY(-182.3%) scale(1.3);
    -webkit-transition: visibility 0s linear, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: visibility 0s linear, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: visibility 0s linear, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: visibility 0s linear, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
}
@media (min-width: 760px) {
  .page-index .style_title.is-active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-182.3%) scale(1);
            transform: translateY(-182.3%) scale(1);
  }
}
@media (min-width: 760px) {
  .page-index .style_bukiHead {
    position: absolute;
    left: 25.3125vw;
    top: 50%;
    width: 57.2916666667vw;
    height: 12.6041666667vw;
    -webkit-transform: translate(-15%, -192.5%);
            transform: translate(-15%, -192.5%);
    opacity: 0;
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
@media (min-width: 760px) {
  .page-index .style_bukiHead.is-active {
    opacity: 1;
    -webkit-transform: translate(0, -192.5%);
            transform: translate(0, -192.5%);
  }
}
@media (min-width: 760px) {
  .page-index .style_bukiTitle {
    position: absolute;
    left: 0;
    top: 0;
    width: 37.8125vw;
    height: 12.6041666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .style_bukiText {
    position: absolute;
    left: 38.125vw;
    top: 1.9270833333vw;
    -webkit-transform: rotate(-0.7deg);
            transform: rotate(-0.7deg);
    font-size: 1.25vw;
    line-height: 1.66;
    color: #fff;
    font-weight: 900;
  }
}
@media (min-width: 760px) {
  .page-index .style_gearHead {
    position: absolute;
    z-index: 2;
    left: 12.2916666667vw;
    top: 50%;
    width: 72.9166666667vw;
    height: 13.4375vw;
    -webkit-transform: translate(15%, -164%);
            transform: translate(15%, -164%);
    opacity: 0;
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
@media (min-width: 760px) {
  .page-index .style_gearHead.is-active {
    opacity: 1;
    -webkit-transform: translate(0, -164%);
            transform: translate(0, -164%);
  }
}
@media (min-width: 760px) {
  .page-index .style_gearTitle {
    position: absolute;
    left: 0;
    top: 0;
    width: 35vw;
    height: 13.4375vw;
  }
}
@media (min-width: 760px) {
  .page-index .style_gearText {
    position: absolute;
    left: 35vw;
    top: 0.2083333333vw;
    -webkit-transform: rotate(-1.7deg);
            transform: rotate(-1.7deg);
    font-size: 1.25vw;
    line-height: 1.66;
    color: #fff;
    font-weight: 900;
  }
}
@media (min-width: 760px) {
  .page-index .style_bukiImage {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 24.7916666667vw;
    opacity: 0;
    -webkit-transform: translateY(-28.9%);
            transform: translateY(-28.9%);
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }
}
@media (min-width: 760px) {
  .page-index .style_bukiImage.is-active {
    opacity: 1;
  }
  .page-index .style_bukiImage.is-active .style_bukiImageInner1 {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .page-index .style_bukiImage.is-active .style_bukiImageInner2 {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
}
@media (min-width: 760px) {
  .page-index .style_bukiImageInner1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 215.625vw;
    height: 24.7916666667vw;
    -webkit-animation: animation-bukiImage-loop-pc 28s -12.8434782609s linear infinite;
            animation: animation-bukiImage-loop-pc 28s -12.8434782609s linear infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}
@media (min-width: 760px) {
  .page-index .style_bukiImageInner2 {
    left: 215.625vw;
    top: 0;
    width: 215.625vw;
    height: 24.7916666667vw;
    -webkit-animation: animation-bukiImage-loop2-pc 28s linear infinite;
            animation: animation-bukiImage-loop2-pc 28s linear infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}
@media (min-width: 760px) {
  .page-index .style_bukiImage1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 116.71875vw;
    height: 24.7916666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .style_bukiImage2 {
    position: absolute;
    left: 116.71875vw;
    bottom: 0;
    width: 98.90625vw;
    height: 24.7916666667vw;
  }
}
@media (min-width: 760px) {
  @-webkit-keyframes animation-bukiImage-loop-pc {
    0% {
      -webkit-transform: translate3d(98.90625vw, 0, 0);
              transform: translate3d(98.90625vw, 0, 0);
    }
    to {
      -webkit-transform: translate3d(-116.71875vw, 0, 0);
              transform: translate3d(-116.71875vw, 0, 0);
    }
  }
  @keyframes animation-bukiImage-loop-pc {
    0% {
      -webkit-transform: translate3d(98.90625vw, 0, 0);
              transform: translate3d(98.90625vw, 0, 0);
    }
    to {
      -webkit-transform: translate3d(-116.71875vw, 0, 0);
              transform: translate3d(-116.71875vw, 0, 0);
    }
  }
}
@media (min-width: 760px) {
  @-webkit-keyframes animation-bukiImage-loop2-pc {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(-215.625vw, 0, 0);
              transform: translate3d(-215.625vw, 0, 0);
    }
  }
  @keyframes animation-bukiImage-loop2-pc {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(-215.625vw, 0, 0);
              transform: translate3d(-215.625vw, 0, 0);
    }
  }
}
@media (min-width: 760px) {
  .page-index .style_gearImage {
    position: absolute;
    left: 0;
    top: 50%;
    width: 291.4791666667vw;
    height: 27.890625vw;
    opacity: 0;
    -webkit-transform: translateY(-24.4%);
            transform: translateY(-24.4%);
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }
}
@media (min-width: 760px) {
  .page-index .style_gearImage.is-active {
    opacity: 1;
  }
  .page-index .style_gearImage.is-active .style_gearImage1 {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .page-index .style_gearImage.is-active .style_gearImage2 {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
}
@media (min-width: 760px) {
  .page-index .style_gearImage1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 149.1041666667vw;
    height: 27.890625vw;
    -webkit-animation: animation-gearImage-loop-pc 36s -17.5844471446s linear infinite;
            animation: animation-gearImage-loop-pc 36s -17.5844471446s linear infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}
@media (min-width: 760px) {
  .page-index .style_gearImage2 {
    position: absolute;
    left: 149.1041666667vw;
    bottom: 0;
    width: 142.375vw;
    height: 27.890625vw;
    -webkit-animation: animation-gearImage-loop2-pc 36s linear infinite;
            animation: animation-gearImage-loop2-pc 36s linear infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}
@media (min-width: 760px) {
  @-webkit-keyframes animation-gearImage-loop-pc {
    0% {
      -webkit-transform: translate3d(142.375vw, 0, 0);
              transform: translate3d(142.375vw, 0, 0);
    }
    to {
      -webkit-transform: translate3d(-149.1041666667vw, 0, 0);
              transform: translate3d(-149.1041666667vw, 0, 0);
    }
  }
  @keyframes animation-gearImage-loop-pc {
    0% {
      -webkit-transform: translate3d(142.375vw, 0, 0);
              transform: translate3d(142.375vw, 0, 0);
    }
    to {
      -webkit-transform: translate3d(-149.1041666667vw, 0, 0);
              transform: translate3d(-149.1041666667vw, 0, 0);
    }
  }
}
@media (min-width: 760px) {
  @-webkit-keyframes animation-gearImage-loop2-pc {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(-291.4791666667vw, 0, 0);
              transform: translate3d(-291.4791666667vw, 0, 0);
    }
  }
  @keyframes animation-gearImage-loop2-pc {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(-291.4791666667vw, 0, 0);
              transform: translate3d(-291.4791666667vw, 0, 0);
    }
  }
}
@media (min-width: 760px) {
  .page-index .style_inner {
    position: relative;
    padding-top: calc(var(--vh) * 0.5);
  }
}
@media (min-width: 760px) {
  .page-index .style.is-portrait .style_inner {
    display: none;
  }
}
@media (min-width: 760px) {
  .page-index .style_titleTrigger {
    height: var(--vh);
    margin-bottom: calc(var(--vh) * 0.15);
  }
}
@media (min-width: 760px) {
  .page-index .style_bukiTrigger {
    height: var(--vh);
    margin-bottom: calc(var(--vh) * 0.15);
  }
}
@media (min-width: 760px) {
  .page-index .style_gearTrigger {
    height: var(--vh);
  }
}
@media (min-width: 760px) {
  .page-index .bankara {
    position: relative;
    z-index: 1;
    margin-top: -6.0416666667vw;
    height: 59.1145833333vw;
  }
}
@media (min-width: 760px) {
  .page-index .bankara_bg1 {
    position: absolute;
    left: 0;
    top: 6.25vw;
    bottom: 0;
    width: 100%;
    background-color: #181818;
  }
}
@media (min-width: 760px) {
  .page-index .bankara_bg2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/index/pc/bankara/bg.png") no-repeat center top;
    background-size: cover;
  }
}
@media (min-width: 760px) {
  .page-index .bankara_neon1 {
    position: absolute;
    left: -3.3333333333vw;
    top: 26.0416666667vw;
    width: 14.8958333333vw;
    height: 20.78125vw;
  }
}
@media (min-width: 760px) {
  .page-index .bankara_neon1Item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 760px) {
  .page-index .bankara_neon1Item-on {
    -webkit-animation: a-neon 3s infinite linear;
            animation: a-neon 3s infinite linear;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
  }
}
@media (min-width: 760px) {
  .page-index .bankara_neon2 {
    position: absolute;
    right: -5.5208333333vw;
    top: 2.6041666667vw;
    width: 20.46875vw;
    height: 27.5520833333vw;
  }
}
@media (min-width: 760px) {
  .page-index .bankara_neon2Item {
    position: absolute;
    display: block;
    width: 3.75vw;
    height: 3.75vw;
  }
  .page-index .bankara_neon2Item-1 {
    left: 8.9583333333vw;
    top: 10.4166666667vw;
    -webkit-animation: a-flash 9000ms infinite linear;
            animation: a-flash 9000ms infinite linear;
    -webkit-animation-delay: 10ms;
            animation-delay: 10ms;
  }
  .page-index .bankara_neon2Item-2 {
    left: 10.625vw;
    top: 8.8541666667vw;
    width: 4.0625vw;
    height: 4.0625vw;
    -webkit-animation: a-elect 4000ms infinite linear;
            animation: a-elect 4000ms infinite linear;
    -webkit-animation-delay: 50ms;
            animation-delay: 50ms;
  }
  .page-index .bankara_neon2Item-3 {
    left: 12.8125vw;
    top: 7.5520833333vw;
    -webkit-animation: a-flash 6000ms infinite linear;
            animation: a-flash 6000ms infinite linear;
    -webkit-animation-delay: 100ms;
            animation-delay: 100ms;
  }
}
@media (min-width: 760px) {
  .page-index .bankara_movie {
    position: absolute;
    left: 43.0208333333vw;
    top: 19.375vw;
    width: 46.1458333333vw;
    height: 26.0416666667vw;
    -webkit-transform: rotate(-2.71deg);
            transform: rotate(-2.71deg);
  }
  .page-index .bankara_movie > video {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 760px) {
  .page-index .bankara_title {
    position: absolute;
    left: 10.2604166667vw;
    top: 2.65625vw;
    width: 48.2986111111vw;
    height: 19.1319444444vw;
  }
}
@media (min-width: 760px) {
  .page-index .bankara_text1 {
    position: absolute;
    left: 51.3020833333vw;
    top: 8.6458333333vw;
    width: 39.0972222222vw;
    height: 12.6736111111vw;
  }
}
@media (min-width: 760px) {
  .page-index .bankara_text2 {
    position: absolute;
    left: 18.3854166667vw;
    top: 27.2916666667vw;
    font-size: 1.25vw;
    line-height: 1.66;
    color: #fff;
    font-weight: 900;
  }
}
@media (min-width: 760px) {
  .page-index .menu {
    position: relative;
    z-index: 1;
    height: 100.78125vw;
    background: url("../images/index/pc/menu/bg.png") no-repeat center top;
    background-size: cover;
  }
}
@media (min-width: 760px) {
  .page-index .menu_title {
    position: absolute;
    left: 0;
    top: -5.2604166667vw;
    width: 100vw;
    height: 14.84375vw;
    -webkit-transform: rotate(5.69deg);
            transform: rotate(5.69deg);
  }
}
@media (min-width: 760px) {
  .page-index .menu_titleInner {
    position: absolute;
    display: block;
    left: -1.5625vw;
    top: 0;
    width: 103.125vw;
    height: 14.84375vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_titleInner2 {
    display: block;
  }
}
@media (min-width: 760px) {
  .page-index .menu_text {
    position: absolute;
    left: 0;
    top: 5.3125vw;
    width: 100vw;
    height: 8.125vw;
    -webkit-transform: rotate(-1.88deg);
            transform: rotate(-1.88deg);
  }
}
@media (min-width: 760px) {
  .page-index .menu_textInner {
    position: absolute;
    display: block;
    left: -1.5625vw;
    top: 0;
    width: 103.125vw;
    height: 8.125vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_list {
    position: relative;
    z-index: 0;
  }
}
@media (min-width: 760px) {
  .page-index .menu_link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .menu_link:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .menu_linkArrow {
    position: absolute;
    display: block;
    width: 2.6041666667vw;
    height: 2.8125vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_linkArrow-battle {
    right: 3.28125vw;
    bottom: 0.9895833333vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_linkArrow-buki {
    right: 1.3020833333vw;
    bottom: 1.1979166667vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_linkArrow-bankara {
    right: 1.3020833333vw;
    bottom: 1.1979166667vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_linkArrow-hero {
    right: 1.1979166667vw;
    bottom: 0.9895833333vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_linkArrow-salmon {
    right: 0.9375vw;
    bottom: 0.9375vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_linkArrow-fes {
    right: 1.8229166667vw;
    bottom: 0.9375vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_linkText {
    position: absolute;
    display: block;
    opacity: 0;
    -webkit-transition: opacity 0.13s linear;
    transition: opacity 0.13s linear;
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .menu_link:hover .menu_linkText {
    opacity: 1;
  }
}
@media (min-width: 760px) {
  .page-index .menu_linkText-battle {
    left: 10.3645833333vw;
    top: 13.75vw;
    width: 12.4305555556vw;
    height: 7.0486111111vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_linkText-bankara {
    left: 1.1979166667vw;
    top: 7.03125vw;
    width: 17.7430555556vw;
    height: 5.5902777778vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_linkText-buki {
    left: 8.4375vw;
    top: 9.8958333333vw;
    width: 18.3333333333vw;
    height: 7.2222222222vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_battle {
    position: absolute;
    z-index: 1;
    left: 13.3333333333vw;
    top: 17.4479166667vw;
    width: 27.1875vw;
    height: 36.5277777778vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_buki {
    position: absolute;
    z-index: 1;
    left: 39.6875vw;
    top: 18.3333333333vw;
    width: 44.4444444444vw;
    height: 18.0208333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_bankara {
    position: absolute;
    z-index: 1;
    left: 39.6875vw;
    top: 36.09375vw;
    width: 44.4097222222vw;
    height: 17.9166666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_hero {
    position: absolute;
    z-index: 0;
    left: 15.8333333333vw;
    top: 53.0729166667vw;
    width: 22.1875vw;
    height: 18.3680555556vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_salmon {
    position: absolute;
    z-index: 1;
    left: 39.1145833333vw;
    top: 54.1145833333vw;
    width: 21.4236111111vw;
    height: 17.1875vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_fes {
    position: absolute;
    z-index: 1;
    left: 60.5729166667vw;
    top: 55vw;
    width: 23.6458333333vw;
    height: 16.4583333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_amiibo {
    position: absolute;
    z-index: 1;
    left: 15.9895833333vw;
    top: 71.4583333333vw;
    width: 21.6666666667vw;
    height: 12.0486111111vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_app {
    position: absolute;
    left: 39.21875vw;
    z-index: 1;
    top: 71.8229166667vw;
    width: 21.3194444444vw;
    height: 11.4583333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .menu_ika {
    position: absolute;
    z-index: 1;
    left: 62.1354166667vw;
    top: 72.1354166667vw;
    width: 22.2569444444vw;
    height: 10.9027777778vw;
  }
}
@media (min-width: 760px) {
  .page-index .update {
    position: relative;
    z-index: 1;
    margin-top: -10.625vw;
    height: 57.03125vw;
    background: url("../images/index/pc/update/bg.png") no-repeat center top;
    background-size: cover;
  }
}
@media (min-width: 760px) {
  .page-index .update_title {
    position: absolute;
    z-index: 3;
    left: 0;
    top: -0.625vw;
    width: 56.8402777778vw;
    height: 16.0763888889vw;
  }
}
@media (min-width: 760px) {
  .page-index .update_image {
    position: absolute;
    z-index: 2;
    left: 27.5vw;
    top: 10.9895833333vw;
    width: 59.8611111111vw;
    height: 34.0277777778vw;
  }
}
@media (min-width: 760px) {
  .page-index .update_text1 {
    position: absolute;
    z-index: 3;
    left: 10.5208333333vw;
    top: 11.6666666667vw;
    width: 30.2083333333vw;
    height: 13.125vw;
  }
}
@media (min-width: 760px) {
  .page-index .update_text2 {
    position: absolute;
    z-index: 3;
    left: 12.65625vw;
    top: 34.9479166667vw;
    width: 28.2291666667vw;
    height: 15.7986111111vw;
  }
}
@media (min-width: 760px) {
  .page-index .update_ink1 {
    position: absolute;
    z-index: 4;
    left: -6.9791666667vw;
    top: -4.21875vw;
    width: 18.8541666667vw;
    height: 21.5277777778vw;
  }
}
@media (min-width: 760px) {
  .page-index .update_ink2 {
    position: absolute;
    z-index: 4;
    right: -15.1041666667vw;
    top: -10.1041666667vw;
    width: 35.3125vw;
    height: 24.4444444444vw;
  }
}
@media (min-width: 760px) {
  .page-index .update_ink3 {
    position: absolute;
    z-index: 4;
    right: -0.625vw;
    top: -4.1666666667vw;
    width: 12.7083333333vw;
    height: 14.0277777778vw;
  }
}
@media (min-width: 760px) {
  .page-index .update_ink4 {
    position: absolute;
    z-index: 1;
    left: 11.875vw;
    top: 18.75vw;
    width: 12.7083333333vw;
    height: 10.7291666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .update_ink5 {
    position: absolute;
    z-index: 0;
    left: 8.59375vw;
    top: 30.3645833333vw;
    width: 15.2083333333vw;
    height: 14.375vw;
  }
}
@media (min-width: 760px) {
  .page-index .update_ink6 {
    position: absolute;
    z-index: 1;
    left: -11.71875vw;
    top: 45.1041666667vw;
    width: 22.0486111111vw;
    height: 20.1041666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .update_ink7 {
    position: absolute;
    z-index: 1;
    left: 76.1458333333vw;
    top: 35.2604166667vw;
    width: 10.7638888889vw;
    height: 11.9444444444vw;
  }
}
@media (min-width: 760px) {
  .page-index .update_ink8 {
    position: absolute;
    z-index: 1;
    left: 77.1875vw;
    top: 25.9895833333vw;
    width: 20.4861111111vw;
    height: 16.6666666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .update_tape {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2.9166666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .update_tapeInner {
    position: absolute;
    left: -1.5625vw;
    top: 0;
    width: 103.125vw;
    height: 2.9166666667vw;
    background: url("../images/index/pc/update/tape.png") repeat-x left top;
    background-size: auto 100%;
  }
}
@media (min-width: 760px) {
  .page-index .update_tape-1 {
    top: 19.4270833333vw;
    -webkit-transform: rotate(-3.84deg);
            transform: rotate(-3.84deg);
  }
  .page-index .update_tape-1 .update_tapeInner {
    background-position: -10.4166666667vw top;
  }
}
@media (min-width: 760px) {
  .page-index .update_tape-2 {
    top: 19.6875vw;
    -webkit-transform: rotate(-15.57deg);
            transform: rotate(-15.57deg);
  }
  .page-index .update_tape-2 .update_tapeInner {
    background-position: 12.1875vw top;
  }
}
@media (min-width: 760px) {
  .page-index .update_tape-3 {
    top: 46.3541666667vw;
    -webkit-transform: rotate(4.24deg);
            transform: rotate(4.24deg);
  }
  .page-index .update_tape-3 .update_tapeInner {
    background-position: left top;
  }
}
@media (min-width: 760px) {
  .page-index .product {
    position: relative;
    z-index: 1;
    margin-top: -8.8541666667vw;
    padding-top: 8.2291666667vw;
    padding-bottom: 4.5833333333vw;
    min-height: 41.0416666667vw;
    color: #000;
    background: url("../images/index/pc/product/bg.png") no-repeat center top;
    background-size: cover;
  }
}
@media (min-width: 760px) {
  .page-index .product_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 760px) {
  .page-index .product_package {
    width: 11.71875vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_packageImage {
    width: 10.625vw;
    height: 17.2395833333vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_packageText {
    margin-top: 0.2083333333vw;
    font-size: 0.8333333333vw;
    line-height: 1.33;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media (min-width: 760px) {
  .page-index .product_contents {
    padding-top: 1.3541666667vw;
    width: 27.96875vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_title {
    font-size: 3.125vw;
    letter-spacing: 0.04em;
    font-weight: 900;
  }
}
@media (min-width: 760px) {
  .page-index .product_date {
    margin-top: 0.78125vw;
    font-size: 1.6666666667vw;
    font-weight: 900;
  }
}
@media (min-width: 760px) {
  .page-index .product_contentsBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1.0416666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_price {
    padding-top: 0.3645833333vw;
    width: 15.15625vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_priceTitle {
    display: block;
    font-size: 1.1458333333vw;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media (min-width: 760px) {
  .page-index .product_pricePackage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.8333333333vw;
    font-size: 0.8333333333vw;
    font-weight: 900;
  }
}
@media (min-width: 760px) {
  .page-index .product_pricePackageLabel {
    display: block;
    width: 7.5520833333vw;
    letter-spacing: 0.06em;
  }
}
@media (min-width: 760px) {
  .page-index .product_priceDownload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.4166666667vw;
    font-size: 0.8333333333vw;
    font-weight: 900;
  }
}
@media (min-width: 760px) {
  .page-index .product_priceDownloadLabel {
    display: block;
    width: 7.5520833333vw;
    letter-spacing: 0.06em;
  }
}
@media (min-width: 760px) {
  .page-index .product_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 9.6875vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_iconCero {
    display: block;
    width: 4.1666666667vw;
    height: 5.1041666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_iconAmiibo {
    display: block;
    width: 5vw;
    height: 5vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_online {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 1.0416666667vw;
    padding: 0.8333333333vw 0.8333333333vw;
    width: 25vw;
    min-height: 4.1666666667vw;
    background-color: rgba(204, 204, 161, 0.5);
    border-radius: 0.2604166667vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_onlineIcon {
    position: relative;
    display: block;
    top: 0.0520833333vw;
    width: 5.7291666667vw;
    height: 2.3958333333vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .product_onlineIcon:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .product_onlineText {
    display: block;
    width: 17.03125vw;
    font-size: 0.8333333333vw;
    line-height: 1.5;
    letter-spacing: -0.01em;
    font-weight: 900;
  }
  .page-index .product_onlineText > a {
    text-decoration: underline;
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .product_onlineText > a:hover {
    text-decoration: none;
  }
}
@media (min-width: 760px) {
  .page-index .product_links {
    padding-top: 0.8854166667vw;
    width: 24.53125vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_linkStore {
    position: relative;
    display: block;
    margin-top: 0.9375vw;
    width: 24.53125vw;
    height: 6.7708333333vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .product_linkStore:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .product_linkInfo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 1.0416666667vw;
    width: 100%;
    height: 3.5416666667vw;
    font-size: 1.25vw;
    letter-spacing: 0.02em;
    font-weight: 900;
    border: solid 2px #000;
    border-radius: 0.4166666667vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .product_linkInfo:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .product_linkInfo:before {
    content: "";
    position: absolute;
    display: block;
    right: 1.40625vw;
    top: 50%;
    width: 0.9895833333vw;
    height: 1.1979166667vw;
    background: url("../images/index/pc/product/icon_arrow.png") no-repeat center top;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (min-width: 760px) {
  .page-index .product_linkInfoList {
    margin-top: 1.5625vw;
    text-align: center;
    font-size: 1.0416666667vw;
    line-height: 1.4;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media (min-width: 760px) {
  .page-index .product_linkInfoItem {
    position: relative;
    display: inline-block;
    padding-left: 1.1458333333vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    margin-left: 1.5625vw;
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .product_linkInfoItem:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .product_linkInfoItem:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    width: 0.6770833333vw;
    height: 0.8333333333vw;
    background: url("../images/index/pc/product/icon_arrow.png") no-repeat center top;
    background-size: 100% auto;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
  }
}
@media (min-width: 760px) {
  .page-index .product_linkInfoItem:first-of-type {
    margin-left: 0vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_linkTicket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 0.9375vw;
    padding: 0.8333333333vw 1.09375vw;
    width: 100%;
    min-height: 4.1666666667vw;
    background-color: rgba(204, 204, 161, 0.5);
    border-radius: 0.2604166667vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_linkTicketIconWrap {
    position: relative;
    display: block;
    margin-right: 1.5625vw;
    width: 5.3125vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_linkTicketIcon {
    position: absolute;
    display: block;
    top: -0.2083333333vw;
    left: 0;
    width: 5.3125vw;
    height: 3.28125vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_linkTicketText {
    display: block;
    width: 17.03125vw;
    font-size: 0.8333333333vw;
    line-height: 1.5;
    letter-spacing: -0.01em;
    font-weight: 900;
  }
  .page-index .product_linkTicketText > a {
    text-decoration: underline;
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .product_linkTicketText > a:hover {
    text-decoration: none;
  }
}
@media (min-width: 760px) and (min-width: 760px) and (max-width: 979px) {
  .page-index .product_linkTicketText br {
    display: none;
  }
}
@media (min-width: 760px) {
  .page-index .product_footer {
    margin-top: 1.5625vw;
    text-align: center;
  }
}
@media (min-width: 760px) {
  .page-index .product_banner {
    margin-top: 4.1666666667vw;
  }
  .page-index .product_banner:first-child {
    margin-top: 0;
  }
}
@media (min-width: 760px) {
  .page-index .product_banner_link {
    display: inline-block;
    width: 48.75vw;
    height: 5.9027777778vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
  .page-index .product_banner--l .product_banner_link {
    width: 59.6875vw;
    height: 12.8645833333vw;
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .product_banner_link:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .product_archive {
    margin-top: 4.1666666667vw;
    padding-top: 2.34375vw;
    padding-bottom: 2.34375vw;
    background: url("../images/index/pc/product/line_t.png") no-repeat center top,
    url("../images/index/pc/product/line_b.png") no-repeat center bottom;
    background-size: 87.5vw,
    87.5vw;
  }
  .page-index .product_archive:first-child {
    margin-top: 0;
  }
}
@media (min-width: 760px) {
  .page-index .product_archive_title {
  	width: 13.02083333333vw;
    margin: 0 auto;
  }
}
@media (min-width: 760px) {
  .page-index .product_archive_contents {
    margin-top: 2.08333333333vw;
  }
  .page-index .product_archive_contents:first-child {
    margin-top: 0;
  }
}
@media (min-width: 760px) {
  .page-index .product_swiper_banner {
    position: relative;
  }
}
@media (min-width: 760px) {
  .page-index .product_swiper_banner_inner {
    position: relative;
    margin: 0 auto;
    width: 79.5833333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_swiper_banner .product_swiper_banner_item {
    width: 19.8958333333vw;
    height: 10.5729166667vw;
    padding: 0 0.8333333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_swiper_banner .product_swiper_banner_new {
    position: absolute;
    left: -0.1041666667vw;
    top: -1.3541666667vw;
    width: 6.25vw;
    height: 2.2916666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_swiper_banner.not-slide {
    margin-top: 0;
  }
  .page-index .product_swiper_banner.not-slide .product_swiper_banner_inner {
    width: 79.5833333333vw;
  }
  .page-index .product_swiper_banner.not-slide .product_swiper_banner_item {
    width: 19.8958333333vw;
    height: 10.5729166667vw;
    padding: 0 0.8333333333vw;
  }
  .page-index .product_swiper_banner.not-slide .product_swiper_banner_item > a {
    position: relative;
    display: block;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .product_swiper_banner.not-slide .product_swiper_banner_item > a:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) {
  .page-index .product_swiper_banner.not-slide .swiper_banner_new {
    left: -0.7291666667vw;
    top: -0.7291666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_swiper_banner_prev,
  .page-index .product_swiper_banner_next {
    position: absolute;
    top: 4.01041666667vw;
    z-index: 15;
    display: block;
    width: 2.5520833333vw;
    height: 2.5520833333vw;
  }
  .page-index .product_swiper_banner_prev img,
  .page-index .product_swiper_banner_next img {
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
  .page-index .product_swiper_banner_prev.swiper-button-disabled,
  .page-index .product_swiper_banner_next.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .product_swiper_banner_prev img:hover,
  .page-index .product_swiper_banner_next img:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@media (min-width: 760px) {
  .page-index .product_swiper_banner_prev {
    -webkit-animation: a-sliderBtn-prev 1.25s infinite ease-out;
            animation: a-sliderBtn-prev 1.25s infinite ease-out;
    left: 3.6458333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .product_swiper_banner_next {
    -webkit-animation: a-sliderBtn-next 1.25s infinite ease-out;
            animation: a-sliderBtn-next 1.25s infinite ease-out;
    right: 3.6458333333vw;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito {
    position: fixed;
    z-index: 10201;
    overflow-y: scroll;
    overflow-x: hidden;
    display: none;
    left: 0;
    top: 0;
    padding: 3.8541666667vw 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_contents {
    position: relative;
    margin: 4.1145833333vw auto 0;
    width: 57.2916666667vw;
    background: url("../images/common/bg/pc/pattern_1.png") repeat;
    background-size: 68.5454% auto;
    border-radius: 1.0416666667vw;
  }
  .page-index .ikatohito_contents:before {
    content: "";
    position: absolute;
    z-index: 0;
    display: block;
    left: 0;
    top: 0;
    width: 12.9166666667vw;
    height: 22.1875vw;
    background: url("../images/index/ikatohito/pc/bg_left_top.png") no-repeat left top;
    background-size: 100% auto;
  }
  .page-index .ikatohito_contents:after {
    content: "";
    position: absolute;
    z-index: 0;
    display: block;
    right: 0;
    top: 0;
    width: 13.0208333333vw;
    height: 19.4791666667vw;
    background: url("../images/index/ikatohito/pc/bg_right_top.png") no-repeat left top;
    background-size: 100.2% auto;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_contentsInner {
    position: relative;
    z-index: 5;
    padding: 13.5416666667vw 0 0;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_title {
    position: absolute;
    left: 50%;
    top: -4.1145833333vw;
    width: 30.1041666667vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_movie {
    position: relative;
    width: 100%;
    height: 40.4166666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_movieInner {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-mask-image: url("../images/index/ikatohito/pc/mask_movie.svg");
            mask-image: url("../images/index/ikatohito/pc/mask_movie.svg");
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: cover;
            mask-size: cover;
  }
  .page-index .ikatohito_movieInner > video {
    position: absolute;
    left: -1%;
    top: -1%;
    width: 102%;
    height: 102%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_moviePlayIcon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6.3541666667vw;
    height: 6.3541666667vw;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_movieText {
    position: absolute;
    right: -2.3958333333vw;
    bottom: 9.53125vw;
    width: 28.8541666667vw;
    height: 4.5833333333vw;
    -webkit-transform: rotate(-17.76deg);
            transform: rotate(-17.76deg);
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_hito {
    position: relative;
    padding: 4.21875vw 0 0 4.53125vw;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_hitoTitle {
    position: relative;
    z-index: 5;
    width: 20.2083333333vw;
    height: 8.28125vw;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_hitoText {
    margin-top: 1.5104166667vw;
    width: 23.8541666667vw;
    font-size: 1.25vw;
    line-height: 1.66;
    letter-spacing: -0.02em;
    font-weight: 900;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_hitoImage {
    position: absolute;
    z-index: 1;
    right: -13.9583333333vw;
    top: -16.9270833333vw;
    width: 48.9583333333vw;
    height: 42.6041666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_info {
    position: relative;
    z-index: 0;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_infoBg {
    position: absolute;
    z-index: 1;
    left: 0;
    top: -2.34375vw;
    width: 100%;
    height: 71.71875vw;
    background: url("../images/index/ikatohito/pc/bg_ink.png") no-repeat left top;
    background-size: 100% auto;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_infoInner {
    position: relative;
    z-index: 5;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_change {
    margin-top: -1.3020833333vw;
    padding-right: 1.875vw;
    text-align: center;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_changeText {
    position: relative;
    display: inline-block;
    width: 19.375vw;
    height: 20.6770833333vw;
  }
  .page-index .ikatohito_changeText:before {
    content: "";
    display: block;
    position: absolute;
    left: -2.3958333333vw;
    bottom: 0.1041666667vw;
    width: 5.0520833333vw;
    height: 5.0520833333vw;
    background: url("../images/index/ikatohito/pc/icon_arrow.png") no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: rotate(150deg);
            transform: rotate(150deg);
  }
  .page-index .ikatohito_changeText:after {
    content: "";
    display: block;
    position: absolute;
    right: -4.0625vw;
    top: 3.75vw;
    width: 5.0520833333vw;
    height: 5.0520833333vw;
    background: url("../images/index/ikatohito/pc/icon_arrow.png") no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_ika {
    position: relative;
    margin-top: 0.5729166667vw;
    padding-left: 30.1041666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_ikaTitle {
    position: relative;
    z-index: 5;
    width: 19.0104166667vw;
    height: 12.5vw;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_ikaText {
    margin-top: 1.5104166667vw;
    width: 23.8541666667vw;
    font-size: 1.25vw;
    line-height: 1.66;
    letter-spacing: -0.02em;
    font-weight: 900;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_ikaImage {
    position: absolute;
    z-index: 1;
    left: -7.9166666667vw;
    top: -8.8541666667vw;
    width: 39.1145833333vw;
    height: 34.4791666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_mizu {
    overflow: hidden;
    margin-top: -1.1979166667vw;
    height: 25.3125vw;
    vertical-align: bottom;
    border-bottom-left-radius: 1.0416666667vw;
    border-bottom-right-radius: 1.0416666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_footer {
    text-align: center;
    margin-top: 4.4791666667vw;
  }
}
@media (min-width: 760px) {
  .page-index .ikatohito_closeBtn {
    width: 14.0104166667vw;
    height: 4.7395833333vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (min-width: 760px) and (hover: hover) {
  .page-index .ikatohito_closeBtn:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (min-width: 760px) and (max-width: 1279px) {
  .page-index .infoModal {
    position: fixed;
    z-index: 10201;
    overflow-y: scroll;
    display: none;
    left: 0;
    top: 0;
    padding: 11.09375vw 3.125vw;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
  }
  .page-index .infoModal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .page-index .infoModal_inner {
    display: inline-block;
    width: 100%;
    max-width: 75vw;
    font-size: 1rem;
    vertical-align: middle;
  }
  .page-index .infoModal_contents {
    padding: 4.6875vw 0 5.46875vw;
    width: 100%;
    border: solid 0.078125vw #484848;
    border-radius: 1.5625vw;
    text-align: left;
    background: url("../images/index/pc/info/modal/bg.png") repeat left top;
    background-size: 9.6875vw auto;
  }
  .page-index .infoModal_head {
    padding: 0 10.078125vw;
  }
  .page-index .infoModal_date {
    font-size: 2.1875vw;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #fff;
    font-weight: 900;
  }
  .page-index .infoModal_text {
    margin-top: 1.09375vw;
    font-size: 1.40625vw;
    line-height: 1.66;
    letter-spacing: 0.02em;
    color: #fff;
    word-break: break-word;
    font-weight: 900;
  }
  .page-index .infoModal_images {
    position: relative;
    margin: 2.890625vw auto 0;
    width: 54.6875vw;
  }
  .page-index .infoModal_item > img {
    width: 100%;
    height: auto;
  }
  .page-index .infoModal_prev {
    position: absolute;
    z-index: 1;
    left: -7.03125vw;
    top: 50%;
    width: 4.8958333333vw;
    height: 5.2083333333vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .page-index .infoModal_next {
    position: absolute;
    z-index: 1;
    right: -7.03125vw;
    top: 50%;
    width: 4.8958333333vw;
    height: 5.2083333333vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .page-index .infoModal_footer {
    text-align: center;
    margin-top: 32px;
  }
  .page-index .infoModal_closeBtn {
    width: 269px;
    height: 91px;
  }
}
@media (min-width: 1280px) {
  .page-index .infoModal {
    position: fixed;
    z-index: 10201;
    overflow-y: scroll;
    display: none;
    left: 0;
    top: 0;
    padding: 142px 40px;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
  }
  .page-index .infoModal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .page-index .infoModal_inner {
    display: inline-block;
    width: 100%;
    max-width: 960px;
    font-size: 1rem;
    vertical-align: middle;
  }
  .page-index .infoModal_contents {
    padding: 60px 0 70px;
    width: 100%;
    border: solid 1px #484848;
    border-radius: 20px;
    text-align: left;
    background: url("../images/index/pc/info/modal/bg.png") repeat left top;
    background-size: 124px auto;
  }
  .page-index .infoModal_head {
    padding: 0 129px;
  }
  .page-index .infoModal_date {
    font-size: 28px;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #fff;
    font-weight: 900;
  }
  .page-index .infoModal_text {
    margin-top: 14px;
    font-size: 18px;
    line-height: 1.66;
    letter-spacing: 0.02em;
    color: #fff;
    word-break: break-word;
    font-weight: 900;
  }
  .page-index .infoModal_images {
    position: relative;
    margin: 37px auto 0;
    width: 700px;
  }
  .page-index .infoModal_item > img {
    width: 100%;
    height: auto;
  }
  .page-index .infoModal_prev {
    position: absolute;
    z-index: 1;
    left: -90px;
    top: 50%;
    width: 62.6666666667px;
    height: 66.6666666667px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .page-index .infoModal_next {
    position: absolute;
    z-index: 1;
    right: -90px;
    top: 50%;
    width: 62.6666666667px;
    height: 66.6666666667px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .page-index .infoModal_footer {
    text-align: center;
    margin-top: 32px;
  }
  .page-index .infoModal_closeBtn {
    width: 269px;
    height: 91px;
  }
}
@media (max-width: 759px) {
  .page-index .wrap {
    overflow: hidden;
    position: relative;
    z-index: 0;
    background-color: #000;
  }
  .page-index .hero {
    position: relative;
    z-index: 0;
    overflow: hidden;
  }
  .page-index .hero_kvWrap {
    --vh: 100vh;
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(var(--vh) - 45px - 6.25vw);
    background-color: #000;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 93.3%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 93.3%, 0% 100%);
  }
  .page-index .hero_kv {
    width: 100%;
    height: 100%;
    background: url("../images/index/sp/hero/kv.jpg?imbypass=true") no-repeat center center;
    background-size: cover;
    -webkit-transition: opacity 0.1s linear, -webkit-transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.1s linear, -webkit-transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.1s linear;
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.1s linear, -webkit-transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform: translate3d(0, 0, 0) rotate(-6deg) scale(1.5);
            transform: translate3d(0, 0, 0) rotate(-6deg) scale(1.5);
    opacity: 0;
  }
  .page-index .hero.is-show .hero_kv {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1.05);
            transform: translate3d(0, 0, 0) rotate(0) scale(1.05);
  }
  .page-index .hero_head {
    position: relative;
    z-index: 2;
  }
  .page-index .hero_title {
    position: absolute;
    left: 3.9473684211vw;
    bottom: 11.5789473684vw;
    width: 92.3684210526vw;
    height: 53.0263157895vw;
    visibility: hidden;
    opacity: 0.8;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    -webkit-transition: visibility 0s linear 0.58s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.58s;
    transition: visibility 0s linear 0.58s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.58s;
    transition: visibility 0s linear 0.58s, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.58s;
    transition: visibility 0s linear 0.58s, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.58s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.58s;
  }
  .page-index .hero.is-show .hero_title {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .page-index .hero_date {
    position: absolute;
    right: -0.9210526316vw;
    bottom: -7.2368421053vw;
    width: 83.1578947368vw;
    height: 23.4210526316vw;
    visibility: hidden;
    -webkit-transform: rotate(-5.48deg) translateX(100%);
            transform: rotate(-5.48deg) translateX(100%);
    -webkit-transition: visibility 0s linear 0.8s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.25, 1.15) 0.8s;
    transition: visibility 0s linear 0.8s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.25, 1.15) 0.8s;
    transition: visibility 0s linear 0.8s, transform 0.25s cubic-bezier(0.175, 0.885, 0.25, 1.15) 0.8s;
    transition: visibility 0s linear 0.8s, transform 0.25s cubic-bezier(0.175, 0.885, 0.25, 1.15) 0.8s, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.25, 1.15) 0.8s;
  }
  .page-index .hero.is-show .hero_date {
    visibility: visible;
    -webkit-transform: rotate(-3.88deg) translateX(0);
            transform: rotate(-3.88deg) translateX(0);
  }
  .page-index .hero_bottom {
    position: relative;
    z-index: 0;
    margin-top: -19.3421052632vw;
    padding-top: 34.2105263158vw;
    padding-bottom: 20.2631578947vw;
    width: 100%;
    background: url("../images/index/sp/hero/bg_news.png") repeat-y center top;
    background-size: 100% auto;
  }
  .page-index .hero_news {
    margin: 0 auto 2.6315789474vw;
    padding: 3.6842105263vw 0 3.9473684211vw;
    width: 89.4736842105vw;
    background: url("../images/index/sp/hero/bg_news2_top.png") no-repeat left top, url("../images/index/sp/hero/bg_news2_bottom.png") no-repeat left bottom;
    background-size: 100% auto, 100% auto;
    opacity: 0;
  }
  .page-index .hero_newsOuter {
    padding: 0.2631578947vw 1.3157894737vw 0 5.2631578947vw;
    width: 100%;
    background: url("../images/index/sp/hero/bg_news2_body.png") repeat-y left top;
    background-size: 100% auto;
  }
  .page-index .hero_newsInner {
    height: 41.0526315789vw;
    padding-right: 3.9473684211vw;
    scroll-behavior: smooth;
  }
  .page-index .hero_newsInner .simplebar-scrollbar:before {
    background: #fff;
  }
  .page-index .hero_newsItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page-index .hero_newsItem + .hero_newsItem {
    margin-top: 1.5789473684vw;
  }
  .page-index .hero_newsDate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20.1315789474vw;
  }
  .page-index .hero_newsDate > span {
    position: relative;
    display: inline-block;
    top: 1.1842105263vw;
    margin-left: 0.1315789474vw;
    height: 2.5vw;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .page-index .hero_newsDate > span[data-num="0"] {
    width: 2.1052631579vw;
    background: url("../images/index/num/0.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="1"] {
    width: 1.3157894737vw;
    background: url("../images/index/num/1.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="2"] {
    width: 1.9736842105vw;
    background: url("../images/index/num/2.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="3"] {
    width: 1.9736842105vw;
    background: url("../images/index/num/3.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="4"] {
    width: 1.9736842105vw;
    background: url("../images/index/num/4.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="5"] {
    width: 1.9736842105vw;
    background: url("../images/index/num/5.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="6"] {
    width: 2.2368421053vw;
    background: url("../images/index/num/6.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="7"] {
    width: 1.9736842105vw;
    background: url("../images/index/num/7.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="8"] {
    width: 1.9736842105vw;
    background: url("../images/index/num/8.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="9"] {
    width: 2.2368421053vw;
    background: url("../images/index/num/9.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsDate > span[data-num="."] {
    width: 0.6578947368vw;
    background: url("../images/index/num/dot.png") no-repeat center bottom;
    background-size: 100% auto;
  }
  .page-index .hero_newsText {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 3.1578947368vw;
    line-height: 1.6;
    letter-spacing: 0.02em;
    color: #fff;
    font-weight: 900;
  }
  .page-index .hero_newsText > a {
    text-decoration: underline;
  }
  .page-index .hero_banner {
    position: relative;
    display: block;
    margin: 5.2631578947vw auto 0;
    width: 89.4736842105vw;
    height: 23.6842105263vw;
  }
  .page-index .hero_banner.hero_banner-new {
    margin: 6.3157894737vw auto 0;
  }
  .page-index .hero_bannerInner {
    position: relative;
    display: block;
  }
  .page-index .hero_bannerNew {
    position: absolute;
    left: -3.1578947368vw;
    top: -4.4736842105vw;
    width: 17.2368421053vw;
    height: 6.3157894737vw;
  }
  .page-index .hero_bannerLow1--img06 > a {
    width: 93.3333333333vw;
    height: 27.06666666667vw;
    margin-left: 2.1333333333vw;
    position: relative;
    z-index: 2;
  }
  .page-index .hero_bannerLow1--img07 > a {
    width: 89.7333333333vw;
    height: 30.1333333333vw;
    margin-left: 5.7vw;
    position: relative;
    z-index: 1;
  }
  .page-index .hero_bannerLow1--img08 > a {
    width: 89.7368421053vw;
    height: 30.5vw;
    margin-top: -2.6315789474vw;
    margin-left: 5.7vw;
    position: relative;
    z-index: 1;
  }
  .page-index .hero_bannerLow1--img09 > a {
    width: 94.2666666667vw;
    height: 32.1333333333vw;
    margin-left: 5.7vw;
    position: relative;
    z-index: 1;
  }
  .page-index .hero_bannerLow1--img08 {
    margin-top: 7.2631578947vw;
  }
  .page-index .hero_bannerColumn {

  }
  .page-index .hero_banner1 {
    position: relative;
    display: inline-block;
    margin-left: 0.6578947368vw;
    width: 97.1052631579vw;
    height: 40.9210526316vw;
  }
  .page-index .hero_banner1Inner {
    position: relative;
    display: block;
  }
  .page-index .hero_banner1New {
    position: absolute;
    right: -2.2666666667vw;
    top: -4.4736842105vw;
    width: 17.2368421053vw;
    height: 6.3157894737vw;
    z-index: 1;
  }
  .page-index .hero_bannerLow1--img08 .hero_banner1New {
    top: 0;
  }
  .page-index .hero_bannerLow2 {
    margin-top: 5.2631578947vw;
  }
  .page-index .hero_bannerLow1 + .hero_bannerLow2 {
    margin-top: 1.8421052632vw;
  }
  .page-index .hero_banner2 {
    display: block;
    margin: 0 auto;
    width: 89.4736842105vw;
    height: 23.6842105263vw;
  }
  .page-index .hero_banner2Inner {
    display: block;
  }
  .page-index .hero_banner3 {
    display: block;
    margin: 5.2631578947vw auto 0;
    width: 89.4736842105vw;
    height: 23.6842105263vw;
  }
  .page-index .hero_banner3Inner {
    display: block;
  }
  .page-index .hero_banner4 {
    position: relative;
    display: block;
    margin: 5.2631578947vw auto 0;
    width: 89.4736842105vw;
    height: 42.1052631579vw;
  }
  .page-index .hero_banner4Inner {
    display: block;
  }
  .page-index .hero_banner5 {
    position: relative;
    display: block;
    margin: 5.2631578947vw auto 2.6315789474vw;
    width: 89.4736842105vw;
    height: 13.1578947368vw;
  }
  .page-index .hero_banner5Inner {
    display: block;
  }
  .page-index .hero_banner6 {
    position: relative;
    display: block;
    margin: 5.2631578947vw auto 0;
    width: 89.4736842105vw;
    height: 23.6842105263vw;
  }
  .page-index .hero_banner6Inner {
    display: block;
  }
  .page-index .hero_banner7 {
    position: relative;
    display: block;
    margin: 5.2631578947vw auto 0;
    width: 89.4736842105vw;
    height: 23.6842105263vw;
  }
  .page-index .hero_banner7Inner {
    position: relative;
    display: block;
  }
  .page-index .hero_banner7New {
    position: absolute;
    left: -3.1578947368vw;
    top: -4.4736842105vw;
    width: 17.2368421053vw;
    height: 6.3157894737vw;
  }
  .page-index .swiper_banner {
    position: relative;
    margin-top: 7.2631578947vw;
    margin-bottom: 5vw;
  }
  .page-index .swiper_banner_inner {
    position: relative;
    margin: 0 3.9473684211vw;
  }
  .page-index .swiper_banner .swiper_banner_item {
    width: 62.5vw;
    height: 35vw;
    padding: 0 1.3157894737vw;
  }
  .page-index .swiper_banner .swiper_banner_item a {
    display: block;
    border-radius: 1.5625vw;
    background: #000;
  }
  .page-index .swiper_banner .swiper_banner_item img {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
  }
  .page-index .swiper_banner .swiper_banner_new {
    position: absolute;
    left: -1.3157894737vw;
    top: -3.6842105263vw;
    width: 17.2368421053vw;
    height: 6.3157894737vw;
  }
  .page-index .swiper_banner_prev,
  .page-index .swiper_banner_next {
    display: none;
    position: absolute;
    top: 17.7631578947vw;
    z-index: 15;
    width: 9.8684210526vw;
    height: 10.5263157895vw;
  }
  .page-index .swiper_banner_prev img,
  .page-index .swiper_banner_next img {
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (max-width: 759px) and (hover: hover) {
  .page-index .swiper_banner_prev img:hover,
  .page-index .swiper_banner_next img:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@media (max-width: 759px) {
  .page-index .swiper_banner_prev {
    -webkit-animation: a-sliderBtn-prev 1.25s infinite ease-out;
            animation: a-sliderBtn-prev 1.25s infinite ease-out;
    left: 6.5789473684vw;
  }
}
@media (max-width: 759px) {
  .page-index .swiper_banner_next {
    -webkit-animation: a-sliderBtn-next 1.25s infinite ease-out;
            animation: a-sliderBtn-next 1.25s infinite ease-out;
    right: 6.5789473684vw;
  }
}
@media (max-width: 759px) {
  .page-index .swiper_banner_pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 4.6052631579vw;
    width: auto;
  }
}
@media (max-width: 759px) {
  .page-index .swiper_banner_bullet {
    margin: 0 1.0526315789vw;
    width: 4.2105263158vw;
    height: 4.7368421053vw;
    background: url("../images/index/pc/hero/icon_bullet.png") no-repeat center center;
    background-size: 100% auto;
  }
  .page-index .swiper_banner_bullet + .swiper_banner_bullet {
    margin-left: 2.6315789474vw;
  }
  .page-index .swiper_banner_bullet.is-active {
    background: url("../images/index/pc/hero/icon_bullet_active.png") no-repeat center center;
    background-size: 100% auto;
  }
}
@media (max-width: 759px) {
  .page-index .hero_footer {
    margin-top: 4.8684210526vw;
    text-align: center;
  }
}
@media (max-width: 759px) {
  .page-index .hero_footerTwitter {
    display: inline-block;
    width: 86.7105263158vw;
    height: 20.2631578947vw;
  }
}
@media (max-width: 759px) {
  .page-index .hero_footerTwitterInner {
    display: block;
  }
}
@media (max-width: 759px) {
  .page-index .direct {
    position: relative;
    pointer-events: none;
    z-index: 2;
    margin: -17.1052631579vw 0 -26.3157894737vw;
    padding-top: 20.5263157895vw;
    width: 100%;
    height: 91.5789473684vw;
    background: url("../images/index/sp/direct/bg.png") no-repeat center center;
    background-size: 100% auto;
  }
}
@media (max-width: 759px) {
  .page-index .direct_img {
    position: relative;
    pointer-events: auto;
    margin: 0 auto;
    width: 89.4736842105vw;
    height: 49.7368421053vw;
    cursor: pointer;
  }
}
@media (max-width: 759px) {
  .page-index .direct_imgPlayIcon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14.4736842105vw;
    height: 14.4736842105vw;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
}
@media (max-width: 759px) {
  .page-index .movie {
    position: relative;
    z-index: 0;
    margin-top: -19.1578947368vw;
    padding-top: 43.2vw;
    height: 162.6666666667vw;
    background-color: #000;
    -webkit-clip-path: polygon(0% 0%, 100% 12%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 12%, 100% 100%, 0% 100%);
  }
}
@media (max-width: 759px) {
  .page-index .direct + .movie {
    padding-top: 38.2894736842vw;
    height: 109.8684210526vw;
  }
  .page-index .direct + .movie .movie_title {
    top: 15.9210526316vw;
  }
}
@media (max-width: 759px) {
  .page-index .movie_bg {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .page-index .movie_bg > video {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .page-index .movie_bg:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }
}
@media (max-width: 759px) {
  .page-index .movie_title {
    position: absolute;
    z-index: 1;
    left: 2.6315789474vw;
    top: 20.6666666667vw;
    width: 82.1333333333vw;
    height: 20.8vw;
  }
}
@media (max-width: 759px) {
  .page-index .movie_contents {
    position: relative;
    z-index: 2;
  }
}
@media (max-width: 759px) {
  .page-index .movie_column {

  }
}
@media (max-width: 759px) {
  .page-index .movie_row {
    margin-top: 8vw;
  }
  .page-index .movie_row:first-child {
    margin-top: 0;
  }
}
@media (max-width: 759px) {
  .page-index .movie_item {
    position: relative;
    padding: 0.2631578947vw 2.6315789474vw 0;
  }
}
@media (max-width: 759px) {
  .page-index .movie_itemInner {
    position: relative;
    display: block;
    cursor: pointer;
  }
}
@media (max-width: 759px) {
  .page-index .movie_itemPlayIcon {
    position: absolute;
    left: 50%;
    top: 14.6052631579vw;
    width: 14.4736842105vw;
    height: 14.4736842105vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    visibility: hidden;
  }
}
@media (max-width: 759px) {
  .page-index .movie_item.swiper-slide-active .movie_itemPlayIcon {
    visibility: visible;
  }
}
@media (max-width: 759px) {
  .page-index .movie_itemNew {
    position: absolute;
    left: -5.2631578947vw;
    top: -0.2631578947vw;
    width: 17.2368421053vw;
    height: 6.3157894737vw;
  }
}
@media (max-width: 759px) {
  .page-index .movie_itemText {
    margin-top: 4.7894736842vw;
    text-align: center;
    font-size: 3.1578947368vw;
    letter-spacing: 0.02em;
    color: #fff;
    font-weight: 900;
    line-height: 1.2em;
  }
}
@media (max-width: 759px) {
  .page-index .movie_thumb {
    position: relative;
    width: 80vw;
    margin: 0 auto;
  }
}
@media (max-width: 759px) {
  .page-index .movie_thumbInner {
    position: relative;
    display: block;
    cursor: pointer;
  }
}
@media (max-width: 759px) {
  .page-index .movie_thumbPlayIcon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14.4736842105vw;
    height: 14.4736842105vw;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
  }
}
@media (max-width: 759px) {
  .page-index .movie_thumbNew {
    position: absolute;
    right: -3.06666666667vw;
    top: -2.4vw;
    width: 17.2368421053vw;
    height: 6.3157894737vw;
  }
}
@media (max-width: 759px) {
  .page-index .movie_btn {
    position: relative;
    width: 80vw;
    margin: 0 auto;
  }
}
@media (max-width: 759px) {
  .page-index .movie_btnLink {
    display: block;
  }
}
@media (max-width: 759px) {
  .page-index .movie_footer {
    margin-top: 4.8vw;
    text-align: center;
  }
}
@media (max-width: 759px) {
  .page-index .movie_footerTwitter {
    display: inline-block;
    width: 86.7105263158vw;
  }
}
@media (max-width: 759px) {
  .page-index .movie_footerTwitterInner {
    display: block;
  }
}
@media (max-width: 759px) {
  .page-index .movieBottom {
    position: relative;
  }
}
@media (max-width: 759px) {
  .page-index .movie_action {
    position: relative;
  }
}
@media (max-width: 759px) {
  .page-index .movie_prev {
    position: absolute;
    display: block;
    left: 6.5789473684vw;
    bottom: 53.1578947368vw;
    width: 9.8684210526vw;
    height: 10.3947368421vw;
    -webkit-animation: a-sliderBtn-prev 1.25s infinite ease-out;
            animation: a-sliderBtn-prev 1.25s infinite ease-out;
  }
}
@media (max-width: 759px) {
  .page-index .movie_next {
    position: absolute;
    display: block;
    right: 6.5789473684vw;
    bottom: 53.1578947368vw;
    width: 9.8684210526vw;
    height: 10.3947368421vw;
    -webkit-animation: a-sliderBtn-next 1.25s infinite ease-out;
            animation: a-sliderBtn-next 1.25s infinite ease-out;
  }
}
@media (max-width: 759px) {
  .page-index .movie_pagination {
    position: absolute;
    bottom: 17.7631578947vw;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 759px) {
  .page-index .movie_bullet {
    margin: 0 1.0526315789vw;
    width: 4.2105263158vw;
    height: 4.7368421053vw;
    background: url("../images/index/pc/hero/icon_bullet.png") no-repeat center center;
    background-size: 100% auto;
  }
  .page-index .movie_bullet + .movie_bullet {
    margin-left: 2.6315789474vw;
  }
  .page-index .movie_bullet.is-active {
    background: url("../images/index/pc/hero/icon_bullet_active.png") no-repeat center center;
    background-size: 100% auto;
  }
}
@media (max-width: 759px) {
  .page-index .battle {
    position: relative;
    z-index: 1;
    margin-top: -7.6315789474vw;
  }
}
@media (max-width: 759px) {
  .page-index .battle_sec1 {
    position: relative;
    z-index: 0;
    padding-top: 31.5789473684vw;
    height: 210.5263157895vw;
  }
}
@media (max-width: 759px) {
  .page-index .battle_movieBg {
    position: absolute;
    z-index: 0;
    right: -18.4210526316vw;
    top: 46.0526315789vw;
    width: 110.5263157895vw;
    height: 136.8421052632vw;
  }
  .page-index .battle_movieBg > video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 759px) {
  .page-index .battle_bg1 {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/index/sp/battle/bg_1.png") no-repeat center top;
    background-size: 100% auto;
    -webkit-clip-path: polygon(0% 3.8%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 3.8%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@media (max-width: 759px) {
  .page-index .battle_title1 {
    position: absolute;
    z-index: 2;
    left: 0;
    top: -3.6842105263vw;
    width: 100%;
    height: 28.6842105263vw;
    -webkit-transform: rotate(-4.41deg);
            transform: rotate(-4.41deg);
  }
}
@media (max-width: 759px) {
  .page-index .battle_title1Inner {
    position: absolute;
    left: -5.2631578947vw;
    width: 110.5263157895vw;
  }
}
@media (max-width: 759px) {
  .page-index .battle_text1 {
    position: relative;
    z-index: 4;
    margin-left: 10.5263157895vw;
    font-size: 3.9473684211vw;
    line-height: 1.53;
    color: #000000;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .battle_button {
    position: relative;
    z-index: 4;
    margin-left: 6.0526315789vw;
    width: 81.8421052632vw;
    height: 24.3421052632vw;
  }
}
@media (max-width: 759px) {
  .page-index .battle_buttonInner {
    display: block;
  }
}
@media (max-width: 759px) {
  .page-index .battle_sec2 {
    position: relative;
    z-index: 1;
    margin-top: -20.9210526316vw;
    padding-top: 38.1578947368vw;
    height: 189.4736842105vw;
  }
}
@media (max-width: 759px) {
  .page-index .battle_bg2 {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/index/sp/battle/bg_2.png") no-repeat center top;
    background-size: cover;
  }
}
@media (max-width: 759px) {
  .page-index .battle_img1 {
    position: absolute;
    z-index: 1;
    left: 0;
    top: -48.9473684211vw;
    width: 99.7368421053vw;
    height: 46.4473684211vw;
  }
}
@media (max-width: 759px) {
  .page-index .battle_title2 {
    position: absolute;
    z-index: 2;
    left: 0;
    top: -10.3947368421vw;
    width: 100vw;
    height: 55vw;
  }
}
@media (max-width: 759px) {
  .page-index .battle_text2 {
    position: relative;
    z-index: 0;
    margin-left: 5.2631578947vw;
    padding: 5.7894736842vw 0 0 6.8421052632vw;
    width: 90.7894736842vw;
    height: 36.1842105263vw;
    font-size: 3.9473684211vw;
    line-height: 1.53;
    color: #fefefe;
    font-weight: 900;
    background: url("../images/index/sp/battle/bg_text.png") no-repeat center top;
    background-size: 100% auto;
  }
}
@media (max-width: 759px) {
  .page-index .battle_movie {
    position: relative;
    z-index: 2;
    margin-top: 2.7631578947vw;
    margin-left: 6.0526315789vw;
    width: 88.2894736842vw;
    height: 50.9210526316vw;
    -webkit-transform: rotate(7.99deg);
            transform: rotate(7.99deg);
  }
  .page-index .battle_movie img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 759px) {
  .page-index .battle_movieMovie {
    position: absolute;
    z-index: 0;
    left: 0.6578947368vw;
    top: 0.5263157895vw;
    width: 86.8421052632vw;
    height: 50vw;
    background-color: #fff;
  }
  .page-index .battle_movieMovie > video {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 759px) {
  .page-index .battle_moviePlayIcon {
    position: absolute;
    left: 36.4473684211vw;
    top: 21.8421052632vw;
    width: 14.4736842105vw;
    height: 14.4736842105vw;
  }
}
@media (max-width: 759px) {
  .page-index .battle_img2 {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 5.1315789474vw;
    width: 66.0526315789vw;
    height: 77.1052631579vw;
  }
}
@media (max-width: 759px) {
  .page-index .battle_ink3 {
    position: absolute;
    z-index: 1;
    right: -10.5263157895vw;
    top: 60.5263157895vw;
    width: 39.0789473684vw;
    height: 45.3947368421vw;
  }
}
@media (max-width: 759px) {
  .page-index .battle_ink4 {
    position: absolute;
    left: -11.0526315789vw;
    bottom: 72.7631578947vw;
    width: 33.6842105263vw;
    height: 33.6842105263vw;
  }
}
@media (max-width: 759px) {
  .page-index .battle_ink5 {
    position: absolute;
    right: -19.7368421053vw;
    bottom: -8.6842105263vw;
    width: 89.8684210526vw;
    height: 77.3684210526vw;
  }
}
@media (max-width: 759px) {
  .page-index .battle_ink6 {
    position: absolute;
    right: 5.5263157895vw;
    bottom: -1.7105263158vw;
    width: 20.1315789474vw;
    height: 23.0263157895vw;
  }
}
@media (max-width: 759px) {
  .page-index .battle_ink7 {
    position: absolute;
    left: -36.0526315789vw;
    bottom: 2.3684210526vw;
    width: 52.6315789474vw;
    height: 47.8947368421vw;
  }
}
@media (max-width: 759px) {
  .page-index .style {
    --vh: 100vh;
    position: relative;
    z-index: 0;
    margin-top: -9.2105263158vw;
  }
}
@media (max-width: 759px) {
  .page-index .style_hero {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: var(--vh);
  }
}
@media (max-width: 759px) {
  .page-index .style_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/index/sp/style/bg.jpg") no-repeat center bottom;
    background-size: cover;
  }
}
@media (max-width: 759px) {
  .page-index .style_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }
}
@media (max-width: 759px) {
  .page-index .style_mask.is-active {
    opacity: 1;
  }
}
@media (max-width: 759px) {
  .page-index .style_section {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 759px) {
  .page-index .style_c1 {
    position: absolute;
    left: calc(var(--vh) * 0);
    bottom: calc(var(--vh) * 0.1444444444);
    width: calc(var(--vh) * 0.2313240741);
    height: calc(var(--vh) * 0.498);
    background: url("../images/index/sp/style/c_1.png") no-repeat center top;
    background-size: 100% auto;
    -webkit-transform: translateX(-15%);
            transform: translateX(-15%);
    opacity: 0;
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
@media (max-width: 759px) and (min-height: 700px) and (max-width: 799px) {
  .page-index .style_c1 {
    left: calc(var(--vh) * -0.0172039323);
  }
}
@media (max-width: 759px) and (min-height: 800px) and (max-width: 899px) {
  .page-index .style_c1 {
    left: calc(var(--vh) * -0.0301068816);
  }
}
@media (max-width: 759px) and (min-height: 900px) {
  .page-index .style_c1 {
    left: calc(var(--vh) * -0.0430098308);
  }
}
@media (max-width: 759px) {
  .page-index .style_c1.is-active {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media (max-width: 759px) {
  .page-index .style_c2 {
    position: absolute;
    right: calc(var(--vh) * -0.0067919716);
    bottom: calc(var(--vh) * 0.15);
    width: calc(var(--vh) * 0.3765740741);
    height: calc(var(--vh) * 0.5133703704);
    background: url("../images/index/sp/style/c_2.png") no-repeat center top;
    background-size: 100% auto;
    -webkit-transform: translateX(15%);
            transform: translateX(15%);
    opacity: 0;
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
@media (max-width: 759px) and (min-height: 700px) and (max-width: 799px) {
  .page-index .style_c2 {
    right: calc(var(--vh) * -0.0215049154);
  }
}
@media (max-width: 759px) and (min-height: 800px) and (max-width: 899px) {
  .page-index .style_c2 {
    right: calc(var(--vh) * -0.0344078647);
  }
}
@media (max-width: 759px) and (min-height: 900px) {
  .page-index .style_c2 {
    right: calc(var(--vh) * -0.0473108139);
  }
}
@media (max-width: 759px) {
  .page-index .style_c2.is-active {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media (max-width: 759px) {
  .page-index .style_c3 {
    position: absolute;
    left: 0;
    bottom: calc(var(--vh) * 0.0833333333);
    width: 100%;
    height: calc(var(--vh) * 0.75);
    background: url("../images/index/sp/style/c_3.png") no-repeat center bottom;
    background-size: auto 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }
}
@media (max-width: 759px) {
  .page-index .style_c3.is-active {
    opacity: 1;
  }
}
@media (max-width: 759px) {
  .page-index .style_title {
    position: absolute;
    left: 6.4473684211vw;
    top: 33%;
    width: 89.4736842105vw;
    height: 32.6315789474vw;
    background: url("../images/index/sp/style/title.png") no-repeat center top;
    background-size: 100% auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0.8;
    -webkit-transform: translateY(-100%) scale(1.3);
            transform: translateY(-100%) scale(1.3);
    -webkit-transition: visibility 0s linear, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: visibility 0s linear, -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: visibility 0s linear, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: visibility 0s linear, transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
}
@media (max-width: 759px) {
  .page-index .style_title.is-active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-100%) scale(1);
            transform: translateY(-100%) scale(1);
  }
}
@media (max-width: 759px) {
  .page-index .style_bukiHead {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 33%;
    width: 100%;
    -webkit-transform: translate(-15%, -50%);
            transform: translate(-15%, -50%);
    opacity: 0;
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
@media (max-width: 759px) {
  .page-index .style_bukiHead.is-active {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@media (max-width: 759px) {
  .page-index .style_bukiTitle {
    margin-left: 2.3684210526vw;
    width: 95.5263157895vw;
    height: 31.8421052632vw;
    background: url("../images/index/sp/style/title_buki.png") no-repeat center top;
    background-size: 100% auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
}
@media (max-width: 759px) {
  .page-index .style_bukiText {
    margin-left: 44.7368421053vw;
    margin-top: 1.4473684211vw;
    -webkit-transform: rotate(-0.7deg);
            transform: rotate(-0.7deg);
    font-size: 3.9473684211vw;
    line-height: 1.53;
    color: #fff;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .style_gearHead {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 33%;
    width: 100%;
    -webkit-transform: translate(15%, -50%);
            transform: translate(15%, -50%);
    opacity: 0;
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
@media (max-width: 759px) {
  .page-index .style_gearHead.is-active {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@media (max-width: 759px) {
  .page-index .style_gearTitle {
    margin-left: 3.8157894737vw;
    width: 92.2368421053vw;
    height: 35.3947368421vw;
    background: url("../images/index/sp/style/title_gear.png") no-repeat center top;
    background-size: 100% auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
}
@media (max-width: 759px) {
  .page-index .style_gearText {
    margin-left: 5.2631578947vw;
    margin-top: 1.3157894737vw;
    -webkit-transform: rotate(-1.7deg);
            transform: rotate(-1.7deg);
    font-size: 3.9473684211vw;
    line-height: 1.53;
    color: #fff;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .style_bukiImage {
    position: absolute;
    left: 0;
    bottom: calc(var(--vh) * 0.1796296296);
    width: 100%;
    height: calc(var(--vh) * 0.2864814815);
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }
}
@media (max-width: 759px) {
  .page-index .style_bukiImage.is-active {
    opacity: 1;
  }
  .page-index .style_bukiImage.is-active .style_bukiImageInner1 {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .page-index .style_bukiImage.is-active .style_bukiImageInner2 {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
}
@media (max-width: 759px) {
  .page-index .style_bukiImageInner1 {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(var(--vh) * 2.4916666667);
    height: calc(var(--vh) * 0.2864814815);
    -webkit-animation: animation-bukiImage-loop-sp 28s -12.8434782609s linear infinite;
            animation: animation-bukiImage-loop-sp 28s -12.8434782609s linear infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}
@media (max-width: 759px) {
  .page-index .style_bukiImageInner2 {
    left: calc(var(--vh) * 2.4916666667);
    top: 0;
    width: calc(var(--vh) * 2.4916666667);
    -webkit-animation: animation-bukiImage-loop2-sp 28s linear infinite;
            animation: animation-bukiImage-loop2-sp 28s linear infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}
@media (max-width: 759px) {
  .page-index .style_bukiImage1 {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(var(--vh) * 1.34875);
    height: calc(var(--vh) * 0.2864814815);
  }
}
@media (max-width: 759px) {
  .page-index .style_bukiImage2 {
    position: absolute;
    left: calc(var(--vh) * 1.34875);
    top: 0;
    width: calc(var(--vh) * 1.1429166667);
    height: calc(var(--vh) * 0.2864814815);
  }
}
@media (max-width: 759px) {
  @-webkit-keyframes animation-bukiImage-loop-sp {
    0% {
      -webkit-transform: translate3d(calc(var(--vh) * 1.1429166667), 0, 0);
              transform: translate3d(calc(var(--vh) * 1.1429166667), 0, 0);
    }
    to {
      -webkit-transform: translate3d(calc(var(--vh) * 1.34875 * -1), 0, 0);
              transform: translate3d(calc(var(--vh) * 1.34875 * -1), 0, 0);
    }
  }
  @keyframes animation-bukiImage-loop-sp {
    0% {
      -webkit-transform: translate3d(calc(var(--vh) * 1.1429166667), 0, 0);
              transform: translate3d(calc(var(--vh) * 1.1429166667), 0, 0);
    }
    to {
      -webkit-transform: translate3d(calc(var(--vh) * 1.34875 * -1), 0, 0);
              transform: translate3d(calc(var(--vh) * 1.34875 * -1), 0, 0);
    }
  }
}
@media (max-width: 759px) {
  @-webkit-keyframes animation-bukiImage-loop2-sp {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(calc(var(--vh) * 2.4916666667 * -1), 0, 0);
              transform: translate3d(calc(var(--vh) * 2.4916666667 * -1), 0, 0);
    }
  }
  @keyframes animation-bukiImage-loop2-sp {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(calc(var(--vh) * 2.4916666667 * -1), 0, 0);
              transform: translate3d(calc(var(--vh) * 2.4916666667 * -1), 0, 0);
    }
  }
}
@media (max-width: 759px) {
  .page-index .style_gearImage {
    position: absolute;
    left: 0;
    bottom: calc(var(--vh) * 0.1851851852);
    width: calc(var(--vh) * 2.7433333333);
    height: calc(var(--vh) * 0.2625);
    opacity: 0;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
  }
}
@media (max-width: 759px) and (min-height: 800px) {
  .page-index .style_gearImage {
    bottom: calc(var(--vh) * 0.2037037037);
  }
}
@media (max-width: 759px) {
  .page-index .style_gearImage.is-active {
    opacity: 1;
  }
  .page-index .style_gearImage.is-active .style_gearImage1 {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .page-index .style_gearImage.is-active .style_gearImage2 {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
}
@media (max-width: 759px) {
  .page-index .style_gearImage1 {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(var(--vh) * 1.4033333333);
    height: calc(var(--vh) * 0.2625);
    -webkit-animation: animation-gearImage-loop-sp 36s -17.5844471446s linear infinite;
            animation: animation-gearImage-loop-sp 36s -17.5844471446s linear infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}
@media (max-width: 759px) {
  .page-index .style_gearImage2 {
    position: absolute;
    left: calc(var(--vh) * 1.4033333333);
    top: 0;
    width: calc(var(--vh) * 1.34);
    height: calc(var(--vh) * 0.2625);
    -webkit-animation: animation-gearImage-loop2-sp 36s linear infinite;
            animation: animation-gearImage-loop2-sp 36s linear infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}
@media (max-width: 759px) {
  @-webkit-keyframes animation-gearImage-loop-sp {
    0% {
      -webkit-transform: translate3d(calc(var(--vh) * 1.34), 0, 0);
              transform: translate3d(calc(var(--vh) * 1.34), 0, 0);
    }
    to {
      -webkit-transform: translate3d(calc(var(--vh) * 1.4033333333 * -1), 0, 0);
              transform: translate3d(calc(var(--vh) * 1.4033333333 * -1), 0, 0);
    }
  }
  @keyframes animation-gearImage-loop-sp {
    0% {
      -webkit-transform: translate3d(calc(var(--vh) * 1.34), 0, 0);
              transform: translate3d(calc(var(--vh) * 1.34), 0, 0);
    }
    to {
      -webkit-transform: translate3d(calc(var(--vh) * 1.4033333333 * -1), 0, 0);
              transform: translate3d(calc(var(--vh) * 1.4033333333 * -1), 0, 0);
    }
  }
}
@media (max-width: 759px) {
  @-webkit-keyframes animation-gearImage-loop2-sp {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(calc(var(--vh) * 2.7433333333 * -1), 0, 0);
              transform: translate3d(calc(var(--vh) * 2.7433333333 * -1), 0, 0);
    }
  }
  @keyframes animation-gearImage-loop2-sp {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    to {
      -webkit-transform: translate3d(calc(var(--vh) * 2.7433333333 * -1), 0, 0);
              transform: translate3d(calc(var(--vh) * 2.7433333333 * -1), 0, 0);
    }
  }
}
@media (max-width: 759px) {
  .page-index .style_inner {
    position: relative;
    pointer-events: none;
  }
}
@media (max-width: 759px) {
  .page-index .style_titleTrigger {
    height: var(--vh);
    margin-bottom: calc(var(--vh) * 0.15);
  }
}
@media (max-width: 759px) {
  .page-index .style_bukiTrigger {
    height: var(--vh);
    margin-bottom: calc(var(--vh) * 0.15);
  }
}
@media (max-width: 759px) {
  .page-index .style_gearTrigger {
    height: var(--vh);
  }
}
@media (max-width: 759px) {
  .page-index .bankara {
    position: relative;
    z-index: 1;
    margin-top: -6.0526315789vw;
    height: 196.7105263158vw;
  }
}
@media (max-width: 759px) {
  .page-index .bankara_bg2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/index/sp/bankara/bg.png") no-repeat center top;
    background-size: cover;
  }
}
@media (max-width: 759px) {
  .page-index .bankara_neon2 {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 4.2105263158vw;
    width: 25.5263157895vw;
    height: 79.8684210526vw;
  }
}
@media (max-width: 759px) {
  .page-index .bankara_neon2Item {
    position: absolute;
    display: block;
    width: 6.8421052632vw;
    height: 6.8421052632vw;
  }
  .page-index .bankara_neon2Item-1 {
    left: 17.3684210526vw;
    top: 20.1315789474vw;
    -webkit-animation: a-flash 9000ms infinite linear;
            animation: a-flash 9000ms infinite linear;
    -webkit-animation-delay: 10ms;
            animation-delay: 10ms;
  }
  .page-index .bankara_neon2Item-2 {
    left: 13.0263157895vw;
    top: 21.8421052632vw;
    width: 8.1578947368vw;
    height: 8.1578947368vw;
    -webkit-animation: a-elect 4000ms infinite linear;
            animation: a-elect 4000ms infinite linear;
    -webkit-animation-delay: 50ms;
            animation-delay: 50ms;
  }
  .page-index .bankara_neon2Item-3 {
    left: 20.9210526316vw;
    top: 17.7631578947vw;
    -webkit-animation: a-flash 6000ms infinite linear;
            animation: a-flash 6000ms infinite linear;
    -webkit-animation-delay: 100ms;
            animation-delay: 100ms;
  }
}
@media (max-width: 759px) {
  .page-index .bankara_movie {
    position: absolute;
    left: 0vw;
    top: 115.7894736842vw;
    width: 88.4210526316vw;
    height: 50vw;
    -webkit-transform: rotate(-2.42deg);
            transform: rotate(-2.42deg);
    background-color: #181818;
  }
  .page-index .bankara_movie > video {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 759px) {
  .page-index .bankara_title {
    position: absolute;
    right: 0;
    top: 36.1842105263vw;
    width: 99.6052631579vw;
    height: 42.6315789474vw;
  }
}
@media (max-width: 759px) {
  .page-index .bankara_text1 {
    position: absolute;
    left: 3.9473684211vw;
    top: 12.5vw;
    width: 74.6052631579vw;
    height: 30vw;
  }
}
@media (max-width: 759px) {
  .page-index .bankara_text2 {
    position: absolute;
    left: 17.3684210526vw;
    top: 80.1315789474vw;
    width: 72.3684210526vw;
    font-size: 3.9473684211vw;
    line-height: 1.53;
    color: #fff;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .menu {
    position: relative;
    z-index: 1;
    margin-top: -14.4736842105vw;
    padding-top: 3.6842105263vw;
    padding-bottom: 40.2631578947vw;
  }
}
@media (max-width: 759px) {
  .page-index .menu_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/index/sp/menu/bg.png") repeat-y center top;
    background-size: 100% auto;
    -webkit-clip-path: polygon(0% 0%, 100% 1.6%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 1.6%, 100% 100%, 0% 100%);
  }
}
@media (max-width: 759px) {
  .page-index .menu_inner {
    position: relative;
    padding-top: 30.7894736842vw;
  }
  .page-index .menu_inner > .pin-spacer {
    pointer-events: none;
  }
}
@media (max-width: 759px) {
  .page-index .menu_title {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 7.3684210526vw;
    width: 100%;
    height: 30.7894736842vw;
    -webkit-transform: rotate(5.04deg);
            transform: rotate(5.04deg);
  }
}
@media (max-width: 759px) {
  .page-index .menu_titleInner {
    position: absolute;
    display: block;
    left: -50vw;
    top: -7.3684210526vw;
    width: 200vw;
    height: 30.7894736842vw;
    -webkit-transform-origin: center top;
            transform-origin: center top;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    pointer-events: auto;
  }
  .page-index .menu_titleInner.is-pin {
    -webkit-transform: scale(0.63);
            transform: scale(0.63);
  }
}
@media (max-width: 759px) {
  .page-index .menu_titleInner2 {
    display: block;
  }
}
@media (max-width: 759px) {
  .page-index .menu_text {
    position: relative;
    z-index: 2;
    margin-top: -5.2631578947vw;
    width: 100%;
    height: 13.2894736842vw;
    -webkit-transform: rotate(-6.61deg);
            transform: rotate(-6.61deg);
  }
}
@media (max-width: 759px) {
  .page-index .menu_textInner {
    position: absolute;
    display: block;
    left: -5.2631578947vw;
    top: 0;
    width: 110.5263157895vw;
    height: 13.2894736842vw;
  }
}
@media (max-width: 759px) {
  .page-index .menu_list {
    position: relative;
    z-index: 0;
  }
}
@media (max-width: 759px) {
  .page-index .menu_link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 759px) {
  .page-index .menu_battle {
    margin-top: 8.1578947368vw;
    width: 98.5526315789vw;
    height: 67.5vw;
  }
}
@media (max-width: 759px) {
  .page-index .menu_buki {
    margin-top: 2.2368421053vw;
    margin-left: 1.8421052632vw;
    width: 95.2631578947vw;
    height: 61.8421052632vw;
  }
}
@media (max-width: 759px) {
  .page-index .menu_bankara {
    margin-top: 0vw;
    margin-left: 5.2631578947vw;
    width: 92.1052631579vw;
    height: 60.5263157895vw;
  }
}
@media (max-width: 759px) {
  .page-index .menu_hero {
    margin-top: 2.3684210526vw;
    margin-left: 3.8157894737vw;
    width: 90.7894736842vw;
    height: 56.1842105263vw;
  }
}
@media (max-width: 759px) {
  .page-index .menu_salmon {
    margin-top: -0.6578947368vw;
    margin-left: 0.2631578947vw;
    width: 99.3421052632vw;
    height: 49.2105263158vw;
  }
}
@media (max-width: 759px) {
  .page-index .menu_fes {
    margin-top: 0.5263157895vw;
    margin-left: 3.8157894737vw;
    width: 90.7894736842vw;
    height: 53.0263157895vw;
  }
}
@media (max-width: 759px) {
  .page-index .menu_amiibo {
    margin-top: 6.3157894737vw;
    margin-left: 5vw;
    width: 90.6578947368vw;
    height: 35.9210526316vw;
  }
}
@media (max-width: 759px) {
  .page-index .menu_app {
    margin-top: 1.1842105263vw;
    margin-left: 5vw;
    width: 90.6578947368vw;
    height: 36.0526315789vw;
  }
}
@media (max-width: 759px) {
  .page-index .menu_ika {
    margin-top: 4.4736842105vw;
    margin-left: 3.9473684211vw;
    width: 91.0526315789vw;
    height: 33.2894736842vw;
  }
}
@media (max-width: 759px) {
  .page-index .update {
    position: relative;
    z-index: 1;
    margin-top: -22.3684210526vw;
    height: 163.8157894737vw;
    background: url("../images/index/sp/update/bg.png") no-repeat center top;
    background-size: cover;
  }
}
@media (max-width: 759px) {
  .page-index .update_title {
    position: absolute;
    z-index: 3;
    left: 0;
    top: -4.7368421053vw;
    width: 90.7894736842vw;
    height: 44.2105263158vw;
  }
}
@media (max-width: 759px) {
  .page-index .update_image {
    position: absolute;
    z-index: 2;
    left: 3.0263157895vw;
    top: 53.9473684211vw;
    width: 94.7368421053vw;
    height: 57.2368421053vw;
  }
}
@media (max-width: 759px) {
  .page-index .update_text1 {
    position: absolute;
    z-index: 3;
    left: 3.8157894737vw;
    top: 27.5vw;
    width: 76.3157894737vw;
    height: 34.0789473684vw;
  }
}
@media (max-width: 759px) {
  .page-index .update_text2 {
    position: absolute;
    z-index: 3;
    left: 6.7105263158vw;
    top: 106.3157894737vw;
    width: 71.1842105263vw;
    height: 39.7368421053vw;
  }
}
@media (max-width: 759px) {
  .page-index .update_ink1 {
    position: absolute;
    z-index: 0;
    right: 0;
    top: 19.4736842105vw;
    width: 49.6052631579vw;
    height: 47.6315789474vw;
  }
}
@media (max-width: 759px) {
  .page-index .update_ink2 {
    position: absolute;
    z-index: 0;
    right: 1.1842105263vw;
    top: 8.6842105263vw;
    width: 26.9736842105vw;
    height: 29.7368421053vw;
  }
}
@media (max-width: 759px) {
  .page-index .update_ink3 {
    position: absolute;
    z-index: 0;
    left: 1.9736842105vw;
    top: 88.2894736842vw;
    width: 36.3157894737vw;
    height: 36.0526315789vw;
  }
}
@media (max-width: 759px) {
  .page-index .update_ink4 {
    position: absolute;
    z-index: 1;
    right: 1.1842105263vw;
    top: 106.3157894737vw;
    width: 37.6315789474vw;
    height: 35vw;
  }
}
@media (max-width: 759px) {
  .page-index .update_ink5 {
    position: absolute;
    z-index: 0;
    left: -13.6842105263vw;
    top: 127.1052631579vw;
    width: 36.8421052632vw;
    height: 35.3947368421vw;
  }
}
@media (max-width: 759px) {
  .page-index .update_tape {
    position: absolute;
    z-index: 0;
    left: 0;
    width: 100%;
    height: 6.5789473684vw;
  }
}
@media (max-width: 759px) {
  .page-index .update_tapeInner {
    position: absolute;
    left: -5.2631578947vw;
    top: 0;
    width: 110.5263157895vw;
    height: 6.5789473684vw;
    background: url("../images/index/sp/update/tape.png") repeat-x left top;
    background-size: auto 100%;
  }
}
@media (max-width: 759px) {
  .page-index .update_tape-1 {
    top: 79.4736842105vw;
    -webkit-transform: rotate(7.07deg);
            transform: rotate(7.07deg);
  }
}
@media (max-width: 759px) {
  .page-index .update_tape-2 {
    top: 73.6842105263vw;
    -webkit-transform: rotate(-17.79deg);
            transform: rotate(-17.79deg);
  }
  .page-index .update_tape-2 .update_tapeInner {
    background-position: -19.2105263158vw top;
  }
}
@media (max-width: 759px) {
  .page-index .update_tape-3 {
    top: 140vw;
    -webkit-transform: rotate(21.52deg);
            transform: rotate(21.52deg);
  }
  .page-index .update_tape-3 .update_tapeInner {
    background-position: left top;
  }
}
@media (max-width: 759px) {
  .page-index .product {
    position: relative;
    z-index: 1;
    margin-top: -17.1052631579vw;
    padding-top: 18.5526315789vw;
    height: 332vw;
    color: #000;
    background: url("../images/index/sp/product/bg.png") no-repeat center top;
    background-size: cover;
  }
}
@media (max-width: 759px) {
  .page-index .product_body {
    position: relative;
  }
}
@media (max-width: 759px) {
  .page-index .product_package {
    position: absolute;
    left: 10.5263157895vw;
    top: 0;
    width: 36.5789473684vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_packageImage {
    width: 32.7631578947vw;
    height: 52.8947368421vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_packageText {
    margin-top: 0.2631578947vw;
    font-size: 2.3684210526vw;
    line-height: 1.33;
    letter-spacing: -0.02em;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .product_contents {
    padding-top: 7.8947368421vw;
    padding-left: 47.1052631579vw;
    height: 56.0526315789vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_title {
    font-size: 5.2631578947vw;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .product_date {
    margin-top: 2.2368421053vw;
    font-size: 3.1578947368vw;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .product_priceTitle {
    margin-top: 5.6578947368vw;
    display: block;
    font-size: 3.1578947368vw;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .product_pricePackage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.7105263158vw;
    font-size: 2.3684210526vw;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .product_pricePackageLabel {
    display: block;
    width: 20.2631578947vw;
    letter-spacing: 0.1em;
  }
}
@media (max-width: 759px) {
  .page-index .product_priceDownload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.0526315789vw;
    font-size: 2.3684210526vw;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .product_priceDownloadLabel {
    display: block;
    width: 20.2631578947vw;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 759px) {
  .page-index .product_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4.4736842105vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_iconCero {
    display: block;
    width: 11.3157894737vw;
    height: 13.8157894737vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_iconAmiibo {
    display: block;
    margin-left: 0.9210526316vw;
    width: 13.8157894737vw;
    height: 13.6842105263vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_online {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 2.6315789474vw auto 0;
    padding: 4.7368421053vw 5.7894736842vw 0;
    width: 78.9473684211vw;
    height: 18.9473684211vw;
    background-color: rgba(204, 204, 161, 0.5);
    border-radius: 0.6578947368vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_onlineIcon {
    position: relative;
    display: block;
    top: -1.3157894737vw;
    margin-right: 3.0263157895vw;
    width: 22.6315789474vw;
    height: 11.8421052632vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_onlineText {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: block;
    font-size: 2.3684210526vw;
    line-height: 1.33;
    letter-spacing: 0.04em;
    font-weight: 900;
  }
  .page-index .product_onlineText > a {
    text-decoration: underline;
  }
}
@media (max-width: 759px) {
  .page-index .product_links {
    margin-top: 7.1052631579vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_linkStore {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 78.9473684211vw;
    height: 15.9210526316vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_linkInfo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 5.1315789474vw auto 0;
    width: 78.9473684211vw;
    height: 11.3157894737vw;
    font-size: 3.9473684211vw;
    letter-spacing: 0.02em;
    font-weight: 900;
    border: solid 2px #000;
    border-radius: 1.0526315789vw;
  }
  .page-index .product_linkInfo:before {
    content: "";
    position: absolute;
    display: block;
    right: 7.1052631579vw;
    top: 50%;
    width: 3.1578947368vw;
    height: 3.9473684211vw;
    background: url("../images/index/pc/product/icon_arrow.png") no-repeat center top;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 759px) {
  .page-index .product_linkInfoList {
    margin: 3.2894736842vw auto 0;
    width: 52.6315789474vw;
    text-align: left;
    font-size: 3.1578947368vw;
    line-height: 1.25;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .product_linkInfoItem {
    position: relative;
    display: inline-block;
    padding-left: 4.6052631579vw;
    margin: 3.2894736842vw 0;
  }
  .page-index .product_linkInfoItem:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    width: 2.2368421053vw;
    height: 2.6315789474vw;
    background: url("../images/index/pc/product/icon_arrow.png") no-repeat center top;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 759px) {
  .page-index .product_linkInfoItem:first-of-type {
    display: inline-block;
  }
}
@media (max-width: 759px) {
  .page-index .product_linkInfoItem:last-of-type {
    margin-left: 3.9473684211vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_linkTicket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5.7894736842vw auto 0;
    padding: 4.2105263158vw 1.0526315789vw 0;
    width: 78.9473684211vw;
    height: 13.8157894737vw;
    background-color: rgba(204, 204, 161, 0.5);
    border-radius: 0.6578947368vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_linkTicketIconWrap {
    position: relative;
    display: block;
    margin-right: 5.9210526316vw;
    width: 24.4736842105vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_linkTicketIcon {
    position: absolute;
    display: block;
    top: -5.1315789474vw;
    width: 24.4736842105vw;
    height: 16.0526315789vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_linkTicketText {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: block;
    font-size: 2.3684210526vw;
    line-height: 1.33;
    letter-spacing: 0.02em;
    font-weight: 900;
  }
  .page-index .product_linkTicketText > a {
    text-decoration: underline;
  }
}
@media (max-width: 759px) {
  .page-index .product_footer {
    margin-top: 2.6315789474vw;
    text-align: center;
  }
}
@media (max-width: 759px) {
  .page-index .product_banner {
    margin-top: 12vw;
  }
  .page-index .product_banner:first-child {
    margin-top: 0;
  }
}
@media (max-width: 759px) {
  .page-index .product_banner_link {
    display: inline-block;
    width: 79.0789473684vw;
    height: 25vw;
  }
  .page-index .product_banner--l .product_banner_link {
    width: 80vw;
    height: 42.1333333333vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_archive {
    margin-top: 13.3333333333vw;
    padding-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
    background: url("../images/index/sp/product/line_t.png") no-repeat center top,
    url("../images/index/sp/product/line_b.png") no-repeat center bottom;
    background-size: 89.7333333333vw,
    89.7333333333vw;
  }
  .page-index .product_archive:first-child {
    margin-top: 0;
  }
}
@media (max-width: 759px) {
  .page-index .product_archive_title {
  	width: 37.7333333333vw;
    margin: 0 auto;
  }
}
@media (max-width: 759px) {
  .page-index .product_archive_contents {
    margin-top: 5.3333333333vw;
  }
  .page-index .product_archive_contents:first-child {
    margin-top: 0;
  }
}
@media (max-width: 759px) {
  .page-index .product_swiper_banner {
    position: relative;
  }
}
@media (max-width: 759px) {
  .page-index .product_swiper_banner_inner {
    position: relative;
    width: 81.06666666667vw;
    margin: 0 auto;
  }
}
@media (max-width: 759px) {
  .page-index .product_swiper_banner .product_swiper_banner_item {
    width: 40.5333333333vw;
    height: 21.4666666667vw;
    padding: 0 1.1333333333vw;
  }
  .page-index .product_swiper_banner .product_swiper_banner_item a {
    display: block;
    border-radius: 1.5625vw;
    background: #000;
  }
  .page-index .product_swiper_banner .product_swiper_banner_item img {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
  }
  .page-index .product_swiper_banner .product_swiper_banner_new {
    position: absolute;
    left: -1.3157894737vw;
    top: -3.6842105263vw;
    width: 17.2368421053vw;
    height: 6.3157894737vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_swiper_banner_prev,
  .page-index .product_swiper_banner_next {
    position: absolute;
    top: 6.8vw;
    z-index: 15;
    width: 8.1333333333vw;
    height: 8vw;
  }
  .page-index .product_swiper_banner_prev img,
  .page-index .product_swiper_banner_next img {
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
    transition: transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.3, 0.64, 1);
  }
  .page-index .product_swiper_banner_prev.swiper-button-disabled,
  .page-index .product_swiper_banner_next.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
  }
}
@media (max-width: 759px) and (hover: hover) {
  .page-index .product_swiper_banner_prev img:hover,
  .page-index .product_swiper_banner_next img:hover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@media (max-width: 759px) {
  .page-index .product_swiper_banner_prev {
    -webkit-animation: a-sliderBtn-prev 1.25s infinite ease-out;
            animation: a-sliderBtn-prev 1.25s infinite ease-out;
    left: 4.8vw;
  }
}
@media (max-width: 759px) {
  .page-index .product_swiper_banner_next {
    -webkit-animation: a-sliderBtn-next 1.25s infinite ease-out;
            animation: a-sliderBtn-next 1.25s infinite ease-out;
    right: 4.8vw;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito {
    position: fixed;
    z-index: 10201;
    overflow-y: scroll;
    overflow-x: hidden;
    display: none;
    left: 0;
    top: 0;
    padding: 4.4736842105vw 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_contents {
    position: relative;
    margin: 11.3157894737vw auto 0;
    width: 94.3421052632vw;
    background: url("../images/common/bg/pc/pattern_1.png") repeat-y;
    background-size: 100% auto;
    border-radius: 2.6315789474vw;
  }
  .page-index .ikatohito_contents:before {
    content: "";
    position: absolute;
    z-index: 0;
    display: block;
    left: 0;
    top: 0;
    width: 26.8421052632vw;
    height: 35.7894736842vw;
    background: url("../images/index/ikatohito/sp/bg_left_top.png") no-repeat -2.7631578947vw -0.6578947368vw;
    background-size: 100% auto;
  }
  .page-index .ikatohito_contents:after {
    content: "";
    position: absolute;
    z-index: 0;
    display: block;
    right: 0;
    top: 0;
    width: 23.4210526316vw;
    height: 30.5263157895vw;
    background: url("../images/index/ikatohito/sp/bg_right_top.png") no-repeat 1.4473684211vw -1.0526315789vw;
    background-size: 100% auto;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_contentsInner {
    position: relative;
    z-index: 5;
    padding: 20.5263157895vw 0 0;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_title {
    position: absolute;
    left: 50%;
    top: -11.3157894737vw;
    width: 56.9736842105vw;
    height: 35.5263157895vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_movie {
    position: relative;
    width: 100%;
    height: 72.1052631579vw;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_movieInner {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-mask-image: url("../images/index/ikatohito/sp/mask_movie.svg");
            mask-image: url("../images/index/ikatohito/sp/mask_movie.svg");
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: cover;
            mask-size: cover;
  }
  .page-index .ikatohito_movieInner > video {
    position: absolute;
    left: -1%;
    top: -1%;
    width: 102%;
    height: 102%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_hito {
    position: relative;
    padding: 32.6315789474vw 0 0 3.8157894737vw;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_hitoTitle {
    position: relative;
    z-index: 5;
    width: 38.1578947368vw;
    height: 16.1842105263vw;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_hitoText {
    margin-top: 2.6315789474vw;
    width: 48.6842105263vw;
    font-size: 3.1578947368vw;
    line-height: 1.66;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_hitoImage {
    position: absolute;
    z-index: 1;
    right: -12.1052631579vw;
    top: -5.7894736842vw;
    width: 73.9473684211vw;
    height: 64.3421052632vw;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_info {
    position: relative;
    z-index: 0;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_infoBg {
    position: absolute;
    z-index: 1;
    left: 0;
    top: -3.5526315789vw;
    width: 100%;
    height: 200vw;
    background: url("../images/index/ikatohito/sp/bg_ink.png") no-repeat left top;
    background-size: 100% auto;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_infoInner {
    position: relative;
    z-index: 5;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_change {
    margin-top: -6.8421052632vw;
    padding-left: 1.8421052632vw;
    text-align: center;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_changeText {
    position: relative;
    display: inline-block;
    width: 37.3684210526vw;
    height: 39.7368421053vw;
  }
  .page-index .ikatohito_changeText:before {
    content: "";
    display: block;
    position: absolute;
    left: 1.4473684211vw;
    bottom: -3.4210526316vw;
    width: 9.8684210526vw;
    height: 9.8684210526vw;
    background: url("../images/index/ikatohito/sp/icon_arrow.png") no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .page-index .ikatohito_changeText:after {
    content: "";
    display: block;
    position: absolute;
    right: -4.6052631579vw;
    top: 3.2894736842vw;
    width: 9.8684210526vw;
    height: 9.8684210526vw;
    background: url("../images/index/ikatohito/sp/icon_arrow.png") no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_ika {
    position: relative;
    padding-top: 17.3684210526vw;
    padding-left: 48.4210526316vw;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_ikaTitle {
    position: relative;
    z-index: 5;
    width: 35.7894736842vw;
    height: 24.3421052632vw;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_ikaText {
    margin-top: 1.9736842105vw;
    width: 39.4736842105vw;
    font-size: 3.1578947368vw;
    line-height: 1.66;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_ikaImage {
    position: absolute;
    z-index: 1;
    left: 0.78125vw;
    top: 0.8854166667vw;
    width: 58.1578947368vw;
    height: 51.1842105263vw;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_mizu {
    overflow: hidden;
    margin-top: -4.3421052632vw;
    height: 58.2894736842vw;
    vertical-align: bottom;
    border-bottom-left-radius: 2.6315789474vw;
    border-bottom-right-radius: 2.6315789474vw;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_footer {
    text-align: center;
    margin-top: 3.9473684211vw;
  }
}
@media (max-width: 759px) {
  .page-index .ikatohito_closeBtn {
    width: 38.4210526316vw;
    height: 12.7631578947vw;
  }
}
@media (max-width: 759px) {
  .page-index .infoModal {
    position: fixed;
    z-index: 10201;
    overflow-y: scroll;
    display: none;
    left: 0;
    top: 0;
    padding: 10.5263157895vw 10.5263157895vw;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
  }
  .page-index .infoModal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}
@media (max-width: 759px) {
  .page-index .infoModal_inner {
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    vertical-align: middle;
  }
}
@media (max-width: 759px) {
  .page-index .infoModal_contents {
    padding: 6.5789473684vw 0 2.6315789474vw;
    width: 100%;
    border: solid 0.1315789474vw #484848;
    border-radius: 2.6315789474vw;
    text-align: left;
    background: url("../images/index/pc/info/modal/bg.png") repeat left top;
    background-size: 16.3157894737vw auto;
  }
}
@media (max-width: 759px) {
  .page-index .infoModal_head {
    padding: 0 5.1315789474vw;
  }
}
@media (max-width: 759px) {
  .page-index .infoModal_date {
    font-size: 4.7368421053vw;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #fff;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .infoModal_text {
    margin-top: 2.8947368421vw;
    font-size: 3.1578947368vw;
    line-height: 1.66;
    letter-spacing: 0.02em;
    color: #fff;
    word-break: break-word;
    font-weight: 900;
  }
}
@media (max-width: 759px) {
  .page-index .infoModal_images {
    position: relative;
    margin: 5.3947368421vw auto 0;
    width: 68.4210526316vw;
  }
}
@media (max-width: 759px) {
  .page-index .infoModal_item > img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 759px) {
  .page-index .infoModal_action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 3.9473684211vw;
  }
}
@media (max-width: 759px) {
  .page-index .infoModal_prev {
    width: 9.8684210526vw;
    height: 10.5263157895vw;
  }
}
@media (max-width: 759px) {
  .page-index .infoModal_next {
    margin-left: 9.2105263158vw;
    width: 9.8684210526vw;
    height: 10.5263157895vw;
  }
}
@media (max-width: 759px) {
  .page-index .infoModal_footer {
    text-align: center;
    margin-top: 5vw;
  }
}
@media (max-width: 759px) {
  .page-index .infoModal_closeBtn {
    width: 38.4210526316vw;
    height: 12.7631578947vw;
  }
}