@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

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

html {
    font-size: 62.5%
}

body {
    background: #000;
    color: #fff;
    margin: 0 auto;
    font-family: Noto Sans Japanese, Hiragino Kaku Gothic ProN, Hiragino Kaku Gothic Pro, "ＭＳ ゴシック", sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    font-weight: 500;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    letter-spacing: .05em;
    width: 100%
}

@media print,
screen and (max-width:1199px) {
    body {
        min-width: 1200px;
        overflow-x: scroll
    }
}

@media print,
screen and (max-width:767px) {
    body {
        min-width: 0;
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
        -webkit-overflow-scrolling: touch
    }
}

::selection {
    background: #84d;
    color: #fff
}

::-moz-selection {
    background: #84d;
    color: #fff
}

.oswald {
    font-family: Oswald, sans-serif
}

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

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

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

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

.resizing *,
.resizing *:before,
.resizing *:after {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transition-delay: unset !important;
    transition-delay: unset !important
}
.logo img{
    margin-top: -30vh;
}

img {
    
    width: 100%;
    height: auto
}

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

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

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

    .hover:hover {
        opacity: .75;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
        cursor: pointer
    }
}

.pc_b {
    display: block !important
}

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

.pc_i {
    display: inline !important
}

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

.pc_ib {
    display: inline-block !important
}

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

.sp_b {
    display: none !important
}

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

.sp_i {
    display: none !important
}

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

.sp_ib {
    display: none !important
}

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

.guard {
    pointer-events: none
}

.thumb-movie a {
    display: block;
    position: relative
}

.thumb-movie a figure {
    position: relative;
    overflow: hidden;
    background: #000
}

.thumb-movie a figure img {
    width: 100%;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .1s, -webkit-transform .1s;
    transition: opacity .1s, -webkit-transform .1s;
    transition: opacity .1s, transform .1s;
    transition: opacity .1s, transform .1s, -webkit-transform .1s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.thumb-movie a figure:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

@media print,
screen and (min-width:768px) {
    .thumb-movie a:hover .icon {
        -webkit-animation: flashing .2s 2;
        animation: flashing .2s 2
    }

    .thumb-movie a:hover .thumb {
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
    }
}

.thumb-movie a .icon {
    width: 84px;
    height: 92px;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

@media print,
screen and (max-width:767px) {
    .thumb-movie a .icon {
        width: 10.9375vw !important;
        height: 11.97917vw !important
    }
}

.thumb-movie a .ttl {
    width: 100%;
    font-weight: 900;
    -webkit-transform: scaleX(.9);
    transform: scaleX(.9);
    color: #fff;
    position: absolute;
    display: block;
    bottom: 100px;
    font-size: 25px;
    text-align: center
}

@media print,
screen and (max-width:767px) {
    .thumb-movie a .ttl {
        font-size: 3.90625vw !important;
        bottom: 10.41667vw !important
    }
}

#movie-Stage {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 400
}

#movie-Stage #movie-Iframe {
    background: url(../../images/common/bg_line.png) top left/4px auto repeat, rgba(0, 0, 0, .7);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 410;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#movie-Stage #movie-Iframe iframe {
    -webkit-box-shadow: 0 0 40px 2px rgba(0, 0, 0, .7);
    box-shadow: 0 0 40px 2px rgba(0, 0, 0, .7)
}

@media print,
screen and (max-width:767px) {
    #movie-Stage #movie-Iframe iframe {
        width: 100%;
        height: 56.25vw
    }
}

#movie-Stage #movie-Close {
    position: fixed;
    z-index: 420;
    width: 58px;
    height: 58px;
    top: 1.77083vw;
    right: 2.08333vw;
    -webkit-transition: .2s;
    transition: .2s
}

@media print,
screen and (max-width:767px) {
    #movie-Stage #movie-Close {
        width: 10.41667vw;
        height: 10.41667vw;
        position: fixed;
        top: 3.90625vw;
        right: 1.30208vw
    }
}

#movie-Stage #movie-Close span {
    position: absolute;
    content: "";
    width: 80px;
    height: 6px;
    background: #fff
}

@media print,
screen and (max-width:767px) {
    #movie-Stage #movie-Close span {
        position: absolute;
        display: block;
        width: 11.71875vw;
        height: 1.04167vw
    }
}

#movie-Stage #movie-Close span:nth-of-type(1) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    top: 30px;
    left: -21px
}

#movie-Stage #movie-Close span:nth-of-type(2) {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    top: 30px;
    right: 0
}

@media print,
screen and (max-width:767px) {
    #movie-Stage #movie-Close span:nth-of-type(1) {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        top: 5.07812vw;
        left: -1.30208vw
    }

    #movie-Stage #movie-Close span:nth-of-type(2) {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
        top: 5.07812vw;
        right: 0
    }
}

#movie-Stage #movie-Close:hover {
    cursor: pointer;
    -webkit-animation: flashing .2s 2;
    animation: flashing .2s 2
}

.ras-contents {
    --color-text: #aaa;
    --color-bg: #000;
    --color-link: #8250d2;
    --color-link-hover: #aaa;
    --color-info: #8250d2;
    --glitch-width: 280px;
    --glitch-height: 110px;
    --gap-horizontal: 10px;
    --gap-vertical: 5px;
    --color-title: #fff;
    --time-anim: 3s;
    --delay-anim: .5s;
    --blend-mode-1: none;
    --blend-mode-2: none;
    --blend-mode-3: none;
    --blend-mode-4: overlay;
    --blend-mode-5: overlay;
    --blend-color-1: transparent;
    --blend-color-2: transparent;
    --blend-color-3: transparent;
    --blend-color-4: #39c9c5;
    --blend-color-5: transparent
}

@media print,
screen and (max-width:767px) {
    .ras-contents {
        --glitch-width: 180px;
        --glitch-height: 72px
    }
}

.ras-logo {
    width: var(--glitch-width);
    height: var(--glitch-height);
    margin: 0 auto;
    position: relative;
    z-index: 100
}

@media print,
screen and (max-width:767px) {
    .ras-logo {
        width: 180px
    }
}

.ras-logo .glitch__img {
    position: absolute;
    background: url(../../images/common/logo.svg) 0 0/100% auto no-repeat;
    top: calc(-1*var(--gap-vertical));
    left: calc(-1*var(--gap-horizontal));
    width: calc(100% + var(--gap-horizontal)*2);
    height: calc(100% + var(--gap-vertical)*2);
    background-color: var(--blend-color-1);
    background-size: cover;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-blend-mode: var(--blend-mode-1)
}

.ras-logo .glitch__img:nth-child(n+2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.ras-logo .glitch__img:nth-child(n+2) {
    -webkit-animation-duration: var(--time-anim);
    animation-duration: var(--time-anim);
    -webkit-animation-delay: var(--delay-anim);
    animation-delay: var(--delay-anim);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ras-logo .glitch__img:nth-child(2) {
    background-color: var(--blend-color-2);
    background-blend-mode: var(--blend-mode-2);
    -webkit-animation-name: glitch-anim-1;
    animation-name: glitch-anim-1
}

.ras-logo .glitch__img:nth-child(3) {
    background-color: var(--blend-color-3);
    background-blend-mode: var(--blend-mode-3);
    -webkit-animation-name: glitch-anim-2;
    animation-name: glitch-anim-2
}

.ras-logo .glitch__img:nth-child(4) {
    background-color: var(--blend-color-4);
    background-blend-mode: var(--blend-mode-4);
    -webkit-animation-name: glitch-anim-3;
    animation-name: glitch-anim-3
}

.ras-logo .glitch__img:nth-child(5) {
    background-color: var(--blend-color-5);
    background-blend-mode: var(--blend-mode-5);
    -webkit-animation-name: glitch-anim-flash;
    animation-name: glitch-anim-flash
}

.st-Loader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    background: #000;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: opacity .8s;
    transition: opacity .8s
}

.st-Loader.hidden {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.st-Loader img {
    width: 100%
}

.st-Loader_Box {
    width: 280px;
    height: 160px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media print,
screen and (max-width:767px) {
    .st-Loader_Box {
        width: 200px;
        height: 140px
    }
}

.st-Loader_Box.hidden {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.st-Bg {
    background: -webkit-linear-gradient(top, black 0, black 70%, #1f2925 98%, #1e2d26 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(70%, black), color-stop(98%, #1f2925), to(#1e2d26));
    background: linear-gradient(to bottom, black 0, black 70%, #1f2925 98%, #1e2d26 100%);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0
}

@media print,
screen and (max-width:767px) {
    .st-Bg {
        background: -webkit-linear-gradient(top, black 0, black 70%, #1f2925 98%, #1e2d26 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(70%, black), color-stop(98%, #1f2925), to(#1e2d26));
        background: linear-gradient(to bottom, black 0, black 70%, #1f2925 98%, #1e2d26 100%)
    }
}

.st-Bg_Light {
    position: absolute;
    width: 200vh;
    height: 200vh;
    bottom: -110vh
}

.st-Bg_Light-l {
    background: url(../../images/common/index/bg_light.png) center center/auto 100% no-repeat;
    -webkit-animation: spin3 35s infinite linear;
    animation: spin3 35s infinite linear;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    left: -50vh
}

.st-Bg_Light-r {
    background: url(../../images/common/index/bg_light.png) center center/auto 100% no-repeat;
    -webkit-animation: spin 25s infinite linear;
    animation: spin 25s infinite linear;
    right: -50vh;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

@media print,
screen and (max-width:767px) {
    .st-Bg_Light {
        width: calc(180vh);
        height: calc(180vh);
        bottom: -93vh
    }

    .st-Bg_Light-l {
        left: -80vh
    }

    .st-Bg_Light-r {
        right: -80vh
    }
}

.st-Menu {
    z-index: 320;
    position: fixed;
    width: 60px;
    height: 60px;
    top: 30px;
    right: 30px;
    display: block
}

@media print,
screen and (max-width:767px) {
    .st-Menu {
        width: 11.71875vw;
        height: 11.71875vw;
        top: 2.60417vw;
        right: 1.30208vw
    }
}

.st-Menu:before {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 18px;
    color: #fff;
    top: 0;
    left: 0;
    content: "";
    background: url(../../images/common/header/menu.svg) top center/100% auto no-repeat
}

@media print,
screen and (max-width:767px) {
    .st-Menu:before {
        height: 3.77604vw
    }
}

.st-Menu .line {
    display: block;
    width: 100%;
    top: 26px;
    position: absolute;
    height: 6px;
    background: #fff;
    right: 0;
    -webkit-transition: .2s;
    transition: .2s
}

@media print,
screen and (max-width:767px) {
    .st-Menu .line {
        height: 1.04167vw;
        top: 5.20833vw
    }
}

.st-Menu .line:nth-of-type(2) {
    width: 100%;
    top: 41px
}

@media print,
screen and (max-width:767px) {
    .st-Menu .line:nth-of-type(2) {
        top: 8.07292vw
    }
}

.st-Menu.opened:before {
    background: url(../../images/common/header/close.svg) top center/100% auto no-repeat
}

.st-Menu.opened .line {
    -webkit-box-shadow: none;
    box-shadow: none
}

.st-Menu.opened .line:nth-of-type(1) {
    top: 32px
}

@media print,
screen and (max-width:767px) {
    .st-Menu.opened .line:nth-of-type(1) {
        top: 6.51042vw
    }
}

.st-Menu.opened .line:nth-of-type(2) {
    top: 32px
}

@media print,
screen and (max-width:767px) {
    .st-Menu.opened .line:nth-of-type(2) {
        top: 6.51042vw
    }
}

.st-Header {
    position: fixed;
    z-index: 200;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.st-Header.opened {
    height: 100vh
}

.st-Header_Bg {
    height: 0;
    top: 0;
    right: 0;
    z-index: 300;
    position: fixed;
    background: rgba(0, 0, 0, .95);
    overflow: hidden;
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.st-Header_Bg:after {
    content: "";
    background: url(../../images/pc/common/menu_bg_top.png) top center/1920px auto no-repeat, url(../../images/pc/common/menu_bg_bottom.png) bottom center/1920px auto no-repeat;
    position: fixed;
    display: block;
    margin: auto;
    width: 100%;
    height: 0;
    top: 0;
    right: 0
}

@media print,
screen and (max-width:767px) {
    .st-Header_Bg:after {
        background: url(../../images/sp/common/menu_bg_top.png) top center/100% auto no-repeat, url(../../images/sp/common/menu_bg_bottom.png) bottom center/100% auto no-repeat
    }
}

.st-Header_Bg.opened {
    top: auto;
    bottom: 0;
    height: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.st-Header_Bg.opened:after {
    height: 100%
}

.st-Header_Nav {
    z-index: 300;
    position: absolute;
    width: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 0
}

.st-Header_Nav.opened {
    width: 768px;
    height: 524px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    display: block;
    text-align: center;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav.opened {
        width: 100%;
        height: 116vw;
        bottom: auto;
        top: 22vw
    }
}

.st-Header_Nav_Inner {
    margin: 0 auto;
    height: auto
}

.st-Header_Nav_Inner .logo {
    width: 240px;
    height: 104px;
    margin: 0 auto;
    display: block
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav_Inner .logo {
        width: 54.16667vw;
        height: 22.13542vw
    }
}

.st-Header_Nav_List {
    width: 100%;
    margin: 10px 0 0
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav_List {
        margin: 3.125vw 0 0
    }
}

.st-Header_Nav_List_Item {
    width: 100%;
    position: relative
}

.st-Header_Nav_List_Item:not(:last-child):before {
    content: "";
    height: 2px;
    background: #404040;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 40px
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav_List_Item:not(:last-child):before {
        width: 7.8125vw
    }
}

.st-Header_Nav_List_Item a {
    padding: 25px 0
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav_List_Item a {
        padding: 5.20833vw 0
    }
}

.st-Header_Nav_List_Item .ttl {
    position: relative;
    display: inline-block
}

.st-Header_Nav_List_Item a {
    display: block
}

.st-Header_Nav_List_Item:nth-child(1) .ttl {
    width: 74px;
    height: 24px
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav_List_Item:nth-child(1) .ttl {
        width: 14.45312vw;
        height: 4.6875vw
    }
}

.st-Header_Nav_List_Item:nth-child(2) .ttl {
    width: 89px;
    height: 24px
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav_List_Item:nth-child(2) .ttl {
        width: 17.38281vw;
        height: 4.6875vw
    }
}

.st-Header_Nav_List_Item:nth-child(3) .ttl {
    width: 112px;
    height: 24px
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav_List_Item:nth-child(3) .ttl {
        width: 21.875vw;
        height: 4.6875vw
    }
}

.st-Header_Nav_List_Item:nth-child(4) .ttl {
    width: 84px;
    height: 24px
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav_List_Item:nth-child(4) .ttl {
        width: 16.40625vw;
        height: 4.6875vw
    }
}

.st-Header_Nav_List_Item:nth-child(5) .ttl {
    width: 137px;
    height: 24px
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav_List_Item:nth-child(5) .ttl {
        width: 26.75781vw;
        height: 4.6875vw
    }
}

.st-Header_Nav .chara-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 25px
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav .chara-nav {
        padding: 0 0 5.20833vw
    }
}

.st-Header_Nav .chara-nav a {
    padding: 0
}

.st-Header_Nav .chara-nav .item {
    position: relative;
    padding: 0 15px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav .chara-nav .item {
        padding: 0 2.60417vw
    }
}

.st-Header_Nav .chara-nav .item:nth-child(1) {
    width: 52px
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav .chara-nav .item:nth-child(1) {
        width: 11.51042vw
    }
}

.st-Header_Nav .chara-nav .item:nth-child(2) {
    width: 43px
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav .chara-nav .item:nth-child(2) {
        width: 9.51823vw
    }
}

.st-Header_Nav .chara-nav .item:nth-child(3) {
    width: 79px
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav .chara-nav .item:nth-child(3) {
        width: 17.48698vw
    }
}

.st-Header_Nav .chara-nav .item:nth-child(4) {
    width: 54px
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav .chara-nav .item:nth-child(4) {
        width: 11.95312vw
    }
}

.st-Header_Nav .chara-nav .item:nth-child(5) {
    width: 41px
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav .chara-nav .item:nth-child(5) {
        width: 9.07552vw
    }
}

.st-Header_Nav .chara-nav .item:after {
    position: absolute;
    content: "/";
    display: inline-block;
    color: #fff;
    font-size: 18px;
    top: -1px;
    right: -5px
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav .chara-nav .item:after {
        font-size: 4.40104vw;
        top: .65104vw;
        right: -1.04167vw
    }
}

.st-Header_Nav .chara-nav .item:last-child:after {
    display: none
}

.st-Header_Nav .chara-nav .item a {
    display: block;
    width: 100%;
    height: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav .chara-nav .item a {
        height: 6.51042vw
    }
}

.st-Header_Nav .chara-nav .item img {
    height: 15px
}

@media print,
screen and (max-width:767px) {
    .st-Header_Nav .chara-nav .item img {
        height: 3.90625vw
    }
}

.st-Header .logo {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.st-Header .st-Header_Nav_List_Item {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.st-Header.opened .logo {
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.st-Header.opened .st-Header_Nav_List_Item {
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.st-Header.opened .st-Header_Nav_List_Item:nth-child(1) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.st-Header.opened .st-Header_Nav_List_Item:nth-child(2) {
    -webkit-transition-delay: .33s;
    transition-delay: .33s
}

.st-Header.opened .st-Header_Nav_List_Item:nth-child(3) {
    -webkit-transition-delay: .41s;
    transition-delay: .41s
}

.st-Header.opened .st-Header_Nav_List_Item:nth-child(4) {
    -webkit-transition-delay: .49s;
    transition-delay: .49s
}

.st-Header.opened .st-Header_Nav_List_Item:nth-child(5) {
    -webkit-transition-delay: .57s;
    transition-delay: .57s
}

.st-Header.opened .st-Header_Nav_List_Item:nth-child(6) {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.st-Header.opened .st-Header_Nav_List_Item:nth-child(7) {
    -webkit-transition-delay: .73s;
    transition-delay: .73s
}

.st-Footer {
    background: #000;
    position: relative;
    z-index: 21;
    padding: 70px 0
}

@media print,
screen and (max-width:767px) {
    .st-Footer {
        padding: 5.20833vw 6.51042vw
    }
}

.st-Footer_Bottom {
    position: relative
}

.st-Footer_Bottom_Sns {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 60px
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_Sns {
        margin: 0 0 10.41667vw
    }
}

.st-Footer_Bottom_Sns_Ttl {
    font-size: 24px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_Sns_Ttl {
        font-size: 4.6875vw
    }
}

.st-Footer_Bottom_Sns_List {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 32px
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_Sns_List {
        margin: 0 0 0 6.51042vw
    }
}

.st-Footer_Bottom_Sns_List_Item {
    width: 60px;
    margin: 0 20px 0 0;
    border-radius: 50%
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_Sns_List_Item {
        width: 11.32812vw;
        margin: 0 3.90625vw 0 0
    }
}

.st-Footer_Bottom_App {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 768px;
    margin: 0 auto
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_App {
        width: 100%
    }
}

.st-Footer_Bottom_App_Item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_App_Item {
        width: auto
    }
}

.st-Footer_Bottom_App_Item_Txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% - 120px)
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_App_Item_Txt {
        width: 32.55208vw
    }
}

.st-Footer_Bottom_App_Item_Txt .ttl {
    color: #fff;
    text-align: center;
    font-size: 24px;
    margin-bottom: 12px
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_App_Item_Txt .ttl {
        font-size: 4.16667vw
    }
}

.st-Footer_Bottom_App_Item-Iphone .img {
    border-radius: 9px;
    border: 1px solid rgba(181, 181, 181, .3);
    overflow: hidden;
    width: 120px;
    height: 120px
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_App_Item-Iphone .img {
        width: 17.44792vw;
        height: 17.44792vw
    }
}

.st-Footer_Bottom_App_Item-Iphone .btn {
    width: 230px
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_App_Item-Iphone .btn {
        width: 32.55208vw
    }
}

.st-Footer_Bottom_App_Item-Iphone .st-Footer_Bottom_App_Item_Txt {
    padding: 0 0 0 14px
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_App_Item-Iphone .st-Footer_Bottom_App_Item_Txt {
        padding: 0;
        margin: 0 0 0 2.08333vw
    }
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_App_Item-Android {
        width: 32.55208vw
    }
}

.st-Footer_Bottom_App_Item-Android .st-Footer_Bottom_App_Item_Txt {
    padding: 0 14px 0 0
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_App_Item-Android .st-Footer_Bottom_App_Item_Txt {
        padding: 0
    }
}

.st-Footer_Bottom_App_Item-Android .img {
    border-radius: 9px;
    border: 1px solid rgba(181, 181, 181, .3);
    overflow: hidden;
    width: 120px;
    height: 120px
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_App_Item-Android .img {
        display: none
    }
}

.st-Footer_Bottom_App_Item-Android .btn {
    width: 230px
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_App_Item-Android .btn {
        width: 32.55208vw
    }
}

.st-Footer_Bottom_Caution {
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 2;
    margin: 25px auto 60px;
    letter-spacing: .1em
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_Caution {
        text-align: left;
        font-size: 3.125vw;
        margin: 6.51042vw auto 9.11458vw;
        padding-left: 1em;
        text-indent: -1em
    }

    .st-Footer_Bottom_Caution li {
        margin-bottom: .5em
    }
}

.st-Footer_Bottom_Bnr {
    position: relative;
    width: 768px;
    margin: 0 auto 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_Bnr {
        width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto 7.8125vw
    }
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_Bnr_Item {
        width: 100%
    }

    .st-Footer_Bottom_Bnr_Item+.st-Footer_Bottom_Bnr_Item {
        margin: 5.20833vw 0 0
    }
}

.st-Footer_Bottom_Bnr_Item_Anchor {
    width: 378px;
    height: 78px;
    border: 2px solid gray;
    background: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 63px 0 0
}

@media print,
screen and (min-width:768px) {
    .st-Footer_Bottom_Bnr_Item_Anchor {
        -webkit-transition: box-shadow .3s, -webkit-transform .2s;
        transition: box-shadow .3s, -webkit-transform .2s;
        -webkit-transition: -webkit-box-shadow .3s, -webkit-transform .2s;
        transition: -webkit-box-shadow .3s, -webkit-transform .2s;
        transition: box-shadow .3s, transform .2s;
        transition: box-shadow .3s, transform .2s, -webkit-box-shadow .3s, -webkit-transform .2s;
        transition: box-shadow .3s, transform .2s, -webkit-transform .2s
    }

    .st-Footer_Bottom_Bnr_Item_Anchor .icon-arw {
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .st-Footer_Bottom_Bnr_Item_Anchor:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .st-Footer_Bottom_Bnr_Item_Anchor:hover .icon-arw {
        -webkit-transform: translateX(25%);
        transform: translateX(25%)
    }
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_Bnr_Item_Anchor {
        width: 100%;
        height: 16.92708vw;
        padding: 0 15.625vw 0 0
    }
}

.st-Footer_Bottom_Bnr_Item_Anchor .ttl {
    color: #fff;
    font-size: 13px;
    margin: 0 0 0 24px;
    line-height: 0;
    display: inline-block;
    font-weight: 700;
    padding: 0 0 2px
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_Bnr_Item_Anchor .ttl {
        font-size: 2.90625vw;
        margin: 0 0 0 6.51042vw
    }
}

.st-Footer_Bottom_Bnr_Item_Anchor .garupa {
    width: 151px
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_Bnr_Item_Anchor .garupa {
        width: 36.06771vw
    }
}

.st-Footer_Bottom_Bnr_Item_Anchor .BanG-Dream {
    width: 162px
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_Bnr_Item_Anchor .BanG-Dream {
        width: 37.63021vw
    }
}

.st-Footer_Bottom_Bnr_Item_Anchor .icon-arw {
    fill: #fff !important;
    height: 15px;
    width: 15px;
    position: absolute;
    right: 26px;
    top: 0;
    bottom: 0;
    margin: auto
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_Bnr_Item_Anchor .icon-arw {
        height: 2.86458vw;
        width: 2.86458vw;
        right: 7.8125vw
    }
}

.st-Footer_Bottom_Copy {
    padding: 30px 0;
    font-size: 12px;
    letter-spacing: .1em;
    color: #ccc;
    text-align: center;
    position: relative
}

@media print,
screen and (max-width:767px) {
    .st-Footer_Bottom_Copy {
        font-size: 2.60417vw;
        padding: 5.20833vw 0;
        margin: 0 auto;
        line-height: 1.6;
        letter-spacing: 0
    }
}

.st-Top {
    position: fixed;
    z-index: 105;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 60px;
    height: 55px;
    bottom: 30px;
    right: 30px
}

@media print,
screen and (min-width:768px) {
    .st-Top {
        -webkit-transition: opacity .3s, -webkit-transform .2s;
        transition: opacity .3s, -webkit-transform .2s;
        transition: opacity .3s, transform .2s;
        transition: opacity .3s, transform .2s, -webkit-transform .2s
    }

    .st-Top:hover {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

@media print,
screen and (max-width:767px) {
    .st-Top {
        width: 11.97917vw;
        height: 10.80729vw;
        bottom: 2.60417vw;
        right: 1.30208vw
    }
}

.st-Top-Hidden {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none
}

.st-Top img {
    width: 100%
}

.sw-Ttl {
    height: 143px;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media print,
screen and (max-width:767px) {
    .sw-Ttl {
        height: 18.22917vw
    }
}

.sw-Ttl .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .08;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"
}

.sw-Ttl .bg img {
    height: 143px;
    width: auto;
    margin: 0 auto;
    display: block
}

@media print,
screen and (max-width:767px) {
    .sw-Ttl .bg img {
        height: 18.22917vw
    }
}

.sw-Ttl .txt {
    height: 23px;
    width: auto;
    margin: 58px 0 0;
    display: block;
    position: relative;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: opacity .5s, -webkit-transform .8s;
    transition: opacity .5s, -webkit-transform .8s;
    transition: opacity .5s, transform .8s;
    transition: opacity .5s, transform .8s, -webkit-transform .8s
}

@media print,
screen and (max-width:767px) {
    .sw-Ttl .txt {
        height: 3.38542vw;
        margin: 7.29167vw 0 0
    }
}

.sw-Ttl .txt img {
    height: 100%;
    width: auto
}

.sw-Ttl .txt:after {
    content: "";
    display: block;
    width: 0;
    height: 4px;
    background: #fff;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin: 0 0 0 -30px;
    -webkit-transition: width .3s .4s cubic-bezier(.22, 1, .36, 1);
    transition: width .3s .4s cubic-bezier(.22, 1, .36, 1)
}

@media print,
screen and (max-width:767px) {
    .sw-Ttl .txt:after {
        height: .52083vw;
        bottom: -2.60417vw;
        margin: 0 0 0 -3.90625vw
    }
}

.sw-Ttl .txt:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: width .3s .2s cubic-bezier(.22, 1, .36, 1);
    transition: width .3s .2s cubic-bezier(.22, 1, .36, 1)
}

.sw-Ttl .txt.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.sw-Ttl .txt.show:after {
    width: 60px
}

@media print,
screen and (max-width:767px) {
    .sw-Ttl .txt.show:after {
        width: 7.8125vw
    }
}

.sw-Ttl .txt.show:before {
    width: 0
}

.sw-Txt {
    font-size: 26px;
    line-height: 1.4em;
    font-weight: 900;
    -webkit-transform: scaleX(.9);
    transform: scaleX(.9);
    text-align: center
}

.sw-Txt .emp {
    color: #000;
    background: #fff;
    display: inline-block;
    margin: 0 .2em;
    padding: 0 .2em;
    line-height: 1.2em
}

@media print,
screen and (max-width:767px) {
    .sw-Txt {
        font-size: 4.6875vw
    }
}

.sw-Btn {
    display: block;
    width: 653px;
    height: 103px;
    background: url(../../images/common/btn_bg.svg) center center/cover no-repeat;
    margin: 0 auto;
    color: #fff;
    font-size: 29px;
    line-height: 103px;
    font-weight: 900;
    text-align: center
}

.sw-Btn .txt {
    -webkit-transform: scaleX(.9);
    transform: scaleX(.9)
}

@media print,
screen and (max-width:767px) {
    .sw-Btn {
        width: 89.58333vw;
        height: 14.0625vw;
        line-height: 14.0625vw;
        font-size: 4.6875vw
    }
}

@media print,
screen and (min-width:768px) {
    .sw-Btn:hover {
        -webkit-animation: flashing .2s 2;
        animation: flashing .2s 2
    }
}

.sw-Btn.close {
    background: url(../../images/common/btn_bg-close.svg) center center/cover no-repeat;
    pointer-events: none
}

@media print,
screen and (max-width:767px) {
    .sw-Btn.close {
        font-size: 3.90625vw
    }
}

.sw-Bg {
    background: url(../../images/common/bg_line.png) top left/4px auto repeat, rgba(255, 255, 255, .1);
    position: relative
}

.sw-Bg .line {
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(136, 68, 221, .3);
    left: 0
}

.sw-Bg .line-top {
    top: 0
}

.sw-Bg .line-bottom {
    bottom: 0
}

.sw-Bg .line:before,
.sw-Bg .line:after {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background: #84d;
    top: 0;
    position: absolute
}

.sw-Bg .line:before {
    left: 0
}

.sw-Bg .line:after {
    right: 0
}

.sw-Bg.prev .line {
    background: rgba(51, 204, 204, .3)
}

.sw-Bg.prev .line:before,
.sw-Bg.prev .line:after {
    background: #3cc
}

.sw-Heading {
    font-size: 18px;
    line-height: 1.4em;
    font-weight: 900;
    -webkit-transform: scaleX(.9);
    transform: scaleX(.9);
    text-align: center;
    margin: 0 0 .7em
}

@media print,
screen and (max-width:767px) {
    .sw-Heading {
        font-size: 3.38542vw
    }
}

@-webkit-keyframes moveLine {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -97.9166vw 0
    }
}

@keyframes moveLine {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -97.9166vw 0
    }
}

@-webkit-keyframes moveLineSP {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -112vw 0
    }
}

@keyframes moveLineSP {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -112vw 0
    }
}

@-webkit-keyframes marquee {
    from {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    99%,
    to {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
}

@keyframes marquee {
    from {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    99%,
    to {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
}

@keyframes marquee {
    from {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    99%,
    to {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
}

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

    10% {
        opacity: .2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
    }

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

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

    10% {
        opacity: .2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
    }

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

@-webkit-keyframes flashing-img {
    0% {
        opacity: .6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
    }

    10% {
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
    }

    100% {
        opacity: .6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
    }
}

@keyframes flashing-img {
    0% {
        opacity: .6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
    }

    10% {
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
    }

    100% {
        opacity: .6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin2 {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
}

@keyframes spin2 {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
}

@-webkit-keyframes spin3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes spin3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
    }

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

@keyframes flash {
    0% {
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
    }

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

@-webkit-keyframes flash2 {
    0% {
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
    }
}

@keyframes flash2 {
    0% {
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
    }

    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    100% {
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
    }
}

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

    50% {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
    }

    100% {
        opacity: .1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"
    }
}

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

    50% {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
    }

    100% {
        opacity: .1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"
    }
}

@-webkit-keyframes slide-rotate-hor-top {
    0% {
        -webkit-transform: translateY(-150px) rotateX(180deg);
        transform: translateY(-150px) rotateX(180deg)
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0deg);
        transform: translateY(0) rotateX(0deg)
    }
}

@keyframes slide-rotate-hor-top {
    0% {
        -webkit-transform: translateY(-150px) rotateX(180deg);
        transform: translateY(-150px) rotateX(180deg)
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0deg);
        transform: translateY(0) rotateX(0deg)
    }
}

@-webkit-keyframes slide-rotate-hor-top-r {
    0% {
        -webkit-transform: translateY(-150px) rotateX(180deg) rotate(180deg);
        transform: translateY(-150px) rotateX(180deg) rotate(180deg)
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0deg) rotate(180deg);
        transform: translateY(0) rotateX(0deg) rotate(180deg)
    }
}

@keyframes slide-rotate-hor-top-r {
    0% {
        -webkit-transform: translateY(-150px) rotateX(180deg) rotate(180deg);
        transform: translateY(-150px) rotateX(180deg) rotate(180deg)
    }

    100% {
        -webkit-transform: translateY(0) rotateX(0deg) rotate(180deg);
        transform: translateY(0) rotateX(0deg) rotate(180deg)
    }
}

@-webkit-keyframes light-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes light-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes light-rotate-l {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes light-rotate-l {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes kv-bg {
    0% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="3" /><feFuncG type="linear" slope="3" /><feFuncB type="linear" slope="3" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(300%);
        filter: brightness(300%)
    }

    100% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(100%);
        filter: brightness(100%)
    }
}

@keyframes kv-bg {
    0% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="3" /><feFuncG type="linear" slope="3" /><feFuncB type="linear" slope="3" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(300%);
        filter: brightness(300%)
    }

    100% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(100%);
        filter: brightness(100%)
    }
}

@-webkit-keyframes kv-bg4 {
    0% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2.5" /><feFuncG type="linear" slope="2.5" /><feFuncB type="linear" slope="2.5" /></feComponentTransfer><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
        -webkit-filter: brightness(250%) blur(10px);
        filter: brightness(250%) blur(10px)
    }

    10% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2.5" /><feFuncG type="linear" slope="2.5" /><feFuncB type="linear" slope="2.5" /></feComponentTransfer><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
        -webkit-filter: brightness(250%) blur(0);
        filter: brightness(250%) blur(0)
    }

    100% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
        -webkit-filter: brightness(100%) blur(0);
        filter: brightness(100%) blur(0)
    }
}

@keyframes kv-bg4 {
    0% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2.5" /><feFuncG type="linear" slope="2.5" /><feFuncB type="linear" slope="2.5" /></feComponentTransfer><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
        -webkit-filter: brightness(250%) blur(10px);
        filter: brightness(250%) blur(10px)
    }

    10% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2.5" /><feFuncG type="linear" slope="2.5" /><feFuncB type="linear" slope="2.5" /></feComponentTransfer><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
        -webkit-filter: brightness(250%) blur(0);
        filter: brightness(250%) blur(0)
    }

    100% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
        -webkit-filter: brightness(100%) blur(0);
        filter: brightness(100%) blur(0)
    }
}

@-webkit-keyframes kv-bg2 {

    0%,
    19.999%,
    22%,
    62.999%,
    64%,
    64.999%,
    70%,
    100% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" /><feFuncG type="linear" slope="1.1" /><feFuncB type="linear" slope="1.1" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(110%);
        filter: brightness(110%)
    }

    20%,
    21.999%,
    63%,
    63.999%,
    65%,
    69.999% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(90%);
        filter: brightness(90%)
    }
}

@keyframes kv-bg2 {

    0%,
    19.999%,
    22%,
    62.999%,
    64%,
    64.999%,
    70%,
    100% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" /><feFuncG type="linear" slope="1.1" /><feFuncB type="linear" slope="1.1" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(110%);
        filter: brightness(110%)
    }

    20%,
    21.999%,
    63%,
    63.999%,
    65%,
    69.999% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(90%);
        filter: brightness(90%)
    }
}

@-webkit-keyframes kv-bg3 {

    0%,
    19.999%,
    22%,
    62.999%,
    64%,
    64.999%,
    70%,
    100% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" /><feFuncG type="linear" slope="1.1" /><feFuncB type="linear" slope="1.1" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(110%);
        filter: brightness(110%)
    }

    20%,
    21.999%,
    63%,
    63.999%,
    65%,
    69.999% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(100%);
        filter: brightness(100%)
    }
}

@keyframes kv-bg3 {

    0%,
    19.999%,
    22%,
    62.999%,
    64%,
    64.999%,
    70%,
    100% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" /><feFuncG type="linear" slope="1.1" /><feFuncB type="linear" slope="1.1" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(110%);
        filter: brightness(110%)
    }

    20%,
    21.999%,
    63%,
    63.999%,
    65%,
    69.999% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(100%);
        filter: brightness(100%)
    }
}

@-webkit-keyframes lineAndFill {
    0% {
        stroke-dashoffset: 320;
        stroke-width: 1
    }

    50% {
        stroke-dashoffset: 0;
        fill: transparent;
        stroke-width: 1
    }

    70% {
        stroke: #fff
    }

    100% {
        stroke-width: 0;
        stroke: transparent
    }
}

@keyframes lineAndFill {
    0% {
        stroke-dashoffset: 320;
        stroke-width: 1
    }

    50% {
        stroke-dashoffset: 0;
        fill: transparent;
        stroke-width: 1
    }

    70% {
        stroke: #fff
    }

    100% {
        stroke-width: 0;
        stroke: transparent
    }
}

@-webkit-keyframes lineAndFill2 {
    0% {
        stroke-dashoffset: 320;
        stroke-width: 1
    }

    35% {
        stroke-dashoffset: 0;
        fill: transparent;
        stroke-width: 1
    }

    70% {
        stroke: #fff
    }

    99% {
        stroke-width: 1
    }

    100% {
        stroke-width: 0;
        stroke: transparent
    }
}

@keyframes lineAndFill2 {
    0% {
        stroke-dashoffset: 320;
        stroke-width: 1
    }

    35% {
        stroke-dashoffset: 0;
        fill: transparent;
        stroke-width: 1
    }

    70% {
        stroke: #fff
    }

    99% {
        stroke-width: 1
    }

    100% {
        stroke-width: 0;
        stroke: transparent
    }
}

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

    15% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    20% {
        opacity: .8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
    }

    25% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

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

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

    15% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    20% {
        opacity: .8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
    }

    25% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

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

@-webkit-keyframes glitch-anim-1 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(var(--gap-horizontal), 0, 0);
        transform: translate3d(var(--gap-horizontal), 0, 0);
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%)
    }

    2% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%)
    }

    4% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%)
    }

    6% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%)
    }

    8% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }

    10% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }

    12% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }

    14% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }

    16% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }

    18% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }

    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }

    21.9% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(var(--gap-horizontal), 0, 0);
        transform: translate3d(var(--gap-horizontal), 0, 0)
    }

    22%,
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@keyframes glitch-anim-1 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(var(--gap-horizontal), 0, 0);
        transform: translate3d(var(--gap-horizontal), 0, 0);
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%)
    }

    2% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%)
    }

    4% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%)
    }

    6% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%)
    }

    8% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }

    10% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }

    12% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }

    14% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }

    16% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }

    18% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }

    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }

    21.9% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(var(--gap-horizontal), 0, 0);
        transform: translate3d(var(--gap-horizontal), 0, 0)
    }

    22%,
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@-webkit-keyframes glitch-anim-2 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%)
    }

    3% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%)
    }

    5% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%)
    }

    7% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }

    9% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%)
    }

    11% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%)
    }

    13% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }

    15% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%)
    }

    17% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%)
    }

    19% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%)
    }

    20% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%)
    }

    21.9% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0)
    }

    22%,
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@keyframes glitch-anim-2 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%)
    }

    3% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%)
    }

    5% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%)
    }

    7% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }

    9% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%)
    }

    11% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%)
    }

    13% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }

    15% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%)
    }

    17% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%)
    }

    19% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%)
    }

    20% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%)
    }

    21.9% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0)
    }

    22%,
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@-webkit-keyframes glitch-anim-3 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, calc(-1*var(--gap-vertical)), 0) scale3d(-1, -1, 1);
        transform: translate3d(0, calc(-1*var(--gap-vertical)), 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%)
    }

    1.5% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%)
    }

    2% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%)
    }

    2.5% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }

    3% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%)
    }

    5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%)
    }

    5.5% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%)
    }

    7% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%)
    }

    8% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }

    9% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%)
    }

    10.5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%)
    }

    11% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%)
    }

    13% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%)
    }

    14% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%)
    }

    14.5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%)
    }

    15% {
        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%)
    }

    16% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }

    18% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%)
    }

    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%)
    }

    21.9% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, calc(-1*var(--gap-vertical)), 0) scale3d(-1, -1, 1);
        transform: translate3d(0, calc(-1*var(--gap-vertical)), 0) scale3d(-1, -1, 1)
    }

    22%,
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@keyframes glitch-anim-3 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, calc(-1*var(--gap-vertical)), 0) scale3d(-1, -1, 1);
        transform: translate3d(0, calc(-1*var(--gap-vertical)), 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%)
    }

    1.5% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%)
    }

    2% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%)
    }

    2.5% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }

    3% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%)
    }

    5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%)
    }

    5.5% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%)
    }

    7% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%)
    }

    8% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }

    9% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%)
    }

    10.5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%)
    }

    11% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%)
    }

    13% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%)
    }

    14% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%)
    }

    14.5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%)
    }

    15% {
        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%)
    }

    16% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }

    18% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%)
    }

    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%)
    }

    21.9% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, calc(-1*var(--gap-vertical)), 0) scale3d(-1, -1, 1);
        transform: translate3d(0, calc(-1*var(--gap-vertical)), 0) scale3d(-1, -1, 1)
    }

    22%,
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@-webkit-keyframes glitch-anim-text {
    0% {
        -webkit-transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }

    2% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }

    4% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }

    5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }

    6% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }

    7% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }

    8% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }

    9% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }

    9.9% {
        -webkit-transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1)
    }

    10%,
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes glitch-anim-text {
    0% {
        -webkit-transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }

    2% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }

    4% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }

    5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }

    6% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }

    7% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }

    8% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }

    9% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }

    9.9% {
        -webkit-transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1)
    }

    10%,
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes glitch-anim-flash {

    0%,
    5% {
        opacity: .2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        -webkit-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
        transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0)
    }

    5.5%,
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes glitch-anim-flash {

    0%,
    5% {
        opacity: .2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        -webkit-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
        transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0)
    }

    5.5%,
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.st-Container {
    overflow-y: hidden
}

.index-Keyvisual {
    position: relative;
    width: 100%;
    height: 53.33333vw;
    overflow: hidden;
    background: #000
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual {
        height: 640px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual {
        height: 156.25vw
    }
}

.index-Keyvisual_Bg {
    position: absolute;
    width: 100%;
    height: 53.33333vw;
    top: 0;
    left: 0;
    background: url(../../images/pc/index/kv_bg.jpg) center center/auto 100% no-repeat
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual_Bg {
        height: 640px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual_Bg {
        height: 156.25vw;
        background: url(../../images/sp/index/kv_bg.jpg) center center/100% auto no-repeat
    }
}

.index-Keyvisual_Light {
    position: absolute;
    width: 100%;
    height: 100vw;
    top: -57.29167vw;
    left: 0;
    -webkit-perspective: 52.08333vw;
    perspective: 52.08333vw
}

.index-Keyvisual_Light .inner {
    width: 100%;
    height: 100%;
    background: url(../../images/common/index/bg_light.png) center center/auto 100% no-repeat
}

.index-Keyvisual_Light-s .inner {
    -webkit-transform: rotateX(-50deg) scale(.8) rotate(-30deg);
    transform: rotateX(-50deg) scale(.8) rotate(-30deg);
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.index-Keyvisual_Light-l .inner {
    -webkit-transform: rotateX(-50deg) scale(.9);
    transform: rotateX(-50deg) scale(.9);
    -webkit-animation: flash3 3s infinite linear;
    animation: flash3 3s infinite linear
}

.index-Keyvisual_Light-r .inner {
    -webkit-transform: rotateX(-50deg) scale(1) rotate(30deg);
    transform: rotateX(-50deg) scale(1) rotate(30deg);
    -webkit-animation: flash2 3s 1s infinite linear;
    animation: flash2 3s 1s infinite linear
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual_Light {
        height: 1200px;
        top: -687.5px;
        -webkit-perspective: 625px;
        perspective: 625px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual_Light {
        height: 230.20833vw;
        width: 230.20833vw;
        left: -65.10417vw;
        top: -130.20833vw
    }
}

.index-Keyvisual_Chara_Box {
    position: absolute;
    width: 62.5vw;
    height: 53.33333vw;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual_Chara_Box {
        width: 750px;
        height: 640px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual_Chara_Box {
        width: 100%;
        height: 156.25vw
    }
}

.index-Keyvisual_Chara {
    position: absolute
}

.index-Keyvisual_Chara-lock {
    width: 20.625vw;
    top: 18.22917vw;
    left: 39.6875vw
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual_Chara-lock {
        width: 247.5px;
        top: 218.75px;
        left: 476.25px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual_Chara-lock {
        width: 43.00313vw;
        top: 68.75vw;
        left: 67.83854vw
    }
}

.index-Keyvisual_Chara-masking {
    width: 12.76042vw;
    top: 16.51042vw;
    left: 15vw
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual_Chara-masking {
        width: 153.125px;
        top: 198.125px;
        left: 180px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual_Chara-masking {
        width: 26.60547vw;
        top: 65.10417vw;
        left: 15.88542vw
    }
}

.index-Keyvisual_Chara-layer {
    width: 20.20833vw;
    top: 16.25vw;
    left: 24.11458vw
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual_Chara-layer {
        width: 242.5px;
        top: 195px;
        left: 289.375px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual_Chara-layer {
        width: 42.13437vw;
        top: 64.45312vw;
        left: 35.02604vw
    }
}

.index-Keyvisual_Chara-pareo {
    width: 15.3125vw;
    top: 17.34375vw;
    left: 4.84375vw
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual_Chara-pareo {
        width: 183.75px;
        top: 208.125px;
        left: 58.125px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual_Chara-pareo {
        width: 31.92656vw;
        top: 66.79688vw;
        left: -5.33854vw
    }
}

.index-Keyvisual_Chara-chu2 {
    width: 17.29167vw;
    top: 19.32292vw;
    left: 30.20833vw
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual_Chara-chu2 {
        width: 207.5px;
        top: 231.875px;
        left: 362.5px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual_Chara-chu2 {
        width: 36.05312vw;
        top: 71.09375vw;
        left: 47.91667vw
    }
}

.index-Keyvisual_Logo {
    position: absolute;
    width: 30.20833vw;
    height: 12.5vw;
    top: 3.17708vw;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual_Logo {
        width: 362.5px;
        height: 150px;
        top: 38.125px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual_Logo {
        width: 78.90625vw;
        height: 33.85417vw;
        top: 17.44792vw
    }
}

.index-Keyvisual-02 {
    position: relative;
    width: 100%;
    height: 53.33333vw;
    overflow: hidden;
    background: #000
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual-02 {
        height: 640px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual-02 {
        height: 156.25vw
    }
}

.index-Keyvisual-02_Bg {
    position: absolute;
    width: 100%;
    height: 53.33333vw;
    top: 0;
    left: 0;
    background: url(../../images/pc/index_02/bg.png) center center/cover no-repeat
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual-02_Bg {
        height: 640px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual-02_Bg {
        height: 156.25vw;
        background: url(../../images/sp/index_02/bg.png) center center/cover no-repeat
    }
}

.index-Keyvisual-02_Light {
    position: absolute;
    width: 100%;
    height: 53.33333vw;
    top: 0;
    left: 0;
    background: url(../../images/pc/index_02/light.png) center center/auto 100% no-repeat
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual-02_Light {
        height: 640px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual-02_Light {
        height: 156.25vw;
        background: url(../../images/sp/index_02/light.png) center center/auto 100% no-repeat
    }
}

.index-Keyvisual-02_Tri {
    position: absolute;
    width: 100%;
    height: 53.33333vw;
    top: 0;
    left: 0;
    /* background: url(../../images/pc/index_02/tri.png) center center/auto 100% no-repeat */
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual-02_Tri {
        height: 640px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual-02_Tri {
        height: 156.25vw;
        /* background: url(../../images/sp/index_02/tri.png) center center/auto 100% no-repeat */
    }
}

.index-Keyvisual-02_Chara_Box {
    position: absolute;
    width: 100%;
    height: 53.33333vw;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual-02_Chara_Box {
        height: 640px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual-02_Chara_Box {
        height: 156.25vw
    }
}

.index-Keyvisual-02_Chara {
    position: absolute
}

.index-Keyvisual-02_Chara-lock {
    width: 37.84722vw;
    height: 37.08333vw;
    bottom: 0;
    left: 55.98958vw;
    background: url(../../images/pc/index_02/lock.png) center center/auto 100% no-repeat
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual-02_Chara-lock {
        width: 454.16667px;
        height: 445px;
        left: 671.875px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual-02_Chara-lock {
        width: 37.5vw;
        height: 97.65625vw;
        top: 48.69792vw;
        left: auto;
        right: 0;
        background: url(../../images/sp/index_02/lock.png) center center/auto 100% no-repeat
    }
}

.index-Keyvisual-02_Chara-masking {
    width: 63.61111vw;
    height: 53.33333vw;
    bottom: 0;
    left: 0;
    /* background: url(../../images/pc/index_02/masking.png) center center/auto 100% no-repeat */
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual-02_Chara-masking {
        width: 763.33333px;
        height: 640px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual-02_Chara-masking {
        width: 75.91146vw;
        height: 155.85938vw;
        top: 0;
        bottom: auto;
        /* background: url(../../images/sp/index_02/masking.png) center center/auto 100% no-repeat */
    }
}

.index-Keyvisual-02_Chara-layer {
    width: 52.95139vw;
    height: 47.39583vw;
    bottom: 0;
    left: 23%;
    background: url(../../images/pc/index_02/layer.png) center center/auto 100% no-repeat
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual-02_Chara-layer {
        width: 635.41667px;
        height: 568.75px;
        left: 230.625px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual-02_Chara-layer {
        width: 90.88542vw;
        height: 125.26042vw;
        top: 30.59896vw;
        left: 0;
        /* background: url(../../images/sp/index_02/layer.png) center center/auto 100% no-repeat */
    }
}

.index-Keyvisual-02_Chara-pareo {
    width: 52.70833vw;
    height: 35.20833vw;
    bottom: 61px;
    left: -3.26042vw;
    background: url(../../images/pc/index_02/pareo.png) center center/auto 100% no-repeat
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual-02_Chara-pareo {
        width: 632.5px;
        height: 422.5px;
        left: 56.875px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual-02_Chara-pareo {
        width: 65.23438vw;
        height: 91.14583vw;
        top: 52.08333vw;
        left: 0;
        background: url(../../images/sp/index_02/pareo.png) center center/auto 100% no-repeat
    }
}

.index-Keyvisual-02_Chara-chu2 {
    width: 48.50694vw;
    height: 53.33333vw;
    bottom: 0;
    right: 0;
    /* background: url(../../images/pc/index_02/chu2.png) center center/auto 100% no-repeat */
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual-02_Chara-chu2 {
        width: 582.08333px;
        height: 640px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual-02_Chara-chu2 {
        width: 45.3125vw;
        height: 108.20312vw;
        top: 0;
        bottom: auto;
        /* background: url(../../images/sp/index_02/chu2.png) center center/auto 100% no-repeat */
    }
}

.index-Keyvisual-02_Chara-key {
    width: 41.73611vw;
    height: 14.44444vw;
    bottom: 0;
    left: 0;
    /* background: url(../../images/pc/index_02/key.png) center center/auto 100% no-repeat */
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual-02_Chara-key {
        width: 500.83333px;
        height: 173.33333px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual-02_Chara-key {
        width: 66.14583vw;
        height: 58.33333vw;
        top: 97.65625vw;
        /* background: url(../../images/sp/index_02/key.png) center center/auto 100% no-repeat */
    }
}

.index-Keyvisual-02_Logo-02 {
    position: absolute;
    width: 35.9375vw;
    height: 15.46875vw;
    bottom: 2.08333vw;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media print,
screen and (max-width:1199px) {
    .index-Keyvisual-02_Logo-02 {
        width: 431.25px;
        height: 185.625px;
        bottom: 25px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual-02_Logo-02 {
        width: 85.54688vw;
        height: 36.84896vw;
        bottom: 4.94792vw
    }
}

.index-Update {
    width: 100%;
    height: 42px;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    position: relative;
    background: #000
}

@media print,
screen and (max-width:767px) {
    .index-Update {
        height: 7.8125vw
    }
}

.index-Update:after {
    content: "";
    display: block;
    width: 100%;
    height: 23px;
    background: url(../../images/common/index/bg_line.png) top left/132px auto repeat-x;
    position: absolute;
    bottom: 10px;
    left: 0;
    -webkit-animation: moveLine 30s infinite linear;
    animation: moveLine 30s infinite linear
}

@media print,
screen and (max-width:767px) {
    .index-Update:after {
        display: none
    }
}

.index-Update:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(rgba(10, 6, 0, .5) 1px, transparent 0), linear-gradient(0, rgba(10, 6, 0, .5) 1px, transparent 1px);
    background-image: -webkit-linear-gradient(rgba(10, 6, 0, .5) 1px, transparent 0), -webkit-linear-gradient(0, rgba(10, 6, 0, .5) 1px, transparent 1px);
    background-size: 2px 2px;
    z-index: 5
}

.index-Update_Inner {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 10
}

@media print,
screen and (max-width:767px) {
    .index-Update_Inner {
        width: 100%
    }
}

.index-Update_Inner .ttl {
    width: 126px;
    height: 100%;
    background: #84d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (max-width:767px) {
    .index-Update_Inner .ttl {
        width: 21.74479vw
    }
}

.index-Update_Inner .ttl img {
    width: 97px;
    height: 17px
}

@media print,
screen and (max-width:767px) {
    .index-Update_Inner .ttl img {
        width: 17.57812vw;
        height: 2.99479vw
    }
}

.index-Update_Inner .txt {
    width: calc(1200px - 126px);
    padding: 10px 0 0;
    background: #000;
    position: relative
}

@media print,
screen and (min-width:768px) {
    .index-Update_Inner .txt {
        border-right: 1px solid gray
    }
}

.index-Update_Inner .txt:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(rgba(10, 6, 0, .3) 1px, transparent 0), linear-gradient(0, rgba(10, 6, 0, .3) 1px, transparent 1px);
    background-image: -webkit-linear-gradient(rgba(10, 6, 0, .3) 1px, transparent 0), -webkit-linear-gradient(0, rgba(10, 6, 0, .3) 1px, transparent 1px);
    background-size: 2px 2px;
    z-index: 10;
    pointer-events: none
}

@media print,
screen and (max-width:767px) {
    .index-Update_Inner .txt {
        padding: 1.5625vw 0 0;
        width: 78.25521vw;
        overflow: hidden
    }

    .index-Update_Inner .txt .inner {
        display: inline-block;
        white-space: nowrap;
        padding-left: 100%;
        -webkit-animation-name: marquee;
        animation-name: marquee;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 15s;
        animation-duration: 15s
    }
}

.index-Update_Inner .txt .date {
    display: inline-block;
    margin: 0 15px 0 20px;
    font-size: 16px;
    -webkit-transform: translateY(5%);
    transform: translateY(5%)
}

@media print,
screen and (max-width:767px) {
    .index-Update_Inner .txt .date {
        font-size: 3.90625vw
    }
}

.index-Update_Inner .txt .sw-Txt_Sub {
    display: inline-block;
    font-size: 16px
}

@media print,
screen and (max-width:767px) {
    .index-Update_Inner .txt .sw-Txt_Sub {
        font-size: 3.90625vw
    }
}

.index-Update_Inner .txt .sw-Txt_Sub a {
    text-decoration: underline
}

@media print,
screen and (min-width:768px) {
    .index-Update_Inner .txt .sw-Txt_Sub a:hover {
        text-decoration: none
    }
}

.index-Intro {
    padding: 120px 0;
    background: url(../../images/pc/index/intro_bg.png) center 130px/1920px auto no-repeat
}

@media print,
screen and (min-width:1920px) {
    .index-Intro {
        background: url(../../images/pc/index/intro_bg.png) center center/100% auto no-repeat
    }
}

@media print,
screen and (max-width:767px) {
    .index-Intro {
        padding: 15.625vw 0 7.8125vw;
        background: none
    }
}

.index-Intro_Ttl .mark {
    display: block;
    width: 47px;
    height: 36px;
    margin: 0 auto
}

@media print,
screen and (max-width:767px) {
    .index-Intro_Ttl .mark {
        width: 7.16146vw;
        height: 5.59896vw
    }
}

.index-Intro_Ttl .txt {
    margin: 32px 0 0
}

@media print,
screen and (max-width:767px) {
    .index-Intro_Ttl .txt {
        margin: 4.16667vw 0 0
    }
}

.index-Intro_Ttl .txt span {
    display: block;
    width: 316px;
    height: 40px;
    margin: 0 auto
}

@media print,
screen and (max-width:767px) {
    .index-Intro_Ttl .txt span {
        width: 40.88542vw;
        height: 3.25521vw
    }
}

.index-Intro_Catch {
    --color-text: #aaa;
    --color-bg: #000;
    --color-link: #8250d2;
    --color-link-hover: #aaa;
    --color-info: #8250d2;
    --glitch-width: 748px;
    --glitch-height: 274px;
    --gap-horizontal: 10px;
    --gap-vertical: 5px;
    --color-title: #fff;
    --time-anim: 3s;
    --delay-anim: .5s;
    --blend-mode-1: none;
    --blend-mode-2: none;
    --blend-mode-3: none;
    --blend-mode-4: overlay;
    --blend-mode-5: overlay;
    --blend-color-1: transparent;
    --blend-color-2: transparent;
    --blend-color-3: transparent;
    --blend-color-4: #39c9c5;
    --blend-color-5: transparent;
    width: 768px;
    height: 282px;
    margin: 50px auto 0
}

@media print,
screen and (max-width:767px) {
    .index-Intro_Catch {
        --glitch-width: 85vw;
        --glitch-height: 30.8vw
    }
}

@media print,
screen and (max-width:767px) {
    .index-Intro_Catch {
        margin: 7.8125vw auto 0;
        width: 89.58333vw;
        height: 33.20312vw
    }
}

.index-Intro_Catch span {
    display: block;
    width: var(--glitch-width);
    height: var(--glitch-height);
    margin: 0 auto;
    position: relative;
    z-index: 100
}

.index-Intro_Catch span .glitch__img {
    position: absolute;
    background: url(../../images/common/index/intro_txt_1.png) 0 0/100% auto no-repeat;
    top: calc(-1*var(--gap-vertical));
    left: calc(-1*var(--gap-horizontal));
    width: calc(100% + var(--gap-horizontal)*2);
    height: calc(100% + var(--gap-vertical)*2);
    background-color: var(--blend-color-1);
    background-size: cover;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-blend-mode: var(--blend-mode-1)
}

.index-Intro_Catch span .glitch__img:nth-child(n+2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.index-Intro_Catch span .glitch__img:nth-child(n+2) {
    -webkit-animation-duration: var(--time-anim);
    animation-duration: var(--time-anim);
    -webkit-animation-delay: var(--delay-anim);
    animation-delay: var(--delay-anim);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.index-Intro_Catch span .glitch__img:nth-child(2) {
    background-color: var(--blend-color-2);
    background-blend-mode: var(--blend-mode-2);
    -webkit-animation-name: glitch-anim-1;
    animation-name: glitch-anim-1
}

.index-Intro_Catch span .glitch__img:nth-child(3) {
    background-color: var(--blend-color-3);
    background-blend-mode: var(--blend-mode-3);
    -webkit-animation-name: glitch-anim-2;
    animation-name: glitch-anim-2
}

.index-Intro_Catch span .glitch__img:nth-child(4) {
    background-color: var(--blend-color-4);
    background-blend-mode: var(--blend-mode-4);
    -webkit-animation-name: glitch-anim-3;
    animation-name: glitch-anim-3
}

.index-Intro_Catch span .glitch__img:nth-child(5) {
    background-color: var(--blend-color-5);
    background-blend-mode: var(--blend-mode-5);
    -webkit-animation-name: glitch-anim-flash;
    animation-name: glitch-anim-flash
}

.index-Intro_Txt {
    width: 768px;
    margin: 50px auto 0;
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;
    padding: 40px 0
}

.index-Intro_Txt p {
    width: 853px;
    display: block;
    font-weight: 900;
    font-size: 29px;
    line-height: 1.4em;
    text-align: center;
    -webkit-transform: scaleX(.9);
    transform: scaleX(.9);
    margin: 0 0 0 -40px;
    white-space: nowrap
}

.index-Intro_Txt p+p {
    margin: .5em 0 0 -40px
}

.index-Intro_Txt p .emp {
    color: #000;
    background: #fff;
    display: inline-block;
    margin: 0 .2em;
    padding: 0 .2em;
    line-height: 1.2em
}

@media print,
screen and (max-width:767px) {
    .index-Intro_Txt p {
        width: 99.47917vw;
        line-height: 1.4em;
        font-size: 4.94792vw;
        margin: 0 0 0 -4.94792vw
    }

    .index-Intro_Txt p+p {
        margin: .8em 0 0 -4.94792vw
    }
}

@media print,
screen and (max-width:767px) {
    .index-Intro_Txt {
        margin: 7.8125vw auto 0;
        width: 89.58333vw;
        padding: 5.20833vw 0;
        border-top: .78125vw solid #fff;
        border-bottom: .78125vw solid #fff
    }
}

.index-Intro_Movie {
    width: 768px;
    margin: 0 auto;
    padding: 90px 0 0
}

@media print,
screen and (max-width:767px) {
    .index-Intro_Movie {
        width: 89.58333vw;
        padding: 7.8125vw 0 0
    }
}

.index-About {
    padding: 140px 0
}

@media print,
screen and (max-width:767px) {
    .index-About {
        padding: 15.625vw 0
    }
}

.index-About_Bg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 610px
}

@media print,
screen and (max-width:767px) {
    .index-About_Bg {
        height: 113.28125vw
    }
}

.index-About_Bg li {
    height: 100%;
    width: calc(100%/5 - 3px)
}

.index-About_Bg li:nth-child(1) {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../../images/common/index/intro_pareo.png) center center/cover no-repeat, rgba(0, 0, 0, .7)
}

@media print,
screen and (max-width:767px) {
    .index-About_Bg li:nth-child(1) {
        background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url(../../images/common/index/intro_pareo.png) 20% center/cover no-repeat, rgba(0, 0, 0, .7)
    }
}

.index-About_Bg li:nth-child(2) {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url(../../images/common/index/intro_masking.png) center center/cover no-repeat, rgba(0, 0, 0, .7)
}

@media print,
screen and (max-width:767px) {
    .index-About_Bg li:nth-child(2) {
        background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url(../../images/common/index/intro_masking.png) 20% center/cover no-repeat, rgba(0, 0, 0, .7)
    }
}

.index-About_Bg li:nth-child(3) {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url(../../images/common/index/intro_layer.png) center center/cover no-repeat, rgba(0, 0, 0, .7)
}

.index-About_Bg li:nth-child(4) {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url(../../images/common/index/intro_chu2.png) center center/cover no-repeat, rgba(0, 0, 0, .7)
}

@media print,
screen and (max-width:767px) {
    .index-About_Bg li:nth-child(4) {
        background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url(../../images/common/index/intro_chu2.png) 30% center/cover no-repeat, rgba(0, 0, 0, .7)
    }
}

.index-About_Bg li:nth-child(5) {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url(../../images/common/index/intro_lock.png) center center/cover no-repeat, rgba(0, 0, 0, .7)
}

.index-About_Inner {
    margin: -610px 0 0;
    height: 610px;
    padding: 100px 0 0;
    text-align: center
}

@media print,
screen and (max-width:767px) {
    .index-About_Inner {
        margin: -113.28125vw 0 0;
        height: 113.28125vw;
        padding: 11.71875vw 0 0
    }
}

.index-About_Heading {
    width: 429px;
    height: 39px;
    margin: 0 auto;
    position: relative
}

@media print,
screen and (max-width:767px) {
    .index-About_Heading {
        width: 69.79167vw;
        height: 6.38021vw
    }
}

.index-About_Heading:after {
    content: "";
    display: block;
    width: calc(100% + 10px);
    height: 6px;
    background: #fff;
    position: absolute;
    bottom: -22px;
    left: -5px
}

@media print,
screen and (max-width:767px) {
    .index-About_Heading:after {
        bottom: -2.86458vw;
        left: -.65104vw;
        height: .78125vw
    }
}

.index-About_Txt {
    margin: 70px 0 0;
    font-size: 26px;
    line-height: 1.4em;
    font-weight: 900;
    -webkit-transform: scaleX(.9);
    transform: scaleX(.9);
    white-space: nowrap
}

@media print,
screen and (max-width:767px) {
    .index-About_Txt {
        margin: 7.8125vw 0 0;
        font-size: 3.84792vw
    }
}

.index-About_Txt p+p {
    margin: .8em 0 0
}

.index-Member {
    padding: 140px 0
}

@media print,
screen and (max-width:767px) {
    .index-Member {
        padding: 7.8125vw 0
    }
}

.index-Member_List {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 120px 0 0;
    margin: -60px auto 0
}

@media print,
screen and (max-width:767px) {
    .index-Member_List {
        max-width: 100%;
        padding: 15.625vw 0 0;
        margin: -7.8125vw auto 0
    }
}

.index-Member_List_Item {
    position: relative;
    width: 100%;
    max-width: 1920px;
    height: 460px;
    margin-left: -50vw;
    margin-top: -80px;
    left: 50%
}

@media print,
screen and (min-width:1920px) {
    .index-Member_List_Item {
        margin-left: -960px
    }
}

@media print,
screen and (max-width:1199px) {
    .index-Member_List_Item {
        margin-left: -600px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item {
        max-width: 100%;
        margin-left: 0;
        margin-top: -7.8125vw;
        height: 59.89583vw;
        left: 0
    }
}

.index-Member_List_Item a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative
}

.index-Member_List_Item .bg {
    width: 1920px;
    max-width: 1920px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    height: 460px;
    -webkit-clip-path: url(#bg_l);
    clip-path: url(#bg_l);
    position: relative
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item .bg {
        width: 100%;
        margin-left: 0;
        height: 59.89583vw;
        -webkit-clip-path: polygon(0 0, 100% 14.56%, 100% 85.44%, 0 100%);
        clip-path: polygon(0 0, 100% 14.56%, 100% 85.44%, 0 100%);
        left: 0
    }
}

.index-Member_List_Item .bg_r {
    -webkit-clip-path: url(#bg_r);
    clip-path: url(#bg_r)
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item .bg_r {
        -webkit-clip-path: polygon(0 14.56%, 100% 0, 100% 100%, 0 85.44%);
        clip-path: polygon(0 14.56%, 100% 0, 100% 100%, 0 85.44%)
    }
}

.index-Member_List_Item .bg-item {
    position: absolute;
    height: 460px;
    top: 0;
    left: 0
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item .bg-item {
        height: 59.89583vw
    }
}

.index-Member_List_Item .bg-color {
    width: 100%;
    height: 100%;
    display: block;
    background: -webkit-linear-gradient(top, #c8c8c8 0, #fafafa 50%, #fafafa 50%, #fafafa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c8c8c8), color-stop(50%, #fafafa), color-stop(50%, #fafafa), to(#fafafa));
    background: linear-gradient(to bottom, #c8c8c8 0, #fafafa 50%, #fafafa 50%, #fafafa 100%)
}

@media print,
screen and (min-width:768px) {
    .index-Member_List_Item .bg-color {
        -webkit-transition: background .2s;
        transition: background .2s
    }
}

.index-Member_List_Item .bg-dot {
    width: 100%;
    height: 100%;
    display: block
}

/* .index-Member_List_Item .bg-dot.layer {
    background: url(../../images/pc/index/member_layer_dot.png) center center/cover no-repeat
} */

/* @media print,
screen and (max-width:767px) {
    .index-Member_List_Item .bg-dot.layer {
        background: url(../../images/sp/index/member_layer_dot.png) center center/cover no-repeat
    }
} */

/* .index-Member_List_Item .bg-dot.lock {
    background: url(../../images/pc/index/member_lock_dot.png) center center/cover no-repeat
} */

/* @media print,
screen and (max-width:767px) {
    .index-Member_List_Item .bg-dot.lock {
        background: url(../../images/sp/index/member_lock_dot.png) center center/cover no-repeat
    }
} */

/* .index-Member_List_Item .bg-dot.masking {
    background: url(../../images/pc/index/member_masking_dot.png) center center/cover no-repeat
} */

/* @media print,
screen and (max-width:767px) {
    .index-Member_List_Item .bg-dot.masking {
        background: url(../../images/sp/index/member_masking_dot.png) center center/cover no-repeat
    }
} */

/* .index-Member_List_Item .bg-dot.pareo {
    background: url(../../images/pc/index/member_pareo_dot.png) center center/cover no-repeat
} */

/* @media print,
screen and (max-width:767px) {
    .index-Member_List_Item .bg-dot.pareo {
        background: url(../../images/sp/index/member_pareo_dot.png) center center/cover no-repeat
    }
} */

/* .index-Member_List_Item .bg-dot.chu2 {
    background: url(../../images/pc/index/member_chu2_dot.png) center center/cover no-repeat
} */

/* @media print,
screen and (max-width:767px) {
    .index-Member_List_Item .bg-dot.chu2 {
        background: url(../../images/sp/index/member_chu2_dot.png) center center/cover no-repeat
    }
} */

.index-Member_List_Item .bg-pat {
    width: 100%;
    height: 100%;
    display: block
}

.index-Member_List_Item .bg-pat.layer {
    background: url(../../images/pc/index/member_layer_pat.png) center center/cover no-repeat
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item .bg-pat.layer {
        background: url(../../images/sp/index/member_layer_pat.png) center center/cover no-repeat
    }
}

.index-Member_List_Item .bg-pat.lock {
    background: url(../../images/pc/index/member_lock_pat.png) center center/cover no-repeat
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item .bg-pat.lock {
        background: url(../../images/sp/index/member_lock_pat.png) center center/cover no-repeat
    }
}

.index-Member_List_Item .bg-pat.masking {
    background: url(../../images/pc/index/member_masking_pat.png) center center/cover no-repeat
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item .bg-pat.masking {
        background: url(../../images/sp/index/member_masking_pat.png) center center/cover no-repeat
    }
}

.index-Member_List_Item .bg-pat.pareo {
    background: url(../../images/pc/index/member_pareo_pat.png) center center/cover no-repeat
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item .bg-pat.pareo {
        background: url(../../images/sp/index/member_pareo_pat.png) center center/cover no-repeat
    }
}

.index-Member_List_Item .bg-pat.chu2 {
    background: url(../../images/pc/index/member_chu2_pat.png) center center/cover no-repeat
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item .bg-pat.chu2 {
        background: url(../../images/sp/index/member_chu2_pat.png) center center/cover no-repeat
    }
}

.index-Member_List_Item .chara {
    width: 1920px;
    max-width: 1920px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -960px;
    line-height: 0
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item .chara {
        width: 100%;
        margin-left: 0;
        left: 0
    }
}

.index-Member_List_Item .txt {
    position: absolute
}

.index-Member_List_Item .txt.layer {
    width: calc(754px/2);
    top: 85px;
    left: calc(50% - 90px)
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item .txt.layer {
        width: 44.66076vw;
        top: 12.10938vw;
        left: 47.26562vw
    }
}

.index-Member_List_Item .txt.lock {
    width: calc(648px/2);
    top: 100px;
    left: calc(50% - 343px)
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item .txt.lock {
        width: 38.38219vw;
        top: 14.0625vw;
        left: 7.16146vw
    }
}

.index-Member_List_Item .txt.masking {
    width: calc(1056px/2);
    top: 105px;
    left: calc(50% - 66px)
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item .txt.masking {
        width: 62.54875vw;
        top: 24.08854vw;
        left: 34.63542vw
    }
}

.index-Member_List_Item .txt.pareo {
    width: calc(775px/2);
    top: 98px;
    left: calc(50% - 384px)
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item .txt.pareo {
        width: 45.90462vw;
        top: 17.57812vw;
        left: 3.77604vw
    }
}

.index-Member_List_Item .txt.chu2 {
    width: calc(635px/2);
    top: 98px;
    left: calc(50% + 29px)
}

@media print,
screen and (max-width:767px) {
    .index-Member_List_Item .txt.chu2 {
        width: 37.61217vw;
        top: 14.32292vw;
        left: 56.11979vw
    }
}

@media print,
screen and (min-width:768px) {
    .index-Member_List_Item a:hover {
        cursor: pointer
    }

    .index-Member_List_Item a:hover .bg-color.layer {
        background: #c00
    }

    .index-Member_List_Item a:hover .bg-color.lock {
        background: #ae2
    }

    .index-Member_List_Item a:hover .bg-color.masking {
        background: #eb4
    }

    .index-Member_List_Item a:hover .bg-color.pareo {
        background: #f9b
    }

    .index-Member_List_Item a:hover .bg-color.chu2 {
        background: #0bf
    }
}

.index-Music {
    padding: 140px 0;
    position: relative
}

@media print,
screen and (max-width:767px) {
    .index-Music {
        padding: 15.625vw 0
    }
}

@media print,
screen and (min-width:768px) {
    .index-Music:before {
        content: "";
        display: block;
        width: 100%;
        height: 1467px;
        background: url(../../images/pc/index/music_bg.png) center center/1920px auto no-repeat;
        position: absolute;
        top: 130px;
        left: 0;
        pointer-events: none
    }
}

@media print,
screen and (min-width:1920px) {
    .index-Music:before {
        background: url(../../images/pc/index/music_bg.png) center center/100% auto no-repeat;
        height: 76.4vw
    }
}

.index-Music_Txt {
    margin: 70px auto 0
}

@media print,
screen and (max-width:767px) {
    .index-Music_Txt {
        margin: 7.8125vw auto 0
    }
}

.index-Music .sw-Btn {
    margin: 70px auto 0
}

@media print,
screen and (max-width:767px) {
    .index-Music .sw-Btn {
        margin: 7.8125vw auto 0
    }
}

.index-Campaign {
    padding: 140px 0 180px
}

@media print,
screen and (max-width:767px) {
    .index-Campaign {
        padding: 15.625vw 0
    }
}

@media print,
screen and (max-width:767px) {
    .index-Campaign_Ttl .bg img {
        height: auto;
        width: 100%
    }
}

.index-Campaign_Heading {
    width: 755px;
    margin: 70px auto 0;
    position: relative
}

@media print,
screen and (max-width:767px) {
    .index-Campaign_Heading {
        width: 79.29688vw;
        margin: 7.8125vw auto 0
    }
}

.index-Campaign_Heading:after {
    content: "";
    display: block;
    width: calc(100% + 10px);
    height: 6px;
    background: #fff;
    position: absolute;
    bottom: -22px;
    left: -5px
}

@media print,
screen and (max-width:767px) {
    .index-Campaign_Heading:after {
        bottom: 8.85417vw;
        left: -.65104vw;
        height: .78125vw
    }
}

@media print,
screen and (max-width:767px) {
    .index-Campaign_Heading:before {
        content: "";
        display: block;
        width: 48.56771vw;
        background: #fff;
        position: absolute;
        bottom: -2.86458vw;
        left: 14.97396vw;
        height: .78125vw
    }
}

.index-Campaign_Txt {
    margin: 60px auto 0;
    line-height: 1.6
}

@media print,
screen and (max-width:767px) {
    .index-Campaign_Txt {
        margin: 9.11458vw auto 0
    }
}

.index-Campaign_Txt .emp-1 {
    padding: 0 .2em .1em
}

.index-Campaign_Att {
    margin: 30px auto 0;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 500;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    font-family: Meiryo, Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif
}

@media print,
screen and (max-width:767px) {
    .index-Campaign_Att {
        margin: 7.8125vw auto 0;
        font-size: 3.125vw;
        text-align: left;
        width: 89.58333vw;
        text-indent: -1em;
        padding: 0 0 0 1em
    }
}

.index-Campaign_Att.small {
    margin: 10px auto 0;
    font-size: 12px
}

@media print,
screen and (max-width:767px) {
    .index-Campaign_Att.small {
        margin: 3.90625vw auto 0;
        font-size: 2.86458vw;
        text-align: center;
        text-indent: 0;
        padding: 0
    }
}

.index-Campaign_Box {
    padding: 30px 0;
    width: 768px;
    margin: 60px auto 0
}

@media print,
screen and (max-width:767px) {
    .index-Campaign_Box {
        width: 89.58333vw;
        margin: 9.11458vw auto 0;
        padding: 3.90625vw 0
    }
}

.index-Campaign_Date {
    font-size: 32px
}

@media print,
screen and (max-width:767px) {
    .index-Campaign_Date {
        font-size: 4.6875vw
    }
}

.index-Campaign .sw-Btn {
    margin: 70px auto 0;
    letter-spacing: -.05em;
    position: relative;
    z-index: 1
}

@media print,
screen and (max-width:767px) {
    .index-Campaign .sw-Btn {
        margin: 9.11458vw auto 0
    }
}

.index-Coming {
    padding: 280px 0 0;
    margin: -140px 0 0;
    text-align: center;
    height: 860px;
    width: 100%;
    position: relative;
    z-index: -1;
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .9) 5%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(5%, rgba(0, 0, 0, .9)), to(black));
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .9) 5%, black 100%)
}

@media print,
screen and (max-width:767px) {
    .index-Coming {
        height: 133.33333vw;
        padding: 45.57292vw 0 0;
        margin: -19.53125vw 0 0;
        background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .9) 5%, black 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(5%, rgba(0, 0, 0, .9)), to(black));
        background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .9) 5%, black 100%)
    }
}

.index-Coming .bg {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(../../images/common/index/bg_coming.png) center 140px/768px auto no-repeat
}

@media print,
screen and (max-width:767px) {
    .index-Coming .bg {
        background: url(../../images/common/index/bg_coming.png) center 30vw/100% auto no-repeat
    }
}

.index-Coming .txt {
    width: 225px;
    height: 25px;
    margin: 0 auto;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

@media print,
screen and (max-width:767px) {
    .index-Coming .txt {
        width: 29.29688vw;
        height: 3.25521vw
    }
}

.index-Coming-02 {
    position: relative;
    width: 100%;
    height: 53.33333vw;
    background: #000
}

@media print,
screen and (max-width:1199px) {
    .index-Coming-02 {
        height: 640px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Coming-02 {
        height: 156.25vw
    }
}

.index-Coming-02:before {
    content: "";
    display: block;
    width: 100%;
    height: 250px;
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .8) 50%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(50%, rgba(0, 0, 0, .8)), to(black));
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .8) 50%, black 100%);
    position: absolute;
    left: 0;
    top: -250px;
    pointer-events: none;
    z-index: -1
}

.index-Coming-02_Bg {
    position: absolute;
    width: 100%;
    height: 53.33333vw;
    top: 0;
    left: 0;
    background: url(../../images/pc/index_02/coming-02_bg.jpg) center top/100% auto no-repeat
}

@media print,
screen and (max-width:1199px) {
    .index-Coming-02_Bg {
        height: 640px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Coming-02_Bg {
        height: 156.25vw;
        background: url(../../images/sp/index_02/coming-02_bg.jpg) center top/100% auto no-repeat
    }
}

.index-Coming-02_Light {
    position: absolute;
    width: 100%;
    height: 100vw;
    top: 0;
    left: 0
}

.index-Coming-02_Light-l {
    background: url(../../images/pc/index_02/coming-02_light-l.png) center top/100% auto no-repeat
}

@media print,
screen and (max-width:767px) {
    .index-Coming-02_Light-l {
        background: url(../../images/sp/index_02/coming-02_light-l.png) center top/100% auto no-repeat
    }
}

.index-Coming-02_Light-r {
    background: url(../../images/pc/index_02/coming-02_light-r.png) center top/100% auto no-repeat
}

@media print,
screen and (max-width:767px) {
    .index-Coming-02_Light-r {
        background: url(../../images/sp/index_02/coming-02_light-r.png) center top/100% auto no-repeat
    }
}

@media print,
screen and (max-width:1199px) {
    .index-Coming-02_Light {
        height: 1200px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Coming-02_Light {
        height: 126.30208vw;
        width: 100vw
    }
}

.index-Coming-02_Chara_Box {
    position: absolute;
    width: 62.5vw;
    height: 53.33333vw;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden
}

@media print,
screen and (max-width:1199px) {
    .index-Coming-02_Chara_Box {
        width: 750px;
        height: 640px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Coming-02_Chara_Box {
        width: 100%;
        height: 156.25vw
    }
}

.index-Coming-02_Chara {
    position: absolute
}

.index-Coming-02_Chara-lock {
    width: 20.625vw;
    top: 18.22917vw;
    left: 39.6875vw
}

@media print,
screen and (max-width:1199px) {
    .index-Coming-02_Chara-lock {
        width: 247.5px;
        top: 218.75px;
        left: 476.25px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Coming-02_Chara-lock {
        width: 43.00313vw;
        top: 68.75vw;
        left: 67.83854vw
    }
}

.index-Coming-02_Chara-masking {
    width: 12.76042vw;
    top: 16.51042vw;
    left: 15vw
}

@media print,
screen and (max-width:1199px) {
    .index-Coming-02_Chara-masking {
        width: 153.125px;
        top: 198.125px;
        left: 180px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Coming-02_Chara-masking {
        width: 26.60547vw;
        top: 65.10417vw;
        left: 15.88542vw
    }
}

.index-Coming-02_Chara-layer {
    width: 20.20833vw;
    top: 16.25vw;
    left: 24.11458vw
}

@media print,
screen and (max-width:1199px) {
    .index-Coming-02_Chara-layer {
        width: 242.5px;
        top: 195px;
        left: 289.375px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Coming-02_Chara-layer {
        width: 42.13437vw;
        top: 64.45312vw;
        left: 35.02604vw
    }
}

.index-Coming-02_Chara-pareo {
    width: 15.3125vw;
    top: 17.34375vw;
    left: 4.84375vw
}

@media print,
screen and (max-width:1199px) {
    .index-Coming-02_Chara-pareo {
        width: 183.75px;
        top: 208.125px;
        left: 58.125px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Coming-02_Chara-pareo {
        width: 31.92656vw;
        top: 66.79688vw;
        left: -5.33854vw
    }
}

.index-Coming-02_Chara-chu2 {
    width: 17.29167vw;
    top: 19.32292vw;
    left: 30.20833vw
}

@media print,
screen and (max-width:1199px) {
    .index-Coming-02_Chara-chu2 {
        width: 207.5px;
        top: 231.875px;
        left: 362.5px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Coming-02_Chara-chu2 {
        width: 36.05312vw;
        top: 71.09375vw;
        left: 47.91667vw
    }
}

.index-Coming-02_Logo {
    position: absolute;
    width: 30.20833vw;
    height: 12.5vw;
    top: 3.17708vw;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media print,
screen and (max-width:1199px) {
    .index-Coming-02_Logo {
        width: 362.5px;
        height: 150px;
        top: 38.125px
    }
}

@media print,
screen and (max-width:767px) {
    .index-Coming-02_Logo {
        width: 78.90625vw;
        height: 33.85417vw;
        top: 17.44792vw
    }
}

.index-Keyvisual_Bg {
    opacity: .35;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.index-Keyvisual_Bg.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-animation: kv-bg .5s cubic-bezier(0, .55, .45, 1) 1.5s forwards;
    animation: kv-bg .5s cubic-bezier(0, .55, .45, 1) 1.5s forwards
}

.index-Keyvisual_Bg.completed {
    -webkit-animation: kv-bg2 3s infinite linear;
    animation: kv-bg2 3s infinite linear
}

.index-Keyvisual_Light {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.5" /><feFuncG type="linear" slope="1.5" /><feFuncB type="linear" slope="1.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(150%);
    filter: brightness(150%);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.index-Keyvisual_Light-s {
    -webkit-perspective: none;
    perspective: none;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: spin 35s infinite linear;
    animation: spin 35s infinite linear
}

.index-Keyvisual_Light-l {
    -webkit-perspective: 600px;
    perspective: 600px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: spin 35s infinite linear;
    animation: spin 35s infinite linear
}

.index-Keyvisual_Light-r {
    -webkit-transition: -webkit-filter 2s .5s opacity .2s .5s;
    transition: -webkit-filter 2s .5s opacity .2s .5s;
    transition: filter 2s .5s opacity .2s .5s;
    transition: filter 2s .5s opacity .2s .5s, -webkit-filter 2s .5s opacity .2s .5s;
    transition: filter 2s .5s opacity .2s .5s, -webkit-filter 2s .5s opacity .2s .5s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: spin2 25s infinite linear, flash .05s infinite linear;
    animation: spin2 25s infinite linear, flash .05s infinite linear
}

.index-Keyvisual_Chara {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .3s .2s, -webkit-transform .1s .2s;
    transition: opacity .3s .2s, -webkit-transform .1s .2s;
    transition: transform .1s .2s, opacity .3s .2s;
    transition: transform .1s .2s, opacity .3s .2s, -webkit-transform .1s .2s
}

.index-Keyvisual_Chara.show {
    -webkit-animation: kv-bg 1.5s cubic-bezier(.22, 1, .36, 1) .4s forwards;
    animation: kv-bg 1.5s cubic-bezier(.22, 1, .36, 1) .4s forwards;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.index-Keyvisual_Chara-lock {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-transition: opacity .5s .3s;
    transition: opacity .5s .3s
}

.index-Keyvisual_Chara-masking {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-transition: opacity .5s .4s;
    transition: opacity .5s .4s
}

.index-Keyvisual_Chara-layer {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-transition: opacity .5s .6s;
    transition: opacity .5s .6s
}

.index-Keyvisual_Chara-pareo {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transition: opacity .5s .2s;
    transition: opacity .5s .2s
}

.index-Keyvisual_Chara-chu2 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-transition: opacity .5s .5s;
    transition: opacity .5s .5s
}

.index-Keyvisual_Logo #logo-7 {
    fill: transparent;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="1" dy="4" result="offsetblur" /><feFlood flood-color="rgba(255,255,255,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 3px 3px white);
    filter: drop-shadow(0 3px 3px white);
    -webkit-transition: -webkit-filter 1s 2s;
    transition: -webkit-filter 1s 2s;
    transition: filter 1s 2s;
    transition: filter 1s 2s, -webkit-filter 1s 2s;
    transition: filter 1s 2s, -webkit-filter 1s 2s
}

.index-Keyvisual_Logo #logo-7 .st0,
.index-Keyvisual_Logo #logo-7 .st2,
.index-Keyvisual_Logo #logo-7 .st3 {
    -webkit-transition: fill .8s 1.2s;
    transition: fill .8s 1.2s
}

.index-Keyvisual_Logo.show #logo-7 {
    stroke: #fff;
    stroke-dasharray: 320;
    stroke-width: 0;
    fill: transparent;
    -webkit-animation: lineAndFill 2s cubic-bezier(.08, .83, .76, .83) .8s 1 forwards;
    animation: lineAndFill 2s cubic-bezier(.08, .83, .76, .83) .8s 1 forwards;
    -webkit-filter: none;
    filter: none
}

.index-Keyvisual_Logo.show #logo-7 .st0 {
    fill: #fff
}

.index-Keyvisual_Logo.show #logo-7 .st2 {
    fill: #8250d2
}

.index-Keyvisual_Logo.show #logo-7 .st3 {
    fill: #39c9c5
}

.fade {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity .5s .2s, -webkit-transform .9s .2s;
    transition: opacity .5s .2s, -webkit-transform .9s .2s;
    transition: opacity .5s .2s, transform .9s .2s;
    transition: opacity .5s .2s, transform .9s .2s, -webkit-transform .9s .2s
}

.fade.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.index-Coming .bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 4s .3s, -webkit-filter 2s .3s;
    transition: opacity 4s .3s, -webkit-filter 2s .3s;
    transition: opacity 4s .3s, filter 2s .3s;
    transition: opacity 4s .3s, filter 2s .3s, -webkit-filter 2s .3s;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter');
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.index-Coming .bg.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    -webkit-filter: blur(0);
    filter: blur(0)
}

.index-Coming .txt {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 1.5s .4s, -webkit-transform .8s .4s;
    transition: opacity 1.5s .4s, -webkit-transform .8s .4s;
    transition: opacity 1.5s .4s, transform .8s .4s;
    transition: opacity 1.5s .4s, transform .8s .4s, -webkit-transform .8s .4s;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.index-Coming .txt.show {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.index-Member_List_Item .chara {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s
}

.index-Member_List_Item .txt {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
    -webkit-transition: opacity .3s .2s, -webkit-transform .3s .2s;
    transition: opacity .3s .2s, -webkit-transform .3s .2s;
    transition: opacity .3s .2s, transform .3s .2s;
    transition: opacity .3s .2s, transform .3s .2s, -webkit-transform .3s .2s
}

.index-Member_List_Item.show .chara {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.index-Member_List_Item.show .txt {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.sw-Btn {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
    -webkit-transition: opacity .3s .3s, -webkit-transform .3s .3s;
    transition: opacity .3s .3s, -webkit-transform .3s .3s;
    transition: opacity .3s .3s, transform .3s .3s;
    transition: opacity .3s .3s, transform .3s .3s, -webkit-transform .3s .3s
}

.sw-Btn.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.index-Intro_Txt .emp,
.index-Campaign_Txt .emp {
    position: relative
}

.index-Intro_Txt .emp:after,
.index-Campaign_Txt .emp:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: #84d;
    position: absolute;
    -webkit-transition: width .6s cubic-bezier(.23, 1, .32, 1);
    transition: width .6s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.index-Intro_Txt .emp-1:after,
.index-Campaign_Txt .emp-1:after {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.index-Intro_Txt .emp-2:after,
.index-Campaign_Txt .emp-2:after {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.index-Intro_Txt.show .emp:after,
.index-Campaign_Txt.show .emp:after {
    width: 0
}

.index-Keyvisual-02_Bg {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    line-height: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.index-Keyvisual-02_Bg.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-animation: kv-bg .5s cubic-bezier(0, .55, .45, 1) 1.5s forwards;
    animation: kv-bg .5s cubic-bezier(0, .55, .45, 1) 1.5s forwards
}

.index-Keyvisual-02_Bg.completed {
    -webkit-animation: kv-bg3 3s infinite linear;
    animation: kv-bg3 3s infinite linear
}

.index-Keyvisual-02_Chara {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .1s .2s;
    transition: opacity .1s .2s
}

.index-Keyvisual-02_Chara.show {
    visibility: visible;
    -webkit-animation: kv-bg4 1.5s cubic-bezier(.22, 1, .36, 1) .4s forwards;
    animation: kv-bg4 1.5s cubic-bezier(.22, 1, .36, 1) .4s forwards;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.index-Keyvisual-02_Chara-masking {
    -webkit-animation-delay: .2s !important;
    animation-delay: .2s !important;
    -webkit-transition: opacity .3s .3s;
    transition: opacity .3s .3s
}

.index-Keyvisual-02_Chara-chu2 {
    -webkit-animation-delay: .32s !important;
    animation-delay: .32s !important;
    -webkit-transition: opacity .3s .42s;
    transition: opacity .3s .42s
}

.index-Keyvisual-02_Chara-pareo,
.index-Keyvisual-02_Chara-key {
    -webkit-animation-delay: .44s !important;
    animation-delay: .44s !important;
    -webkit-transition: opacity .3s .54s;
    transition: opacity .3s .54s
}

.index-Keyvisual-02_Chara-lock {
    -webkit-animation-delay: .56s !important;
    animation-delay: .56s !important;
    -webkit-transition: opacity .3s .66s;
    transition: opacity .3s .66s
}

.index-Keyvisual-02_Chara-layer {
    -webkit-animation-delay: .68s !important;
    animation-delay: .68s !important;
    -webkit-transition: opacity .3s .78s;
    transition: opacity .3s .78s
}


.index-Keyvisual-02_Light {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    -webkit-transition: opacity .3s 0;
    transition: opacity .3s 0;
    mix-blend-mode: hard-light;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.5" /><feFuncG type="linear" slope="1.5" /><feFuncB type="linear" slope="1.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(150%);
    filter: brightness(150%)
}

.index-Keyvisual-02_Light.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-animation: flash .05s .2s infinite linear;
    animation: flash .05s .2s infinite linear
}

.index-Keyvisual-02_Tri {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    mix-blend-mode: color-dodge
}

.index-Keyvisual-02_Logo-02 #logo-7 {
    fill: transparent;
    -webkit-transition: -webkit-filter 1s 1.8s;
    transition: -webkit-filter 1s 1.8s;
    transition: filter 1s 1.8s;
    transition: filter 1s 1.8s, -webkit-filter 1s 1.8s;
    transition: filter 1s 1.8s, -webkit-filter 1s 1.8s
}

.index-Keyvisual-02_Logo-02 #logo-7 .st0,
.index-Keyvisual-02_Logo-02 #logo-7 .st2,
.index-Keyvisual-02_Logo-02 #logo-7 .st3 {
    -webkit-transition: fill .2s 1s;
    transition: fill .2s 1s
}

.index-Keyvisual-02_Logo-02.show #logo-7 {
    stroke: #fff;
    stroke-dasharray: 320;
    stroke-width: 0;
    fill: transparent;
    -webkit-animation: lineAndFill2 1.2s cubic-bezier(.08, .83, .76, .83) 1s 1 forwards;
    animation: lineAndFill2 1.2s cubic-bezier(.08, .83, .76, .83) 1s 1 forwards;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="15" /><feOffset dx="1" dy="16" result="offsetblur" /><feFlood flood-color="rgba(8,17,36,.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 15px 15px rgba(8, 17, 36, .7));
    filter: drop-shadow(0 15px 15px rgba(8, 17, 36, .7))
}

@media print,
screen and (max-width:767px) {
    .index-Keyvisual-02_Logo-02.show #logo-7 {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="10" /><feOffset dx="1" dy="11" result="offsetblur" /><feFlood flood-color="rgba(8,17,36,.7)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
        -webkit-filter: drop-shadow(0 10px 10px rgba(8, 17, 36, .7));
        filter: drop-shadow(0 10px 10px rgba(8, 17, 36, .7))
    }
}

.index-Keyvisual-02_Logo-02.completed #logo-7 {
    stroke-width: 0
}

.index-Keyvisual-02_Logo-02.completed #logo-7 .st0 {
    fill: #fff
}

.index-Keyvisual-02_Logo-02.completed #logo-7 .st2 {
    fill: #8250d2
}

.index-Keyvisual-02_Logo-02.completed #logo-7 .st3 {
    fill: #39c9c5
}

@media print,
screen and (min-width:768px) {
    .index-Keyvisual-02_Logo-02.completed #logo-7 .num {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .index-Keyvisual-02_Logo-02.completed #logo-7 .num-0,
    .index-Keyvisual-02_Logo-02.completed #logo-7 .num-4 {
        -webkit-animation: flashing .18s 1.1s 2;
        animation: flashing .18s 1.1s 2
    }

    .index-Keyvisual-02_Logo-02.completed #logo-7 .num-2,
    .index-Keyvisual-02_Logo-02.completed #logo-7 .num .st3 {
        -webkit-animation: flashing .18s 1.02s 2;
        animation: flashing .18s 1.02s 2
    }

    .index-Keyvisual-02_Logo-02.completed #logo-7 .num-3 {
        -webkit-animation: flashing .18s 1.06s 2;
        animation: flashing .18s 1.06s 2
    }

    .index-Keyvisual-02_Logo-02.completed #logo-7 .num-5 {
        -webkit-animation: flashing .18s 1.16s 2;
        animation: flashing .18s 1.16s 2
    }

    .index-Keyvisual-02_Logo-02.completed #logo-7 .num-6,
    .index-Keyvisual-02_Logo-02.completed #logo-7 .num-7,
    .index-Keyvisual-02_Logo-02.completed #logo-7 .num-11 {
        -webkit-animation: flashing .18s 1.3s 2;
        animation: flashing .18s 1.3s 2
    }

    .index-Keyvisual-02_Logo-02.completed #logo-7 .num-8,
    .index-Keyvisual-02_Logo-02.completed #logo-7 .num .st2,
    .index-Keyvisual-02_Logo-02.completed #logo-7 .num-12 {
        -webkit-animation: flashing .18s 1.2s 2;
        animation: flashing .18s 1.2s 2
    }

    .index-Keyvisual-02_Logo-02.completed #logo-7 .num-9,
    .index-Keyvisual-02_Logo-02.completed #logo-7 .num-1 {
        -webkit-animation: flashing .18s 1.26s 2;
        animation: flashing .18s 1.26s 2
    }

    .index-Keyvisual-02_Logo-02.completed #logo-7 .num-10 {
        -webkit-animation: flashing .18s 1.18s 2;
        animation: flashing .18s 1.18s 2
    }
}

.index-Coming-02_Bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .4s opacity;
    transition: .4s opacity
}

.index-Coming-02_Bg.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-animation: kv-bg2 3s .4s infinite linear;
    animation: kv-bg2 3s .4s infinite linear
}

.index-Coming-02_Light {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .4s opacity;
    transition: .4s opacity
}

.index-Coming-02_Light.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" /><feFuncG type="linear" slope="1.1" /><feFuncB type="linear" slope="1.1" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(110%);
    filter: brightness(110%)
}

.index-Coming-02_Chara {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .3s .2s, -webkit-transform .1s .2s;
    transition: opacity .3s .2s, -webkit-transform .1s .2s;
    transition: transform .1s .2s, opacity .3s .2s;
    transition: transform .1s .2s, opacity .3s .2s, -webkit-transform .1s .2s
}

.index-Coming-02_Chara_Box.show .index-Coming-02_Chara {
    -webkit-animation: kv-bg 1.5s cubic-bezier(.22, 1, .36, 1) .4s forwards;
    animation: kv-bg 1.5s cubic-bezier(.22, 1, .36, 1) .4s forwards;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.index-Coming-02_Chara_Box.show .index-Coming-02_Chara-lock {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-transition: opacity .5s .3s;
    transition: opacity .5s .3s
}

.index-Coming-02_Chara_Box.show .index-Coming-02_Chara-masking {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-transition: opacity .5s .4s;
    transition: opacity .5s .4s
}

.index-Coming-02_Chara_Box.show .index-Coming-02_Chara-layer {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-transition: opacity .5s .6s;
    transition: opacity .5s .6s
}

.index-Coming-02_Chara_Box.show .index-Coming-02_Chara-pareo {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transition: opacity .5s .2s;
    transition: opacity .5s .2s
}

.index-Coming-02_Chara_Box.show .index-Coming-02_Chara-chu2 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-transition: opacity .5s .5s;
    transition: opacity .5s .5s
}

.glitch__alt {
    display: none
}

_:-ms-lang(x),
.glitch__img:nth-child(n+2) {
    opacity: 0 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: none
}

_:-ms-lang(x),
.glitch__img {
    animation: none !important;
    display: none
}

_:-ms-lang(x),
.glitch__alt {
    display: block
}