@charset "UTF-8";
/* ==============================================================
*  base
* ============================================================ */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: inherit;
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

body {
  word-wrap: break-word;
}

section, main {
  display: block;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

i, em {
  font-style: normal;
}

table {
  border-collapse: collapse;
}

li {
  list-style: none;
}

img {
  max-width: 100%;
  line-height: 0;
}

* {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* ==============================================================
*  contents
* ============================================================ */
body {
  word-wrap: break-word;
  color: #E6E6E6;
  background-color: #000000;
  overflow-x: hidden;
}
@media screen and (min-width: 961px) {
  body {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.9;
    font-feature-settings: "palt";
    letter-spacing: 0.08em;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.6;
    font-feature-settings: "palt";
    letter-spacing: 0.01em;
  }
}

main {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

a {
  color: #E6E6E6;
}

/* background-animation */
.glitch {
  background: #000000 no-repeat center;
  background-size: 0;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.glitch::before, .glitch::after,
.glitch .color {
  background: inherit;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.glitch::before {
  animation: glitch-before 2.5s linear infinite alternate both;
  content: "";
}
@keyframes glitch-before {
  0% {
    -webkit-clip-path: polygon(0% 48.9530737258%, 100% 48.9530737258%, 100% 53.4865254812%, 0% 53.4865254812%);
            clip-path: polygon(0% 48.9530737258%, 100% 48.9530737258%, 100% 53.4865254812%, 0% 53.4865254812%);
    transform: translate(0.1856010949%, 0.2313931423%);
  }
  0.8333333333% {
    -webkit-clip-path: polygon(0% 60.214450539%, 100% 60.214450539%, 100% 62.847742282%, 0% 62.847742282%);
            clip-path: polygon(0% 60.214450539%, 100% 60.214450539%, 100% 62.847742282%, 0% 62.847742282%);
    transform: translate(-0.7459336434%, 0.1456689831%);
  }
  1.6666666667% {
    -webkit-clip-path: polygon(0% 77.6026373967%, 100% 77.6026373967%, 100% 83.0432983826%, 0% 83.0432983826%);
            clip-path: polygon(0% 77.6026373967%, 100% 77.6026373967%, 100% 83.0432983826%, 0% 83.0432983826%);
    transform: translate(-6.0286793897%, -0.1837950716%);
  }
  2.5% {
    -webkit-clip-path: polygon(0% 10.7496963502%, 100% 10.7496963502%, 100% 17.1599295589%, 0% 17.1599295589%);
            clip-path: polygon(0% 10.7496963502%, 100% 10.7496963502%, 100% 17.1599295589%, 0% 17.1599295589%);
    transform: translate(-6.3602111541%, -0.4046442976%);
  }
  3.3333333333% {
    -webkit-clip-path: polygon(0% 86.8998809221%, 100% 86.8998809221%, 100% 92.6172475824%, 0% 92.6172475824%);
            clip-path: polygon(0% 86.8998809221%, 100% 86.8998809221%, 100% 92.6172475824%, 0% 92.6172475824%);
    transform: translate(-5.1129925311%, -0.3047247409%);
  }
  4.1666666667% {
    -webkit-clip-path: polygon(0% 5.8216065605%, 100% 5.8216065605%, 100% 14.6567585892%, 0% 14.6567585892%);
            clip-path: polygon(0% 5.8216065605%, 100% 5.8216065605%, 100% 14.6567585892%, 0% 14.6567585892%);
    transform: translate(-7.9157775712%, -0.0969511603%);
  }
  5% {
    -webkit-clip-path: polygon(0% 62.1367711436%, 100% 62.1367711436%, 100% 70.775742177%, 0% 70.775742177%);
            clip-path: polygon(0% 62.1367711436%, 100% 62.1367711436%, 100% 70.775742177%, 0% 70.775742177%);
    transform: translate(-1.7330340319%, -0.4378133179%);
  }
  5.8333333333% {
    -webkit-clip-path: polygon(0% 26.8186156783%, 100% 26.8186156783%, 100% 29.0576475172%, 0% 29.0576475172%);
            clip-path: polygon(0% 26.8186156783%, 100% 26.8186156783%, 100% 29.0576475172%, 0% 29.0576475172%);
    transform: translate(1.097200386%, 0.4317926598%);
  }
  6.6666666667% {
    -webkit-clip-path: polygon(0% 72.0126847289%, 100% 72.0126847289%, 100% 73.2460982225%, 0% 73.2460982225%);
            clip-path: polygon(0% 72.0126847289%, 100% 72.0126847289%, 100% 73.2460982225%, 0% 73.2460982225%);
    transform: translate(-3.1109437622%, 0.2511592548%);
  }
  7.5% {
    -webkit-clip-path: polygon(0% 8.9437679159%, 100% 8.9437679159%, 100% 13.7981674002%, 0% 13.7981674002%);
            clip-path: polygon(0% 8.9437679159%, 100% 8.9437679159%, 100% 13.7981674002%, 0% 13.7981674002%);
    transform: translate(-5.1702988626%, -0.383590178%);
  }
  8.3333333333% {
    -webkit-clip-path: polygon(0% 13.4350893489%, 100% 13.4350893489%, 100% 17.8279682647%, 0% 17.8279682647%);
            clip-path: polygon(0% 13.4350893489%, 100% 13.4350893489%, 100% 17.8279682647%, 0% 17.8279682647%);
    transform: translate(-2.0875242339%, -0.0372305771%);
  }
  9.1666666667% {
    -webkit-clip-path: polygon(0% 38.0030422507%, 100% 38.0030422507%, 100% 47.0907542852%, 0% 47.0907542852%);
            clip-path: polygon(0% 38.0030422507%, 100% 38.0030422507%, 100% 47.0907542852%, 0% 47.0907542852%);
    transform: translate(-7.7608250843%, -0.2643864334%);
  }
  10% {
    -webkit-clip-path: polygon(0% 54.1025553346%, 100% 54.1025553346%, 100% 59.4797443314%, 0% 59.4797443314%);
            clip-path: polygon(0% 54.1025553346%, 100% 54.1025553346%, 100% 59.4797443314%, 0% 59.4797443314%);
    transform: translate(-4.5137133048%, -0.0209377238%);
  }
  10.8333333333% {
    -webkit-clip-path: polygon(0% 53.1825168953%, 100% 53.1825168953%, 100% 57.9857267441%, 0% 57.9857267441%);
            clip-path: polygon(0% 53.1825168953%, 100% 53.1825168953%, 100% 57.9857267441%, 0% 57.9857267441%);
    transform: translate(0.4821557766%, 0.4699337575%);
  }
  11.6666666667% {
    -webkit-clip-path: polygon(0% 84.14081703%, 100% 84.14081703%, 100% 93.6404197193%, 0% 93.6404197193%);
            clip-path: polygon(0% 84.14081703%, 100% 84.14081703%, 100% 93.6404197193%, 0% 93.6404197193%);
    transform: translate(-7.4467066058%, -0.457820302%);
  }
  12.5% {
    -webkit-clip-path: polygon(0% 17.8379794491%, 100% 17.8379794491%, 100% 20.4653401246%, 0% 20.4653401246%);
            clip-path: polygon(0% 17.8379794491%, 100% 17.8379794491%, 100% 20.4653401246%, 0% 20.4653401246%);
    transform: translate(-0.3496276843%, -0.0004938636%);
  }
  13.3333333333% {
    -webkit-clip-path: polygon(0% 3.4216408997%, 100% 3.4216408997%, 100% 6.9145119108%, 0% 6.9145119108%);
            clip-path: polygon(0% 3.4216408997%, 100% 3.4216408997%, 100% 6.9145119108%, 0% 6.9145119108%);
    transform: translate(2.0902136425%, -0.2462938244%);
  }
  14.1666666667% {
    -webkit-clip-path: polygon(0% 7.4452753092%, 100% 7.4452753092%, 100% 10.1499751322%, 0% 10.1499751322%);
            clip-path: polygon(0% 7.4452753092%, 100% 7.4452753092%, 100% 10.1499751322%, 0% 10.1499751322%);
    transform: translate(-2.419503241%, -0.2091250255%);
  }
  15% {
    -webkit-clip-path: polygon(0% 67.2582543639%, 100% 67.2582543639%, 100% 74.9338759404%, 0% 74.9338759404%);
            clip-path: polygon(0% 67.2582543639%, 100% 67.2582543639%, 100% 74.9338759404%, 0% 74.9338759404%);
    transform: translate(2.3116639131%, 0.1048521417%);
  }
  15.8333333333% {
    -webkit-clip-path: polygon(0% 17.9384105959%, 100% 17.9384105959%, 100% 21.3108404735%, 0% 21.3108404735%);
            clip-path: polygon(0% 17.9384105959%, 100% 17.9384105959%, 100% 21.3108404735%, 0% 21.3108404735%);
    transform: translate(-6.0669680941%, 0.0090191215%);
  }
  16.6666666667% {
    -webkit-clip-path: polygon(0% 79.9884885195%, 100% 79.9884885195%, 100% 85.761309837%, 0% 85.761309837%);
            clip-path: polygon(0% 79.9884885195%, 100% 79.9884885195%, 100% 85.761309837%, 0% 85.761309837%);
    transform: translate(5.7723307022%, -0.0125105198%);
  }
  17.5% {
    -webkit-clip-path: polygon(0% 17.7298261726%, 100% 17.7298261726%, 100% 21.83330625%, 0% 21.83330625%);
            clip-path: polygon(0% 17.7298261726%, 100% 17.7298261726%, 100% 21.83330625%, 0% 21.83330625%);
    transform: translate(2.7165179355%, -0.255242252%);
  }
  18.3333333333% {
    -webkit-clip-path: polygon(0% 77.7493567056%, 100% 77.7493567056%, 100% 83.406871475%, 0% 83.406871475%);
            clip-path: polygon(0% 77.7493567056%, 100% 77.7493567056%, 100% 83.406871475%, 0% 83.406871475%);
    transform: translate(6.7216161701%, -0.1927140796%);
  }
  19.1666666667% {
    -webkit-clip-path: polygon(0% 50.6504832152%, 100% 50.6504832152%, 100% 55.6644376243%, 0% 55.6644376243%);
            clip-path: polygon(0% 50.6504832152%, 100% 50.6504832152%, 100% 55.6644376243%, 0% 55.6644376243%);
    transform: translate(1.0473374352%, -0.0156310084%);
  }
  20% {
    -webkit-clip-path: polygon(0% 18.1802792698%, 100% 18.1802792698%, 100% 28.0439326125%, 0% 28.0439326125%);
            clip-path: polygon(0% 18.1802792698%, 100% 18.1802792698%, 100% 28.0439326125%, 0% 28.0439326125%);
    transform: translate(-0.582760386%, -0.4195167282%);
  }
  20.8333333333% {
    -webkit-clip-path: polygon(0% 10.051014962%, 100% 10.051014962%, 100% 17.8219187939%, 0% 17.8219187939%);
            clip-path: polygon(0% 10.051014962%, 100% 10.051014962%, 100% 17.8219187939%, 0% 17.8219187939%);
    transform: translate(1.2588849676%, -0.3564619496%);
  }
  21.6666666667% {
    -webkit-clip-path: polygon(0% 50.1680614774%, 100% 50.1680614774%, 100% 59.9065861409%, 0% 59.9065861409%);
            clip-path: polygon(0% 50.1680614774%, 100% 50.1680614774%, 100% 59.9065861409%, 0% 59.9065861409%);
    transform: translate(6.7698585572%, 0.3707643497%);
  }
  22.5% {
    -webkit-clip-path: polygon(0% 29.4746272865%, 100% 29.4746272865%, 100% 30.6702424356%, 0% 30.6702424356%);
            clip-path: polygon(0% 29.4746272865%, 100% 29.4746272865%, 100% 30.6702424356%, 0% 30.6702424356%);
    transform: translate(-5.3827905681%, -0.221911738%);
  }
  23.3333333333% {
    -webkit-clip-path: polygon(0% 81.2618623378%, 100% 81.2618623378%, 100% 85.7151793633%, 0% 85.7151793633%);
            clip-path: polygon(0% 81.2618623378%, 100% 81.2618623378%, 100% 85.7151793633%, 0% 85.7151793633%);
    transform: translate(6.5221137384%, -0.2187503654%);
  }
  24.1666666667% {
    -webkit-clip-path: polygon(0% 47.7979748455%, 100% 47.7979748455%, 100% 51.684444345%, 0% 51.684444345%);
            clip-path: polygon(0% 47.7979748455%, 100% 47.7979748455%, 100% 51.684444345%, 0% 51.684444345%);
    transform: translate(-1.9565244513%, 0.3781133678%);
  }
  25% {
    -webkit-clip-path: polygon(0% 44.5378875237%, 100% 44.5378875237%, 100% 54.2885734068%, 0% 54.2885734068%);
            clip-path: polygon(0% 44.5378875237%, 100% 44.5378875237%, 100% 54.2885734068%, 0% 54.2885734068%);
    transform: translate(3.1009468425%, 0.0482682908%);
  }
  25.8333333333% {
    -webkit-clip-path: polygon(0% 7.2542184057%, 100% 7.2542184057%, 100% 15.4139519314%, 0% 15.4139519314%);
            clip-path: polygon(0% 7.2542184057%, 100% 7.2542184057%, 100% 15.4139519314%, 0% 15.4139519314%);
    transform: translate(2.4238824383%, 0.2065311492%);
  }
  26.6666666667% {
    -webkit-clip-path: polygon(0% 7.2990956784%, 100% 7.2990956784%, 100% 16.5527187624%, 0% 16.5527187624%);
            clip-path: polygon(0% 7.2990956784%, 100% 7.2990956784%, 100% 16.5527187624%, 0% 16.5527187624%);
    transform: translate(-0.9564541675%, -0.2604108271%);
  }
  27.5% {
    -webkit-clip-path: polygon(0% 18.2498305222%, 100% 18.2498305222%, 100% 22.3040708809%, 0% 22.3040708809%);
            clip-path: polygon(0% 18.2498305222%, 100% 18.2498305222%, 100% 22.3040708809%, 0% 22.3040708809%);
    transform: translate(-0.7068651786%, 0.0921308649%);
  }
  28.3333333333% {
    -webkit-clip-path: polygon(0% 23.8823958075%, 100% 23.8823958075%, 100% 30.0873321051%, 0% 30.0873321051%);
            clip-path: polygon(0% 23.8823958075%, 100% 23.8823958075%, 100% 30.0873321051%, 0% 30.0873321051%);
    transform: translate(7.5790065425%, -0.0184246199%);
  }
  29.1666666667% {
    -webkit-clip-path: polygon(0% 1.2337893891%, 100% 1.2337893891%, 100% 4.4730962578%, 0% 4.4730962578%);
            clip-path: polygon(0% 1.2337893891%, 100% 1.2337893891%, 100% 4.4730962578%, 0% 4.4730962578%);
    transform: translate(-3.2523890154%, -0.1547709498%);
  }
  30% {
    -webkit-clip-path: polygon(0% 60.3948896903%, 100% 60.3948896903%, 100% 61.8415128927%, 0% 61.8415128927%);
            clip-path: polygon(0% 60.3948896903%, 100% 60.3948896903%, 100% 61.8415128927%, 0% 61.8415128927%);
    transform: translate(2.5162736121%, 0.3484856476%);
  }
  30.8333333333% {
    -webkit-clip-path: polygon(0% 79.8248960371%, 100% 79.8248960371%, 100% 83.6236207047%, 0% 83.6236207047%);
            clip-path: polygon(0% 79.8248960371%, 100% 79.8248960371%, 100% 83.6236207047%, 0% 83.6236207047%);
    transform: translate(-6.4993291751%, 0.4282426509%);
  }
  31.6666666667% {
    -webkit-clip-path: polygon(0% 36.196663594%, 100% 36.196663594%, 100% 42.6255748753%, 0% 42.6255748753%);
            clip-path: polygon(0% 36.196663594%, 100% 36.196663594%, 100% 42.6255748753%, 0% 42.6255748753%);
    transform: translate(1.2774608799%, -0.1122563568%);
  }
  32.5% {
    -webkit-clip-path: polygon(0% 46.477172426%, 100% 46.477172426%, 100% 56.1009723033%, 0% 56.1009723033%);
            clip-path: polygon(0% 46.477172426%, 100% 46.477172426%, 100% 56.1009723033%, 0% 56.1009723033%);
    transform: translate(3.0451483859%, -0.2727110983%);
  }
  33.3333333333% {
    -webkit-clip-path: polygon(0% 20.4323997573%, 100% 20.4323997573%, 100% 21.5111633701%, 0% 21.5111633701%);
            clip-path: polygon(0% 20.4323997573%, 100% 20.4323997573%, 100% 21.5111633701%, 0% 21.5111633701%);
    transform: translate(4.4573860127%, -0.0795917888%);
  }
  34.1666666667% {
    -webkit-clip-path: polygon(0% 62.0339381818%, 100% 62.0339381818%, 100% 71.6294119091%, 0% 71.6294119091%);
            clip-path: polygon(0% 62.0339381818%, 100% 62.0339381818%, 100% 71.6294119091%, 0% 71.6294119091%);
    transform: translate(1.5385243637%, 0.2030396308%);
  }
  35% {
    -webkit-clip-path: polygon(0% 39.0304570248%, 100% 39.0304570248%, 100% 43.5838182662%, 0% 43.5838182662%);
            clip-path: polygon(0% 39.0304570248%, 100% 39.0304570248%, 100% 43.5838182662%, 0% 43.5838182662%);
    transform: translate(-3.5320333435%, -0.256515609%);
  }
  35.8333333333% {
    -webkit-clip-path: polygon(0% 79.4681411433%, 100% 79.4681411433%, 100% 84.3424951807%, 0% 84.3424951807%);
            clip-path: polygon(0% 79.4681411433%, 100% 79.4681411433%, 100% 84.3424951807%, 0% 84.3424951807%);
    transform: translate(-5.7727342873%, 0.0638350089%);
  }
  36.6666666667% {
    -webkit-clip-path: polygon(0% 54.0380912846%, 100% 54.0380912846%, 100% 63.2319425062%, 0% 63.2319425062%);
            clip-path: polygon(0% 54.0380912846%, 100% 54.0380912846%, 100% 63.2319425062%, 0% 63.2319425062%);
    transform: translate(0.2641467092%, 0.4726552671%);
  }
  37.5% {
    -webkit-clip-path: polygon(0% 32.8759445783%, 100% 32.8759445783%, 100% 39.047060324%, 0% 39.047060324%);
            clip-path: polygon(0% 32.8759445783%, 100% 32.8759445783%, 100% 39.047060324%, 0% 39.047060324%);
    transform: translate(-0.7484746383%, -0.1467376065%);
  }
  38.3333333333% {
    -webkit-clip-path: polygon(0% 51.3992972634%, 100% 51.3992972634%, 100% 54.6425627377%, 0% 54.6425627377%);
            clip-path: polygon(0% 51.3992972634%, 100% 51.3992972634%, 100% 54.6425627377%, 0% 54.6425627377%);
    transform: translate(4.1446675038%, 0.1472928935%);
  }
  39.1666666667% {
    -webkit-clip-path: polygon(0% 10.4197863327%, 100% 10.4197863327%, 100% 18.4476229532%, 0% 18.4476229532%);
            clip-path: polygon(0% 10.4197863327%, 100% 10.4197863327%, 100% 18.4476229532%, 0% 18.4476229532%);
    transform: translate(7.2102301799%, 0.0459387002%);
  }
  40% {
    -webkit-clip-path: polygon(0% 61.0175603515%, 100% 61.0175603515%, 100% 65.2389153638%, 0% 65.2389153638%);
            clip-path: polygon(0% 61.0175603515%, 100% 61.0175603515%, 100% 65.2389153638%, 0% 65.2389153638%);
    transform: translate(-4.400972726%, 0.3975775875%);
  }
  40.8333333333% {
    -webkit-clip-path: polygon(0% 49.8223792067%, 100% 49.8223792067%, 100% 53.0027719536%, 0% 53.0027719536%);
            clip-path: polygon(0% 49.8223792067%, 100% 49.8223792067%, 100% 53.0027719536%, 0% 53.0027719536%);
    transform: translate(5.1676032626%, -0.4178991347%);
  }
  41.6666666667% {
    -webkit-clip-path: polygon(0% 9.0107295587%, 100% 9.0107295587%, 100% 16.2142742515%, 0% 16.2142742515%);
            clip-path: polygon(0% 9.0107295587%, 100% 9.0107295587%, 100% 16.2142742515%, 0% 16.2142742515%);
    transform: translate(0.7463400524%, -0.1334074259%);
  }
  42.5% {
    -webkit-clip-path: polygon(0% 34.6039048883%, 100% 34.6039048883%, 100% 36.5606586528%, 0% 36.5606586528%);
            clip-path: polygon(0% 34.6039048883%, 100% 34.6039048883%, 100% 36.5606586528%, 0% 36.5606586528%);
    transform: translate(-1.7433545794%, -0.247148961%);
  }
  43.3333333333% {
    -webkit-clip-path: polygon(0% 8.2046864354%, 100% 8.2046864354%, 100% 15.919284399%, 0% 15.919284399%);
            clip-path: polygon(0% 8.2046864354%, 100% 8.2046864354%, 100% 15.919284399%, 0% 15.919284399%);
    transform: translate(3.0898363052%, 0.3077723688%);
  }
  44.1666666667% {
    -webkit-clip-path: polygon(0% 77.3633047987%, 100% 77.3633047987%, 100% 81.5635945957%, 0% 81.5635945957%);
            clip-path: polygon(0% 77.3633047987%, 100% 77.3633047987%, 100% 81.5635945957%, 0% 81.5635945957%);
    transform: translate(3.9646839529%, 0.101456343%);
  }
  45% {
    -webkit-clip-path: polygon(0% 64.1733694874%, 100% 64.1733694874%, 100% 67.6803555886%, 0% 67.6803555886%);
            clip-path: polygon(0% 64.1733694874%, 100% 64.1733694874%, 100% 67.6803555886%, 0% 67.6803555886%);
    transform: translate(-7.458234836%, -0.150542964%);
  }
  45.8333333333% {
    -webkit-clip-path: polygon(0% 34.023544462%, 100% 34.023544462%, 100% 37.9649636737%, 0% 37.9649636737%);
            clip-path: polygon(0% 34.023544462%, 100% 34.023544462%, 100% 37.9649636737%, 0% 37.9649636737%);
    transform: translate(1.5613568693%, -0.0645246933%);
  }
  46.6666666667% {
    -webkit-clip-path: polygon(0% 84.5785799609%, 100% 84.5785799609%, 100% 92.5577439824%, 0% 92.5577439824%);
            clip-path: polygon(0% 84.5785799609%, 100% 84.5785799609%, 100% 92.5577439824%, 0% 92.5577439824%);
    transform: translate(-5.5368136058%, 0.0942334505%);
  }
  47.5% {
    -webkit-clip-path: polygon(0% 80.6909468144%, 100% 80.6909468144%, 100% 86.1048758004%, 0% 86.1048758004%);
            clip-path: polygon(0% 80.6909468144%, 100% 80.6909468144%, 100% 86.1048758004%, 0% 86.1048758004%);
    transform: translate(3.6605246261%, 0.0017694567%);
  }
  48.3333333333% {
    -webkit-clip-path: polygon(0% 2.6496924868%, 100% 2.6496924868%, 100% 7.6105255231%, 0% 7.6105255231%);
            clip-path: polygon(0% 2.6496924868%, 100% 2.6496924868%, 100% 7.6105255231%, 0% 7.6105255231%);
    transform: translate(0.4653776908%, -0.3463683349%);
  }
  49.1666666667% {
    -webkit-clip-path: polygon(0% 30.2963014245%, 100% 30.2963014245%, 100% 31.9748835506%, 0% 31.9748835506%);
            clip-path: polygon(0% 30.2963014245%, 100% 30.2963014245%, 100% 31.9748835506%, 0% 31.9748835506%);
    transform: translate(-2.0930211851%, -0.303557575%);
  }
  50% {
    -webkit-clip-path: polygon(0% 33.4295962137%, 100% 33.4295962137%, 100% 36.7135488797%, 0% 36.7135488797%);
            clip-path: polygon(0% 33.4295962137%, 100% 33.4295962137%, 100% 36.7135488797%, 0% 36.7135488797%);
    transform: translate(6.5401088691%, 0.0414867648%);
  }
  50.8333333333% {
    -webkit-clip-path: polygon(0% 11.0312228285%, 100% 11.0312228285%, 100% 17.1458027635%, 0% 17.1458027635%);
            clip-path: polygon(0% 11.0312228285%, 100% 11.0312228285%, 100% 17.1458027635%, 0% 17.1458027635%);
    transform: translate(1.8404733197%, -0.4495006796%);
  }
  51.6666666667% {
    -webkit-clip-path: polygon(0% 4.7414976545%, 100% 4.7414976545%, 100% 6.72726109%, 0% 6.72726109%);
            clip-path: polygon(0% 4.7414976545%, 100% 4.7414976545%, 100% 6.72726109%, 0% 6.72726109%);
    transform: translate(5.3489070303%, -0.0697474891%);
  }
  52.5% {
    -webkit-clip-path: polygon(0% 86.7908367185%, 100% 86.7908367185%, 100% 94.0497727076%, 0% 94.0497727076%);
            clip-path: polygon(0% 86.7908367185%, 100% 86.7908367185%, 100% 94.0497727076%, 0% 94.0497727076%);
    transform: translate(4.9596281912%, 0.0077760204%);
  }
  53.3333333333% {
    -webkit-clip-path: polygon(0% 30.3567920669%, 100% 30.3567920669%, 100% 38.0511227258%, 0% 38.0511227258%);
            clip-path: polygon(0% 30.3567920669%, 100% 30.3567920669%, 100% 38.0511227258%, 0% 38.0511227258%);
    transform: translate(3.4387500228%, -0.2518235189%);
  }
  54.1666666667% {
    -webkit-clip-path: polygon(0% 0.4815481251%, 100% 0.4815481251%, 100% 5.117585374%, 0% 5.117585374%);
            clip-path: polygon(0% 0.4815481251%, 100% 0.4815481251%, 100% 5.117585374%, 0% 5.117585374%);
    transform: translate(2.9978976978%, -0.230219179%);
  }
  55% {
    -webkit-clip-path: polygon(0% 30.4772300975%, 100% 30.4772300975%, 100% 32.4022274689%, 0% 32.4022274689%);
            clip-path: polygon(0% 30.4772300975%, 100% 30.4772300975%, 100% 32.4022274689%, 0% 32.4022274689%);
    transform: translate(-6.1229566115%, 0.4361606743%);
  }
  55.8333333333% {
    -webkit-clip-path: polygon(0% 80.0339634821%, 100% 80.0339634821%, 100% 84.392042312%, 0% 84.392042312%);
            clip-path: polygon(0% 80.0339634821%, 100% 80.0339634821%, 100% 84.392042312%, 0% 84.392042312%);
    transform: translate(2.4243642904%, 0.24615601%);
  }
  56.6666666667% {
    -webkit-clip-path: polygon(0% 26.5927003591%, 100% 26.5927003591%, 100% 35.2514469114%, 0% 35.2514469114%);
            clip-path: polygon(0% 26.5927003591%, 100% 26.5927003591%, 100% 35.2514469114%, 0% 35.2514469114%);
    transform: translate(-1.5331574304%, -0.3831247523%);
  }
  57.5% {
    -webkit-clip-path: polygon(0% 48.8915413505%, 100% 48.8915413505%, 100% 52.415291698%, 0% 52.415291698%);
            clip-path: polygon(0% 48.8915413505%, 100% 48.8915413505%, 100% 52.415291698%, 0% 52.415291698%);
    transform: translate(-2.1291741042%, 0.1238130953%);
  }
  58.3333333333% {
    -webkit-clip-path: polygon(0% 85.9393094837%, 100% 85.9393094837%, 100% 87.4086321183%, 0% 87.4086321183%);
            clip-path: polygon(0% 85.9393094837%, 100% 85.9393094837%, 100% 87.4086321183%, 0% 87.4086321183%);
    transform: translate(1.664896753%, 0.1714351457%);
  }
  59.1666666667% {
    -webkit-clip-path: polygon(0% 89.3332115289%, 100% 89.3332115289%, 100% 91.7596590884%, 0% 91.7596590884%);
            clip-path: polygon(0% 89.3332115289%, 100% 89.3332115289%, 100% 91.7596590884%, 0% 91.7596590884%);
    transform: translate(0.8814532204%, 0.3976999835%);
  }
  60% {
    -webkit-clip-path: polygon(0% 15.9780400799%, 100% 15.9780400799%, 100% 25.2875441475%, 0% 25.2875441475%);
            clip-path: polygon(0% 15.9780400799%, 100% 15.9780400799%, 100% 25.2875441475%, 0% 25.2875441475%);
    transform: translate(-3.4306325301%, 0.446486752%);
  }
  60.8333333333% {
    -webkit-clip-path: polygon(0% 61.5900429682%, 100% 61.5900429682%, 100% 67.7491494974%, 0% 67.7491494974%);
            clip-path: polygon(0% 61.5900429682%, 100% 61.5900429682%, 100% 67.7491494974%, 0% 67.7491494974%);
    transform: translate(2.6689369025%, -0.1383405455%);
  }
  61.6666666667% {
    -webkit-clip-path: polygon(0% 51.469921499%, 100% 51.469921499%, 100% 60.331565244%, 0% 60.331565244%);
            clip-path: polygon(0% 51.469921499%, 100% 51.469921499%, 100% 60.331565244%, 0% 60.331565244%);
    transform: translate(-4.0012637227%, -0.4547711704%);
  }
  62.5% {
    -webkit-clip-path: polygon(0% 29.4799061368%, 100% 29.4799061368%, 100% 31.2841035391%, 0% 31.2841035391%);
            clip-path: polygon(0% 29.4799061368%, 100% 29.4799061368%, 100% 31.2841035391%, 0% 31.2841035391%);
    transform: translate(-0.8495937032%, -0.3146675472%);
  }
  63.3333333333% {
    -webkit-clip-path: polygon(0% 71.1956290363%, 100% 71.1956290363%, 100% 78.860879112%, 0% 78.860879112%);
            clip-path: polygon(0% 71.1956290363%, 100% 71.1956290363%, 100% 78.860879112%, 0% 78.860879112%);
    transform: translate(-2.3762111164%, -0.1300708963%);
  }
  64.1666666667% {
    -webkit-clip-path: polygon(0% 37.9091987828%, 100% 37.9091987828%, 100% 42.6671864439%, 0% 42.6671864439%);
            clip-path: polygon(0% 37.9091987828%, 100% 37.9091987828%, 100% 42.6671864439%, 0% 42.6671864439%);
    transform: translate(-0.2925844611%, 0.3652226686%);
  }
  65% {
    -webkit-clip-path: polygon(0% 7.2439352066%, 100% 7.2439352066%, 100% 10.718507513%, 0% 10.718507513%);
            clip-path: polygon(0% 7.2439352066%, 100% 7.2439352066%, 100% 10.718507513%, 0% 10.718507513%);
    transform: translate(3.1751096264%, -0.36963584%);
  }
  65.8333333333% {
    -webkit-clip-path: polygon(0% 23.9596457283%, 100% 23.9596457283%, 100% 29.8726232323%, 0% 29.8726232323%);
            clip-path: polygon(0% 23.9596457283%, 100% 23.9596457283%, 100% 29.8726232323%, 0% 29.8726232323%);
    transform: translate(-0.077999701%, 0.3928722227%);
  }
  66.6666666667% {
    -webkit-clip-path: polygon(0% 45.2455519974%, 100% 45.2455519974%, 100% 49.8034604177%, 0% 49.8034604177%);
            clip-path: polygon(0% 45.2455519974%, 100% 45.2455519974%, 100% 49.8034604177%, 0% 49.8034604177%);
    transform: translate(-6.8700485857%, 0.4328926327%);
  }
  67.5% {
    -webkit-clip-path: polygon(0% 69.068118326%, 100% 69.068118326%, 100% 70.5440367832%, 0% 70.5440367832%);
            clip-path: polygon(0% 69.068118326%, 100% 69.068118326%, 100% 70.5440367832%, 0% 70.5440367832%);
    transform: translate(-5.3975603553%, -0.4094094992%);
  }
  68.3333333333% {
    -webkit-clip-path: polygon(0% 36.718736952%, 100% 36.718736952%, 100% 41.9467470398%, 0% 41.9467470398%);
            clip-path: polygon(0% 36.718736952%, 100% 36.718736952%, 100% 41.9467470398%, 0% 41.9467470398%);
    transform: translate(2.9210810554%, 0.0497186604%);
  }
  69.1666666667% {
    -webkit-clip-path: polygon(0% 0.2011456677%, 100% 0.2011456677%, 100% 8.6460270321%, 0% 8.6460270321%);
            clip-path: polygon(0% 0.2011456677%, 100% 0.2011456677%, 100% 8.6460270321%, 0% 8.6460270321%);
    transform: translate(-3.0096137782%, 0.210871716%);
  }
  70% {
    -webkit-clip-path: polygon(0% 78.3450416327%, 100% 78.3450416327%, 100% 80.5524061421%, 0% 80.5524061421%);
            clip-path: polygon(0% 78.3450416327%, 100% 78.3450416327%, 100% 80.5524061421%, 0% 80.5524061421%);
    transform: translate(1.7786662652%, 0.1972323714%);
  }
  70.8333333333% {
    -webkit-clip-path: polygon(0% 29.2198829622%, 100% 29.2198829622%, 100% 34.2574707471%, 0% 34.2574707471%);
            clip-path: polygon(0% 29.2198829622%, 100% 29.2198829622%, 100% 34.2574707471%, 0% 34.2574707471%);
    transform: translate(7.1706654094%, -0.42230027%);
  }
  71.6666666667% {
    -webkit-clip-path: polygon(0% 13.2435118249%, 100% 13.2435118249%, 100% 22.209123102%, 0% 22.209123102%);
            clip-path: polygon(0% 13.2435118249%, 100% 13.2435118249%, 100% 22.209123102%, 0% 22.209123102%);
    transform: translate(2.3077953147%, -0.0500757446%);
  }
  72.5% {
    -webkit-clip-path: polygon(0% 2.5881580523%, 100% 2.5881580523%, 100% 9.3992613194%, 0% 9.3992613194%);
            clip-path: polygon(0% 2.5881580523%, 100% 2.5881580523%, 100% 9.3992613194%, 0% 9.3992613194%);
    transform: translate(4.4146011227%, -0.1236742717%);
  }
  73.3333333333% {
    -webkit-clip-path: polygon(0% 42.2397909565%, 100% 42.2397909565%, 100% 44.5093644214%, 0% 44.5093644214%);
            clip-path: polygon(0% 42.2397909565%, 100% 42.2397909565%, 100% 44.5093644214%, 0% 44.5093644214%);
    transform: translate(-1.4108329613%, 0.0157688602%);
  }
  74.1666666667% {
    -webkit-clip-path: polygon(0% 57.8775246065%, 100% 57.8775246065%, 100% 63.0048255862%, 0% 63.0048255862%);
            clip-path: polygon(0% 57.8775246065%, 100% 57.8775246065%, 100% 63.0048255862%, 0% 63.0048255862%);
    transform: translate(-6.7765126055%, -0.1760058161%);
  }
  75% {
    -webkit-clip-path: polygon(0% 89.1290302768%, 100% 89.1290302768%, 100% 90.6580258672%, 0% 90.6580258672%);
            clip-path: polygon(0% 89.1290302768%, 100% 89.1290302768%, 100% 90.6580258672%, 0% 90.6580258672%);
    transform: translate(-7.0107555587%, -0.4167188306%);
  }
  75.8333333333% {
    -webkit-clip-path: polygon(0% 39.6755513415%, 100% 39.6755513415%, 100% 43.1548567557%, 0% 43.1548567557%);
            clip-path: polygon(0% 39.6755513415%, 100% 39.6755513415%, 100% 43.1548567557%, 0% 43.1548567557%);
    transform: translate(-1.6602509976%, -0.1454637679%);
  }
  76.6666666667% {
    -webkit-clip-path: polygon(0% 13.640439382%, 100% 13.640439382%, 100% 17.7053783464%, 0% 17.7053783464%);
            clip-path: polygon(0% 13.640439382%, 100% 13.640439382%, 100% 17.7053783464%, 0% 17.7053783464%);
    transform: translate(-0.6758759395%, -0.1294654723%);
  }
  77.5% {
    -webkit-clip-path: polygon(0% 65.1139666551%, 100% 65.1139666551%, 100% 74.7987417208%, 0% 74.7987417208%);
            clip-path: polygon(0% 65.1139666551%, 100% 65.1139666551%, 100% 74.7987417208%, 0% 74.7987417208%);
    transform: translate(-0.1764408121%, -0.4463247621%);
  }
  78.3333333333% {
    -webkit-clip-path: polygon(0% 17.3812321615%, 100% 17.3812321615%, 100% 26.8644614678%, 0% 26.8644614678%);
            clip-path: polygon(0% 17.3812321615%, 100% 17.3812321615%, 100% 26.8644614678%, 0% 26.8644614678%);
    transform: translate(-4.288211857%, -0.4804078568%);
  }
  79.1666666667% {
    -webkit-clip-path: polygon(0% 35.6206407621%, 100% 35.6206407621%, 100% 44.1507781116%, 0% 44.1507781116%);
            clip-path: polygon(0% 35.6206407621%, 100% 35.6206407621%, 100% 44.1507781116%, 0% 44.1507781116%);
    transform: translate(-7.4309888298%, 0.4314158193%);
  }
  80% {
    -webkit-clip-path: polygon(0% 49.392175394%, 100% 49.392175394%, 100% 59.0079699707%, 0% 59.0079699707%);
            clip-path: polygon(0% 49.392175394%, 100% 49.392175394%, 100% 59.0079699707%, 0% 59.0079699707%);
    transform: translate(-7.8096838414%, -0.1721117916%);
  }
  80.8333333333% {
    -webkit-clip-path: polygon(0% 68.8143529626%, 100% 68.8143529626%, 100% 71.4014061017%, 0% 71.4014061017%);
            clip-path: polygon(0% 68.8143529626%, 100% 68.8143529626%, 100% 71.4014061017%, 0% 71.4014061017%);
    transform: translate(7.1055586276%, 0.3891408737%);
  }
  81.6666666667% {
    -webkit-clip-path: polygon(0% 60.4699059558%, 100% 60.4699059558%, 100% 62.9196628891%, 0% 62.9196628891%);
            clip-path: polygon(0% 60.4699059558%, 100% 60.4699059558%, 100% 62.9196628891%, 0% 62.9196628891%);
    transform: translate(-3.4688819851%, -0.485794975%);
  }
  82.5% {
    -webkit-clip-path: polygon(0% 89.8754135903%, 100% 89.8754135903%, 100% 91.7862626947%, 0% 91.7862626947%);
            clip-path: polygon(0% 89.8754135903%, 100% 89.8754135903%, 100% 91.7862626947%, 0% 91.7862626947%);
    transform: translate(-7.3148404603%, 0.1727299388%);
  }
  83.3333333333% {
    -webkit-clip-path: polygon(0% 9.8540360531%, 100% 9.8540360531%, 100% 12.8571822018%, 0% 12.8571822018%);
            clip-path: polygon(0% 9.8540360531%, 100% 9.8540360531%, 100% 12.8571822018%, 0% 12.8571822018%);
    transform: translate(-7.6968324174%, -0.0312873964%);
  }
  84.1666666667% {
    -webkit-clip-path: polygon(0% 73.5183259288%, 100% 73.5183259288%, 100% 77.5579896558%, 0% 77.5579896558%);
            clip-path: polygon(0% 73.5183259288%, 100% 73.5183259288%, 100% 77.5579896558%, 0% 77.5579896558%);
    transform: translate(-2.6232265127%, -0.2606501294%);
  }
  85% {
    -webkit-clip-path: polygon(0% 35.7910543822%, 100% 35.7910543822%, 100% 38.9378090728%, 0% 38.9378090728%);
            clip-path: polygon(0% 35.7910543822%, 100% 35.7910543822%, 100% 38.9378090728%, 0% 38.9378090728%);
    transform: translate(0.656217237%, 0.0284294114%);
  }
  85.8333333333% {
    -webkit-clip-path: polygon(0% 1.7486612117%, 100% 1.7486612117%, 100% 6.7848728798%, 0% 6.7848728798%);
            clip-path: polygon(0% 1.7486612117%, 100% 1.7486612117%, 100% 6.7848728798%, 0% 6.7848728798%);
    transform: translate(6.0782043298%, 0.0852866202%);
  }
  86.6666666667% {
    -webkit-clip-path: polygon(0% 53.2891297119%, 100% 53.2891297119%, 100% 57.7782398749%, 0% 57.7782398749%);
            clip-path: polygon(0% 53.2891297119%, 100% 53.2891297119%, 100% 57.7782398749%, 0% 57.7782398749%);
    transform: translate(0.937783209%, 0.0318621863%);
  }
  87.5% {
    -webkit-clip-path: polygon(0% 61.0334479821%, 100% 61.0334479821%, 100% 65.4072339903%, 0% 65.4072339903%);
            clip-path: polygon(0% 61.0334479821%, 100% 61.0334479821%, 100% 65.4072339903%, 0% 65.4072339903%);
    transform: translate(1.6868198556%, 0.2944445677%);
  }
  88.3333333333% {
    -webkit-clip-path: polygon(0% 51.6167603331%, 100% 51.6167603331%, 100% 55.4490926248%, 0% 55.4490926248%);
            clip-path: polygon(0% 51.6167603331%, 100% 51.6167603331%, 100% 55.4490926248%, 0% 55.4490926248%);
    transform: translate(-1.0356794805%, -0.2765150039%);
  }
  89.1666666667% {
    -webkit-clip-path: polygon(0% 26.549772084%, 100% 26.549772084%, 100% 30.1037792616%, 0% 30.1037792616%);
            clip-path: polygon(0% 26.549772084%, 100% 26.549772084%, 100% 30.1037792616%, 0% 30.1037792616%);
    transform: translate(0.1721124789%, -0.3046685493%);
  }
  90% {
    -webkit-clip-path: polygon(0% 35.5647272113%, 100% 35.5647272113%, 100% 38.6179726178%, 0% 38.6179726178%);
            clip-path: polygon(0% 35.5647272113%, 100% 35.5647272113%, 100% 38.6179726178%, 0% 38.6179726178%);
    transform: translate(7.6510050789%, 0.4156122345%);
  }
  90.8333333333% {
    -webkit-clip-path: polygon(0% 58.6227112087%, 100% 58.6227112087%, 100% 68.2516079849%, 0% 68.2516079849%);
            clip-path: polygon(0% 58.6227112087%, 100% 58.6227112087%, 100% 68.2516079849%, 0% 68.2516079849%);
    transform: translate(4.85931896%, -0.1568521936%);
  }
  91.6666666667% {
    -webkit-clip-path: polygon(0% 88.7655658597%, 100% 88.7655658597%, 100% 89.8702993214%, 0% 89.8702993214%);
            clip-path: polygon(0% 88.7655658597%, 100% 88.7655658597%, 100% 89.8702993214%, 0% 89.8702993214%);
    transform: translate(-5.1691001371%, -0.1354187192%);
  }
  92.5% {
    -webkit-clip-path: polygon(0% 82.3025386509%, 100% 82.3025386509%, 100% 90.2174949914%, 0% 90.2174949914%);
            clip-path: polygon(0% 82.3025386509%, 100% 82.3025386509%, 100% 90.2174949914%, 0% 90.2174949914%);
    transform: translate(-4.0458983039%, -0.1649873638%);
  }
  93.3333333333% {
    -webkit-clip-path: polygon(0% 9.1747474187%, 100% 9.1747474187%, 100% 14.5024586259%, 0% 14.5024586259%);
            clip-path: polygon(0% 9.1747474187%, 100% 9.1747474187%, 100% 14.5024586259%, 0% 14.5024586259%);
    transform: translate(-5.9473090035%, -0.4428741535%);
  }
  94.1666666667% {
    -webkit-clip-path: polygon(0% 15.2637543446%, 100% 15.2637543446%, 100% 24.4708899255%, 0% 24.4708899255%);
            clip-path: polygon(0% 15.2637543446%, 100% 15.2637543446%, 100% 24.4708899255%, 0% 24.4708899255%);
    transform: translate(4.5182991797%, -0.263924585%);
  }
  95% {
    -webkit-clip-path: polygon(0% 25.2519432625%, 100% 25.2519432625%, 100% 28.443332997%, 0% 28.443332997%);
            clip-path: polygon(0% 25.2519432625%, 100% 25.2519432625%, 100% 28.443332997%, 0% 28.443332997%);
    transform: translate(-4.2288145586%, 0.402768957%);
  }
  95.8333333333% {
    -webkit-clip-path: polygon(0% 0.9712477308%, 100% 0.9712477308%, 100% 2.8860269165%, 0% 2.8860269165%);
            clip-path: polygon(0% 0.9712477308%, 100% 0.9712477308%, 100% 2.8860269165%, 0% 2.8860269165%);
    transform: translate(-2.6991533333%, 0.4056814504%);
  }
  96.6666666667% {
    -webkit-clip-path: polygon(0% 40.1965794538%, 100% 40.1965794538%, 100% 46.6324709068%, 0% 46.6324709068%);
            clip-path: polygon(0% 40.1965794538%, 100% 40.1965794538%, 100% 46.6324709068%, 0% 46.6324709068%);
    transform: translate(-0.1589248945%, 0.1974994342%);
  }
  97.5% {
    -webkit-clip-path: polygon(0% 49.4348101254%, 100% 49.4348101254%, 100% 53.8484718845%, 0% 53.8484718845%);
            clip-path: polygon(0% 49.4348101254%, 100% 49.4348101254%, 100% 53.8484718845%, 0% 53.8484718845%);
    transform: translate(-6.3902340809%, 0.2442549199%);
  }
  98.3333333333% {
    -webkit-clip-path: polygon(0% 27.8465749886%, 100% 27.8465749886%, 100% 30.7136851115%, 0% 30.7136851115%);
            clip-path: polygon(0% 27.8465749886%, 100% 27.8465749886%, 100% 30.7136851115%, 0% 30.7136851115%);
    transform: translate(-5.5556309432%, -0.0441611527%);
  }
  99.1666666667% {
    -webkit-clip-path: polygon(0% 21.9560633451%, 100% 21.9560633451%, 100% 28.3739869557%, 0% 28.3739869557%);
            clip-path: polygon(0% 21.9560633451%, 100% 21.9560633451%, 100% 28.3739869557%, 0% 28.3739869557%);
    transform: translate(-0.116745276%, 0.0987281192%);
  }
  100%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    transform: none;
  }
}
.glitch::after {
  animation: glitch-after 2.5s linear infinite alternate both;
  content: "";
}
@keyframes glitch-after {
  0% {
    -webkit-clip-path: polygon(0% 42.6923685744%, 100% 42.6923685744%, 100% 50.1781834079%, 0% 50.1781834079%);
            clip-path: polygon(0% 42.6923685744%, 100% 42.6923685744%, 100% 50.1781834079%, 0% 50.1781834079%);
    transform: translate(5.3788492017%, 0.4985774242%);
  }
  0.8333333333% {
    -webkit-clip-path: polygon(0% 43.4502659927%, 100% 43.4502659927%, 100% 47.0716680495%, 0% 47.0716680495%);
            clip-path: polygon(0% 43.4502659927%, 100% 43.4502659927%, 100% 47.0716680495%, 0% 47.0716680495%);
    transform: translate(-4.1176356144%, 0.1151298182%);
  }
  1.6666666667% {
    -webkit-clip-path: polygon(0% 11.4215703121%, 100% 11.4215703121%, 100% 13.5776996188%, 0% 13.5776996188%);
            clip-path: polygon(0% 11.4215703121%, 100% 11.4215703121%, 100% 13.5776996188%, 0% 13.5776996188%);
    transform: translate(2.9801648795%, -0.2323425059%);
  }
  2.5% {
    -webkit-clip-path: polygon(0% 43.3309853997%, 100% 43.3309853997%, 100% 48.1187562635%, 0% 48.1187562635%);
            clip-path: polygon(0% 43.3309853997%, 100% 43.3309853997%, 100% 48.1187562635%, 0% 48.1187562635%);
    transform: translate(6.1933058792%, 0.2998984179%);
  }
  3.3333333333% {
    -webkit-clip-path: polygon(0% 33.3415425966%, 100% 33.3415425966%, 100% 41.549370729%, 0% 41.549370729%);
            clip-path: polygon(0% 33.3415425966%, 100% 33.3415425966%, 100% 41.549370729%, 0% 41.549370729%);
    transform: translate(-5.1087651434%, -0.4447871533%);
  }
  4.1666666667% {
    -webkit-clip-path: polygon(0% 16.3348466102%, 100% 16.3348466102%, 100% 22.2593294393%, 0% 22.2593294393%);
            clip-path: polygon(0% 16.3348466102%, 100% 16.3348466102%, 100% 22.2593294393%, 0% 22.2593294393%);
    transform: translate(7.0871664509%, -0.2040395482%);
  }
  5% {
    -webkit-clip-path: polygon(0% 61.1192939582%, 100% 61.1192939582%, 100% 68.2868912022%, 0% 68.2868912022%);
            clip-path: polygon(0% 61.1192939582%, 100% 61.1192939582%, 100% 68.2868912022%, 0% 68.2868912022%);
    transform: translate(-0.5050650435%, -0.1410142764%);
  }
  5.8333333333% {
    -webkit-clip-path: polygon(0% 46.2768032265%, 100% 46.2768032265%, 100% 53.6582595848%, 0% 53.6582595848%);
            clip-path: polygon(0% 46.2768032265%, 100% 46.2768032265%, 100% 53.6582595848%, 0% 53.6582595848%);
    transform: translate(1.9441464636%, -0.2044014478%);
  }
  6.6666666667% {
    -webkit-clip-path: polygon(0% 44.9568987176%, 100% 44.9568987176%, 100% 53.067884346%, 0% 53.067884346%);
            clip-path: polygon(0% 44.9568987176%, 100% 44.9568987176%, 100% 53.067884346%, 0% 53.067884346%);
    transform: translate(-1.9775851518%, -0.3452839192%);
  }
  7.5% {
    -webkit-clip-path: polygon(0% 49.5456339635%, 100% 49.5456339635%, 100% 55.5088462566%, 0% 55.5088462566%);
            clip-path: polygon(0% 49.5456339635%, 100% 49.5456339635%, 100% 55.5088462566%, 0% 55.5088462566%);
    transform: translate(-1.6143562204%, 0.1227216071%);
  }
  8.3333333333% {
    -webkit-clip-path: polygon(0% 31.7823061177%, 100% 31.7823061177%, 100% 34.8361561699%, 0% 34.8361561699%);
            clip-path: polygon(0% 31.7823061177%, 100% 31.7823061177%, 100% 34.8361561699%, 0% 34.8361561699%);
    transform: translate(-0.1894490946%, -0.1758981848%);
  }
  9.1666666667% {
    -webkit-clip-path: polygon(0% 34.5487435835%, 100% 34.5487435835%, 100% 36.3732837693%, 0% 36.3732837693%);
            clip-path: polygon(0% 34.5487435835%, 100% 34.5487435835%, 100% 36.3732837693%, 0% 36.3732837693%);
    transform: translate(-1.5991209495%, 0.0763844115%);
  }
  10% {
    -webkit-clip-path: polygon(0% 50.6186965621%, 100% 50.6186965621%, 100% 54.3706133151%, 0% 54.3706133151%);
            clip-path: polygon(0% 50.6186965621%, 100% 50.6186965621%, 100% 54.3706133151%, 0% 54.3706133151%);
    transform: translate(0.4915776728%, 0.4531554271%);
  }
  10.8333333333% {
    -webkit-clip-path: polygon(0% 71.6571420084%, 100% 71.6571420084%, 100% 72.7554291316%, 0% 72.7554291316%);
            clip-path: polygon(0% 71.6571420084%, 100% 71.6571420084%, 100% 72.7554291316%, 0% 72.7554291316%);
    transform: translate(6.8777373364%, 0.4502216724%);
  }
  11.6666666667% {
    -webkit-clip-path: polygon(0% 5.7881003205%, 100% 5.7881003205%, 100% 10.8309237693%, 0% 10.8309237693%);
            clip-path: polygon(0% 5.7881003205%, 100% 5.7881003205%, 100% 10.8309237693%, 0% 10.8309237693%);
    transform: translate(-2.0560355367%, 0.1977804449%);
  }
  12.5% {
    -webkit-clip-path: polygon(0% 17.9718611566%, 100% 17.9718611566%, 100% 24.7137530448%, 0% 24.7137530448%);
            clip-path: polygon(0% 17.9718611566%, 100% 17.9718611566%, 100% 24.7137530448%, 0% 24.7137530448%);
    transform: translate(-2.6995453498%, 0.2016363461%);
  }
  13.3333333333% {
    -webkit-clip-path: polygon(0% 37.6857828322%, 100% 37.6857828322%, 100% 40.6953816749%, 0% 40.6953816749%);
            clip-path: polygon(0% 37.6857828322%, 100% 37.6857828322%, 100% 40.6953816749%, 0% 40.6953816749%);
    transform: translate(-0.4279896375%, 0.0890786456%);
  }
  14.1666666667% {
    -webkit-clip-path: polygon(0% 82.7130176599%, 100% 82.7130176599%, 100% 84.3536143985%, 0% 84.3536143985%);
            clip-path: polygon(0% 82.7130176599%, 100% 82.7130176599%, 100% 84.3536143985%, 0% 84.3536143985%);
    transform: translate(-0.5895317799%, 0.0816202091%);
  }
  15% {
    -webkit-clip-path: polygon(0% 38.5357964746%, 100% 38.5357964746%, 100% 40.2334400227%, 0% 40.2334400227%);
            clip-path: polygon(0% 38.5357964746%, 100% 38.5357964746%, 100% 40.2334400227%, 0% 40.2334400227%);
    transform: translate(6.7934314233%, -0.1527744944%);
  }
  15.8333333333% {
    -webkit-clip-path: polygon(0% 3.4750886782%, 100% 3.4750886782%, 100% 12.7138731806%, 0% 12.7138731806%);
            clip-path: polygon(0% 3.4750886782%, 100% 3.4750886782%, 100% 12.7138731806%, 0% 12.7138731806%);
    transform: translate(5.0925220456%, -0.4471008523%);
  }
  16.6666666667% {
    -webkit-clip-path: polygon(0% 30.4688955413%, 100% 30.4688955413%, 100% 32.3163749707%, 0% 32.3163749707%);
            clip-path: polygon(0% 30.4688955413%, 100% 30.4688955413%, 100% 32.3163749707%, 0% 32.3163749707%);
    transform: translate(-1.2346761036%, 0.4246946092%);
  }
  17.5% {
    -webkit-clip-path: polygon(0% 69.2942398158%, 100% 69.2942398158%, 100% 77.356119442%, 0% 77.356119442%);
            clip-path: polygon(0% 69.2942398158%, 100% 69.2942398158%, 100% 77.356119442%, 0% 77.356119442%);
    transform: translate(7.2944564331%, -0.4365577491%);
  }
  18.3333333333% {
    -webkit-clip-path: polygon(0% 35.0806817476%, 100% 35.0806817476%, 100% 40.0399387686%, 0% 40.0399387686%);
            clip-path: polygon(0% 35.0806817476%, 100% 35.0806817476%, 100% 40.0399387686%, 0% 40.0399387686%);
    transform: translate(-1.9695902827%, 0.4480537038%);
  }
  19.1666666667% {
    -webkit-clip-path: polygon(0% 24.2781848731%, 100% 24.2781848731%, 100% 33.5878501036%, 0% 33.5878501036%);
            clip-path: polygon(0% 24.2781848731%, 100% 24.2781848731%, 100% 33.5878501036%, 0% 33.5878501036%);
    transform: translate(-0.6570780562%, -0.2959065823%);
  }
  20% {
    -webkit-clip-path: polygon(0% 64.547488306%, 100% 64.547488306%, 100% 67.5974231147%, 0% 67.5974231147%);
            clip-path: polygon(0% 64.547488306%, 100% 64.547488306%, 100% 67.5974231147%, 0% 67.5974231147%);
    transform: translate(0.1984368486%, -0.1900385664%);
  }
  20.8333333333% {
    -webkit-clip-path: polygon(0% 10.6299250041%, 100% 10.6299250041%, 100% 13.3289481815%, 0% 13.3289481815%);
            clip-path: polygon(0% 10.6299250041%, 100% 10.6299250041%, 100% 13.3289481815%, 0% 13.3289481815%);
    transform: translate(-7.4921814925%, 0.1926807804%);
  }
  21.6666666667% {
    -webkit-clip-path: polygon(0% 54.1882303258%, 100% 54.1882303258%, 100% 60.8829747781%, 0% 60.8829747781%);
            clip-path: polygon(0% 54.1882303258%, 100% 54.1882303258%, 100% 60.8829747781%, 0% 60.8829747781%);
    transform: translate(-1.5177243022%, -0.1648449211%);
  }
  22.5% {
    -webkit-clip-path: polygon(0% 78.5032467123%, 100% 78.5032467123%, 100% 82.9883094561%, 0% 82.9883094561%);
            clip-path: polygon(0% 78.5032467123%, 100% 78.5032467123%, 100% 82.9883094561%, 0% 82.9883094561%);
    transform: translate(6.2447688545%, -0.001013756%);
  }
  23.3333333333% {
    -webkit-clip-path: polygon(0% 24.6749480732%, 100% 24.6749480732%, 100% 33.4431391801%, 0% 33.4431391801%);
            clip-path: polygon(0% 24.6749480732%, 100% 24.6749480732%, 100% 33.4431391801%, 0% 33.4431391801%);
    transform: translate(2.2788662813%, 0.0114927266%);
  }
  24.1666666667% {
    -webkit-clip-path: polygon(0% 24.547913661%, 100% 24.547913661%, 100% 27.2921766752%, 0% 27.2921766752%);
            clip-path: polygon(0% 24.547913661%, 100% 24.547913661%, 100% 27.2921766752%, 0% 27.2921766752%);
    transform: translate(-7.9839754994%, 0.3199380488%);
  }
  25% {
    -webkit-clip-path: polygon(0% 34.4971314805%, 100% 34.4971314805%, 100% 39.0875148338%, 0% 39.0875148338%);
            clip-path: polygon(0% 34.4971314805%, 100% 34.4971314805%, 100% 39.0875148338%, 0% 39.0875148338%);
    transform: translate(-6.5063131757%, 0.3713850597%);
  }
  25.8333333333% {
    -webkit-clip-path: polygon(0% 58.1497703219%, 100% 58.1497703219%, 100% 64.1148567456%, 0% 64.1148567456%);
            clip-path: polygon(0% 58.1497703219%, 100% 58.1497703219%, 100% 64.1148567456%, 0% 64.1148567456%);
    transform: translate(0.0727971306%, 0.0784110539%);
  }
  26.6666666667% {
    -webkit-clip-path: polygon(0% 8.7115257884%, 100% 8.7115257884%, 100% 17.1119436308%, 0% 17.1119436308%);
            clip-path: polygon(0% 8.7115257884%, 100% 8.7115257884%, 100% 17.1119436308%, 0% 17.1119436308%);
    transform: translate(2.4406479395%, -0.4785969923%);
  }
  27.5% {
    -webkit-clip-path: polygon(0% 14.3964944718%, 100% 14.3964944718%, 100% 20.8859578305%, 0% 20.8859578305%);
            clip-path: polygon(0% 14.3964944718%, 100% 14.3964944718%, 100% 20.8859578305%, 0% 20.8859578305%);
    transform: translate(-6.7487456737%, 0.3120388127%);
  }
  28.3333333333% {
    -webkit-clip-path: polygon(0% 58.4134428757%, 100% 58.4134428757%, 100% 60.6910941531%, 0% 60.6910941531%);
            clip-path: polygon(0% 58.4134428757%, 100% 58.4134428757%, 100% 60.6910941531%, 0% 60.6910941531%);
    transform: translate(-2.6812098666%, -0.4168929588%);
  }
  29.1666666667% {
    -webkit-clip-path: polygon(0% 64.3318601498%, 100% 64.3318601498%, 100% 73.2314498501%, 0% 73.2314498501%);
            clip-path: polygon(0% 64.3318601498%, 100% 64.3318601498%, 100% 73.2314498501%, 0% 73.2314498501%);
    transform: translate(-0.9880654328%, -0.3266636446%);
  }
  30% {
    -webkit-clip-path: polygon(0% 59.2728413203%, 100% 59.2728413203%, 100% 65.0113954396%, 0% 65.0113954396%);
            clip-path: polygon(0% 59.2728413203%, 100% 59.2728413203%, 100% 65.0113954396%, 0% 65.0113954396%);
    transform: translate(7.0032040951%, -0.435682845%);
  }
  30.8333333333% {
    -webkit-clip-path: polygon(0% 23.0089398162%, 100% 23.0089398162%, 100% 27.6763780867%, 0% 27.6763780867%);
            clip-path: polygon(0% 23.0089398162%, 100% 23.0089398162%, 100% 27.6763780867%, 0% 27.6763780867%);
    transform: translate(2.7273664661%, -0.2334297263%);
  }
  31.6666666667% {
    -webkit-clip-path: polygon(0% 11.6367295513%, 100% 11.6367295513%, 100% 14.565910883%, 0% 14.565910883%);
            clip-path: polygon(0% 11.6367295513%, 100% 11.6367295513%, 100% 14.565910883%, 0% 14.565910883%);
    transform: translate(-1.3865194463%, -0.2825612535%);
  }
  32.5% {
    -webkit-clip-path: polygon(0% 89.0352913602%, 100% 89.0352913602%, 100% 98.0748010889%, 0% 98.0748010889%);
            clip-path: polygon(0% 89.0352913602%, 100% 89.0352913602%, 100% 98.0748010889%, 0% 98.0748010889%);
    transform: translate(6.4962425091%, -0.4478524858%);
  }
  33.3333333333% {
    -webkit-clip-path: polygon(0% 82.6456511751%, 100% 82.6456511751%, 100% 91.8907134607%, 0% 91.8907134607%);
            clip-path: polygon(0% 82.6456511751%, 100% 82.6456511751%, 100% 91.8907134607%, 0% 91.8907134607%);
    transform: translate(6.6738394152%, -0.3784640882%);
  }
  34.1666666667% {
    -webkit-clip-path: polygon(0% 5.441440121%, 100% 5.441440121%, 100% 9.3352445911%, 0% 9.3352445911%);
            clip-path: polygon(0% 5.441440121%, 100% 5.441440121%, 100% 9.3352445911%, 0% 9.3352445911%);
    transform: translate(5.5806875555%, -0.1279438938%);
  }
  35% {
    -webkit-clip-path: polygon(0% 29.3709379711%, 100% 29.3709379711%, 100% 33.8767615719%, 0% 33.8767615719%);
            clip-path: polygon(0% 29.3709379711%, 100% 29.3709379711%, 100% 33.8767615719%, 0% 33.8767615719%);
    transform: translate(-3.7592993683%, -0.4374654068%);
  }
  35.8333333333% {
    -webkit-clip-path: polygon(0% 49.7479484286%, 100% 49.7479484286%, 100% 51.7243878713%, 0% 51.7243878713%);
            clip-path: polygon(0% 49.7479484286%, 100% 49.7479484286%, 100% 51.7243878713%, 0% 51.7243878713%);
    transform: translate(7.47216679%, 0.2417418145%);
  }
  36.6666666667% {
    -webkit-clip-path: polygon(0% 26.7073775007%, 100% 26.7073775007%, 100% 33.8511449914%, 0% 33.8511449914%);
            clip-path: polygon(0% 26.7073775007%, 100% 26.7073775007%, 100% 33.8511449914%, 0% 33.8511449914%);
    transform: translate(-2.5574079593%, 0.22905937%);
  }
  37.5% {
    -webkit-clip-path: polygon(0% 77.3395143853%, 100% 77.3395143853%, 100% 86.8672509533%, 0% 86.8672509533%);
            clip-path: polygon(0% 77.3395143853%, 100% 77.3395143853%, 100% 86.8672509533%, 0% 86.8672509533%);
    transform: translate(2.4504862901%, 0.4856557445%);
  }
  38.3333333333% {
    -webkit-clip-path: polygon(0% 50.2264326978%, 100% 50.2264326978%, 100% 56.8313975933%, 0% 56.8313975933%);
            clip-path: polygon(0% 50.2264326978%, 100% 50.2264326978%, 100% 56.8313975933%, 0% 56.8313975933%);
    transform: translate(-5.2319255026%, -0.1803271906%);
  }
  39.1666666667% {
    -webkit-clip-path: polygon(0% 87.6155861189%, 100% 87.6155861189%, 100% 97.1128825882%, 0% 97.1128825882%);
            clip-path: polygon(0% 87.6155861189%, 100% 87.6155861189%, 100% 97.1128825882%, 0% 97.1128825882%);
    transform: translate(3.0821566122%, -0.0733799721%);
  }
  40% {
    -webkit-clip-path: polygon(0% 37.2294871585%, 100% 37.2294871585%, 100% 46.4622626562%, 0% 46.4622626562%);
            clip-path: polygon(0% 37.2294871585%, 100% 37.2294871585%, 100% 46.4622626562%, 0% 46.4622626562%);
    transform: translate(1.2383385904%, -0.283035957%);
  }
  40.8333333333% {
    -webkit-clip-path: polygon(0% 29.5903330482%, 100% 29.5903330482%, 100% 32.7864446437%, 0% 32.7864446437%);
            clip-path: polygon(0% 29.5903330482%, 100% 29.5903330482%, 100% 32.7864446437%, 0% 32.7864446437%);
    transform: translate(-4.8115818994%, 0.3867450871%);
  }
  41.6666666667% {
    -webkit-clip-path: polygon(0% 67.5199026635%, 100% 67.5199026635%, 100% 73.5031999092%, 0% 73.5031999092%);
            clip-path: polygon(0% 67.5199026635%, 100% 67.5199026635%, 100% 73.5031999092%, 0% 73.5031999092%);
    transform: translate(-2.4585169174%, 0.1121960029%);
  }
  42.5% {
    -webkit-clip-path: polygon(0% 17.6921292037%, 100% 17.6921292037%, 100% 20.9499043193%, 0% 20.9499043193%);
            clip-path: polygon(0% 17.6921292037%, 100% 17.6921292037%, 100% 20.9499043193%, 0% 20.9499043193%);
    transform: translate(6.6589233345%, -0.1476252151%);
  }
  43.3333333333% {
    -webkit-clip-path: polygon(0% 65.9017085817%, 100% 65.9017085817%, 100% 70.9348367891%, 0% 70.9348367891%);
            clip-path: polygon(0% 65.9017085817%, 100% 65.9017085817%, 100% 70.9348367891%, 0% 70.9348367891%);
    transform: translate(-0.3711629826%, 0.4011571324%);
  }
  44.1666666667% {
    -webkit-clip-path: polygon(0% 8.2895337253%, 100% 8.2895337253%, 100% 11.0002774869%, 0% 11.0002774869%);
            clip-path: polygon(0% 8.2895337253%, 100% 8.2895337253%, 100% 11.0002774869%, 0% 11.0002774869%);
    transform: translate(-3.271062042%, 0.147039994%);
  }
  45% {
    -webkit-clip-path: polygon(0% 44.5752943633%, 100% 44.5752943633%, 100% 46.4751548472%, 0% 46.4751548472%);
            clip-path: polygon(0% 44.5752943633%, 100% 44.5752943633%, 100% 46.4751548472%, 0% 46.4751548472%);
    transform: translate(-4.5953382167%, -0.001206599%);
  }
  45.8333333333% {
    -webkit-clip-path: polygon(0% 16.4412160193%, 100% 16.4412160193%, 100% 26.2903006354%, 0% 26.2903006354%);
            clip-path: polygon(0% 16.4412160193%, 100% 16.4412160193%, 100% 26.2903006354%, 0% 26.2903006354%);
    transform: translate(-5.2919025559%, 0.1348290976%);
  }
  46.6666666667% {
    -webkit-clip-path: polygon(0% 47.7538353121%, 100% 47.7538353121%, 100% 51.7240507493%, 0% 51.7240507493%);
            clip-path: polygon(0% 47.7538353121%, 100% 47.7538353121%, 100% 51.7240507493%, 0% 51.7240507493%);
    transform: translate(-4.6711008033%, 0.1210000514%);
  }
  47.5% {
    -webkit-clip-path: polygon(0% 67.0861575038%, 100% 67.0861575038%, 100% 73.0980106193%, 0% 73.0980106193%);
            clip-path: polygon(0% 67.0861575038%, 100% 67.0861575038%, 100% 73.0980106193%, 0% 73.0980106193%);
    transform: translate(-3.0332250657%, 0.3771046556%);
  }
  48.3333333333% {
    -webkit-clip-path: polygon(0% 69.2372283504%, 100% 69.2372283504%, 100% 71.4952992092%, 0% 71.4952992092%);
            clip-path: polygon(0% 69.2372283504%, 100% 69.2372283504%, 100% 71.4952992092%, 0% 71.4952992092%);
    transform: translate(1.3562783192%, 0.0094297175%);
  }
  49.1666666667% {
    -webkit-clip-path: polygon(0% 41.9761781703%, 100% 41.9761781703%, 100% 46.4919271599%, 0% 46.4919271599%);
            clip-path: polygon(0% 41.9761781703%, 100% 41.9761781703%, 100% 46.4919271599%, 0% 46.4919271599%);
    transform: translate(-5.1051097124%, -0.4749452713%);
  }
  50% {
    -webkit-clip-path: polygon(0% 5.6121163361%, 100% 5.6121163361%, 100% 13.2737082664%, 0% 13.2737082664%);
            clip-path: polygon(0% 5.6121163361%, 100% 5.6121163361%, 100% 13.2737082664%, 0% 13.2737082664%);
    transform: translate(-3.2343177885%, -0.451276542%);
  }
  50.8333333333% {
    -webkit-clip-path: polygon(0% 25.8360997746%, 100% 25.8360997746%, 100% 30.3241668464%, 0% 30.3241668464%);
            clip-path: polygon(0% 25.8360997746%, 100% 25.8360997746%, 100% 30.3241668464%, 0% 30.3241668464%);
    transform: translate(-5.7467421421%, 0.120395285%);
  }
  51.6666666667% {
    -webkit-clip-path: polygon(0% 19.8918361434%, 100% 19.8918361434%, 100% 23.9579486007%, 0% 23.9579486007%);
            clip-path: polygon(0% 19.8918361434%, 100% 19.8918361434%, 100% 23.9579486007%, 0% 23.9579486007%);
    transform: translate(1.8840235585%, -0.0532462917%);
  }
  52.5% {
    -webkit-clip-path: polygon(0% 45.8170698556%, 100% 45.8170698556%, 100% 54.9559617704%, 0% 54.9559617704%);
            clip-path: polygon(0% 45.8170698556%, 100% 45.8170698556%, 100% 54.9559617704%, 0% 54.9559617704%);
    transform: translate(-2.7813621262%, 0.2791597189%);
  }
  53.3333333333% {
    -webkit-clip-path: polygon(0% 32.0105532147%, 100% 32.0105532147%, 100% 36.4276413543%, 0% 36.4276413543%);
            clip-path: polygon(0% 32.0105532147%, 100% 32.0105532147%, 100% 36.4276413543%, 0% 36.4276413543%);
    transform: translate(3.6066541936%, -0.1598628091%);
  }
  54.1666666667% {
    -webkit-clip-path: polygon(0% 68.8515884871%, 100% 68.8515884871%, 100% 73.6820844082%, 0% 73.6820844082%);
            clip-path: polygon(0% 68.8515884871%, 100% 68.8515884871%, 100% 73.6820844082%, 0% 73.6820844082%);
    transform: translate(2.8227081449%, -0.4640711802%);
  }
  55% {
    -webkit-clip-path: polygon(0% 39.6743219851%, 100% 39.6743219851%, 100% 42.6945298994%, 0% 42.6945298994%);
            clip-path: polygon(0% 39.6743219851%, 100% 39.6743219851%, 100% 42.6945298994%, 0% 42.6945298994%);
    transform: translate(6.1590016718%, 0.367428544%);
  }
  55.8333333333% {
    -webkit-clip-path: polygon(0% 20.5349281353%, 100% 20.5349281353%, 100% 24.6636399109%, 0% 24.6636399109%);
            clip-path: polygon(0% 20.5349281353%, 100% 20.5349281353%, 100% 24.6636399109%, 0% 24.6636399109%);
    transform: translate(-4.7723802239%, 0.1263577691%);
  }
  56.6666666667% {
    -webkit-clip-path: polygon(0% 68.6123373862%, 100% 68.6123373862%, 100% 75.5162079155%, 0% 75.5162079155%);
            clip-path: polygon(0% 68.6123373862%, 100% 68.6123373862%, 100% 75.5162079155%, 0% 75.5162079155%);
    transform: translate(4.73931443%, 0.1473223909%);
  }
  57.5% {
    -webkit-clip-path: polygon(0% 20.1871777294%, 100% 20.1871777294%, 100% 28.1396205106%, 0% 28.1396205106%);
            clip-path: polygon(0% 20.1871777294%, 100% 20.1871777294%, 100% 28.1396205106%, 0% 28.1396205106%);
    transform: translate(7.1706505871%, -0.0076875345%);
  }
  58.3333333333% {
    -webkit-clip-path: polygon(0% 4.6862752043%, 100% 4.6862752043%, 100% 12.9325747874%, 0% 12.9325747874%);
            clip-path: polygon(0% 4.6862752043%, 100% 4.6862752043%, 100% 12.9325747874%, 0% 12.9325747874%);
    transform: translate(2.1458346927%, -0.1102652477%);
  }
  59.1666666667% {
    -webkit-clip-path: polygon(0% 64.2472257497%, 100% 64.2472257497%, 100% 66.093388453%, 0% 66.093388453%);
            clip-path: polygon(0% 64.2472257497%, 100% 64.2472257497%, 100% 66.093388453%, 0% 66.093388453%);
    transform: translate(1.126669382%, 0.2850671126%);
  }
  60% {
    -webkit-clip-path: polygon(0% 9.704224228%, 100% 9.704224228%, 100% 18.6611197856%, 0% 18.6611197856%);
            clip-path: polygon(0% 9.704224228%, 100% 9.704224228%, 100% 18.6611197856%, 0% 18.6611197856%);
    transform: translate(7.1637078175%, 0.1021608761%);
  }
  60.8333333333% {
    -webkit-clip-path: polygon(0% 3.9726883342%, 100% 3.9726883342%, 100% 13.2015644887%, 0% 13.2015644887%);
            clip-path: polygon(0% 3.9726883342%, 100% 3.9726883342%, 100% 13.2015644887%, 0% 13.2015644887%);
    transform: translate(1.9241647689%, 0.4186793119%);
  }
  61.6666666667% {
    -webkit-clip-path: polygon(0% 26.8245923845%, 100% 26.8245923845%, 100% 29.9555297801%, 0% 29.9555297801%);
            clip-path: polygon(0% 26.8245923845%, 100% 26.8245923845%, 100% 29.9555297801%, 0% 29.9555297801%);
    transform: translate(7.038035395%, 0.0240500319%);
  }
  62.5% {
    -webkit-clip-path: polygon(0% 46.1697216559%, 100% 46.1697216559%, 100% 49.996946267%, 0% 49.996946267%);
            clip-path: polygon(0% 46.1697216559%, 100% 46.1697216559%, 100% 49.996946267%, 0% 49.996946267%);
    transform: translate(-5.1884021776%, 0.1912463663%);
  }
  63.3333333333% {
    -webkit-clip-path: polygon(0% 71.0021746438%, 100% 71.0021746438%, 100% 79.5639394944%, 0% 79.5639394944%);
            clip-path: polygon(0% 71.0021746438%, 100% 71.0021746438%, 100% 79.5639394944%, 0% 79.5639394944%);
    transform: translate(-0.0834858396%, -0.2105157507%);
  }
  64.1666666667% {
    -webkit-clip-path: polygon(0% 37.587451121%, 100% 37.587451121%, 100% 44.3757220299%, 0% 44.3757220299%);
            clip-path: polygon(0% 37.587451121%, 100% 37.587451121%, 100% 44.3757220299%, 0% 44.3757220299%);
    transform: translate(-2.4425533515%, -0.1182765225%);
  }
  65% {
    -webkit-clip-path: polygon(0% 68.6946663815%, 100% 68.6946663815%, 100% 75.9389413168%, 0% 75.9389413168%);
            clip-path: polygon(0% 68.6946663815%, 100% 68.6946663815%, 100% 75.9389413168%, 0% 75.9389413168%);
    transform: translate(5.5639890134%, -0.3984212342%);
  }
  65.8333333333% {
    -webkit-clip-path: polygon(0% 18.4082361413%, 100% 18.4082361413%, 100% 22.5859944877%, 0% 22.5859944877%);
            clip-path: polygon(0% 18.4082361413%, 100% 18.4082361413%, 100% 22.5859944877%, 0% 22.5859944877%);
    transform: translate(3.8854023224%, -0.3493387984%);
  }
  66.6666666667% {
    -webkit-clip-path: polygon(0% 55.4326238382%, 100% 55.4326238382%, 100% 63.8211305719%, 0% 63.8211305719%);
            clip-path: polygon(0% 55.4326238382%, 100% 55.4326238382%, 100% 63.8211305719%, 0% 63.8211305719%);
    transform: translate(-4.8613825016%, -0.1623083696%);
  }
  67.5% {
    -webkit-clip-path: polygon(0% 67.2828253559%, 100% 67.2828253559%, 100% 71.4072090737%, 0% 71.4072090737%);
            clip-path: polygon(0% 67.2828253559%, 100% 67.2828253559%, 100% 71.4072090737%, 0% 71.4072090737%);
    transform: translate(-1.2271603652%, 0.2252618732%);
  }
  68.3333333333% {
    -webkit-clip-path: polygon(0% 9.2092660721%, 100% 9.2092660721%, 100% 13.3184140805%, 0% 13.3184140805%);
            clip-path: polygon(0% 9.2092660721%, 100% 9.2092660721%, 100% 13.3184140805%, 0% 13.3184140805%);
    transform: translate(-4.3922186198%, 0.3113256313%);
  }
  69.1666666667% {
    -webkit-clip-path: polygon(0% 10.9357728884%, 100% 10.9357728884%, 100% 12.8179619348%, 0% 12.8179619348%);
            clip-path: polygon(0% 10.9357728884%, 100% 10.9357728884%, 100% 12.8179619348%, 0% 12.8179619348%);
    transform: translate(7.0582694328%, -0.270030281%);
  }
  70% {
    -webkit-clip-path: polygon(0% 78.1560752262%, 100% 78.1560752262%, 100% 85.1641982297%, 0% 85.1641982297%);
            clip-path: polygon(0% 78.1560752262%, 100% 78.1560752262%, 100% 85.1641982297%, 0% 85.1641982297%);
    transform: translate(-0.3526991685%, -0.1580368843%);
  }
  70.8333333333% {
    -webkit-clip-path: polygon(0% 86.8922408799%, 100% 86.8922408799%, 100% 95.7363681166%, 0% 95.7363681166%);
            clip-path: polygon(0% 86.8922408799%, 100% 86.8922408799%, 100% 95.7363681166%, 0% 95.7363681166%);
    transform: translate(-0.4088643695%, 0.0929368965%);
  }
  71.6666666667% {
    -webkit-clip-path: polygon(0% 23.8949061536%, 100% 23.8949061536%, 100% 30.0832953976%, 0% 30.0832953976%);
            clip-path: polygon(0% 23.8949061536%, 100% 23.8949061536%, 100% 30.0832953976%, 0% 30.0832953976%);
    transform: translate(2.4166001587%, 0.3542388601%);
  }
  72.5% {
    -webkit-clip-path: polygon(0% 34.102894092%, 100% 34.102894092%, 100% 38.7423533134%, 0% 38.7423533134%);
            clip-path: polygon(0% 34.102894092%, 100% 34.102894092%, 100% 38.7423533134%, 0% 38.7423533134%);
    transform: translate(2.3381932074%, 0.3300274716%);
  }
  73.3333333333% {
    -webkit-clip-path: polygon(0% 75.4681740968%, 100% 75.4681740968%, 100% 85.0549196785%, 0% 85.0549196785%);
            clip-path: polygon(0% 75.4681740968%, 100% 75.4681740968%, 100% 85.0549196785%, 0% 85.0549196785%);
    transform: translate(0.5957101219%, 0.3682454396%);
  }
  74.1666666667% {
    -webkit-clip-path: polygon(0% 22.0858176895%, 100% 22.0858176895%, 100% 26.1530017154%, 0% 26.1530017154%);
            clip-path: polygon(0% 22.0858176895%, 100% 22.0858176895%, 100% 26.1530017154%, 0% 26.1530017154%);
    transform: translate(-6.0069494988%, 0.4435531764%);
  }
  75% {
    -webkit-clip-path: polygon(0% 59.6972745875%, 100% 59.6972745875%, 100% 65.8519887107%, 0% 65.8519887107%);
            clip-path: polygon(0% 59.6972745875%, 100% 59.6972745875%, 100% 65.8519887107%, 0% 65.8519887107%);
    transform: translate(-5.2630022719%, -0.3240590597%);
  }
  75.8333333333% {
    -webkit-clip-path: polygon(0% 29.9035012084%, 100% 29.9035012084%, 100% 38.6128025301%, 0% 38.6128025301%);
            clip-path: polygon(0% 29.9035012084%, 100% 29.9035012084%, 100% 38.6128025301%, 0% 38.6128025301%);
    transform: translate(5.2831484881%, -0.4130773425%);
  }
  76.6666666667% {
    -webkit-clip-path: polygon(0% 3.7516463354%, 100% 3.7516463354%, 100% 9.5078151147%, 0% 9.5078151147%);
            clip-path: polygon(0% 3.7516463354%, 100% 3.7516463354%, 100% 9.5078151147%, 0% 9.5078151147%);
    transform: translate(4.5907636029%, -0.0765305598%);
  }
  77.5% {
    -webkit-clip-path: polygon(0% 7.1039667477%, 100% 7.1039667477%, 100% 12.9934620671%, 0% 12.9934620671%);
            clip-path: polygon(0% 7.1039667477%, 100% 7.1039667477%, 100% 12.9934620671%, 0% 12.9934620671%);
    transform: translate(-2.3360313941%, 0.1576623292%);
  }
  78.3333333333% {
    -webkit-clip-path: polygon(0% 6.3424466879%, 100% 6.3424466879%, 100% 7.7440996476%, 0% 7.7440996476%);
            clip-path: polygon(0% 6.3424466879%, 100% 6.3424466879%, 100% 7.7440996476%, 0% 7.7440996476%);
    transform: translate(6.6618765886%, -0.1173266768%);
  }
  79.1666666667% {
    -webkit-clip-path: polygon(0% 49.586534769%, 100% 49.586534769%, 100% 54.0313596979%, 0% 54.0313596979%);
            clip-path: polygon(0% 49.586534769%, 100% 49.586534769%, 100% 54.0313596979%, 0% 54.0313596979%);
    transform: translate(-3.2643916071%, -0.3137521718%);
  }
  80% {
    -webkit-clip-path: polygon(0% 18.5077391154%, 100% 18.5077391154%, 100% 23.1522801861%, 0% 23.1522801861%);
            clip-path: polygon(0% 18.5077391154%, 100% 18.5077391154%, 100% 23.1522801861%, 0% 23.1522801861%);
    transform: translate(3.8875292334%, 0.2859362441%);
  }
  80.8333333333% {
    -webkit-clip-path: polygon(0% 35.2056141768%, 100% 35.2056141768%, 100% 43.3680096075%, 0% 43.3680096075%);
            clip-path: polygon(0% 35.2056141768%, 100% 35.2056141768%, 100% 43.3680096075%, 0% 43.3680096075%);
    transform: translate(-6.4012418534%, 0.1630203107%);
  }
  81.6666666667% {
    -webkit-clip-path: polygon(0% 50.0328137841%, 100% 50.0328137841%, 100% 55.4894042142%, 0% 55.4894042142%);
            clip-path: polygon(0% 50.0328137841%, 100% 50.0328137841%, 100% 55.4894042142%, 0% 55.4894042142%);
    transform: translate(5.721102082%, 0.3546412585%);
  }
  82.5% {
    -webkit-clip-path: polygon(0% 46.4185615608%, 100% 46.4185615608%, 100% 48.892573243%, 0% 48.892573243%);
            clip-path: polygon(0% 46.4185615608%, 100% 46.4185615608%, 100% 48.892573243%, 0% 48.892573243%);
    transform: translate(5.0059881061%, -0.2151406179%);
  }
  83.3333333333% {
    -webkit-clip-path: polygon(0% 19.3897924866%, 100% 19.3897924866%, 100% 24.4639348834%, 0% 24.4639348834%);
            clip-path: polygon(0% 19.3897924866%, 100% 19.3897924866%, 100% 24.4639348834%, 0% 24.4639348834%);
    transform: translate(3.6648940921%, -0.2294066492%);
  }
  84.1666666667% {
    -webkit-clip-path: polygon(0% 24.4478172708%, 100% 24.4478172708%, 100% 25.9139391204%, 0% 25.9139391204%);
            clip-path: polygon(0% 24.4478172708%, 100% 24.4478172708%, 100% 25.9139391204%, 0% 25.9139391204%);
    transform: translate(4.127474865%, 0.4760823504%);
  }
  85% {
    -webkit-clip-path: polygon(0% 84.0840106969%, 100% 84.0840106969%, 100% 87.228841465%, 0% 87.228841465%);
            clip-path: polygon(0% 84.0840106969%, 100% 84.0840106969%, 100% 87.228841465%, 0% 87.228841465%);
    transform: translate(-1.8789106328%, -0.3074644293%);
  }
  85.8333333333% {
    -webkit-clip-path: polygon(0% 67.8171826264%, 100% 67.8171826264%, 100% 69.6693847094%, 0% 69.6693847094%);
            clip-path: polygon(0% 67.8171826264%, 100% 67.8171826264%, 100% 69.6693847094%, 0% 69.6693847094%);
    transform: translate(-5.2716294267%, -0.3523204223%);
  }
  86.6666666667% {
    -webkit-clip-path: polygon(0% 50.771026081%, 100% 50.771026081%, 100% 58.9642777221%, 0% 58.9642777221%);
            clip-path: polygon(0% 50.771026081%, 100% 50.771026081%, 100% 58.9642777221%, 0% 58.9642777221%);
    transform: translate(4.5235187156%, 0.3414901288%);
  }
  87.5% {
    -webkit-clip-path: polygon(0% 29.9574024797%, 100% 29.9574024797%, 100% 34.2643267924%, 0% 34.2643267924%);
            clip-path: polygon(0% 29.9574024797%, 100% 29.9574024797%, 100% 34.2643267924%, 0% 34.2643267924%);
    transform: translate(4.297834038%, -0.1969371032%);
  }
  88.3333333333% {
    -webkit-clip-path: polygon(0% 34.7547546401%, 100% 34.7547546401%, 100% 44.2495668708%, 0% 44.2495668708%);
            clip-path: polygon(0% 34.7547546401%, 100% 34.7547546401%, 100% 44.2495668708%, 0% 44.2495668708%);
    transform: translate(5.1221966934%, 0.2277606251%);
  }
  89.1666666667% {
    -webkit-clip-path: polygon(0% 85.6120519071%, 100% 85.6120519071%, 100% 91.9466007167%, 0% 91.9466007167%);
            clip-path: polygon(0% 85.6120519071%, 100% 85.6120519071%, 100% 91.9466007167%, 0% 91.9466007167%);
    transform: translate(-1.8103351057%, -0.4482582838%);
  }
  90% {
    -webkit-clip-path: polygon(0% 87.6435033385%, 100% 87.6435033385%, 100% 97.1378307894%, 0% 97.1378307894%);
            clip-path: polygon(0% 87.6435033385%, 100% 87.6435033385%, 100% 97.1378307894%, 0% 97.1378307894%);
    transform: translate(6.5008542599%, 0.1804264447%);
  }
  90.8333333333% {
    -webkit-clip-path: polygon(0% 62.9433555858%, 100% 62.9433555858%, 100% 68.9431568841%, 0% 68.9431568841%);
            clip-path: polygon(0% 62.9433555858%, 100% 62.9433555858%, 100% 68.9431568841%, 0% 68.9431568841%);
    transform: translate(3.0424319325%, 0.4586027618%);
  }
  91.6666666667% {
    -webkit-clip-path: polygon(0% 81.3765439033%, 100% 81.3765439033%, 100% 91.0629291835%, 0% 91.0629291835%);
            clip-path: polygon(0% 81.3765439033%, 100% 81.3765439033%, 100% 91.0629291835%, 0% 91.0629291835%);
    transform: translate(-1.3035097474%, 0.2773507066%);
  }
  92.5% {
    -webkit-clip-path: polygon(0% 23.4877603049%, 100% 23.4877603049%, 100% 33.304109986%, 0% 33.304109986%);
            clip-path: polygon(0% 23.4877603049%, 100% 23.4877603049%, 100% 33.304109986%, 0% 33.304109986%);
    transform: translate(-3.9157619974%, 0.4182825464%);
  }
  93.3333333333% {
    -webkit-clip-path: polygon(0% 20.2201607183%, 100% 20.2201607183%, 100% 26.9678003749%, 0% 26.9678003749%);
            clip-path: polygon(0% 20.2201607183%, 100% 20.2201607183%, 100% 26.9678003749%, 0% 26.9678003749%);
    transform: translate(0.1372396409%, 0.2582739458%);
  }
  94.1666666667% {
    -webkit-clip-path: polygon(0% 75.9957961376%, 100% 75.9957961376%, 100% 78.6088897478%, 0% 78.6088897478%);
            clip-path: polygon(0% 75.9957961376%, 100% 75.9957961376%, 100% 78.6088897478%, 0% 78.6088897478%);
    transform: translate(1.5993469683%, -0.3585114999%);
  }
  95% {
    -webkit-clip-path: polygon(0% 82.4303914172%, 100% 82.4303914172%, 100% 87.1869427766%, 0% 87.1869427766%);
            clip-path: polygon(0% 82.4303914172%, 100% 82.4303914172%, 100% 87.1869427766%, 0% 87.1869427766%);
    transform: translate(5.2310930723%, -0.0277637534%);
  }
  95.8333333333% {
    -webkit-clip-path: polygon(0% 45.9003120318%, 100% 45.9003120318%, 100% 49.7915795601%, 0% 49.7915795601%);
            clip-path: polygon(0% 45.9003120318%, 100% 45.9003120318%, 100% 49.7915795601%, 0% 49.7915795601%);
    transform: translate(-6.1585754323%, 0.444786995%);
  }
  96.6666666667% {
    -webkit-clip-path: polygon(0% 13.0391995015%, 100% 13.0391995015%, 100% 20.9580652681%, 0% 20.9580652681%);
            clip-path: polygon(0% 13.0391995015%, 100% 13.0391995015%, 100% 20.9580652681%, 0% 20.9580652681%);
    transform: translate(-3.9656646152%, -0.3540955032%);
  }
  97.5% {
    -webkit-clip-path: polygon(0% 12.5374525523%, 100% 12.5374525523%, 100% 14.6596588686%, 0% 14.6596588686%);
            clip-path: polygon(0% 12.5374525523%, 100% 12.5374525523%, 100% 14.6596588686%, 0% 14.6596588686%);
    transform: translate(0.5454420222%, -0.036183252%);
  }
  98.3333333333% {
    -webkit-clip-path: polygon(0% 75.7659154651%, 100% 75.7659154651%, 100% 85.5975943522%, 0% 85.5975943522%);
            clip-path: polygon(0% 75.7659154651%, 100% 75.7659154651%, 100% 85.5975943522%, 0% 85.5975943522%);
    transform: translate(-6.1973911495%, -0.0646867116%);
  }
  99.1666666667% {
    -webkit-clip-path: polygon(0% 38.8481188118%, 100% 38.8481188118%, 100% 46.9176243916%, 0% 46.9176243916%);
            clip-path: polygon(0% 38.8481188118%, 100% 38.8481188118%, 100% 46.9176243916%, 0% 46.9176243916%);
    transform: translate(2.700750445%, -0.4159827867%);
  }
  100%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    transform: none;
  }
}
.glitch .color {
  mix-blend-mode: screen;
}
.glitch .color::before {
  bottom: 0;
  content: "";
  display: block;
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.glitch .red-color {
  animation: change-r 2.5s steps(1) infinite alternate both;
}
@keyframes change-r {
  0% {
    transform: translate(1.1807109926%, 0.4818056601%);
  }
  0.8333333333% {
    transform: translate(0.1970914534%, -0.0045448499%);
  }
  1.6666666667% {
    transform: translate(-1.9298296157%, 0.1085488654%);
  }
  2.5% {
    transform: translate(1.6323573437%, -0.0682170255%);
  }
  3.3333333333% {
    transform: translate(-1.3352767593%, 0.462178671%);
  }
  4.1666666667% {
    transform: translate(-0.3225156227%, 0.1534095082%);
  }
  5% {
    transform: translate(0.1289993606%, 0.2559447207%);
  }
  5.8333333333% {
    transform: translate(0.3343600568%, -0.0519124091%);
  }
  6.6666666667% {
    transform: translate(-1.2150631734%, 0.3757299933%);
  }
  7.5% {
    transform: translate(0.1195961641%, -0.2912731977%);
  }
  8.3333333333% {
    transform: translate(1.9206334504%, -0.3452603928%);
  }
  9.1666666667% {
    transform: translate(0.7547194608%, 0.0585140107%);
  }
  10% {
    transform: translate(-0.1753243013%, 0.1926294916%);
  }
  10.8333333333% {
    transform: translate(0.9225966905%, -0.3766237396%);
  }
  11.6666666667% {
    transform: translate(1.7131229811%, -0.2361442215%);
  }
  12.5% {
    transform: translate(0.9485082973%, 0.4848363414%);
  }
  13.3333333333% {
    transform: translate(0.4990882266%, -0.2546135945%);
  }
  14.1666666667% {
    transform: translate(1.3398897441%, -0.4607515479%);
  }
  15% {
    transform: translate(-1.8123961318%, -0.3600237193%);
  }
  15.8333333333% {
    transform: translate(-1.5649937615%, -0.2256475099%);
  }
  16.6666666667% {
    transform: translate(-1.4345052357%, 0.2075106907%);
  }
  17.5% {
    transform: translate(1.4524798358%, -0.3487237569%);
  }
  18.3333333333% {
    transform: translate(-0.0769708131%, -0.4040589011%);
  }
  19.1666666667% {
    transform: translate(0.1979994461%, 0.3254641627%);
  }
  20% {
    transform: translate(0.2558397346%, 0.3848435439%);
  }
  20.8333333333% {
    transform: translate(-0.7719806502%, 0.4665942618%);
  }
  21.6666666667% {
    transform: translate(-1.4662725408%, 0.479447864%);
  }
  22.5% {
    transform: translate(-0.1743642459%, 0.1046073533%);
  }
  23.3333333333% {
    transform: translate(1.0544343841%, -0.3806941178%);
  }
  24.1666666667% {
    transform: translate(1.9779682819%, -0.3830991993%);
  }
  25% {
    transform: translate(1.6056275474%, -0.3328918433%);
  }
  25.8333333333% {
    transform: translate(-0.3337013002%, -0.3399246444%);
  }
  26.6666666667% {
    transform: translate(-0.4130005095%, -0.4697925696%);
  }
  27.5% {
    transform: translate(0.7681707498%, -0.0248154629%);
  }
  28.3333333333% {
    transform: translate(-1.1336088181%, -0.3476737253%);
  }
  29.1666666667% {
    transform: translate(-0.365528358%, -0.4351269756%);
  }
  30% {
    transform: translate(-1.1973465469%, -0.3886766137%);
  }
  30.8333333333% {
    transform: translate(1.7211650629%, -0.09495907%);
  }
  31.6666666667% {
    transform: translate(-0.2617755408%, -0.3503452322%);
  }
  32.5% {
    transform: translate(-1.1936442947%, -0.2670770667%);
  }
  33.3333333333% {
    transform: translate(0.2668521873%, 0.2937667824%);
  }
  34.1666666667% {
    transform: translate(-1.3769342941%, -0.2676613519%);
  }
  35% {
    transform: translate(-1.2644146913%, -0.4393890966%);
  }
  35.8333333333% {
    transform: translate(-0.7874262686%, 0.4350037189%);
  }
  36.6666666667% {
    transform: translate(0.1440430507%, 0.360451785%);
  }
  37.5% {
    transform: translate(-1.5931399773%, -0.4308356233%);
  }
  38.3333333333% {
    transform: translate(-1.230632673%, -0.1380743402%);
  }
  39.1666666667% {
    transform: translate(1.4021600264%, 0.1027083543%);
  }
  40% {
    transform: translate(1.5513442173%, 0.1324268397%);
  }
  40.8333333333% {
    transform: translate(-1.4519928065%, 0.3535831386%);
  }
  41.6666666667% {
    transform: translate(-0.915907031%, -0.4602343339%);
  }
  42.5% {
    transform: translate(-0.0603255268%, 0.0088012164%);
  }
  43.3333333333% {
    transform: translate(1.7915330171%, 0.1746866537%);
  }
  44.1666666667% {
    transform: translate(1.1838647895%, 0.1123613041%);
  }
  45% {
    transform: translate(1.4139263881%, -0.0727586542%);
  }
  45.8333333333% {
    transform: translate(-1.5721966396%, 0.0132470081%);
  }
  46.6666666667% {
    transform: translate(0.3539676939%, 0.2893493026%);
  }
  47.5% {
    transform: translate(-0.6549200814%, 0.3233995805%);
  }
  48.3333333333% {
    transform: translate(1.6730191406%, 0.1230464758%);
  }
  49.1666666667% {
    transform: translate(0.9556311542%, 0.1759839725%);
  }
  50% {
    transform: translate(-1.5909218601%, -0.3908329397%);
  }
  50.8333333333% {
    transform: translate(-1.0374201606%, 0.3884280646%);
  }
  51.6666666667% {
    transform: translate(-1.5767561086%, 0.4072357491%);
  }
  52.5% {
    transform: translate(0.0013243915%, 0.2969882061%);
  }
  53.3333333333% {
    transform: translate(-1.6656044247%, -0.3845322407%);
  }
  54.1666666667% {
    transform: translate(1.7745046494%, -0.2331540993%);
  }
  55% {
    transform: translate(-1.914155154%, -0.2343844162%);
  }
  55.8333333333% {
    transform: translate(-1.4517534271%, 0.2515059265%);
  }
  56.6666666667% {
    transform: translate(-0.0182210847%, 0.4521892431%);
  }
  57.5% {
    transform: translate(-0.7038136127%, 0.3740831013%);
  }
  58.3333333333% {
    transform: translate(1.0140282173%, -0.3414369562%);
  }
  59.1666666667% {
    transform: translate(-0.0362474511%, 0.0438784203%);
  }
  60% {
    transform: translate(1.6371384232%, -0.4035354279%);
  }
  60.8333333333% {
    transform: translate(0.6488067395%, 0.388429084%);
  }
  61.6666666667% {
    transform: translate(-1.6693728569%, -0.3780266152%);
  }
  62.5% {
    transform: translate(0.5012524911%, 0.0753715245%);
  }
  63.3333333333% {
    transform: translate(-0.2837885049%, -0.4509590929%);
  }
  64.1666666667% {
    transform: translate(-0.8254412814%, -0.3666885618%);
  }
  65% {
    transform: translate(0.4235777595%, -0.473196894%);
  }
  65.8333333333% {
    transform: translate(-1.9848958902%, -0.4779582007%);
  }
  66.6666666667% {
    transform: translate(1.8837075194%, 0.1283745011%);
  }
  67.5% {
    transform: translate(-0.4311078857%, -0.2247213708%);
  }
  68.3333333333% {
    transform: translate(-0.74896219%, 0.327963325%);
  }
  69.1666666667% {
    transform: translate(-0.249029182%, 0.1634641933%);
  }
  70% {
    transform: translate(1.0461307078%, 0.3754690342%);
  }
  70.8333333333% {
    transform: translate(1.8322339255%, 0.0113966176%);
  }
  71.6666666667% {
    transform: translate(-0.9395121551%, -0.0737480316%);
  }
  72.5% {
    transform: translate(1.5738753276%, -0.0722496639%);
  }
  73.3333333333% {
    transform: translate(-1.8416235389%, -0.3739168309%);
  }
  74.1666666667% {
    transform: translate(1.5449127122%, -0.1094731533%);
  }
  75% {
    transform: translate(0.8416210208%, -0.3122214199%);
  }
  75.8333333333% {
    transform: translate(-1.861712193%, 0.2807044979%);
  }
  76.6666666667% {
    transform: translate(1.8557740334%, -0.451573224%);
  }
  77.5% {
    transform: translate(-1.9735202881%, 0.3907211916%);
  }
  78.3333333333% {
    transform: translate(0.9026276403%, -0.4566559387%);
  }
  79.1666666667% {
    transform: translate(-1.8264633533%, -0.1335457127%);
  }
  80% {
    transform: translate(-1.2012331974%, -0.4431697874%);
  }
  80.8333333333% {
    transform: translate(-0.0435045946%, 0.0674711331%);
  }
  81.6666666667% {
    transform: translate(1.6774578228%, 0.2915958989%);
  }
  82.5% {
    transform: translate(0.0897949417%, 0.0062105425%);
  }
  83.3333333333% {
    transform: translate(-1.8619904276%, 0.4682393664%);
  }
  84.1666666667% {
    transform: translate(1.3170724721%, 0.3393694113%);
  }
  85% {
    transform: translate(0.784960122%, -0.2502111964%);
  }
  85.8333333333% {
    transform: translate(0.0611791874%, -0.188728219%);
  }
  86.6666666667% {
    transform: translate(-0.6846520446%, 0.0009542237%);
  }
  87.5% {
    transform: translate(1.1105761882%, -0.3438136127%);
  }
  88.3333333333% {
    transform: translate(0.3268973604%, 0.2882086611%);
  }
  89.1666666667% {
    transform: translate(1.6252378023%, 0.0162709532%);
  }
  90% {
    transform: translate(-0.6843260674%, -0.1980003578%);
  }
  90.8333333333% {
    transform: translate(1.0530981312%, -0.2065584933%);
  }
  91.6666666667% {
    transform: translate(-1.4023968312%, -0.3966540735%);
  }
  92.5% {
    transform: translate(-1.4018554203%, -0.0470257626%);
  }
  93.3333333333% {
    transform: translate(-0.046550198%, 0.2929275949%);
  }
  94.1666666667% {
    transform: translate(0.3591938634%, 0.4007832681%);
  }
  95% {
    transform: translate(0.5885428596%, 0.2643899324%);
  }
  95.8333333333% {
    transform: translate(-1.148206084%, -0.4341709735%);
  }
  96.6666666667% {
    transform: translate(-1.5800679983%, 0.2191490764%);
  }
  97.5% {
    transform: translate(-1.5392203162%, -0.0582462951%);
  }
  98.3333333333% {
    transform: translate(-0.4319629517%, -0.3163233724%);
  }
  99.1666666667% {
    transform: translate(-1.2908728603%, 0.4117612741%);
  }
  100%, 100% {
    transform: none;
  }
}
.glitch .red-color::before {
  background: #ff0000;
}
.glitch .green-color {
  animation: change-g 2.5s steps(1) infinite alternate both;
}
@keyframes change-g {
  0% {
    transform: translate(0.7755338754%, -0.2328808562%);
  }
  0.8333333333% {
    transform: translate(1.6253285963%, -0.4521949737%);
  }
  1.6666666667% {
    transform: translate(-0.8004523944%, 0.4563130979%);
  }
  2.5% {
    transform: translate(-1.6445728863%, 0.2462193209%);
  }
  3.3333333333% {
    transform: translate(0.0666981599%, 0.2454403069%);
  }
  4.1666666667% {
    transform: translate(0.2640317277%, -0.2653481876%);
  }
  5% {
    transform: translate(1.7893497319%, 0.3845101804%);
  }
  5.8333333333% {
    transform: translate(-0.3672840733%, -0.2423753981%);
  }
  6.6666666667% {
    transform: translate(-1.0327076532%, -0.3253718239%);
  }
  7.5% {
    transform: translate(-1.0068625532%, 0.2949042135%);
  }
  8.3333333333% {
    transform: translate(1.6009078371%, -0.1943894163%);
  }
  9.1666666667% {
    transform: translate(0.2991534386%, -0.331616764%);
  }
  10% {
    transform: translate(0.6719327331%, 0.3301887906%);
  }
  10.8333333333% {
    transform: translate(0.1752443103%, 0.0052367295%);
  }
  11.6666666667% {
    transform: translate(1.6115045198%, 0.1680286887%);
  }
  12.5% {
    transform: translate(1.4884117011%, 0.1348513173%);
  }
  13.3333333333% {
    transform: translate(0.7461551764%, -0.3697594199%);
  }
  14.1666666667% {
    transform: translate(0.0948553244%, 0.4952705324%);
  }
  15% {
    transform: translate(-1.6438730097%, 0.1281990152%);
  }
  15.8333333333% {
    transform: translate(-1.9179283616%, -0.4568282745%);
  }
  16.6666666667% {
    transform: translate(0.3339083699%, 0.4328222799%);
  }
  17.5% {
    transform: translate(-1.5392010679%, -0.072284863%);
  }
  18.3333333333% {
    transform: translate(-1.6565297135%, 0.2801848348%);
  }
  19.1666666667% {
    transform: translate(1.995533552%, -0.4541420696%);
  }
  20% {
    transform: translate(1.4836164321%, -0.10820011%);
  }
  20.8333333333% {
    transform: translate(0.1996494354%, -0.1707210854%);
  }
  21.6666666667% {
    transform: translate(-0.8496563117%, 0.2120166624%);
  }
  22.5% {
    transform: translate(-1.9024741664%, -0.1550301655%);
  }
  23.3333333333% {
    transform: translate(0.5164203634%, -0.0529565163%);
  }
  24.1666666667% {
    transform: translate(-1.9786764046%, -0.2300749765%);
  }
  25% {
    transform: translate(1.6681936654%, -0.4698028972%);
  }
  25.8333333333% {
    transform: translate(1.4764410016%, 0.3648149989%);
  }
  26.6666666667% {
    transform: translate(0.4650619605%, -0.1834819235%);
  }
  27.5% {
    transform: translate(1.5497528015%, -0.1369285663%);
  }
  28.3333333333% {
    transform: translate(1.4539977961%, 0.0853433703%);
  }
  29.1666666667% {
    transform: translate(1.4475314998%, -0.3737636315%);
  }
  30% {
    transform: translate(-1.0784808284%, 0.1345218089%);
  }
  30.8333333333% {
    transform: translate(-1.0109607433%, 0.330832158%);
  }
  31.6666666667% {
    transform: translate(-0.6111375333%, -0.0265882065%);
  }
  32.5% {
    transform: translate(1.8167404339%, -0.1545958719%);
  }
  33.3333333333% {
    transform: translate(1.9583994476%, -0.0855063427%);
  }
  34.1666666667% {
    transform: translate(1.5836460331%, 0.0960205904%);
  }
  35% {
    transform: translate(0.2857036284%, 0.3892481222%);
  }
  35.8333333333% {
    transform: translate(-1.9751413158%, 0.2484914501%);
  }
  36.6666666667% {
    transform: translate(-0.5254016512%, 0.0617508209%);
  }
  37.5% {
    transform: translate(-0.8410188635%, -0.1072323763%);
  }
  38.3333333333% {
    transform: translate(1.4549374352%, 0.0250933468%);
  }
  39.1666666667% {
    transform: translate(-0.7246722971%, -0.1056511761%);
  }
  40% {
    transform: translate(1.5783318587%, -0.0330913111%);
  }
  40.8333333333% {
    transform: translate(0.3083434128%, 0.066229517%);
  }
  41.6666666667% {
    transform: translate(-1.79027364%, -0.0446539032%);
  }
  42.5% {
    transform: translate(1.6845720153%, -0.37344721%);
  }
  43.3333333333% {
    transform: translate(-1.2721930051%, -0.4140226725%);
  }
  44.1666666667% {
    transform: translate(-0.7235019633%, -0.3582052719%);
  }
  45% {
    transform: translate(0.7655295227%, 0.127195621%);
  }
  45.8333333333% {
    transform: translate(1.5014466949%, 0.1897492334%);
  }
  46.6666666667% {
    transform: translate(1.2298534479%, -0.482182088%);
  }
  47.5% {
    transform: translate(-0.9450280485%, 0.3838444526%);
  }
  48.3333333333% {
    transform: translate(1.2779390515%, 0.2720653965%);
  }
  49.1666666667% {
    transform: translate(0.3973785737%, 0.4609800731%);
  }
  50% {
    transform: translate(1.2915528971%, 0.289545528%);
  }
  50.8333333333% {
    transform: translate(0.6039899552%, -0.1739687622%);
  }
  51.6666666667% {
    transform: translate(1.9190936368%, -0.494364183%);
  }
  52.5% {
    transform: translate(1.8367128636%, -0.1604409655%);
  }
  53.3333333333% {
    transform: translate(-0.279519652%, 0.3280390403%);
  }
  54.1666666667% {
    transform: translate(-0.924219144%, 0.1288466714%);
  }
  55% {
    transform: translate(-1.8709860213%, 0.3068377255%);
  }
  55.8333333333% {
    transform: translate(1.3015814228%, -0.4618012812%);
  }
  56.6666666667% {
    transform: translate(0.1891104403%, -0.1116074442%);
  }
  57.5% {
    transform: translate(1.2087326686%, -0.1635644473%);
  }
  58.3333333333% {
    transform: translate(1.2217246691%, -0.3043396873%);
  }
  59.1666666667% {
    transform: translate(1.4290776985%, -0.2069658477%);
  }
  60% {
    transform: translate(-1.5871588996%, 0.2015086277%);
  }
  60.8333333333% {
    transform: translate(-0.944226782%, -0.1639000596%);
  }
  61.6666666667% {
    transform: translate(-1.1896156552%, 0.140062782%);
  }
  62.5% {
    transform: translate(-0.9769321354%, 0.1368167706%);
  }
  63.3333333333% {
    transform: translate(-1.1927224065%, 0.1833887391%);
  }
  64.1666666667% {
    transform: translate(-0.478489406%, -0.176402734%);
  }
  65% {
    transform: translate(0.9369414006%, -0.4566592117%);
  }
  65.8333333333% {
    transform: translate(-0.2143007468%, 0.3746884646%);
  }
  66.6666666667% {
    transform: translate(-0.3369618509%, 0.0543349052%);
  }
  67.5% {
    transform: translate(0.8705879751%, 0.0539478918%);
  }
  68.3333333333% {
    transform: translate(-1.481295058%, 0.0662489217%);
  }
  69.1666666667% {
    transform: translate(-1.9229260885%, 0.4188030358%);
  }
  70% {
    transform: translate(-0.59621777%, -0.3393331041%);
  }
  70.8333333333% {
    transform: translate(-1.1372593497%, -0.0994415914%);
  }
  71.6666666667% {
    transform: translate(0.672232618%, -0.3638604957%);
  }
  72.5% {
    transform: translate(-0.5774060137%, -0.2133569491%);
  }
  73.3333333333% {
    transform: translate(1.419997112%, -0.2680948186%);
  }
  74.1666666667% {
    transform: translate(1.8679533418%, -0.4831071158%);
  }
  75% {
    transform: translate(0.2776142994%, 0.409218012%);
  }
  75.8333333333% {
    transform: translate(-0.3048959521%, 0.3744560396%);
  }
  76.6666666667% {
    transform: translate(-0.7564191889%, -0.1528451701%);
  }
  77.5% {
    transform: translate(-0.8419459512%, 0.1761870085%);
  }
  78.3333333333% {
    transform: translate(-1.1242738384%, -0.0563176998%);
  }
  79.1666666667% {
    transform: translate(-1.3449566952%, -0.0010344797%);
  }
  80% {
    transform: translate(-0.6465711579%, -0.2895709141%);
  }
  80.8333333333% {
    transform: translate(-0.7853964884%, -0.4743604069%);
  }
  81.6666666667% {
    transform: translate(0.3714856448%, 0.0401201374%);
  }
  82.5% {
    transform: translate(0.2330878143%, -0.0715369689%);
  }
  83.3333333333% {
    transform: translate(0.3144581158%, 0.062723805%);
  }
  84.1666666667% {
    transform: translate(-1.3189000194%, -0.2714462871%);
  }
  85% {
    transform: translate(-1.3609699124%, -0.3463573208%);
  }
  85.8333333333% {
    transform: translate(-1.2999471957%, 0.4419419741%);
  }
  86.6666666667% {
    transform: translate(-1.9438539176%, -0.3362149171%);
  }
  87.5% {
    transform: translate(-1.0933551481%, 0.3446995969%);
  }
  88.3333333333% {
    transform: translate(1.233951652%, -0.4862005611%);
  }
  89.1666666667% {
    transform: translate(-1.0119900959%, 0.4025156329%);
  }
  90% {
    transform: translate(-1.6739965436%, -0.2669332286%);
  }
  90.8333333333% {
    transform: translate(0.4079793495%, -0.2230764742%);
  }
  91.6666666667% {
    transform: translate(-0.6458442019%, 0.16502699%);
  }
  92.5% {
    transform: translate(0.018193956%, -0.2030996796%);
  }
  93.3333333333% {
    transform: translate(-0.3851777717%, 0.1438497973%);
  }
  94.1666666667% {
    transform: translate(1.7870770429%, -0.0756522146%);
  }
  95% {
    transform: translate(-0.690544223%, -0.2954987235%);
  }
  95.8333333333% {
    transform: translate(-0.620387912%, 0.0239225524%);
  }
  96.6666666667% {
    transform: translate(1.4877443339%, 0.0496438544%);
  }
  97.5% {
    transform: translate(-0.2795594975%, -0.0992836336%);
  }
  98.3333333333% {
    transform: translate(-0.2784893985%, -0.44508588%);
  }
  99.1666666667% {
    transform: translate(1.350469452%, 0.0139160584%);
  }
  100%, 100% {
    transform: none;
  }
}
.glitch .green-color::before {
  background: #00ff00;
}
.glitch .blue-color {
  animation: change-b 2.5s steps(1) infinite alternate both;
}
@keyframes change-b {
  0% {
    transform: translate(0.2852669604%, -0.1936962327%);
  }
  0.8333333333% {
    transform: translate(0.7392264099%, -0.2865879486%);
  }
  1.6666666667% {
    transform: translate(1.0324007794%, 0.4928747465%);
  }
  2.5% {
    transform: translate(1.7275580516%, -0.184086412%);
  }
  3.3333333333% {
    transform: translate(-1.3190347741%, -0.2681230008%);
  }
  4.1666666667% {
    transform: translate(0.6171997623%, -0.2353298817%);
  }
  5% {
    transform: translate(-0.3372046684%, 0.0072358439%);
  }
  5.8333333333% {
    transform: translate(0.1838662037%, 0.1532342048%);
  }
  6.6666666667% {
    transform: translate(0.8873646636%, 0.0660634707%);
  }
  7.5% {
    transform: translate(1.6823653049%, 0.2602319391%);
  }
  8.3333333333% {
    transform: translate(1.4725155663%, 0.4083124344%);
  }
  9.1666666667% {
    transform: translate(-0.2781327506%, 0.364339156%);
  }
  10% {
    transform: translate(1.3624979933%, 0.3576104427%);
  }
  10.8333333333% {
    transform: translate(0.9277747718%, -0.008670078%);
  }
  11.6666666667% {
    transform: translate(-0.8206231336%, 0.4467063867%);
  }
  12.5% {
    transform: translate(0.2371674591%, 0.2174918404%);
  }
  13.3333333333% {
    transform: translate(0.4259956549%, -0.2768102783%);
  }
  14.1666666667% {
    transform: translate(0.2016645345%, 0.024907017%);
  }
  15% {
    transform: translate(1.2707676214%, 0.2255418219%);
  }
  15.8333333333% {
    transform: translate(-0.3948578568%, -0.3327727365%);
  }
  16.6666666667% {
    transform: translate(1.780565138%, 0.0745246747%);
  }
  17.5% {
    transform: translate(0.0970434636%, 0.2747379334%);
  }
  18.3333333333% {
    transform: translate(0.5832418896%, 0.4963897001%);
  }
  19.1666666667% {
    transform: translate(1.6704128695%, -0.3923160963%);
  }
  20% {
    transform: translate(-1.2884622273%, -0.4764793887%);
  }
  20.8333333333% {
    transform: translate(0.4508975583%, 0.1621473075%);
  }
  21.6666666667% {
    transform: translate(-0.8034680005%, -0.2594742959%);
  }
  22.5% {
    transform: translate(-1.0258954478%, 0.4391350689%);
  }
  23.3333333333% {
    transform: translate(1.3167067067%, 0.0654052145%);
  }
  24.1666666667% {
    transform: translate(-0.0216034755%, 0.1096573408%);
  }
  25% {
    transform: translate(1.7152805613%, -0.4989706941%);
  }
  25.8333333333% {
    transform: translate(1.3758989378%, -0.1184287398%);
  }
  26.6666666667% {
    transform: translate(1.6580936084%, -0.1317340331%);
  }
  27.5% {
    transform: translate(0.9147660976%, 0.2972067702%);
  }
  28.3333333333% {
    transform: translate(1.5308564145%, -0.1744511729%);
  }
  29.1666666667% {
    transform: translate(-0.0374756768%, 0.1499779861%);
  }
  30% {
    transform: translate(-1.3922972733%, 0.2634257395%);
  }
  30.8333333333% {
    transform: translate(0.4940874466%, -0.100504371%);
  }
  31.6666666667% {
    transform: translate(-0.3024026947%, 0.4597655532%);
  }
  32.5% {
    transform: translate(0.9190531443%, -0.3080754884%);
  }
  33.3333333333% {
    transform: translate(1.2990056739%, -0.1994653126%);
  }
  34.1666666667% {
    transform: translate(-1.1764575625%, -0.3852774626%);
  }
  35% {
    transform: translate(1.3751187062%, -0.3091700126%);
  }
  35.8333333333% {
    transform: translate(-1.2595811938%, -0.3467811083%);
  }
  36.6666666667% {
    transform: translate(-1.9609474947%, 0.4466163922%);
  }
  37.5% {
    transform: translate(-1.4553547745%, 0.1839612124%);
  }
  38.3333333333% {
    transform: translate(-0.5059162036%, 0.3250208067%);
  }
  39.1666666667% {
    transform: translate(0.6530409555%, -0.1694948457%);
  }
  40% {
    transform: translate(-0.4956862385%, -0.3143250815%);
  }
  40.8333333333% {
    transform: translate(-1.4201071657%, -0.2569375985%);
  }
  41.6666666667% {
    transform: translate(-1.3753608523%, -0.1361153997%);
  }
  42.5% {
    transform: translate(0.9997290469%, -0.210670631%);
  }
  43.3333333333% {
    transform: translate(-1.1871606076%, 0.1201748703%);
  }
  44.1666666667% {
    transform: translate(-0.5964255574%, 0.2243590944%);
  }
  45% {
    transform: translate(-1.4189125196%, -0.1305766391%);
  }
  45.8333333333% {
    transform: translate(1.9158022427%, -0.3398322402%);
  }
  46.6666666667% {
    transform: translate(-1.5365978215%, -0.3847180413%);
  }
  47.5% {
    transform: translate(1.8244952949%, 0.4591317311%);
  }
  48.3333333333% {
    transform: translate(1.0810216747%, -0.4984817278%);
  }
  49.1666666667% {
    transform: translate(-1.0047960375%, -0.1208116567%);
  }
  50% {
    transform: translate(0.424103628%, -0.4798486237%);
  }
  50.8333333333% {
    transform: translate(-0.2680669113%, 0.0397468665%);
  }
  51.6666666667% {
    transform: translate(0.8395353877%, 0.3115786241%);
  }
  52.5% {
    transform: translate(1.7629544934%, -0.2973071276%);
  }
  53.3333333333% {
    transform: translate(-1.6118398386%, 0.0754265452%);
  }
  54.1666666667% {
    transform: translate(1.5601625481%, 0.3215716401%);
  }
  55% {
    transform: translate(0.5482728828%, -0.4374550128%);
  }
  55.8333333333% {
    transform: translate(1.1133687279%, -0.2588043311%);
  }
  56.6666666667% {
    transform: translate(1.736040633%, 0.3597296545%);
  }
  57.5% {
    transform: translate(0.3258169439%, -0.2771670289%);
  }
  58.3333333333% {
    transform: translate(0.1483569829%, -0.30161327%);
  }
  59.1666666667% {
    transform: translate(-0.6526117669%, 0.1692355646%);
  }
  60% {
    transform: translate(0.5118223981%, -0.2043465077%);
  }
  60.8333333333% {
    transform: translate(1.0849910641%, -0.2874536846%);
  }
  61.6666666667% {
    transform: translate(-0.91494717%, -0.3226121224%);
  }
  62.5% {
    transform: translate(0.8254603684%, -0.0748813202%);
  }
  63.3333333333% {
    transform: translate(1.978500915%, -0.1398177377%);
  }
  64.1666666667% {
    transform: translate(-0.2810760501%, 0.1064595773%);
  }
  65% {
    transform: translate(-1.9740200249%, -0.4965419052%);
  }
  65.8333333333% {
    transform: translate(0.2263038441%, -0.013672954%);
  }
  66.6666666667% {
    transform: translate(1.7382884571%, 0.1031478687%);
  }
  67.5% {
    transform: translate(-1.3704193282%, -0.4964686992%);
  }
  68.3333333333% {
    transform: translate(-0.3611959213%, -0.1105151122%);
  }
  69.1666666667% {
    transform: translate(1.9636621307%, -0.0611535393%);
  }
  70% {
    transform: translate(-1.185762536%, -0.3443765177%);
  }
  70.8333333333% {
    transform: translate(1.1646541828%, 0.2798249922%);
  }
  71.6666666667% {
    transform: translate(-1.4666756707%, -0.1998995946%);
  }
  72.5% {
    transform: translate(1.3210438387%, 0.0736391593%);
  }
  73.3333333333% {
    transform: translate(-1.6213215023%, 0.2836027455%);
  }
  74.1666666667% {
    transform: translate(-1.7228466252%, -0.031291165%);
  }
  75% {
    transform: translate(0.4871988174%, 0.4168342363%);
  }
  75.8333333333% {
    transform: translate(1.089686245%, 0.0154788108%);
  }
  76.6666666667% {
    transform: translate(-1.9603184373%, 0.231745151%);
  }
  77.5% {
    transform: translate(-0.3384066456%, 0.4420105369%);
  }
  78.3333333333% {
    transform: translate(-1.4868933043%, -0.3996796867%);
  }
  79.1666666667% {
    transform: translate(-0.0113042477%, -0.17856512%);
  }
  80% {
    transform: translate(-0.6253731345%, -0.1234613183%);
  }
  80.8333333333% {
    transform: translate(-0.3701855724%, -0.1416340953%);
  }
  81.6666666667% {
    transform: translate(-1.3233503835%, 0.0628465269%);
  }
  82.5% {
    transform: translate(-0.1210824193%, -0.1400316113%);
  }
  83.3333333333% {
    transform: translate(-0.7014157931%, -0.0739943524%);
  }
  84.1666666667% {
    transform: translate(0.1358331268%, -0.1958957126%);
  }
  85% {
    transform: translate(0.1239577579%, 0.0464725801%);
  }
  85.8333333333% {
    transform: translate(-1.6933488256%, -0.0589192022%);
  }
  86.6666666667% {
    transform: translate(0.7868489345%, -0.1949290574%);
  }
  87.5% {
    transform: translate(-0.306228846%, -0.2588984818%);
  }
  88.3333333333% {
    transform: translate(-0.6078858212%, -0.1600546596%);
  }
  89.1666666667% {
    transform: translate(-0.9629643927%, -0.4480928071%);
  }
  90% {
    transform: translate(0.8069286285%, 0.2275677941%);
  }
  90.8333333333% {
    transform: translate(-1.5306267293%, 0.0657295234%);
  }
  91.6666666667% {
    transform: translate(-1.5238554168%, 0.0045082642%);
  }
  92.5% {
    transform: translate(0.7648230487%, -0.4127087409%);
  }
  93.3333333333% {
    transform: translate(0.1251965438%, 0.2915139594%);
  }
  94.1666666667% {
    transform: translate(0.7139992399%, 0.3235510242%);
  }
  95% {
    transform: translate(0.1681957052%, 0.4583497854%);
  }
  95.8333333333% {
    transform: translate(-1.7260020112%, -0.1120083893%);
  }
  96.6666666667% {
    transform: translate(1.8161871562%, -0.0906382801%);
  }
  97.5% {
    transform: translate(0.2329640726%, 0.4946111556%);
  }
  98.3333333333% {
    transform: translate(-1.7388570891%, -0.4393550299%);
  }
  99.1666666667% {
    transform: translate(1.4837859902%, -0.1483219213%);
  }
  100%, 100% {
    transform: none;
  }
}
.glitch .blue-color::before {
  background: #0000ff;
}

/* background */
.bg--wrap {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: -1;
}

.bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-image: url("/static/sim/official_renewal/common/background-texture.webp");
  background-size: 110%;
  background-position: 0% 0%;
  z-index: -3;
  transition: opacity 1.5s cubic-bezier(0, 0.02, 0.13, 1);
}
.bg.no-glitch {
  opacity: 1;
}
.bg.no-glitch.no {
  opacity: 0;
}
.bg.glitch {
  opacity: 0;
}
.bg.glitch.on {
  opacity: 1;
}
.bg__logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100svh;
  display: inline-block;
  z-index: -2;
  transition: opacity 1.5s cubic-bezier(0, 0.02, 0.13, 1);
  opacity: 0.5;
  mix-blend-mode: overlay;
}
.bg__logo.glitch-on {
  opacity: 1;
  mix-blend-mode: initial;
}
.bg__logo.glitch-on .on {
  opacity: 1;
}
.bg__logo.glitch-on .off {
  opacity: 0;
}
.bg__logo .off {
  opacity: 1;
}
.bg__logo .on {
  opacity: 0;
}
.bg__logo img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 1.5s cubic-bezier(0, 0.02, 0.13, 1);
}
.bg__filter {
  width: 100%;
  height: 100%;
  background: radial-gradient(at 50% 50%, rgba(0, 0, 0, 0.3) 0, rgb(0, 0, 0) 100%);
  position: relative;
  z-index: -1;
  opacity: 1;
}

/* image */
.ph,
.thumb {
  position: relative;
}
.ph::after,
.thumb::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ph img,
.thumb img {
  width: 100%;
  height: 100%;
}
.ph .dummy,
.thumb .dummy {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.video {
  position: relative;
  padding-top: 56.25%;
}
.video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* flex */
.flex--container {
  display: flex;
}

/* delighter */
.delighter {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1.7s linear, transform 1.7s cubic-bezier(0, 0.02, 0.13, 1);
}

.delighter.started {
  transform: translate(0);
  opacity: 1;
}

/* indent */
.small--indent {
  padding-left: 0.5em;
  text-indent: -0.5em;
}

.middle--indent {
  padding-left: 1em;
  text-indent: -1em;
}

/* pagenation */
.block--pager {
  letter-spacing: -0.5em;
  margin: 60px 0 auto;
  padding: 0;
  height: 60px;
  position: relative;
}
.block--pager li {
  display: inline-block;
  font-family: "din-2014", sans-serif;
  padding: 0.6em 0;
  margin: 0 10px;
  letter-spacing: 0.03em;
  text-align: center;
  vertical-align: middle;
  position: relative;
  font-size: 18px;
}
.block--pager a {
  display: block;
  position: relative;
  text-decoration: none;
}
.block--pager .arrow svg {
  width: 20px;
}
.block--pager .pager__item--number {
  text-align: center;
  color: #fff;
}
.block--pager .pager__item--newer,
.block--pager .pager__item--older {
  width: 40px;
  height: 40px;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 5px;
  z-index: 2;
}
.block--pager .pager__item--newer::before,
.block--pager .pager__item--older::before {
  display: none !important;
}
.block--pager .pager__item--newer a,
.block--pager .pager__item--older a {
  width: 100%;
  height: 100%;
  display: block;
}
.block--pager .pager__item--newer a span,
.block--pager .pager__item--older a span {
  opacity: 1;
}
.block--pager .pager__item--newer span,
.block--pager .pager__item--older span {
  width: 100%;
  height: 100%;
  padding: 12px 0;
  position: relative;
  display: flex;
  text-align: center;
  justify-content: center;
  opacity: 0.4;
  line-height: 15px;
}
.block--pager .pager__item--newer .arrow,
.block--pager .pager__item--older .arrow {
  position: relative;
}
.block--pager .pager__item--newer .arrow::after,
.block--pager .pager__item--older .arrow::after {
  position: absolute;
  content: " ";
  background-image: url(/static/sim/official_renewal/common/arrow.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 27px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.block--pager .pager__item--older .arrow {
  transform: scale(-1, 1);
}
.block--pager .pager__item--older a,
.block--pager .pager__item--other a {
  color: #FFFFFF;
  position: relative;
  padding: 3px 0;
}
.block--pager .pager__item--other {
  opacity: 0.4;
  font-weight: 300;
}
.block--pager .pager__item--current {
  display: inline-block;
  position: relative;
  padding: 0.6em 0;
  line-height: 0.5;
  vertical-align: middle;
  letter-spacing: normal;
  color: #FFFFFF;
  opacity: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 300;
}
.block--pager .pager__item--current span {
  text-decoration: underline;
  text-underline-offset: 5px;
}

/* block-tit */
.block-tit .section-tit {
  font-family: "kobenhavn-sans-stencil", sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
}

/* svg-parts */
.svg-parts {
  display: none;
}

/* .detail__btn */
.detail__btn a {
  text-decoration: none;
}
.detail__btn a .back--arrow {
  margin-right: 0.5em;
}

/* .list--information.news */
.list--information.news {
  display: grid;
}
.list--information.news .list--item {
  position: relative;
}
.list--information.news .list--item.new::after {
  content: "New";
  position: absolute;
  font-family: "splash", serif;
  transform: rotate(-15deg);
  color: #d7d7d7;
  right: -5px;
  bottom: -25px;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
}
.list--information.news .list--item:hover::before {
  background-color: #781414;
  filter: blur(5px);
}
.list--information.news .list--item::before {
  content: " ";
  background-color: rgba(255, 255, 255, 0.5098039216);
  filter: blur(2px);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  transition: all 0.3s;
}
.list--information.news .list--item a {
  background-color: #000000;
  color: #E6E6E6;
  text-decoration: none;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.list--information.news .list--item a .date {
  font-family: "din-2014", sans-serif;
  font-weight: 300;
}

/* .list--information.shows */
/* .list--information.carendar */
.list--information.shows.delighter,
.list--information.carendar.delighter {
  margin-top: 50px;
  transition: all 1.7s;
  transform: initial;
}
.list--information.shows.delighter.started,
.list--information.carendar.delighter.started {
  margin-top: 0;
}
.list--information.shows .list--item,
.list--information.carendar .list--item {
  position: relative;
}
.list--information.shows .list--item.new::after,
.list--information.carendar .list--item.new::after {
  content: "New";
  position: absolute;
  font-family: "splash", serif;
  transform: rotate(-15deg);
  color: #d7d7d7;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
}
.list--information.shows .list--item a,
.list--information.carendar .list--item a {
  color: #E6E6E6;
  text-decoration: none;
  align-items: center;
}
.list--information.shows .list--item a .month-day,
.list--information.shows .list--item a .year,
.list--information.shows .list--item a .week,
.list--information.carendar .list--item a .month-day,
.list--information.carendar .list--item a .year,
.list--information.carendar .list--item a .week {
  font-family: "din-2014", sans-serif;
  line-height: 1;
  font-weight: 300;
}
.list--information.shows .list--item a .month-day,
.list--information.carendar .list--item a .month-day {
  letter-spacing: 0.005em;
}

.list--information.shows .list--item {
  border-bottom: 1px solid #4c4c4c;
}
.list--information.shows .list--item:first-child {
  border-top: 1px solid #4c4c4c;
}

/* .block--button-nav */
.block--button-nav {
  align-items: center;
}
.block--button-nav .swiper-button-prev,
.block--button-nav .swiper-button-next,
.block--button-nav .swiper-pagination {
  position: relative;
}
.block--button-nav .swiper-button-prev {
  left: 0;
}
.block--button-nav .swiper-button-prev::after {
  content: " ";
  position: absolute;
  background-image: url("/static/sim/official_renewal/common/arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.block--button-nav .swiper-button-next {
  right: 0;
}
.block--button-nav .swiper-button-next::after {
  content: " ";
  position: absolute;
  transform: scale(-1, 1);
  background-image: url("/static/sim/official_renewal/common/arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.block--button-nav .swiper-pagination {
  bottom: initial !important;
  top: initial !important;
  left: initial !important;
  width: initial !important;
}
.block--button-nav .swiper-pagination-bullet {
  background: none;
  border: 1px solid #FFFFFF;
  opacity: 1;
}
.block--button-nav .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FFFFFF;
}

.header {
  position: fixed;
  left: 50%;
  transform: translate(-50%);
  mix-blend-mode: difference;
  z-index: 30;
}
.header > .flex--container {
  justify-content: space-between;
}
.header__logo {
  transition: 2.3s cubic-bezier(0, 0.02, 0.13, 1) 0.5s;
}

body.page--home .header__logo,
body.page--home .drawer__btn--box {
  -webkit-clip-path: polygon(0 150%, 100% 100%, 100% 100%, 0% 100%);
          clip-path: polygon(0 150%, 100% 100%, 100% 100%, 0% 100%);
}

.drawer__btn--box {
  cursor: pointer;
  transition: -webkit-clip-path 2.3s cubic-bezier(0, 0.02, 0.13, 1) 0.5s;
  transition: clip-path 2.3s cubic-bezier(0, 0.02, 0.13, 1) 0.5s;
  transition: clip-path 2.3s cubic-bezier(0, 0.02, 0.13, 1) 0.5s, -webkit-clip-path 2.3s cubic-bezier(0, 0.02, 0.13, 1) 0.5s;
}
.drawer__btn--box .drawer__btn--txt {
  font-family: "din-2014", sans-serif;
}
.drawer__btn--box .drawer__btn {
  width: 30px;
}
.drawer__btn--box .drawer__btn--inner {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.drawer__btn--box .drawer__btn--inner span {
  background-color: #FFFFFF;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s;
}
.drawer__btn--box .drawer__btn--inner span:first-child {
  top: 0;
}
.drawer__btn--box .drawer__btn--inner span:nth-child(2) {
  bottom: 0;
}

body.drawer-visible .drawer {
  opacity: 1;
  visibility: visible;
}
body.drawer-visible main,
body.drawer-visible .footer {
  opacity: 0;
  visibility: hidden;
}
body.drawer-visible .drawer__btn--inner span:first-child {
  transform: translateX(-50%) rotate(30deg);
  top: 3px;
}
body.drawer-visible .drawer__btn--inner span:nth-child(2) {
  transform: translateX(-50%) rotate(-30deg);
  bottom: 3px;
}
body.drawer-visible .bg__logo {
  opacity: 0.5;
  mix-blend-mode: overlay;
}
body.drawer-visible .bg__logo .off {
  opacity: 1;
}
body.drawer-visible .bg__logo .on {
  opacity: 0;
}
body.drawer-visible .bg.glitch.on {
  opacity: 0;
}
body.drawer-visible .bg.no-glitch.no {
  opacity: 1;
}

main,
.footer {
  transition: all 0.2s;
}

.drawer {
  position: fixed;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  z-index: 25;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  mix-blend-mode: difference;
  background-color: #781414;
}
.drawer__inner {
  position: absolute;
}
.drawer__inner .g-nav .nav--list a {
  text-decoration: none;
  font-family: "kobenhavn-sans-stencil", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.drawer--grunge {
  position: absolute;
  z-index: 20;
  pointer-events: none;
}
.drawer--grunge img {
  width: 100%;
  height: 100%;
}

.vertical--roop--box {
  position: fixed;
  top: 0;
  z-index: -2;
  mix-blend-mode: color-dodge;
}
.vertical--roop--box.left {
  left: 0;
}
.vertical--roop--box.right {
  right: 0;
}
.vertical--roop--box .roop--box--inner .roop--txt {
  animation: vertical--roop--txt 18s linear infinite;
}

.flow--parts01 {
  fill: #cbcbcb;
  stroke-width: 0px;
}

.flow--parts02 {
  isolation: isolate;
}

body.japan-site .keyvisual,
body.japan-site .drawer__btn--box,
body.japan-site .scrolldown,
body.japan-site .header__logo,
body.japan-site .header .header__nav .g-nav .nav--item {
  -webkit-clip-path: polygon(0 0%, 100% -50%, 100% 100%, 0% 100%);
          clip-path: polygon(0 0%, 100% -50%, 100% 100%, 0% 100%);
}

.section--hero {
  height: 100vh;
}
.section--hero .scrolldown {
  position: absolute;
  -webkit-clip-path: polygon(0 150%, 100% 100%, 100% 100%, 0% 100%);
          clip-path: polygon(0 150%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 2.3s cubic-bezier(0, 0.02, 0.13, 1) 0.5s;
}
.section--hero .scrolldown img,
.section--hero .scrolldown p {
  display: inline-block;
}
.section--hero .scrolldown p {
  font-family: "din-2014", sans-serif;
  opacity: 0.5;
}
.section--hero .keyvisual,
.section--hero .svg-box {
  aspect-ratio: 16/10;
}
.section--hero .keyvisual {
  background-image: url("/static/sim/official_renewal/top/kv/kv-202505.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-clip-path: polygon(0 150%, 100% 100%, 100% 103%, 0% 100%);
          clip-path: polygon(0 150%, 100% 100%, 100% 103%, 0% 100%);
  transition: all 2.3s cubic-bezier(0, 0.02, 0.13, 1) 0.5s;
}
.section--hero .keyvisual__inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.section--hero #svg-animation {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  mix-blend-mode: difference;
  opacity: 0;
  transition: opacity 1s;
}
.section--hero .st-01,
.section--hero .st-02,
.section--hero .st-03,
.section--hero .st-04 {
  stroke-miterlimit: 10;
}
.section--hero .st-01,
.section--hero .st-02,
.section--hero .st-03,
.section--hero .st-04,
.section--hero .st-05 {
  fill: none;
  stroke: #ffffff;
  stroke-miterlimit: 10;
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500;
}
.section--hero .st-02,
.section--hero .st-03,
.section--hero .st-04,
.section--hero .st-05 {
  stroke-linecap: round;
}
.section--hero .st-02,
.section--hero .st-05 {
  stroke-width: 10px;
}
.section--hero .st-03 {
  stroke-width: 25px;
}
.section--hero .st-04 {
  stroke-width: 70px;
}
.section--hero .st-05 {
  stroke-linejoin: round;
}
.section--hero .st-02:last-of-type {
  stroke-width: 33px;
}

body.japan-site.loadedA #svg-animation {
  opacity: 1;
}

.section--banner {
  overflow: hidden;
}
.section--banner.no-swiper00 {
  display: none;
}
.section--banner .swiper-container {
  overflow: hidden;
}
.section--banner .swiper-container .swiper-slide {
  -webkit-clip-path: polygon(0 150%, 100% 100%, 100% 100%, 0% 100%);
          clip-path: polygon(0 150%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 1.7s cubic-bezier(0, 0.02, 0.13, 1);
  transform: translate(0);
  opacity: 1;
}
.section--banner .swiper-container .swiper-slide.started {
  -webkit-clip-path: polygon(0 0%, 100% -50%, 100% 100%, 0% 100%);
          clip-path: polygon(0 0%, 100% -50%, 100% 100%, 0% 100%);
}

.section--news .tit-box,
.section--shows .tit-box {
  align-items: flex-end;
}
.section--news .tit-box .section-tit,
.section--shows .tit-box .section-tit {
  font-family: "kobenhavn-sans-stencil", sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  -webkit-font-smoothing: antialiased; /* or subpixel-antialiased */
}
.section--news .tit-box .list__more,
.section--shows .tit-box .list__more {
  font-family: "din-2014", sans-serif;
  text-decoration: underline;
}
.section--news .tit-box .list__more a,
.section--shows .tit-box .list__more a {
  color: #FFFFFF;
}

.section--shows .list--information {
  transform: initial;
  margin-top: 100px;
  transition: all 1.7s cubic-bezier(0, 0.02, 0.13, 1);
}
.section--shows .list--information.started {
  margin-top: 0;
}

.section--disco {
  position: relative;
}
.section--disco .tit-box .section-tit {
  font-family: "kobenhavn-sans-stencil", sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
}
.section--disco .tit-box .list__more {
  font-family: "din-2014", sans-serif;
  text-decoration: underline;
}
.section--disco .tit-box .list__more a {
  color: #FFFFFF;
}
.section--disco .disco--contents {
  margin: 0 auto;
}
.section--disco .disco--contents .category p {
  font-family: "din-2014", sans-serif;
  display: inline-block;
  position: relative;
}
.section--disco .disco--contents .category p.new::after {
  content: "New";
  position: absolute;
  font-family: "splash", serif;
  transform: rotate(-15deg);
  color: #d7d7d7;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
}
.section--disco .disco--contents .tit {
  position: relative;
  padding: 0 0.3em;
  line-height: 1.5;
  font-weight: 600;
  color: #FFFFFF;
  display: inline-block;
  max-width: 100%;
}
.section--disco .disco--contents .tit::before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(246, 246, 246, 0.2901960784);
  z-index: -1;
}
.section--disco .disco--contents .release {
  letter-spacing: 0.01em;
}
.section--disco .disco--contents .disco--jacket {
  position: relative;
}
.section--disco .disco--contents .disco--jacket .jacket,
.section--disco .disco--contents .disco--jacket .jacket--blur {
  aspect-ratio: 1/1;
  width: 100%;
}
.section--disco .disco--contents .disco--jacket .jacket__inner {
  width: 100%;
  height: 100%;
}
.section--disco .disco--contents .jacket img,
.section--disco .disco--contents .jacket--blur img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-clip-path: polygon(0 150%, 100% 100%, 100% 100%, 0% 100%);
          clip-path: polygon(0 150%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 1.7s cubic-bezier(0, 0.02, 0.13, 1);
  opacity: 1;
}
.section--disco .disco--contents .jacket img.started,
.section--disco .disco--contents .jacket--blur img.started {
  -webkit-clip-path: polygon(0 0%, 100% -50%, 100% 100%, 0% 100%);
          clip-path: polygon(0 0%, 100% -50%, 100% 100%, 0% 100%);
}
.section--disco .disco--contents .grunge--box {
  aspect-ratio: 1/1;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -3;
}
.section--disco .disco--contents .jacket__grunge {
  position: absolute;
  z-index: -2;
  aspect-ratio: 1/1;
}
.section--disco .disco--contents .jacket--blur {
  position: absolute;
  top: 0;
  transform: rotate(10deg);
}
.section--disco .disco--contents .jacket--blur.backdrop {
  z-index: -1;
}
.section--disco .disco--contents .jacket--blur.backdrop .jacket__inner {
  position: relative;
}
.section--disco .disco--contents .jacket--blur.backdrop .jacket__inner::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
}
.section--disco .disco--contents .jacket--blur.blur {
  z-index: -2;
  filter: blur(7px);
}
.section--disco .disco--background {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: #000000;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
          clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  transition: all 0.5s;
}
.section--disco .disco--background.background-in01 {
  -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
}

.section--videos {
  position: relative;
  overflow: hidden;
}
.section--videos .tit-box {
  text-align: center;
  z-index: 30;
}
.section--videos .tit-box .section-tit {
  font-family: "kobenhavn-sans-stencil", sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  font-size: 45px;
  margin-bottom: 20px;
}
.section--videos .tit-box .list__more {
  font-family: "din-2014", sans-serif;
  text-decoration: underline;
}
.section--videos .tit-box .list__more a {
  color: #FFFFFF;
}
.section--videos .videos--background01,
.section--videos .videos--background02 {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: #000000;
  transition: all 0.5s;
}
.section--videos .videos--background01 {
  -webkit-clip-path: polygon(0% 0%, 0% 0, 0% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 0% 0, 0% 100%, 0% 100%);
}
.section--videos .videos--background01.background-in02 {
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
}
.section--videos .videos--background02 {
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
          clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.section--videos .videos--background02.background-in03 {
  -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
}
.section--videos .video--contents .left--grunge,
.section--videos .video--contents .right--grunge {
  position: absolute;
  z-index: 0;
}
.section--videos .video--contents .left--grunge img,
.section--videos .video--contents .right--grunge img {
  width: 100%;
  height: 100%;
}
.section--videos .video--contents .swiper-slide img {
  -webkit-clip-path: polygon(0 150%, 100% 100%, 100% 100%, 0% 100%);
          clip-path: polygon(0 150%, 100% 100%, 100% 100%, 0% 100%);
  transition: all 1.7s cubic-bezier(0, 0.02, 0.13, 1);
  transform: translate(0);
  opacity: 1;
}
.section--videos .video--contents .swiper-slide img.started {
  -webkit-clip-path: polygon(0 0%, 100% -50%, 100% 100%, 0% 100%);
          clip-path: polygon(0 0%, 100% -50%, 100% 100%, 0% 100%);
}

body.page--home .footer {
  height: 100vh;
}
body .footer {
  position: relative;
}
body .footer__contents {
  position: absolute;
}
body .footer .app--link {
  background: #000000;
  position: relative;
}
body .footer .app--link::after {
  content: " ";
  background-color: #FFFFFF;
  filter: blur(2px);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  transition: all 0.5s;
}
body .footer .app--link:hover::after {
  background-color: #781414;
  filter: blur(5px);
}
body .footer a {
  text-decoration: none;
  color: #FFFFFF;
}
body .footer .app--box {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  padding: 0.9em 0;
}
body .footer__logo {
  display: inline-block;
}
body .footer .app--txt {
  font-family: "din-2014", sans-serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
}
body .footer .contact--area p {
  font-family: "din-2014", sans-serif;
  display: inline-block;
}
body .footer__flex {
  font-family: "din-2014", sans-serif;
}
body .footer__flex .link--box .link--list li a {
  font-family: "din-2014", sans-serif;
}
body .footer__flex .link--box .link--list li a p,
body .footer__flex .link--box .link--list li a .arrow-hidden {
  display: inline-block;
}
body .footer__flex .copyright {
  font-family: "din-2014", sans-serif;
}

.page--info.page--news .section--detail .left--item .date, .page--info.page--videos .section--detail .left--item .date, .page--info.page--media .section--detail .left--item .date {
  font-family: "din-2014", sans-serif;
}
.page--info.page--news .section--detail .left--item .block--share .line svg, .page--info.page--videos .section--detail .left--item .block--share .line svg, .page--info.page--media .section--detail .left--item .block--share .line svg {
  fill: #E6E6E6;
  vertical-align: sub;
}
.page--info.page--news .section--detail .right--item, .page--info.page--media .section--detail .right--item {
  background-color: #000000;
  padding: 2em;
}
.page--info.page--videos .section--list .list--information.videos {
  flex-wrap: wrap;
  justify-content: space-between;
}
.page--info.page--videos .section--list .list--information.videos .thumb {
  background-size: cover;
  aspect-ratio: 16/9;
}
.page--info.page--videos .section--list .list--information.videos a {
  text-decoration: none;
}

.page--shows .section--detail .left--item .date {
  font-family: "din-2014", sans-serif;
}
.page--shows .section--detail .right--item {
  background-color: #000000;
  padding: 2em;
}
.page--shows .section--detail .liveinformation--detail--list .list--item {
  overflow: hidden;
  border-bottom: 1px solid #4c4c4c;
  padding: 1.5em 0;
}
.page--shows .section--detail .liveinformation--detail--list .list--item:first-child {
  padding: 0 0 1.5em;
}
.page--shows .section--detail .liveinformation--detail--list .list--item:last-child {
  border-bottom: none;
  padding: 1.5em 0 0;
}
.page--shows .section--detail .liveinformation--detail--list .list--item .list_left {
  font-family: "din-2014", sans-serif;
  background-color: #FFFFFF;
  color: #000000;
  display: inline-block;
  padding: 0 0.5em;
  line-height: 1.1;
  margin-bottom: 1em;
  font-weight: 500;
}

.page--disco .section--list .block--category li {
  margin: 0 0 0.5em 0;
  opacity: 0.5;
  position: relative;
}
.page--disco .section--list .block--category li a {
  text-decoration: none;
}
.page--disco .section--list .block--category li a .current--icon {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: transparent;
  display: inline-block;
  margin-right: 0.5em;
}
.page--disco .section--list .block--category li.current {
  opacity: 1;
}
.page--disco .section--list .block--category li.current a .current--icon {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #781414;
  display: inline-block;
  margin-right: 0.5em;
}
.page--disco .section--list .list--discography {
  flex-wrap: wrap;
  justify-content: space-between;
}
.page--disco .section--list .list--discography li .tit {
  margin-top: 10px;
  display: inline-block;
  position: relative;
}
.page--disco .section--list .list--discography li .tit.new::after {
  content: "New";
  font-family: "splash", serif;
  transform: rotate(-15deg);
  color: #d7d7d7;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
}
.page--disco .section--list .list--discography li:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}
.page--disco .section--list .list--discography .thumb img {
  vertical-align: middle;
}
.page--disco .section--list .list--discography a {
  text-decoration: none;
}
.page--disco .section--list .view--more {
  text-align: center;
}
.page--disco .section--list .view--more a {
  text-decoration: none;
  background: #131313;
  padding: 0.8em 2em;
  border: 1px solid #515151;
  font-size: 15px;
  border-radius: 30px;
  color: #e6e6e6;
  font-family: "din-2014", sans-serif;
}
.page--disco .section--detail .left--item .disco--image ul li {
  margin-bottom: 10px;
}
.page--disco .section--detail .right--item {
  background-color: #000000;
  padding: 2em;
}
.page--disco .section--detail .right--item .contents_inner_text {
  font-family: "din-2014", sans-serif;
  margin: 10px 0 20px;
}

.page--schedule .title {
  font-family: "din-2014", sans-serif;
}
.page--schedule .section--list .block--day_box {
  position: relative;
  overflow: hidden;
}
.page--schedule .section--list .event-date {
  position: absolute;
  font-family: "din-2014", sans-serif;
  line-height: 1;
}
.page--schedule .section--list .event-date:nth-of-type(2) {
  display: none;
}
.page--schedule .section--list .block--txt {
  width: 100%;
  height: 100%;
  display: block;
}
.page--schedule .month-pager li a {
  text-decoration: none;
  font-family: "din-2014", sans-serif;
  position: relative;
}
.page--schedule .month-pager li.prev {
  margin-right: 2em;
}
.page--schedule .month-pager li.prev a::after {
  position: absolute;
  content: " ";
  background-image: url(/static/sim/official_renewal/common/arrow.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 20px;
  height: 10px;
  top: 50%;
  transform: translate(-140%, -50%);
  left: 0;
  transition: all 0.5s;
}
.page--schedule .month-pager li.next a::after {
  position: absolute;
  content: " ";
  background-image: url(/static/sim/official_renewal/common/arrow.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 20px;
  height: 10px;
  top: 50%;
  transform: translate(20%, -50%) scale(-1, 1);
  transition: all 0.5s;
}
.page--schedule .block--category li {
  margin: 0 0.5em 10px 0;
  position: relative;
  display: inline-block;
}
.page--schedule .block--category li input[type=checkbox] {
  -webkit-appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.page--schedule .block--category li input[type=checkbox] + p {
  border: 1px solid #781414;
  background-color: #000000;
  color: #781414;
  font-size: 13px;
  padding: 0em 1.2em;
  color: #781414;
  font-family: "din-2014", sans-serif;
}
.page--schedule .block--category li input[type=checkbox]:checked + p {
  font-size: 13px;
  padding: 0em 1.2em;
  background-color: #781414;
  color: #E6E6E6;
  font-family: "din-2014", sans-serif;
}
.page--schedule .list--information--box .list--information:has(.list--item):first-child .list--item::after {
  display: none;
}
.page--schedule .list--information--box .list--information:has(.list--item) .list--item {
  position: relative;
}
.page--schedule .list--information--box .list--information:has(.list--item) .list--item .day {
  font-family: "din-2014", sans-serif;
}
.page--schedule .list--information--box .list--information:has(.list--item) .list--item .category {
  display: inline-block;
  border: 1px solid;
  padding: 0 0.5em;
  margin-bottom: 1em;
  font-size: 13px;
  padding: 0em 1.2em;
  font-family: "din-2014", sans-serif;
}
.page--schedule .list--information--box .list--information:has(.list--item) .list--item::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #4c4c4c;
  bottom: 0;
  left: 0;
}
.page--schedule .list--information--box .list--information:has(.list--item:nth-child(n+2)) .list--item:not(:last-child)::after {
  background-image: repeating-linear-gradient(90deg, #4c4c4c 0px, #4c4c4c 5px, transparent 5px, transparent 10px);
  background-color: transparent;
  right: 0;
  left: auto;
}
.page--schedule .list--information--box .list--information:has(.list--item:nth-child(n+2)) .list--item:not(:first-child) .event-date {
  display: none;
}

.page--biography .bio--detail {
  background-color: #000000;
  padding: 3em;
}
.page--biography .list--profile dt {
  background-color: #FFFFFF;
  color: #000000;
  font-family: "din-2014", sans-serif;
  display: inline-block;
  padding: 0 0.5em;
  line-height: 1;
}
.page--biography .list--profile dd {
  margin-bottom: 2em;
}
.page--biography .list--history dd {
  margin-bottom: 2em;
}

@keyframes vertical--roop--txt {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
.page--error .tit {
  font-size: 19px;
  margin-bottom: 2em;
}

/* site introducion japan or international */
.page--home.page--introduction {
  overflow: hidden;
}

.page--home #wrapper {
  transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;
}

.page--home.japan-site #wrapper {
  opacity: 1;
  pointer-events: auto;
}

.page--home.page--introduction #introduction__section {
  opacity: 1;
  pointer-events: auto;
}

#introduction__section {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #000;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
}
#introduction__section .inner {
  width: 50%;
  min-width: 400px;
}
#introduction__section .inner .introduction--logo {
  width: 80%;
  max-width: 500px;
  margin: 0 auto 40px;
}
#introduction__section .inner .block--link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Josefin Sans", sans-serif;
  transition: opacity 0.3s;
  opacity: 0;
}
#introduction__section .inner .block--link {
  opacity: 1;
  transition: 0.6s 0.5s;
}
#introduction__section .inner .link--item span,
#introduction__section .inner .link--item a {
  display: inline-block;
  color: #fff;
  font-size: clamp(18px, 2vw, 23px);
  cursor: pointer;
  transition: opacity 0.3s;
  margin: 0 2.5vw;
  letter-spacing: 0;
  opacity: 0.5;
  text-decoration: none;
}
#introduction__section .inner .link--item span:hover,
#introduction__section .inner .link--item a:hover {
  opacity: 1;
  filter: drop-shadow(0 0 10px #ffffff);
}

@media screen and (min-width: 961px) {
  .sp {
    display: none !important;
  }
  /* background */
  .bg__logo {
    width: 70%;
  }
  .bg__logo .off {
    width: 62%;
    margin: 0 auto;
  }
  .bg__logo img {
    height: auto;
  }
  /* section--list */
  .section--list,
  .section--detail {
    width: 80%;
    padding: 13em 0 450px;
    max-width: 2000px;
    margin: 0 auto;
  }
  /* tit */
  .left--item .left--item--inner {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
  }
  .left--item .section-tit {
    font-size: clamp(20px, 3.7vw, 50px);
    margin-bottom: 20px;
  }
  .left--item .tit {
    font-size: 19px;
    line-height: 1.7;
  }
  /* list__more */
  .list__more {
    transition: opacity 0.5s;
  }
  .list__more:hover {
    opacity: 0.4;
  }
  /* .detail__btn */
  .detail__btn {
    margin: 120px 0 0 auto;
    width: 65%;
    text-align: left;
  }
  .detail__btn a:hover img {
    transform: translateX(-10px);
  }
  .detail__btn a img {
    transition: all 0.5s;
  }
  .page--disco .detail__btn {
    width: 55%;
  }
  .page--error .detail__btn {
    width: 100%;
    text-align: center;
  }
  /* .block--pager */
  .block--pager .pager__item--newer a .arrow::after,
  .block--pager .pager__item--older a .arrow::after {
    transition: all 0.5s;
  }
  .block--pager .pager__item--newer:hover a .arrow::after,
  .block--pager .pager__item--older:hover a .arrow::after {
    transform: translate(-10px, -50%);
  }
  /* list--information.news */
  .list--information.news {
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
  }
  .list--information.news .list--item {
    min-height: 15em;
  }
  .list--information.news .list--item.new::after {
    font-size: 35px;
  }
  .list--information.news .list--item a {
    padding: 2em;
  }
  .list--information.news .list--item a .tit {
    font-size: 15px;
  }
  .list--information.news .list--item a .date {
    font-size: 15px;
  }
  /* .list--information.shows */
  /* .list--information.carendar */
  .list--information.shows .list--item:hover::before,
  .list--information.carendar .list--item:hover::before {
    transform: scaleX(100%);
  }
  .list--information.shows .list--item.new::after,
  .list--information.carendar .list--item.new::after {
    font-size: 35px;
    right: 10px;
    bottom: -20px;
  }
  .list--information.shows .list--item::before,
  .list--information.carendar .list--item::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #781414;
    will-change: transform;
    mix-blend-mode: difference;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s;
    z-index: -1;
  }
  .list--information.shows .list--item a,
  .list--information.carendar .list--item a {
    padding: 40px 2.5em;
  }
  .list--information.shows .list--item .date,
  .list--information.carendar .list--item .date {
    width: 200px;
  }
  .list--information.shows .list--item .month-day,
  .list--information.shows .list--item .year,
  .list--information.carendar .list--item .month-day,
  .list--information.carendar .list--item .year {
    margin-right: 8px;
  }
  .list--information.shows .list--item .month-day,
  .list--information.carendar .list--item .month-day {
    font-size: 24px;
  }
  .list--information.shows .list--item .year,
  .list--information.carendar .list--item .year {
    font-size: 16px;
  }
  .list--information.shows .list--item .week,
  .list--information.carendar .list--item .week {
    font-size: 14px;
  }
  .list--information.shows .list--item .tit,
  .list--information.carendar .list--item .tit {
    font-size: 15px;
  }
  .list--information.shows .tit {
    max-width: calc(100% - 220px);
    margin-left: 10px;
  }
  /* .block--button-nav */
  .block--button-nav .swiper-button-prev::after,
  .block--button-nav .swiper-button-next::after {
    position: absolute;
    bottom: 3px;
    width: 32px;
    height: 14px;
  }
  /* .swiper */
  .swiper-button-prev,
  .swiper-button-next,
  .swiper-pagination-bullet {
    transition: all 0.5s;
  }
  .swiper-button-prev:hover,
  .swiper-button-next:hover,
  .swiper-pagination-bullet:hover {
    opacity: 0.4;
  }
  body:not(.page--home) .header > .flex--container .header__logo {
    transition: opacity 0.5s;
  }
  body:not(.page--home) .header > .flex--container .header__logo:hover {
    opacity: 0.3;
  }
  body:not(.page--home) .header__nav .g-nav .nav--item {
    -webkit-clip-path: polygon(0 0%, 100% -50%, 100% 100%, 0% 100%);
            clip-path: polygon(0 0%, 100% -50%, 100% 100%, 0% 100%);
  }
  .header {
    width: calc(100% - 10vw);
    margin: 0 auto;
    top: 50px;
  }
  .header > .flex--container .header__logo {
    width: 70px;
    opacity: 0.5;
  }
  .header__nav .g-nav .nav--item {
    margin-left: 20px;
    transition: opacity 0.5s, -webkit-clip-path 2.3s cubic-bezier(0, 0.02, 0.13, 1) 0.5s;
    transition: opacity 0.5s, clip-path 2.3s cubic-bezier(0, 0.02, 0.13, 1) 0.5s;
    transition: opacity 0.5s, clip-path 2.3s cubic-bezier(0, 0.02, 0.13, 1) 0.5s, -webkit-clip-path 2.3s cubic-bezier(0, 0.02, 0.13, 1) 0.5s;
    -webkit-clip-path: polygon(0 150%, 100% 100%, 100% 100%, 0% 100%);
            clip-path: polygon(0 150%, 100% 100%, 100% 100%, 0% 100%);
  }
  .header__nav .g-nav .nav--item:hover {
    opacity: 0.5;
  }
  .header__nav .g-nav .nav--item a {
    font-size: clamp(10px, 1.5vw, 20px);
    font-family: "kobenhavn-sans-stencil", sans-serif;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
  }
  .header .drawer__btn--box {
    align-items: center;
  }
  .header .drawer__btn--box .drawer__btn--txt {
    font-size: 13px;
  }
  .header .drawer__btn--box .drawer__btn {
    height: 7px;
    width: 30px;
    margin-left: 0.7em;
  }
  .drawer__inner {
    width: 67vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .drawer__inner .g-nav {
    flex-wrap: wrap;
  }
  .drawer__inner .g-nav .nav--list:last-child {
    margin-bottom: 0;
  }
  .drawer__inner .g-nav li {
    margin-right: 4vw;
  }
  .drawer__inner .g-nav li a {
    font-size: 5vw;
  }
  .drawer--grunge {
    width: 80vw;
    right: -29vw;
    bottom: -46vw;
    opacity: 0.5;
  }
  .vertical--roop--box {
    width: 3%;
  }
  .vertical--roop--box .roop--box--inner .roop--txt {
    padding-bottom: 3em;
  }
  .page--home section .tit-box .section-tit {
    font-weight: 500;
  }
  body:not(.page--home) .section--list .section-tit,
  body:not(.page--home) .page--biography .section-tit {
    font-weight: 500;
  }
  .section--hero {
    padding: 0 5vw;
    margin-bottom: 130px;
  }
  .section--hero .scrolldown {
    left: 50%;
    transform: translateX(-50%);
    bottom: 6vh;
  }
  .section--hero .keyvisual,
  .section--hero .svg-box {
    width: 110vh;
    max-width: 860px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .section--hero #svg-animation {
    width: 40%;
    transform: translate(50%, 80%);
  }
  .section--banner {
    padding: 0 0 0 5vw;
    margin-bottom: 150px;
  }
  .section--banner.no-swiper01 .swiper-container .list--bnr, .section--banner.no-swiper02 .swiper-container .list--bnr {
    width: 40%;
  }
  .section--banner.no-swiper01 .swiper-container .list--bnr li, .section--banner.no-swiper02 .swiper-container .list--bnr li {
    margin-right: 10px;
  }
  .section--banner.no-swiper01 .swiper-container .block--button-nav, .section--banner.no-swiper02 .swiper-container .block--button-nav {
    display: none;
  }
  .section--banner.no-swiper03 {
    padding: 0 5vw;
  }
  .section--banner .block--button-nav {
    align-items: center;
    margin-top: 10px;
    padding-left: 3px;
  }
  .section--banner .block--button-nav .swiper-button-prev {
    margin-right: 26px;
  }
  .section--banner .block--button-nav .swiper-button-next {
    margin-right: 30px;
  }
  .section--banner .block--button-nav .swiper-pagination-bullet {
    margin-right: 10px;
  }
  .section--banner .swiper-container .swiper-slide a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .section--banner .swiper-container .swiper-slide a img {
    transition: all 1.7s cubic-bezier(0, 0.02, 0.13, 1);
    width: 100%;
    height: 100%;
    display: block;
  }
  .section--banner .swiper-container .swiper-slide a:hover img {
    transform: scale(1.2) rotate(5deg);
  }
  .section--news,
  .section--shows {
    padding: 0 5vw;
  }
  .section--news .tit-box,
  .section--shows .tit-box {
    margin-bottom: 30px;
  }
  .section--news .tit-box .section-tit,
  .section--shows .tit-box .section-tit {
    font-size: 45px;
    margin-right: 30px;
  }
  .section--news {
    margin-bottom: 150px;
  }
  .section--shows {
    margin-bottom: 400px;
  }
  .section--disco .disco--detail {
    width: 35%;
  }
  .section--disco .tit-box {
    margin-bottom: 50px;
  }
  .section--disco .tit-box .section-tit {
    font-size: 45px;
    margin-bottom: 20px;
  }
  .section--disco .category {
    margin-bottom: 10px;
  }
  .section--disco .category p {
    font-size: 14px;
  }
  .section--disco .category p.new::after {
    font-size: 27px;
    top: -12px;
    right: -60px;
  }
  .section--disco .tit {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .section--disco .release {
    font-size: 13px;
  }
  .section--disco .disco--contents {
    width: 60%;
    max-width: 900px;
    padding-top: 4%;
    position: absolute;
    z-index: 1;
    top: -40%;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    justify-content: space-between;
  }
  .section--disco .disco--contents .jacket__grunge {
    width: 110%;
    right: -45%;
    bottom: -50%;
  }
  .section--disco .disco--contents .disco--jacket {
    width: 53%;
  }
  .section--disco .disco--contents .disco--jacket .jacket {
    overflow: hidden;
  }
  .section--disco .disco--contents .disco--jacket .jacket:hover img {
    transform: translate(-50%, -50%) scale(1.2) rotate(5deg);
  }
  .section--disco .disco--background {
    -webkit-mask-image: url("/static/sim/official_renewal/top/black-background/disco-background.svg");
            mask-image: url("/static/sim/official_renewal/top/black-background/disco-background.svg");
    width: 100%;
    aspect-ratio: 1366/486;
    top: 50%;
  }
  .section--videos {
    margin-top: -17%;
    z-index: 10;
  }
  .section--videos .tit-box {
    position: absolute;
    top: 4vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .section--videos .videos--background01 {
    width: 100%;
    aspect-ratio: 1366/720;
    -webkit-mask-image: url("/static/sim/official_renewal/top/black-background/videos-background01.svg");
            mask-image: url("/static/sim/official_renewal/top/black-background/videos-background01.svg");
  }
  .section--videos .videos--background02 {
    margin-top: -17%;
    width: 100%;
    aspect-ratio: 1366/502;
    -webkit-mask-image: url("/static/sim/official_renewal/top/black-background/videos-background02.svg");
            mask-image: url("/static/sim/official_renewal/top/black-background/videos-background02.svg");
  }
  .section--videos .video--contents {
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
  }
  .section--videos .swiper-wrapper {
    width: 0% !important;
    margin: auto !important;
  }
  .section--videos .swiper {
    width: 120vw;
    padding: 15vw 0;
  }
  .section--videos .swiper .swiper-slide {
    cursor: pointer;
  }
  .section--videos .swiper .swiper-slide:hover img {
    transform: scale(1.2) rotate(5deg);
  }
  .section--videos .swiper .left--grunge {
    transform: rotate(105deg);
    bottom: 6vw;
    left: 16%;
    width: 27%;
  }
  .section--videos .swiper .right--grunge {
    top: 0;
    right: 15%;
    transform: rotate(-45deg);
    width: 27%;
  }
  .section--videos .swiper .thumb {
    overflow: hidden;
  }
  .section--videos .block--button-nav {
    justify-content: center;
    margin-top: 70px;
  }
  .section--videos .block--button-nav .swiper-button-prev {
    left: -20px;
  }
  .section--videos .block--button-nav .swiper-button-next {
    left: 20px;
  }
}
@media screen and (min-width: 961px) and (min-width: 2500px) {
  .section--videos .tit-box {
    top: 8vw;
  }
}
@media screen and (min-width: 961px) {
  body .footer__contents {
    bottom: 50px;
    left: 0%;
    width: calc(100% - 5vw);
    margin: 0 auto;
  }
  body .footer .app--link {
    width: 14vw;
    margin-bottom: 30px;
  }
  body .footer__logo {
    width: 75%;
  }
  body .footer .sns--list {
    margin: 0 0 30px 5vw;
  }
  body .footer .sns--list .twitter,
  body .footer .sns--list .instagram,
  body .footer .sns--list .line-icon,
  body .footer .sns--list .tiktok {
    font-size: 20px;
  }
  body .footer .sns--list .twitter,
  body .footer .sns--list .instagram,
  body .footer .sns--list .line-icon {
    margin-right: 1em;
  }
  body .footer .sns--list .twitter .fa-brands,
  body .footer .sns--list .instagram .fa-brands,
  body .footer .sns--list .line-icon .fa-brands,
  body .footer .sns--list .tiktok .fa-brands {
    transition: all 0.5s;
  }
  body .footer .sns--list .twitter:hover .fa-brands,
  body .footer .sns--list .instagram:hover .fa-brands,
  body .footer .sns--list .line-icon:hover .fa-brands,
  body .footer .sns--list .tiktok:hover .fa-brands {
    color: #781414;
  }
  body .footer .contact--area {
    margin: 0 0 30px 5vw;
  }
  body .footer .contact--area p {
    font-size: 13px;
    transition: opacity 0.5s;
  }
  body .footer .contact--area p:hover {
    opacity: 0.4;
  }
  body .footer__flex {
    width: calc(100% - 5vw);
    margin-left: auto;
    justify-content: space-between;
  }
  body .footer__flex .link--box {
    justify-content: space-between;
  }
  body .footer__flex .link--box .list--item {
    margin-right: 2em;
    transition: opacity 0.5s;
  }
  body .footer__flex .link--box .list--item:hover {
    opacity: 0.4;
  }
  body .footer__flex .link--box .list--item p {
    font-size: 13px;
  }
  body .footer__flex .copyright {
    font-size: 11px;
  }
  .page--info.page--news .section--detail .left--item .block-tit, .page--info.page--videos .section--detail .left--item .block-tit, .page--info.page--media .section--detail .left--item .block-tit {
    margin-bottom: 20px;
  }
  .page--info.page--news .section--detail .left--item .date, .page--info.page--videos .section--detail .left--item .date, .page--info.page--media .section--detail .left--item .date {
    margin-bottom: 50px;
  }
  .page--info.page--news .section--detail .block--share li, .page--info.page--videos .section--detail .block--share li, .page--info.page--media .section--detail .block--share li {
    margin-right: 1em;
  }
  .page--info.page--news .section--detail .block--share li:first-child, .page--info.page--videos .section--detail .block--share li:first-child, .page--info.page--media .section--detail .block--share li:first-child {
    margin-right: 2em;
  }
  .page--info.page--news .section--detail .block--share .fa,
  .page--info.page--news .section--detail .block--share .fa-brands, .page--info.page--videos .section--detail .block--share .fa,
  .page--info.page--videos .section--detail .block--share .fa-brands, .page--info.page--media .section--detail .block--share .fa,
  .page--info.page--media .section--detail .block--share .fa-brands {
    font-size: 18px;
    transition: all 0.5s;
  }
  .page--info.page--news .section--detail .block--share .twitter .fa-brands,
  .page--info.page--news .section--detail .block--share .facebook .fa-brands,
  .page--info.page--news .section--detail .block--share .line .fa-brands, .page--info.page--videos .section--detail .block--share .twitter .fa-brands,
  .page--info.page--videos .section--detail .block--share .facebook .fa-brands,
  .page--info.page--videos .section--detail .block--share .line .fa-brands, .page--info.page--media .section--detail .block--share .twitter .fa-brands,
  .page--info.page--media .section--detail .block--share .facebook .fa-brands,
  .page--info.page--media .section--detail .block--share .line .fa-brands {
    transition: all 0.5s;
  }
  .page--info.page--news .section--detail .block--share .twitter:hover .fa,
  .page--info.page--news .section--detail .block--share .twitter:hover .fa-brands,
  .page--info.page--news .section--detail .block--share .facebook:hover .fa,
  .page--info.page--news .section--detail .block--share .facebook:hover .fa-brands,
  .page--info.page--news .section--detail .block--share .line:hover .fa,
  .page--info.page--news .section--detail .block--share .line:hover .fa-brands, .page--info.page--videos .section--detail .block--share .twitter:hover .fa,
  .page--info.page--videos .section--detail .block--share .twitter:hover .fa-brands,
  .page--info.page--videos .section--detail .block--share .facebook:hover .fa,
  .page--info.page--videos .section--detail .block--share .facebook:hover .fa-brands,
  .page--info.page--videos .section--detail .block--share .line:hover .fa,
  .page--info.page--videos .section--detail .block--share .line:hover .fa-brands, .page--info.page--media .section--detail .block--share .twitter:hover .fa,
  .page--info.page--media .section--detail .block--share .twitter:hover .fa-brands,
  .page--info.page--media .section--detail .block--share .facebook:hover .fa,
  .page--info.page--media .section--detail .block--share .facebook:hover .fa-brands,
  .page--info.page--media .section--detail .block--share .line:hover .fa,
  .page--info.page--media .section--detail .block--share .line:hover .fa-brands {
    color: #781414;
  }
  .page--info.page--news .section--list.flex--container,
  .page--info.page--news .section--detail.flex--container, .page--info.page--videos .section--list.flex--container,
  .page--info.page--videos .section--detail.flex--container, .page--info.page--media .section--list.flex--container,
  .page--info.page--media .section--detail.flex--container {
    justify-content: space-between;
  }
  .page--info.page--news .section--list > .flex--container,
  .page--info.page--news .section--detail > .flex--container, .page--info.page--videos .section--list > .flex--container,
  .page--info.page--videos .section--detail > .flex--container, .page--info.page--media .section--list > .flex--container,
  .page--info.page--media .section--detail > .flex--container {
    justify-content: space-between;
  }
  .page--info.page--news .section--list .left--item,
  .page--info.page--news .section--detail .left--item, .page--info.page--videos .section--list .left--item,
  .page--info.page--videos .section--detail .left--item, .page--info.page--media .section--list .left--item,
  .page--info.page--media .section--detail .left--item {
    width: 25%;
  }
  .page--info.page--news .section--list .right--item,
  .page--info.page--news .section--detail .right--item, .page--info.page--videos .section--list .right--item,
  .page--info.page--videos .section--detail .right--item, .page--info.page--media .section--list .right--item,
  .page--info.page--media .section--detail .right--item {
    width: 65%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .page--info.page--news .section--list .list--information.news, .page--info.page--videos .section--list .list--information.news, .page--info.page--media .section--list .list--information.news {
    display: block;
  }
  .page--info.page--news .section--list .list--information.news .list--item, .page--info.page--videos .section--list .list--information.news .list--item, .page--info.page--media .section--list .list--information.news .list--item {
    min-height: initial;
    margin-bottom: 15px;
  }
  .page--info.page--news .section--list .list--information.news .list--item .tit, .page--info.page--videos .section--list .list--information.news .list--item .tit, .page--info.page--media .section--list .list--information.news .list--item .tit {
    margin-bottom: 10px;
  }
  .page--info.page--videos .section--list .list--information.videos .list--item {
    width: 46%;
    margin-bottom: 80px;
  }
  .page--info.page--videos .section--list .list--information.videos .list--item:nth-last-of-type(-n+2) {
    margin-bottom: 0;
  }
  .page--info.page--videos .section--list .list--information.videos .list--item .thumb {
    overflow: hidden;
  }
  .page--info.page--videos .section--list .list--information.videos .list--item img {
    transition: all 1.7s cubic-bezier(0, 0.02, 0.13, 1);
  }
  .page--info.page--videos .section--list .list--information.videos .tit {
    margin-top: 10px;
  }
  .page--shows .section--list.flex--container,
  .page--shows .section--detail.flex--container {
    justify-content: space-between;
  }
  .page--shows .section--list > .flex--container,
  .page--shows .section--detail > .flex--container {
    justify-content: space-between;
  }
  .page--shows .section--list .right--item,
  .page--shows .section--detail .right--item {
    width: 65%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .page--shows .section--list .left--item,
  .page--shows .section--detail .left--item {
    width: 25%;
  }
  .page--shows .section--detail .tit {
    margin-bottom: 20px;
  }
  .page--shows .section--detail .left--item .date {
    font-size: 19px;
  }
  .page--shows .section--detail .right--item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .page--schedule .section--list.flex--container,
  .page--schedule .section--detail.flex--container {
    justify-content: space-between;
  }
  .page--schedule .section--list > .flex--container,
  .page--schedule .section--detail > .flex--container {
    justify-content: space-between;
  }
  .page--schedule .section--list .right--item,
  .page--schedule .section--detail .right--item {
    width: 65%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .page--schedule .section--list .left--item,
  .page--schedule .section--detail .left--item {
    width: 25%;
  }
  .page--schedule .section--list .month-pager li.prev a::after,
  .page--schedule .section--detail .month-pager li.prev a::after {
    transition: all 0.5s;
  }
  .page--schedule .section--list .month-pager li.prev a:hover::after,
  .page--schedule .section--detail .month-pager li.prev a:hover::after {
    transform: translate(-170%, -50%);
  }
  .page--schedule .section--list .month-pager li.next a::after,
  .page--schedule .section--detail .month-pager li.next a::after {
    transition: all 0.5s;
  }
  .page--schedule .section--list .month-pager li.next a:hover::after,
  .page--schedule .section--detail .month-pager li.next a:hover::after {
    transform: translate(50%, -50%) scale(-1, 1);
  }
  .page--schedule .section--list .month-pager .next,
  .page--schedule .section--detail .month-pager .next {
    margin-right: 2em;
  }
  .page--schedule .section--list .block--category li label,
  .page--schedule .section--detail .block--category li label {
    cursor: pointer;
  }
  .page--schedule .section--list .section-tit {
    margin-bottom: 40px;
  }
  .page--schedule .section--list .block--month {
    margin-bottom: 30px;
  }
  .page--schedule .section--list .block--category {
    margin-bottom: 80px;
  }
  .page--schedule .section--list .block--category .block--nav--category li {
    transition: opacity 0.5s;
  }
  .page--schedule .section--list .block--category .block--nav--category li:hover {
    opacity: 0.5;
  }
  .page--schedule .section--list .month-pager {
    margin-bottom: 20px;
    transform: translateX(27px);
  }
  .page--schedule .section--list .month-pager li a {
    font-size: 16px;
  }
  .page--schedule .section--list .title {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 20px;
  }
  .page--schedule .section--list .title .num {
    margin-right: 0.5em;
  }
  .page--schedule .section--list .list--information .box .right--info {
    width: calc(100% - 130px);
    margin-left: auto;
  }
  .page--schedule .section--list .list--information .event-date {
    top: 40px;
    left: 65px;
  }
  .page--schedule .section--list .list--information .day {
    font-size: 24px;
  }
  .page--schedule .section--list .list--information .date {
    width: 130px;
  }
  .page--schedule .section--list .list--information .tit {
    margin-bottom: 5px;
  }
  .page--schedule .section--list .list--information:has(.list--item:nth-child(2)) .list--item:not(:last-child)::after {
    width: calc(100% - 165px);
  }
  .page--schedule .section--detail .tit {
    margin-bottom: 20px;
  }
  .page--schedule .section--detail .right--item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .page--disco .section--list .section-tit {
    margin-bottom: 40px;
  }
  .page--disco .section--list .left--item {
    width: 40%;
  }
  .page--disco .section--list .right--item {
    width: 55%;
  }
  .page--disco .section--list .list--discography li {
    width: 46%;
    margin-bottom: 80px;
  }
  .page--disco .section--list .list--discography li .tit.new::after {
    font-size: 22px;
    margin-left: 15px;
  }
  .page--disco .section--list .list--discography .thumb--wrap {
    overflow: hidden;
  }
  .page--disco .section--list .list--discography .thumb--wrap img {
    transition: all 1.7s cubic-bezier(0, 0.02, 0.13, 1);
  }
  .page--disco .section--list .view--more {
    margin-top: 120px;
  }
  .page--disco .section--list .view--more a {
    transition: opacity 0.5s;
  }
  .page--disco .section--list .view--more a:hover {
    opacity: 0.6;
  }
  .page--disco .section--detail .flex--container {
    justify-content: space-between;
  }
  .page--disco .section--detail .flex--container .left--item {
    width: 40%;
  }
  .page--disco .section--detail .flex--container .left--item .disco--image {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
  }
  .page--disco .section--detail .flex--container .right--item {
    width: 55%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .page--biography .bio--image {
    width: 100%;
    margin: 0 auto 40px;
  }
  .page--biography > .flex--container {
    justify-content: space-between;
  }
  .page--biography .left--item {
    width: 25%;
  }
  .page--biography .right--item {
    width: 65%;
  }
  .page--error .txt {
    width: 50%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .pc {
    display: none !important;
  }
  /* background */
  .bg {
    background-size: cover;
  }
  .bg__logo {
    width: 95%;
    opacity: 0.7;
  }
  .bg__logo .off {
    width: 63%;
    margin: 0 auto;
  }
  /* section--list */
  .section--list,
  .section--detail {
    display: block;
    padding: 130px 8vw 30px;
  }
  /* tit */
  .left--item .section-tit {
    font-size: clamp(20px, 9vw, 45px);
    margin-bottom: 20px;
  }
  .left--item .tit {
    font-size: 17px;
    line-height: 1.6;
  }
  .section-tit {
    font-weight: 500;
  }
  /* pagenation */
  .block--pager {
    text-align: center;
  }
  .block--pager .pager__item--newer .arrow::after,
  .block--pager .pager__item--older .arrow::after {
    width: 20px;
    height: 9px;
  }
  /* .detail__btn */
  .detail__btn {
    margin-top: 60px;
    width: 100%;
    text-align: center;
  }
  .detail__btn a {
    margin-right: 20px;
  }
  .detail__btn .back--arrow {
    display: inline-block;
    width: 20px;
    vertical-align: 1px;
  }
  /* list--information.news */
  .list--information.news {
    grid-template-columns: repeat(1, 1fr);
    gap: 2%;
  }
  .list--information.news .list--item {
    min-height: 11em;
  }
  .list--information.news .list--item.new::after {
    font-size: 30px;
    right: -2%;
    bottom: -10%;
  }
  .list--information.news .list--item a {
    padding: 2em 1.5em;
  }
  .list--information.news .list--item a .tit {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .list--information.news .list--item a .date {
    font-size: 13px;
  }
  /* .list--information.shows */
  .list--information.shows .list--item.new::after,
  .list--information.carendar .list--item.new::after {
    font-size: 30px;
    right: -2%;
    bottom: -10%;
  }
  .list--information.shows .list--item a,
  .list--information.carendar .list--item a {
    padding: 30px 1.5em;
    justify-content: space-between;
  }
  .list--information.shows .list--item a .date,
  .list--information.carendar .list--item a .date {
    margin-bottom: 16px;
  }
  .list--information.shows .list--item a .date .day,
  .list--information.carendar .list--item a .date .day {
    font-size: 22px;
  }
  .list--information.shows .list--item a .right--info,
  .list--information.carendar .list--item a .right--info {
    width: 80%;
  }
  .list--information.shows .list--item a .month-day,
  .list--information.shows .list--item a .year,
  .list--information.carendar .list--item a .month-day,
  .list--information.carendar .list--item a .year {
    margin-right: 6px;
  }
  .list--information.shows .list--item a .month-day,
  .list--information.carendar .list--item a .month-day {
    font-size: 28px;
  }
  .list--information.shows .list--item a .year,
  .list--information.carendar .list--item a .year {
    font-size: 18px;
  }
  .list--information.shows .list--item a .week,
  .list--information.carendar .list--item a .week {
    font-size: 15px;
  }
  .list--information.shows .list--item a .tit,
  .list--information.carendar .list--item a .tit {
    font-size: 15px;
  }
  .list--information.shows .list--item a {
    display: block;
  }
  .list--information.carendar .list--item a .date {
    width: 20%;
  }
  /* .block--button-nav */
  .block--button-nav .swiper-button-prev::after,
  .block--button-nav .swiper-button-next::after {
    position: absolute;
    bottom: 5px;
    width: 24px;
    height: 9px;
  }
  .header {
    width: calc(100% - 16vw);
    top: 40px;
  }
  .header > .flex--container .header__logo {
    width: 60px;
    opacity: 0.5;
  }
  .header .drawer__btn--box {
    align-items: center;
  }
  .header .drawer__btn--box .drawer__btn--txt {
    font-size: 12px;
  }
  .header .drawer__btn--box .drawer__btn {
    height: 7px;
    width: 20px;
    margin-left: 0.6em;
  }
  body.drawer-visible {
    overflow: hidden;
  }
  .drawer {
    overflow-x: hidden;
    overflow-y: scroll;
    justify-content: center;
    align-items: center;
    height: 100dvh;
  }
  .drawer__inner {
    position: initial;
  }
  .drawer__inner .g-nav {
    flex-direction: column;
    justify-content: center;
  }
  .drawer__inner .g-nav .nav--list {
    margin: 0 auto 5px;
  }
  .drawer__inner .g-nav .nav--list a {
    font-size: 30px;
    white-space: nowrap;
  }
  .drawer__inner .g-nav .nav--list:last-child {
    margin-bottom: 0;
  }
  .vertical--roop--box {
    width: 6.5vw;
  }
  .vertical--roop--box .roop--box--inner .roop--txt {
    padding-bottom: 2em;
  }
  .section--hero {
    height: 100svh;
    position: relative;
  }
  .section--hero .scrolldown {
    bottom: 10svh;
    left: 50%;
    transform: translateX(-50%);
  }
  .section--hero .scrolldown p {
    font-size: 12px;
  }
  .section--hero .keyvisual,
  .section--hero .svg-box {
    width: 84vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .section--hero #svg-animation {
    width: 80%;
    transform: translate(10%, 80%);
    opacity: 0.7;
  }
  .section--banner {
    padding: 0 8vw;
    margin-bottom: 130px;
  }
  .section--banner.no-swiper01 .swiper-container .block--button-nav {
    display: none;
  }
  .section--banner .list--bnr {
    margin-bottom: 20px;
  }
  .section--banner .block--button-nav {
    justify-content: center;
  }
  .section--banner .swiper-button-prev {
    left: -20px;
  }
  .section--banner .swiper-button-next {
    right: -20px;
  }
  .section--banner .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }
  .section--news,
  .section--shows {
    padding: 0 8vw;
    margin-bottom: 80px;
  }
  .section--news .tit-box,
  .section--shows .tit-box {
    margin-bottom: 30px;
    justify-content: space-between;
  }
  .section--news .tit-box .section-tit,
  .section--shows .tit-box .section-tit {
    font-size: 35px;
  }
  .section--news .tit-box .list__more,
  .section--shows .tit-box .list__more {
    font-size: 14px;
  }
  .section--disco {
    overflow: hidden;
  }
  .section--disco .tit-box {
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .section--disco .tit-box .section-tit {
    font-size: 35px;
  }
  .section--disco .tit-box .list__more {
    font-size: 14px;
  }
  .section--disco .category {
    margin-bottom: 10px;
  }
  .section--disco .category p {
    font-size: 12px;
  }
  .section--disco .category p.new::after {
    font-size: 25px;
    top: -10px;
    left: 60px;
  }
  .section--disco .tit {
    font-size: 20px;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    z-index: 0;
  }
  .section--disco .release {
    font-size: 12px;
  }
  .section--disco .category,
  .section--disco .tit,
  .section--disco .release {
    position: relative;
    z-index: 3;
  }
  .section--disco .disco--contents {
    width: 100%;
    padding: 0 8vw;
    display: block;
  }
  .section--disco .disco--contents .jacket__grunge {
    width: 110%;
    right: -45%;
    bottom: -50%;
  }
  .section--disco .disco--contents .disco--jacket {
    width: 80%;
    margin: 0 auto 40px;
  }
  .section--disco .disco--contents .jacket {
    z-index: 3;
  }
  .section--disco .disco--contents .jacket--blur.backdrop {
    z-index: 2;
  }
  .section--disco .disco--contents .grunge--box {
    z-index: 0;
  }
  .section--disco .disco--background {
    -webkit-mask-image: url("/static/sim/official_renewal/top/black-background/disco-background-sp.svg");
            mask-image: url("/static/sim/official_renewal/top/black-background/disco-background-sp.svg");
    width: 100%;
    aspect-ratio: 390/208;
    position: relative;
    z-index: -1;
    margin-top: -43%;
  }
  .section--videos {
    margin-top: -16%;
  }
  .section--videos .tit-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: calc(100% - 8vw);
  }
  .section--videos .tit-box .section-tit {
    font-size: 35px;
    margin-bottom: 0;
  }
  .section--videos .tit-box .list__more {
    font-size: 14px;
  }
  .section--videos .videos--background01 {
    width: 100%;
    aspect-ratio: 390/283;
    -webkit-mask-image: url("/static/sim/official_renewal/top/black-background/videos-background01-sp.svg");
            mask-image: url("/static/sim/official_renewal/top/black-background/videos-background01-sp.svg");
    z-index: -1;
    position: relative;
  }
  .section--videos .videos--background02 {
    margin-top: -16%;
    width: 100%;
    aspect-ratio: 390/227;
    -webkit-mask-image: url("/static/sim/official_renewal/top/black-background/videos-background02-sp.svg");
            mask-image: url("/static/sim/official_renewal/top/black-background/videos-background02-sp.svg");
    z-index: -1;
    position: relative;
  }
  .section--videos .video--contents {
    position: absolute;
    width: 100%;
    padding: 0 0 0 8vw;
    top: 100px;
  }
  .section--videos .video--contents .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }
  .section--videos .swiper-wrapper {
    margin-bottom: 10px;
    padding-top: 50px;
  }
  .section--videos .left--grunge {
    left: -16%;
    top: -20px;
    width: 60%;
    transform: rotate(15deg);
  }
  .section--videos .right--grunge {
    width: 60%;
    right: 13%;
    bottom: -10px;
  }
  .section--videos .block--button-nav {
    padding-bottom: 50px;
  }
  .section--videos .swiper-pagination {
    margin: 0 10px;
  }
  body:not(.page--home) .footer {
    height: 50svh;
  }
  body .footer__contents {
    bottom: 20px;
    left: 0%;
    width: calc(100% - 5vw);
    margin: 0 auto;
  }
  body .footer .app--link {
    width: 36vw;
    max-width: 200px;
    margin-bottom: 20px;
  }
  body .footer .app--box {
    padding: 0.8em 0;
  }
  body .footer__logo {
    width: 60%;
    margin-bottom: 3px;
  }
  body .footer .app--txt {
    font-size: 11px;
  }
  body .footer .sns--list {
    margin: 0 0 20px 8vw;
  }
  body .footer .sns--list .twitter,
  body .footer .sns--list .instagram,
  body .footer .sns--list .line-icon,
  body .footer .sns--list .tiktok {
    font-size: 20px;
  }
  body .footer .sns--list .twitter,
  body .footer .sns--list .instagram,
  body .footer .sns--list .line-icon {
    margin-right: 1em;
  }
  body .footer .contact--area {
    margin: 0 0 20px 8vw;
  }
  body .footer .contact--area p {
    font-size: 11px;
  }
  body .footer__flex {
    width: calc(100% - 8vw);
    margin-left: auto;
    justify-content: space-between;
  }
  body .footer__flex .link--box {
    justify-content: space-between;
  }
  body .footer__flex .link--box .link--list {
    flex-wrap: wrap;
  }
  body .footer__flex .link--box .list--item:first-child {
    margin: 0 1em 0.8em 0;
  }
  body .footer__flex .link--box .list--item:nth-child(2) {
    margin: 0 0 0.8em 0;
  }
  body .footer__flex .link--box .list--item:nth-child(3) {
    margin: 0 1em 0 0;
  }
  body .footer__flex .link--box .list--item:last-child {
    margin: 0;
  }
  body .footer__flex .link--box .list--item p {
    font-size: 11px;
    margin-right: 0.5em;
  }
  body .footer__flex .copyright--area {
    display: flex;
    align-items: flex-end;
  }
  body .footer__flex .copyright--area .copyright {
    font-size: 10px;
  }
  .page--info.page--news .section--detail .block-tit, .page--info.page--schedule .section--detail .block-tit, .page--info.page--videos .section--detail .block-tit, .page--info.page--media .section--detail .block-tit {
    margin-bottom: 20px;
  }
  .page--info.page--news .section--detail .block--share, .page--info.page--schedule .section--detail .block--share, .page--info.page--videos .section--detail .block--share, .page--info.page--media .section--detail .block--share {
    justify-content: flex-end;
    margin-top: 30px;
  }
  .page--info.page--news .section--detail .block--share li, .page--info.page--schedule .section--detail .block--share li, .page--info.page--videos .section--detail .block--share li, .page--info.page--media .section--detail .block--share li {
    margin-right: 1em;
  }
  .page--info.page--news .section--detail .block--share li:first-child, .page--info.page--schedule .section--detail .block--share li:first-child, .page--info.page--videos .section--detail .block--share li:first-child, .page--info.page--media .section--detail .block--share li:first-child {
    margin-right: 2em;
  }
  .page--info.page--news .section--detail .block--share .fa,
  .page--info.page--news .section--detail .block--share .fa-brands, .page--info.page--schedule .section--detail .block--share .fa,
  .page--info.page--schedule .section--detail .block--share .fa-brands, .page--info.page--videos .section--detail .block--share .fa,
  .page--info.page--videos .section--detail .block--share .fa-brands, .page--info.page--media .section--detail .block--share .fa,
  .page--info.page--media .section--detail .block--share .fa-brands {
    font-size: 18px;
  }
  .page--info.page--news .section--detail > .flex--container, .page--info.page--schedule .section--detail > .flex--container, .page--info.page--media .section--detail > .flex--container {
    display: block;
    background-color: #000000;
    padding: 2em;
  }
  .page--info.page--news .section--detail .right--item, .page--info.page--media .section--detail .right--item {
    background-color: transparent;
    padding: initial;
  }
  .page--info.page--news .left--item, .page--info.page--videos .left--item {
    margin-bottom: 30px;
  }
  .page--info.page--news .left--item .block-tit, .page--info.page--videos .left--item .block-tit {
    margin-bottom: 10px;
  }
  .page--info.page--news .block--share svg, .page--info.page--videos .block--share svg {
    fill: #E6E6E6;
  }
  .page--info .list--information.news {
    display: block;
  }
  .page--info .list--information.news .list--item {
    min-height: initial;
    margin-bottom: 10px;
  }
  .page--info.page--videos .section--list .list--information.videos .list--item {
    width: 48%;
    margin-bottom: 40px;
  }
  .page--info.page--videos .section--list .list--information.videos .list--item .tit {
    margin-top: 10px;
  }
  .page--info.page--videos .section--detail > .flex--container {
    display: block;
  }
  .page--shows .section--detail > .flex--container {
    display: block;
    background-color: #000000;
    padding: 2em;
  }
  .page--shows .section--detail .tit {
    margin-bottom: 10px;
  }
  .page--shows .section--detail .right--item {
    background-color: transparent;
    padding: initial;
  }
  .page--shows .section--detail .left--item--inner {
    margin-bottom: 30px;
  }
  .page--schedule .section--list .left--item {
    margin-bottom: 30px;
  }
  .page--schedule .section--list .left--item .section-tit {
    margin-bottom: 40px;
  }
  .page--schedule .section--list .no-data {
    text-align: center;
  }
  .page--schedule .section--list .list--information .event-date {
    top: 30px;
    left: 25px;
    font-size: 20px;
  }
  .page--schedule .section--list .list--information .list--item .right--info {
    width: calc(100% - 50px);
    margin-left: auto;
  }
  .page--schedule .section--list .block--month {
    margin-bottom: 20px;
  }
  .page--schedule .section--list .month-pager {
    justify-content: space-between;
    align-items: center;
  }
  .page--schedule .section--list .month-pager .title {
    font-size: 26px;
  }
  .page--schedule .section--list .month-pager .title .num {
    margin-right: 0.5em;
  }
  .page--schedule .section--list .month-pager .prev {
    margin-right: 0;
    transform: translateX(25px);
  }
  .page--schedule .section--list .month-pager .next {
    transform: translateX(-25px);
  }
  .page--schedule .section--list .block--category {
    margin-bottom: 30px;
  }
  .page--disco .section--list .left--item {
    margin-bottom: 20px;
  }
  .page--disco .section--list .block--category {
    display: flex;
    flex-wrap: wrap;
  }
  .page--disco .section--list .block--category li {
    margin: 0 2em 0.5em 0;
    white-space: nowrap;
  }
  .page--disco .section--list .block--category li a .current--icon {
    display: none;
  }
  .page--disco .section--list .list--discography li {
    width: 48%;
    margin-bottom: 40px;
  }
  .page--disco .section--list .list--discography li .tit.new::after {
    font-size: 19px;
    margin-left: 10px;
  }
  .page--disco .section--list .view--more {
    margin-top: 100px;
  }
  .page--disco .section--detail > .flex--container {
    display: block;
  }
  .page--disco .section--detail > .flex--container .left--item {
    margin-bottom: 10px;
  }
  .page--disco .section--detail > .flex--container .right--item {
    background-color: #000000;
    padding: 2em;
  }
  .page--biography > .flex--container {
    display: block;
  }
  .page--biography .bio--detail {
    padding: 5%;
  }
  .page--biography .bio--image {
    width: 100%;
    margin: 0 auto 10px;
  }
}
@media screen and (min-width: 500px) and (max-width: 961px) {
  .vertical--roop--box {
    opacity: 0.5;
  }
  .section--banner.no-swiper01 .list--bnr {
    justify-content: center;
  }
  .section--disco .disco--background {
    margin-top: -93%;
    aspect-ratio: 390/368;
  }
  .section--videos {
    margin-top: -34%;
  }
  .section--videos .left--grunge {
    top: -30%;
  }
  .section--videos .right--grunge {
    bottom: -20%;
  }
  .section--videos .video--contents {
    top: 40%;
  }
  .left--item .section-tit {
    margin-bottom: 40px;
  }
  .drawer__inner .g-nav .nav--list a {
    font-size: 50px;
  }
}/*# sourceMappingURL=service.css.map */