@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
* ============================================================ */
@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;
  }
}
body {
  word-wrap: break-word;
  color: #E6E6E6;
  background-color: #000000;
  overflow-x: hidden;
}

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;
}
@keyframes glitch-before {
  0% {
    clip-path: polygon(0% 21.4479493707%, 100% 21.4479493707%, 100% 30.9392866044%, 0% 30.9392866044%);
    transform: translate(6.1639922715%, -0.2535617147%);
  }
  0.8333333333% {
    clip-path: polygon(0% 9.0801869668%, 100% 9.0801869668%, 100% 11.3393616704%, 0% 11.3393616704%);
    transform: translate(-1.5639266448%, -0.06113634%);
  }
  1.6666666667% {
    clip-path: polygon(0% 46.1488715054%, 100% 46.1488715054%, 100% 52.9192518912%, 0% 52.9192518912%);
    transform: translate(7.440139416%, 0.4270523481%);
  }
  2.5% {
    clip-path: polygon(0% 38.5719194607%, 100% 38.5719194607%, 100% 40.9680163915%, 0% 40.9680163915%);
    transform: translate(4.0039606844%, -0.3919389266%);
  }
  3.3333333333% {
    clip-path: polygon(0% 22.6332372176%, 100% 22.6332372176%, 100% 30.9157561094%, 0% 30.9157561094%);
    transform: translate(-3.4118217962%, 0.1637976391%);
  }
  4.1666666667% {
    clip-path: polygon(0% 72.2462994851%, 100% 72.2462994851%, 100% 75.2210998624%, 0% 75.2210998624%);
    transform: translate(7.6785241326%, 0.3238542155%);
  }
  5% {
    clip-path: polygon(0% 38.7698214971%, 100% 38.7698214971%, 100% 42.7166185604%, 0% 42.7166185604%);
    transform: translate(-5.9751851711%, 0.0335383393%);
  }
  5.8333333333% {
    clip-path: polygon(0% 75.8339827946%, 100% 75.8339827946%, 100% 76.9300996105%, 0% 76.9300996105%);
    transform: translate(-4.7926866534%, 0.2510688238%);
  }
  6.6666666667% {
    clip-path: polygon(0% 66.6136619535%, 100% 66.6136619535%, 100% 72.7087196032%, 0% 72.7087196032%);
    transform: translate(-2.2529516936%, -0.1208646698%);
  }
  7.5% {
    clip-path: polygon(0% 80.8261142297%, 100% 80.8261142297%, 100% 81.9816367571%, 0% 81.9816367571%);
    transform: translate(-0.5437458249%, 0.4175873519%);
  }
  8.3333333333% {
    clip-path: polygon(0% 20.6365154677%, 100% 20.6365154677%, 100% 27.0792553859%, 0% 27.0792553859%);
    transform: translate(-2.0111656212%, 0.4060782357%);
  }
  9.1666666667% {
    clip-path: polygon(0% 29.9323574691%, 100% 29.9323574691%, 100% 34.1967999569%, 0% 34.1967999569%);
    transform: translate(-6.7524526563%, 0.1809476472%);
  }
  10% {
    clip-path: polygon(0% 4.171089429%, 100% 4.171089429%, 100% 11.2443981743%, 0% 11.2443981743%);
    transform: translate(-0.2991698073%, -0.4431455315%);
  }
  10.8333333333% {
    clip-path: polygon(0% 68.064279953%, 100% 68.064279953%, 100% 70.0479756372%, 0% 70.0479756372%);
    transform: translate(3.3721474378%, 0.4864892152%);
  }
  11.6666666667% {
    clip-path: polygon(0% 42.6207967961%, 100% 42.6207967961%, 100% 49.196325174%, 0% 49.196325174%);
    transform: translate(2.9697423589%, -0.2804237562%);
  }
  12.5% {
    clip-path: polygon(0% 37.1470390958%, 100% 37.1470390958%, 100% 44.4895009303%, 0% 44.4895009303%);
    transform: translate(1.1419168675%, -0.3316665826%);
  }
  13.3333333333% {
    clip-path: polygon(0% 11.0408912221%, 100% 11.0408912221%, 100% 16.6794195037%, 0% 16.6794195037%);
    transform: translate(3.895565292%, 0.4849494405%);
  }
  14.1666666667% {
    clip-path: polygon(0% 43.6582221899%, 100% 43.6582221899%, 100% 53.4160186477%, 0% 53.4160186477%);
    transform: translate(-2.1666060479%, 0.4983792733%);
  }
  15% {
    clip-path: polygon(0% 40.6350783818%, 100% 40.6350783818%, 100% 44.0537772957%, 0% 44.0537772957%);
    transform: translate(6.825738627%, -0.0497920687%);
  }
  15.8333333333% {
    clip-path: polygon(0% 24.2741509872%, 100% 24.2741509872%, 100% 34.2289780653%, 0% 34.2289780653%);
    transform: translate(-1.7194159049%, -0.2070210195%);
  }
  16.6666666667% {
    clip-path: polygon(0% 4.3435385655%, 100% 4.3435385655%, 100% 9.6268785664%, 0% 9.6268785664%);
    transform: translate(4.8028330306%, 0.226667292%);
  }
  17.5% {
    clip-path: polygon(0% 18.5335199055%, 100% 18.5335199055%, 100% 20.9448732381%, 0% 20.9448732381%);
    transform: translate(-7.0085142604%, -0.0581028057%);
  }
  18.3333333333% {
    clip-path: polygon(0% 63.9563061474%, 100% 63.9563061474%, 100% 71.9815340648%, 0% 71.9815340648%);
    transform: translate(-7.1401052476%, 0.0933654746%);
  }
  19.1666666667% {
    clip-path: polygon(0% 9.8406333506%, 100% 9.8406333506%, 100% 11.8979468088%, 0% 11.8979468088%);
    transform: translate(-7.92211529%, -0.1547113325%);
  }
  20% {
    clip-path: polygon(0% 67.7156667784%, 100% 67.7156667784%, 100% 72.6659704734%, 0% 72.6659704734%);
    transform: translate(-7.3981404798%, -0.2809569529%);
  }
  20.8333333333% {
    clip-path: polygon(0% 61.9524998119%, 100% 61.9524998119%, 100% 71.4352223646%, 0% 71.4352223646%);
    transform: translate(-5.7541343971%, 0.0864150844%);
  }
  21.6666666667% {
    clip-path: polygon(0% 13.4934487199%, 100% 13.4934487199%, 100% 17.5134839954%, 0% 17.5134839954%);
    transform: translate(4.4797700954%, 0.0436184524%);
  }
  22.5% {
    clip-path: polygon(0% 4.0251618978%, 100% 4.0251618978%, 100% 7.0952304436%, 0% 7.0952304436%);
    transform: translate(-2.4867831942%, -0.1328158085%);
  }
  23.3333333333% {
    clip-path: polygon(0% 76.9519315312%, 100% 76.9519315312%, 100% 86.1014807059%, 0% 86.1014807059%);
    transform: translate(-5.1560057351%, -0.3877892685%);
  }
  24.1666666667% {
    clip-path: polygon(0% 87.0212650145%, 100% 87.0212650145%, 100% 89.8548948423%, 0% 89.8548948423%);
    transform: translate(-6.2123339235%, 0.0073297812%);
  }
  25% {
    clip-path: polygon(0% 83.9010048786%, 100% 83.9010048786%, 100% 89.650698054%, 0% 89.650698054%);
    transform: translate(-0.9949586864%, 0.2196671139%);
  }
  25.8333333333% {
    clip-path: polygon(0% 27.4832602877%, 100% 27.4832602877%, 100% 28.9465399919%, 0% 28.9465399919%);
    transform: translate(-3.3061885231%, -0.2399427869%);
  }
  26.6666666667% {
    clip-path: polygon(0% 89.6975322625%, 100% 89.6975322625%, 100% 93.6837094924%, 0% 93.6837094924%);
    transform: translate(-7.5903173881%, 0.0130653163%);
  }
  27.5% {
    clip-path: polygon(0% 23.8403617881%, 100% 23.8403617881%, 100% 26.8820241343%, 0% 26.8820241343%);
    transform: translate(3.5057285199%, -0.1839081259%);
  }
  28.3333333333% {
    clip-path: polygon(0% 38.2480807879%, 100% 38.2480807879%, 100% 46.6374023975%, 0% 46.6374023975%);
    transform: translate(4.6595276923%, 0.0644372147%);
  }
  29.1666666667% {
    clip-path: polygon(0% 28.8652149596%, 100% 28.8652149596%, 100% 32.5750234336%, 0% 32.5750234336%);
    transform: translate(-0.4753295823%, -0.3631932631%);
  }
  30% {
    clip-path: polygon(0% 34.6544433084%, 100% 34.6544433084%, 100% 37.7558676806%, 0% 37.7558676806%);
    transform: translate(-4.8073131274%, -0.3189372837%);
  }
  30.8333333333% {
    clip-path: polygon(0% 72.1321622443%, 100% 72.1321622443%, 100% 74.3754677791%, 0% 74.3754677791%);
    transform: translate(4.9268991995%, 0.1411279783%);
  }
  31.6666666667% {
    clip-path: polygon(0% 55.6348938976%, 100% 55.6348938976%, 100% 58.2568236281%, 0% 58.2568236281%);
    transform: translate(3.566371988%, -0.4245274642%);
  }
  32.5% {
    clip-path: polygon(0% 64.3850553475%, 100% 64.3850553475%, 100% 72.9288341294%, 0% 72.9288341294%);
    transform: translate(-2.0206599376%, -0.0573923623%);
  }
  33.3333333333% {
    clip-path: polygon(0% 43.3206832631%, 100% 43.3206832631%, 100% 49.9561596121%, 0% 49.9561596121%);
    transform: translate(-1.8724008091%, 0.1584535143%);
  }
  34.1666666667% {
    clip-path: polygon(0% 25.37820887%, 100% 25.37820887%, 100% 27.4034789643%, 0% 27.4034789643%);
    transform: translate(-1.7383686217%, 0.4146224945%);
  }
  35% {
    clip-path: polygon(0% 87.7648236843%, 100% 87.7648236843%, 100% 97.6931431842%, 0% 97.6931431842%);
    transform: translate(-7.2758139389%, 0.0819091064%);
  }
  35.8333333333% {
    clip-path: polygon(0% 67.4810864273%, 100% 67.4810864273%, 100% 74.2954434704%, 0% 74.2954434704%);
    transform: translate(3.0042699166%, 0.0147695051%);
  }
  36.6666666667% {
    clip-path: polygon(0% 16.6206419518%, 100% 16.6206419518%, 100% 20.7633154019%, 0% 20.7633154019%);
    transform: translate(4.4886354353%, 0.2002318119%);
  }
  37.5% {
    clip-path: polygon(0% 17.3044031254%, 100% 17.3044031254%, 100% 23.7541037069%, 0% 23.7541037069%);
    transform: translate(-6.8783841447%, -0.4385301446%);
  }
  38.3333333333% {
    clip-path: polygon(0% 64.9855647763%, 100% 64.9855647763%, 100% 67.0867689229%, 0% 67.0867689229%);
    transform: translate(-0.1071627605%, 0.3994560872%);
  }
  39.1666666667% {
    clip-path: polygon(0% 38.4783478139%, 100% 38.4783478139%, 100% 48.1488926068%, 0% 48.1488926068%);
    transform: translate(1.512014418%, -0.334403602%);
  }
  40% {
    clip-path: polygon(0% 14.5561831667%, 100% 14.5561831667%, 100% 20.5834159319%, 0% 20.5834159319%);
    transform: translate(4.5843113568%, 0.2507308161%);
  }
  40.8333333333% {
    clip-path: polygon(0% 75.4307006287%, 100% 75.4307006287%, 100% 84.0298520982%, 0% 84.0298520982%);
    transform: translate(1.7200627588%, 0.4785524277%);
  }
  41.6666666667% {
    clip-path: polygon(0% 80.0731606451%, 100% 80.0731606451%, 100% 88.0701071962%, 0% 88.0701071962%);
    transform: translate(4.5481699407%, 0.3494378136%);
  }
  42.5% {
    clip-path: polygon(0% 60.6779273156%, 100% 60.6779273156%, 100% 69.1113505793%, 0% 69.1113505793%);
    transform: translate(3.7006812458%, -0.165028305%);
  }
  43.3333333333% {
    clip-path: polygon(0% 15.095738043%, 100% 15.095738043%, 100% 22.7407958199%, 0% 22.7407958199%);
    transform: translate(-7.9466980162%, 0.4733629548%);
  }
  44.1666666667% {
    clip-path: polygon(0% 12.7483127054%, 100% 12.7483127054%, 100% 15.253789384%, 0% 15.253789384%);
    transform: translate(2.6747086372%, -0.1871699318%);
  }
  45% {
    clip-path: polygon(0% 81.5521586237%, 100% 81.5521586237%, 100% 91.2597283729%, 0% 91.2597283729%);
    transform: translate(-6.3616446676%, -0.0889537909%);
  }
  45.8333333333% {
    clip-path: polygon(0% 67.6735571727%, 100% 67.6735571727%, 100% 70.0859424635%, 0% 70.0859424635%);
    transform: translate(7.7334672506%, 0.013416924%);
  }
  46.6666666667% {
    clip-path: polygon(0% 28.4200124825%, 100% 28.4200124825%, 100% 31.5142210999%, 0% 31.5142210999%);
    transform: translate(-6.3321524716%, 0.1774150787%);
  }
  47.5% {
    clip-path: polygon(0% 82.2278741707%, 100% 82.2278741707%, 100% 89.5872865371%, 0% 89.5872865371%);
    transform: translate(0.1342351372%, -0.3968671352%);
  }
  48.3333333333% {
    clip-path: polygon(0% 32.7746497901%, 100% 32.7746497901%, 100% 40.6152779019%, 0% 40.6152779019%);
    transform: translate(5.4474054017%, 0.0738285218%);
  }
  49.1666666667% {
    clip-path: polygon(0% 40.3756701191%, 100% 40.3756701191%, 100% 43.5905266065%, 0% 43.5905266065%);
    transform: translate(-5.752438678%, -0.3961311549%);
  }
  50% {
    clip-path: polygon(0% 70.0950156805%, 100% 70.0950156805%, 100% 73.9487783014%, 0% 73.9487783014%);
    transform: translate(-4.5743091069%, -0.1037009943%);
  }
  50.8333333333% {
    clip-path: polygon(0% 23.7336129797%, 100% 23.7336129797%, 100% 25.1765671016%, 0% 25.1765671016%);
    transform: translate(4.647131959%, 0.403661982%);
  }
  51.6666666667% {
    clip-path: polygon(0% 5.4856875133%, 100% 5.4856875133%, 100% 12.8883579365%, 0% 12.8883579365%);
    transform: translate(4.9187096895%, -0.3276625477%);
  }
  52.5% {
    clip-path: polygon(0% 80.3592827554%, 100% 80.3592827554%, 100% 87.8728668924%, 0% 87.8728668924%);
    transform: translate(-4.1233684732%, 0.2315297406%);
  }
  53.3333333333% {
    clip-path: polygon(0% 49.5063046652%, 100% 49.5063046652%, 100% 51.1983952091%, 0% 51.1983952091%);
    transform: translate(6.0349893566%, 0.4044789172%);
  }
  54.1666666667% {
    clip-path: polygon(0% 81.1864315777%, 100% 81.1864315777%, 100% 87.3364661178%, 0% 87.3364661178%);
    transform: translate(-1.7014526004%, 0.4747064185%);
  }
  55% {
    clip-path: polygon(0% 89.0459315494%, 100% 89.0459315494%, 100% 92.6747938999%, 0% 92.6747938999%);
    transform: translate(-7.1673112298%, -0.3369224751%);
  }
  55.8333333333% {
    clip-path: polygon(0% 27.7229949642%, 100% 27.7229949642%, 100% 30.4734907613%, 0% 30.4734907613%);
    transform: translate(3.8515048217%, -0.3284004146%);
  }
  56.6666666667% {
    clip-path: polygon(0% 35.8706503562%, 100% 35.8706503562%, 100% 42.0298256153%, 0% 42.0298256153%);
    transform: translate(-3.4919820086%, -0.0323213725%);
  }
  57.5% {
    clip-path: polygon(0% 78.2702909927%, 100% 78.2702909927%, 100% 83.6744039833%, 0% 83.6744039833%);
    transform: translate(-5.513188331%, -0.0134563269%);
  }
  58.3333333333% {
    clip-path: polygon(0% 58.1060027239%, 100% 58.1060027239%, 100% 63.1318017625%, 0% 63.1318017625%);
    transform: translate(6.4501689744%, -0.0467473409%);
  }
  59.1666666667% {
    clip-path: polygon(0% 45.9227664711%, 100% 45.9227664711%, 100% 54.4435605346%, 0% 54.4435605346%);
    transform: translate(6.5594325028%, 0.1380861543%);
  }
  60% {
    clip-path: polygon(0% 51.3951786161%, 100% 51.3951786161%, 100% 58.3263040673%, 0% 58.3263040673%);
    transform: translate(-1.5040867521%, -0.0322192048%);
  }
  60.8333333333% {
    clip-path: polygon(0% 42.8059789229%, 100% 42.8059789229%, 100% 43.9241957319%, 0% 43.9241957319%);
    transform: translate(7.9787207038%, 0.0770972293%);
  }
  61.6666666667% {
    clip-path: polygon(0% 8.9543129541%, 100% 8.9543129541%, 100% 11.3721518512%, 0% 11.3721518512%);
    transform: translate(-1.9295877215%, -0.1901529999%);
  }
  62.5% {
    clip-path: polygon(0% 40.9112980011%, 100% 40.9112980011%, 100% 49.4208233464%, 0% 49.4208233464%);
    transform: translate(-3.8674986075%, 0.1716299338%);
  }
  63.3333333333% {
    clip-path: polygon(0% 10.0899226933%, 100% 10.0899226933%, 100% 13.8516130456%, 0% 13.8516130456%);
    transform: translate(4.4020949924%, 0.3357961611%);
  }
  64.1666666667% {
    clip-path: polygon(0% 54.0864823585%, 100% 54.0864823585%, 100% 63.1985302688%, 0% 63.1985302688%);
    transform: translate(-4.2286238433%, 0.2026740802%);
  }
  65% {
    clip-path: polygon(0% 57.1236617681%, 100% 57.1236617681%, 100% 65.0363193266%, 0% 65.0363193266%);
    transform: translate(-7.3745776648%, 0.1001319098%);
  }
  65.8333333333% {
    clip-path: polygon(0% 68.7032530797%, 100% 68.7032530797%, 100% 76.463690739%, 0% 76.463690739%);
    transform: translate(-4.0192294377%, 0.3584158589%);
  }
  66.6666666667% {
    clip-path: polygon(0% 5.8350594164%, 100% 5.8350594164%, 100% 8.3283169288%, 0% 8.3283169288%);
    transform: translate(3.4233752203%, -0.1868335248%);
  }
  67.5% {
    clip-path: polygon(0% 0.3045154721%, 100% 0.3045154721%, 100% 8.4763633177%, 0% 8.4763633177%);
    transform: translate(4.7221643217%, 0.3476564705%);
  }
  68.3333333333% {
    clip-path: polygon(0% 11.6407356416%, 100% 11.6407356416%, 100% 14.5648363107%, 0% 14.5648363107%);
    transform: translate(-7.8592317857%, 0.4533816282%);
  }
  69.1666666667% {
    clip-path: polygon(0% 40.5890699396%, 100% 40.5890699396%, 100% 48.173573604%, 0% 48.173573604%);
    transform: translate(-5.3578398044%, -0.055734649%);
  }
  70% {
    clip-path: polygon(0% 45.9861393403%, 100% 45.9861393403%, 100% 48.488605382%, 0% 48.488605382%);
    transform: translate(-7.3018157233%, -0.4162515155%);
  }
  70.8333333333% {
    clip-path: polygon(0% 77.2868310753%, 100% 77.2868310753%, 100% 81.4923482788%, 0% 81.4923482788%);
    transform: translate(-3.1021274429%, -0.369353747%);
  }
  71.6666666667% {
    clip-path: polygon(0% 7.9537847973%, 100% 7.9537847973%, 100% 15.7008070425%, 0% 15.7008070425%);
    transform: translate(3.8251382431%, 0.05477435%);
  }
  72.5% {
    clip-path: polygon(0% 25.3610424127%, 100% 25.3610424127%, 100% 30.1339939081%, 0% 30.1339939081%);
    transform: translate(1.9090094416%, -0.1875628558%);
  }
  73.3333333333% {
    clip-path: polygon(0% 35.1827041828%, 100% 35.1827041828%, 100% 42.6293062304%, 0% 42.6293062304%);
    transform: translate(-4.4985391253%, -0.0247983974%);
  }
  74.1666666667% {
    clip-path: polygon(0% 1.3977662716%, 100% 1.3977662716%, 100% 10.1960375569%, 0% 10.1960375569%);
    transform: translate(-0.6237704144%, 0.0435192738%);
  }
  75% {
    clip-path: polygon(0% 8.5521150427%, 100% 8.5521150427%, 100% 17.5682651835%, 0% 17.5682651835%);
    transform: translate(3.7883935035%, -0.3740888272%);
  }
  75.8333333333% {
    clip-path: polygon(0% 18.0911745803%, 100% 18.0911745803%, 100% 19.2913296964%, 0% 19.2913296964%);
    transform: translate(-0.2914098682%, 0.0941790226%);
  }
  76.6666666667% {
    clip-path: polygon(0% 56.6377321855%, 100% 56.6377321855%, 100% 64.5516355314%, 0% 64.5516355314%);
    transform: translate(-0.9118669863%, 0.3421400051%);
  }
  77.5% {
    clip-path: polygon(0% 34.37753797%, 100% 34.37753797%, 100% 40.25779285%, 0% 40.25779285%);
    transform: translate(-7.4660665723%, 0.4919056295%);
  }
  78.3333333333% {
    clip-path: polygon(0% 16.4058264821%, 100% 16.4058264821%, 100% 19.6021017569%, 0% 19.6021017569%);
    transform: translate(-0.8179561926%, -0.2586374947%);
  }
  79.1666666667% {
    clip-path: polygon(0% 89.4440284169%, 100% 89.4440284169%, 100% 98.5303737703%, 0% 98.5303737703%);
    transform: translate(6.3904094572%, -0.0179902933%);
  }
  80% {
    clip-path: polygon(0% 40.6189112617%, 100% 40.6189112617%, 100% 47.0086875058%, 0% 47.0086875058%);
    transform: translate(-4.3989547241%, 0.1864737344%);
  }
  80.8333333333% {
    clip-path: polygon(0% 13.7427881123%, 100% 13.7427881123%, 100% 17.8844884199%, 0% 17.8844884199%);
    transform: translate(3.3351338703%, -0.260162256%);
  }
  81.6666666667% {
    clip-path: polygon(0% 50.7391129235%, 100% 50.7391129235%, 100% 58.7396896258%, 0% 58.7396896258%);
    transform: translate(2.3608054125%, -0.4870104335%);
  }
  82.5% {
    clip-path: polygon(0% 65.6559717613%, 100% 65.6559717613%, 100% 73.6497239407%, 0% 73.6497239407%);
    transform: translate(-0.3143424478%, -0.1541985401%);
  }
  83.3333333333% {
    clip-path: polygon(0% 10.3810957063%, 100% 10.3810957063%, 100% 17.126470994%, 0% 17.126470994%);
    transform: translate(0.341852632%, 0.3946184828%);
  }
  84.1666666667% {
    clip-path: polygon(0% 87.1566287624%, 100% 87.1566287624%, 100% 88.5566503033%, 0% 88.5566503033%);
    transform: translate(-0.3900250994%, -0.441315354%);
  }
  85% {
    clip-path: polygon(0% 13.9094994779%, 100% 13.9094994779%, 100% 17.4186270865%, 0% 17.4186270865%);
    transform: translate(6.6742888244%, 0.2361238086%);
  }
  85.8333333333% {
    clip-path: polygon(0% 9.5604797913%, 100% 9.5604797913%, 100% 15.8918585754%, 0% 15.8918585754%);
    transform: translate(-6.5432136368%, -0.1919294828%);
  }
  86.6666666667% {
    clip-path: polygon(0% 50.3651351359%, 100% 50.3651351359%, 100% 59.9537982243%, 0% 59.9537982243%);
    transform: translate(3.0098300811%, -0.1754604469%);
  }
  87.5% {
    clip-path: polygon(0% 74.9676369412%, 100% 74.9676369412%, 100% 82.9068820895%, 0% 82.9068820895%);
    transform: translate(1.6259775934%, 0.2234941601%);
  }
  88.3333333333% {
    clip-path: polygon(0% 87.643720724%, 100% 87.643720724%, 100% 95.4220990347%, 0% 95.4220990347%);
    transform: translate(-7.5581393348%, 0.1563194319%);
  }
  89.1666666667% {
    clip-path: polygon(0% 54.746334376%, 100% 54.746334376%, 100% 63.3851915333%, 0% 63.3851915333%);
    transform: translate(5.4245158749%, -0.4109631659%);
  }
  90% {
    clip-path: polygon(0% 15.5225006368%, 100% 15.5225006368%, 100% 19.1382514213%, 0% 19.1382514213%);
    transform: translate(-3.4112354579%, 0.1787162641%);
  }
  90.8333333333% {
    clip-path: polygon(0% 40.1871470271%, 100% 40.1871470271%, 100% 43.6814314657%, 0% 43.6814314657%);
    transform: translate(-3.982483946%, 0.0227116958%);
  }
  91.6666666667% {
    clip-path: polygon(0% 51.3760758442%, 100% 51.3760758442%, 100% 53.0826115576%, 0% 53.0826115576%);
    transform: translate(4.146553549%, 0.2941734926%);
  }
  92.5% {
    clip-path: polygon(0% 37.6938491462%, 100% 37.6938491462%, 100% 41.5187183549%, 0% 41.5187183549%);
    transform: translate(-3.8708029279%, -0.135012709%);
  }
  93.3333333333% {
    clip-path: polygon(0% 78.8415920414%, 100% 78.8415920414%, 100% 87.2315986916%, 0% 87.2315986916%);
    transform: translate(-1.4253399724%, -0.0713126852%);
  }
  94.1666666667% {
    clip-path: polygon(0% 8.0689759849%, 100% 8.0689759849%, 100% 10.8159095776%, 0% 10.8159095776%);
    transform: translate(-3.6210273978%, -0.4697336628%);
  }
  95% {
    clip-path: polygon(0% 29.8030766879%, 100% 29.8030766879%, 100% 33.045946759%, 0% 33.045946759%);
    transform: translate(1.2962856271%, -0.1897767912%);
  }
  95.8333333333% {
    clip-path: polygon(0% 65.1606136144%, 100% 65.1606136144%, 100% 72.6038206758%, 0% 72.6038206758%);
    transform: translate(4.0788265419%, -0.0344067806%);
  }
  96.6666666667% {
    clip-path: polygon(0% 43.4481361373%, 100% 43.4481361373%, 100% 51.1528794345%, 0% 51.1528794345%);
    transform: translate(-5.228811432%, 0.2983309472%);
  }
  97.5% {
    clip-path: polygon(0% 54.591573874%, 100% 54.591573874%, 100% 64.0307868966%, 0% 64.0307868966%);
    transform: translate(3.514770176%, 0.071591479%);
  }
  98.3333333333% {
    clip-path: polygon(0% 82.7897045465%, 100% 82.7897045465%, 100% 86.9049724413%, 0% 86.9049724413%);
    transform: translate(-0.8685154767%, 0.262449731%);
  }
  99.1666666667% {
    clip-path: polygon(0% 54.7479969219%, 100% 54.7479969219%, 100% 59.8800945936%, 0% 59.8800945936%);
    transform: translate(5.6413349244%, 0.0107771368%);
  }
  100%, 100% {
    clip-path: none;
    transform: none;
  }
}
.glitch::before {
  content: "";
}
.glitch::after {
  animation: glitch-after 2.5s linear infinite alternate both;
}
@keyframes glitch-after {
  0% {
    clip-path: polygon(0% 10.8159297555%, 100% 10.8159297555%, 100% 18.4009899745%, 0% 18.4009899745%);
    transform: translate(3.2427217248%, 0.0162877499%);
  }
  0.8333333333% {
    clip-path: polygon(0% 71.8022201752%, 100% 71.8022201752%, 100% 75.2970479849%, 0% 75.2970479849%);
    transform: translate(-0.7269401656%, 0.2190129211%);
  }
  1.6666666667% {
    clip-path: polygon(0% 32.1031729138%, 100% 32.1031729138%, 100% 38.8769371084%, 0% 38.8769371084%);
    transform: translate(-3.4047418317%, -0.0092729851%);
  }
  2.5% {
    clip-path: polygon(0% 10.9708267621%, 100% 10.9708267621%, 100% 15.3712369465%, 0% 15.3712369465%);
    transform: translate(3.9799323091%, -0.2697209241%);
  }
  3.3333333333% {
    clip-path: polygon(0% 30.9569070107%, 100% 30.9569070107%, 100% 37.4890081636%, 0% 37.4890081636%);
    transform: translate(-7.0825809541%, -0.0163288227%);
  }
  4.1666666667% {
    clip-path: polygon(0% 53.7808970815%, 100% 53.7808970815%, 100% 57.3601722118%, 0% 57.3601722118%);
    transform: translate(0.0104261752%, 0.2352997611%);
  }
  5% {
    clip-path: polygon(0% 57.2945768684%, 100% 57.2945768684%, 100% 64.6697935946%, 0% 64.6697935946%);
    transform: translate(-6.6012687548%, 0.4619132676%);
  }
  5.8333333333% {
    clip-path: polygon(0% 2.0976043631%, 100% 2.0976043631%, 100% 6.9163228682%, 0% 6.9163228682%);
    transform: translate(0.7885930982%, -0.0293088441%);
  }
  6.6666666667% {
    clip-path: polygon(0% 23.445529234%, 100% 23.445529234%, 100% 32.987393753%, 0% 32.987393753%);
    transform: translate(-3.5841885293%, 0.1005225223%);
  }
  7.5% {
    clip-path: polygon(0% 65.575259601%, 100% 65.575259601%, 100% 71.2435420985%, 0% 71.2435420985%);
    transform: translate(-3.7818269938%, -0.4021570837%);
  }
  8.3333333333% {
    clip-path: polygon(0% 35.5968644877%, 100% 35.5968644877%, 100% 40.0715709081%, 0% 40.0715709081%);
    transform: translate(1.8897850042%, 0.0098679654%);
  }
  9.1666666667% {
    clip-path: polygon(0% 27.1748469847%, 100% 27.1748469847%, 100% 33.0131918534%, 0% 33.0131918534%);
    transform: translate(-0.2697186508%, 0.2470866802%);
  }
  10% {
    clip-path: polygon(0% 7.3156157936%, 100% 7.3156157936%, 100% 16.3192247996%, 0% 16.3192247996%);
    transform: translate(7.7371445646%, -0.0072444201%);
  }
  10.8333333333% {
    clip-path: polygon(0% 82.3883031935%, 100% 82.3883031935%, 100% 87.1331744479%, 0% 87.1331744479%);
    transform: translate(-0.7713662129%, -0.0674548784%);
  }
  11.6666666667% {
    clip-path: polygon(0% 58.7773889827%, 100% 58.7773889827%, 100% 68.1238571091%, 0% 68.1238571091%);
    transform: translate(7.8859800433%, -0.0766659383%);
  }
  12.5% {
    clip-path: polygon(0% 15.5128749503%, 100% 15.5128749503%, 100% 21.1345439873%, 0% 21.1345439873%);
    transform: translate(0.4292643781%, -0.0454847282%);
  }
  13.3333333333% {
    clip-path: polygon(0% 30.0662396803%, 100% 30.0662396803%, 100% 38.6195676799%, 0% 38.6195676799%);
    transform: translate(-6.2202689711%, 0.3118985917%);
  }
  14.1666666667% {
    clip-path: polygon(0% 81.1556433196%, 100% 81.1556433196%, 100% 89.9655031544%, 0% 89.9655031544%);
    transform: translate(4.1933269195%, -0.4356967149%);
  }
  15% {
    clip-path: polygon(0% 36.5574006436%, 100% 36.5574006436%, 100% 42.8927702168%, 0% 42.8927702168%);
    transform: translate(-1.1391551646%, -0.0577229805%);
  }
  15.8333333333% {
    clip-path: polygon(0% 27.4080918421%, 100% 27.4080918421%, 100% 33.7361580744%, 0% 33.7361580744%);
    transform: translate(0.9964720423%, -0.2375232748%);
  }
  16.6666666667% {
    clip-path: polygon(0% 7.6263340049%, 100% 7.6263340049%, 100% 9.9722090255%, 0% 9.9722090255%);
    transform: translate(5.7615145433%, 0.2501194749%);
  }
  17.5% {
    clip-path: polygon(0% 80.6973800377%, 100% 80.6973800377%, 100% 82.8057580952%, 0% 82.8057580952%);
    transform: translate(3.5295396034%, -0.117362407%);
  }
  18.3333333333% {
    clip-path: polygon(0% 15.5903823882%, 100% 15.5903823882%, 100% 17.1720198035%, 0% 17.1720198035%);
    transform: translate(1.1556695601%, -0.4905362722%);
  }
  19.1666666667% {
    clip-path: polygon(0% 58.400286317%, 100% 58.400286317%, 100% 67.9698028665%, 0% 67.9698028665%);
    transform: translate(1.5312000337%, -0.2908458271%);
  }
  20% {
    clip-path: polygon(0% 62.5044405377%, 100% 62.5044405377%, 100% 68.5733564673%, 0% 68.5733564673%);
    transform: translate(3.8762066355%, -0.3608316001%);
  }
  20.8333333333% {
    clip-path: polygon(0% 43.4015311918%, 100% 43.4015311918%, 100% 46.6940335843%, 0% 46.6940335843%);
    transform: translate(-0.7987303028%, -0.354629625%);
  }
  21.6666666667% {
    clip-path: polygon(0% 75.0204689742%, 100% 75.0204689742%, 100% 82.700706119%, 0% 82.700706119%);
    transform: translate(-2.8831210528%, -0.1682343803%);
  }
  22.5% {
    clip-path: polygon(0% 42.5513414945%, 100% 42.5513414945%, 100% 47.7635955624%, 0% 47.7635955624%);
    transform: translate(-2.8414242542%, 0.1346508894%);
  }
  23.3333333333% {
    clip-path: polygon(0% 43.2795082557%, 100% 43.2795082557%, 100% 45.9359074658%, 0% 45.9359074658%);
    transform: translate(7.2080929825%, -0.325611956%);
  }
  24.1666666667% {
    clip-path: polygon(0% 55.5515018924%, 100% 55.5515018924%, 100% 64.4036713902%, 0% 64.4036713902%);
    transform: translate(7.4261717166%, -0.4735376615%);
  }
  25% {
    clip-path: polygon(0% 49.7725455913%, 100% 49.7725455913%, 100% 58.3262935181%, 0% 58.3262935181%);
    transform: translate(3.6376130692%, 0.238924601%);
  }
  25.8333333333% {
    clip-path: polygon(0% 37.4589524895%, 100% 37.4589524895%, 100% 38.7355277365%, 0% 38.7355277365%);
    transform: translate(0.9392659838%, 0.4762979081%);
  }
  26.6666666667% {
    clip-path: polygon(0% 15.7650091321%, 100% 15.7650091321%, 100% 18.0786048385%, 0% 18.0786048385%);
    transform: translate(5.2539326966%, 0.1340217977%);
  }
  27.5% {
    clip-path: polygon(0% 7.5788968912%, 100% 7.5788968912%, 100% 9.9147566836%, 0% 9.9147566836%);
    transform: translate(-2.3606692978%, -0.4335476836%);
  }
  28.3333333333% {
    clip-path: polygon(0% 6.8712438563%, 100% 6.8712438563%, 100% 9.1974762155%, 0% 9.1974762155%);
    transform: translate(-3.3609915074%, -0.0330920108%);
  }
  29.1666666667% {
    clip-path: polygon(0% 69.7340331741%, 100% 69.7340331741%, 100% 71.9109710028%, 0% 71.9109710028%);
    transform: translate(-3.7913767959%, -0.0302327748%);
  }
  30% {
    clip-path: polygon(0% 24.5138507529%, 100% 24.5138507529%, 100% 26.3102803303%, 0% 26.3102803303%);
    transform: translate(-5.0218553787%, 0.27206683%);
  }
  30.8333333333% {
    clip-path: polygon(0% 36.378495662%, 100% 36.378495662%, 100% 43.3366357264%, 0% 43.3366357264%);
    transform: translate(6.9979326871%, 0.160810463%);
  }
  31.6666666667% {
    clip-path: polygon(0% 52.1201794201%, 100% 52.1201794201%, 100% 60.8331620851%, 0% 60.8331620851%);
    transform: translate(2.6625135373%, 0.089739311%);
  }
  32.5% {
    clip-path: polygon(0% 75.0363197249%, 100% 75.0363197249%, 100% 84.1206228476%, 0% 84.1206228476%);
    transform: translate(-5.0073869267%, -0.2177729%);
  }
  33.3333333333% {
    clip-path: polygon(0% 26.5752858571%, 100% 26.5752858571%, 100% 32.1926845385%, 0% 32.1926845385%);
    transform: translate(-6.8703024773%, 0.3414826873%);
  }
  34.1666666667% {
    clip-path: polygon(0% 18.4803630955%, 100% 18.4803630955%, 100% 20.8725870383%, 0% 20.8725870383%);
    transform: translate(-5.866029373%, 0.006982269%);
  }
  35% {
    clip-path: polygon(0% 46.6136400556%, 100% 46.6136400556%, 100% 54.6773392094%, 0% 54.6773392094%);
    transform: translate(-5.2512351907%, 0.0999508474%);
  }
  35.8333333333% {
    clip-path: polygon(0% 85.2992061115%, 100% 85.2992061115%, 100% 94.2999132376%, 0% 94.2999132376%);
    transform: translate(7.0209500894%, 0.417468187%);
  }
  36.6666666667% {
    clip-path: polygon(0% 23.5307122559%, 100% 23.5307122559%, 100% 28.471575579%, 0% 28.471575579%);
    transform: translate(2.3650085265%, -0.4605695159%);
  }
  37.5% {
    clip-path: polygon(0% 2.0333468648%, 100% 2.0333468648%, 100% 3.5248209062%, 0% 3.5248209062%);
    transform: translate(1.7714072794%, 0.1108833616%);
  }
  38.3333333333% {
    clip-path: polygon(0% 14.7894447822%, 100% 14.7894447822%, 100% 18.7642268888%, 0% 18.7642268888%);
    transform: translate(0.5867518778%, 0.317649132%);
  }
  39.1666666667% {
    clip-path: polygon(0% 39.2495607785%, 100% 39.2495607785%, 100% 48.8880819307%, 0% 48.8880819307%);
    transform: translate(-1.6729030672%, 0.2270326813%);
  }
  40% {
    clip-path: polygon(0% 50.6566963008%, 100% 50.6566963008%, 100% 52.446948286%, 0% 52.446948286%);
    transform: translate(-2.5132754919%, -0.2894381935%);
  }
  40.8333333333% {
    clip-path: polygon(0% 67.294530605%, 100% 67.294530605%, 100% 76.6501174469%, 0% 76.6501174469%);
    transform: translate(-3.026038905%, 0.1447418962%);
  }
  41.6666666667% {
    clip-path: polygon(0% 38.2528122935%, 100% 38.2528122935%, 100% 43.490057404%, 0% 43.490057404%);
    transform: translate(-7.2128046094%, 0.4158007644%);
  }
  42.5% {
    clip-path: polygon(0% 8.3831578248%, 100% 8.3831578248%, 100% 11.2067850892%, 0% 11.2067850892%);
    transform: translate(4.444476866%, 0.0048915695%);
  }
  43.3333333333% {
    clip-path: polygon(0% 66.2148568506%, 100% 66.2148568506%, 100% 67.7092418302%, 0% 67.7092418302%);
    transform: translate(-2.2083226525%, -0.4037843598%);
  }
  44.1666666667% {
    clip-path: polygon(0% 24.6058131087%, 100% 24.6058131087%, 100% 28.0905193892%, 0% 28.0905193892%);
    transform: translate(1.9347698513%, 0.3930450961%);
  }
  45% {
    clip-path: polygon(0% 69.488404683%, 100% 69.488404683%, 100% 72.6349058655%, 0% 72.6349058655%);
    transform: translate(-5.0945075241%, -0.3314560389%);
  }
  45.8333333333% {
    clip-path: polygon(0% 45.0814696422%, 100% 45.0814696422%, 100% 48.5418813575%, 0% 48.5418813575%);
    transform: translate(-1.4893652355%, -0.3706576765%);
  }
  46.6666666667% {
    clip-path: polygon(0% 31.8729373094%, 100% 31.8729373094%, 100% 39.2325330001%, 0% 39.2325330001%);
    transform: translate(3.0159327839%, -0.2405759352%);
  }
  47.5% {
    clip-path: polygon(0% 11.4505244229%, 100% 11.4505244229%, 100% 15.7893502578%, 0% 15.7893502578%);
    transform: translate(-3.9522185425%, -0.2506524166%);
  }
  48.3333333333% {
    clip-path: polygon(0% 5.4436659247%, 100% 5.4436659247%, 100% 15.2927431662%, 0% 15.2927431662%);
    transform: translate(2.9645278128%, -0.2635615578%);
  }
  49.1666666667% {
    clip-path: polygon(0% 33.9132172642%, 100% 33.9132172642%, 100% 38.3188043552%, 0% 38.3188043552%);
    transform: translate(0.5233545972%, -0.0922481414%);
  }
  50% {
    clip-path: polygon(0% 68.5924330184%, 100% 68.5924330184%, 100% 72.7992198236%, 0% 72.7992198236%);
    transform: translate(0.557790881%, -0.2801272964%);
  }
  50.8333333333% {
    clip-path: polygon(0% 19.2524191439%, 100% 19.2524191439%, 100% 28.4426236574%, 0% 28.4426236574%);
    transform: translate(2.5504674239%, 0.4423021902%);
  }
  51.6666666667% {
    clip-path: polygon(0% 0.8387305974%, 100% 0.8387305974%, 100% 9.15712946%, 0% 9.15712946%);
    transform: translate(3.7713802913%, 0.4129250673%);
  }
  52.5% {
    clip-path: polygon(0% 22.8888997286%, 100% 22.8888997286%, 100% 32.0383469063%, 0% 32.0383469063%);
    transform: translate(5.1900567254%, 0.1542220804%);
  }
  53.3333333333% {
    clip-path: polygon(0% 65.8251837348%, 100% 65.8251837348%, 100% 71.850828652%, 0% 71.850828652%);
    transform: translate(-7.6558052279%, 0.1446826674%);
  }
  54.1666666667% {
    clip-path: polygon(0% 17.2994925066%, 100% 17.2994925066%, 100% 25.4229132609%, 0% 25.4229132609%);
    transform: translate(-7.3455601795%, 0.3674588348%);
  }
  55% {
    clip-path: polygon(0% 30.915135889%, 100% 30.915135889%, 100% 40.5451964875%, 0% 40.5451964875%);
    transform: translate(4.4717357539%, 0.1726715112%);
  }
  55.8333333333% {
    clip-path: polygon(0% 27.8774121989%, 100% 27.8774121989%, 100% 36.9003843364%, 0% 36.9003843364%);
    transform: translate(-5.1832608697%, 0.2017630909%);
  }
  56.6666666667% {
    clip-path: polygon(0% 21.0139343935%, 100% 21.0139343935%, 100% 22.9342180858%, 0% 22.9342180858%);
    transform: translate(1.5201200972%, 0.3687282037%);
  }
  57.5% {
    clip-path: polygon(0% 23.5538079361%, 100% 23.5538079361%, 100% 26.6469144293%, 0% 26.6469144293%);
    transform: translate(7.4281398034%, -0.4809397712%);
  }
  58.3333333333% {
    clip-path: polygon(0% 73.5865452825%, 100% 73.5865452825%, 100% 76.9897794221%, 0% 76.9897794221%);
    transform: translate(2.2419742855%, 0.4104145833%);
  }
  59.1666666667% {
    clip-path: polygon(0% 3.2732205071%, 100% 3.2732205071%, 100% 4.6749917269%, 0% 4.6749917269%);
    transform: translate(2.155864003%, 0.269784024%);
  }
  60% {
    clip-path: polygon(0% 22.7573435312%, 100% 22.7573435312%, 100% 32.6239062882%, 0% 32.6239062882%);
    transform: translate(-3.21896755%, 0.26330448%);
  }
  60.8333333333% {
    clip-path: polygon(0% 43.3681957542%, 100% 43.3681957542%, 100% 50.5937670673%, 0% 50.5937670673%);
    transform: translate(-6.2641280775%, -0.1562150778%);
  }
  61.6666666667% {
    clip-path: polygon(0% 24.1738060081%, 100% 24.1738060081%, 100% 29.9578654411%, 0% 29.9578654411%);
    transform: translate(-0.5888276528%, 0.1798619407%);
  }
  62.5% {
    clip-path: polygon(0% 2.504935105%, 100% 2.504935105%, 100% 7.1383196019%, 0% 7.1383196019%);
    transform: translate(-3.3039490331%, -0.3227428193%);
  }
  63.3333333333% {
    clip-path: polygon(0% 34.2225089668%, 100% 34.2225089668%, 100% 36.3993543792%, 0% 36.3993543792%);
    transform: translate(-6.1932041885%, 0.020059314%);
  }
  64.1666666667% {
    clip-path: polygon(0% 83.0783714433%, 100% 83.0783714433%, 100% 85.5281571838%, 0% 85.5281571838%);
    transform: translate(4.9070397313%, -0.1877592018%);
  }
  65% {
    clip-path: polygon(0% 36.4065016711%, 100% 36.4065016711%, 100% 42.2972036502%, 0% 42.2972036502%);
    transform: translate(-1.4699391953%, 0.306889317%);
  }
  65.8333333333% {
    clip-path: polygon(0% 68.7618763066%, 100% 68.7618763066%, 100% 70.5520305213%, 0% 70.5520305213%);
    transform: translate(5.456409474%, -0.2220466705%);
  }
  66.6666666667% {
    clip-path: polygon(0% 23.3488528525%, 100% 23.3488528525%, 100% 29.6113250168%, 0% 29.6113250168%);
    transform: translate(-1.0019841777%, -0.4555949042%);
  }
  67.5% {
    clip-path: polygon(0% 70.5615127692%, 100% 70.5615127692%, 100% 75.728951798%, 0% 75.728951798%);
    transform: translate(-5.2909477547%, -0.4993698159%);
  }
  68.3333333333% {
    clip-path: polygon(0% 68.4325709591%, 100% 68.4325709591%, 100% 78.3212219954%, 0% 78.3212219954%);
    transform: translate(-1.6076195821%, 0.4301920481%);
  }
  69.1666666667% {
    clip-path: polygon(0% 16.4709268358%, 100% 16.4709268358%, 100% 20.5641077675%, 0% 20.5641077675%);
    transform: translate(3.6384673348%, 0.0922601793%);
  }
  70% {
    clip-path: polygon(0% 57.2341192262%, 100% 57.2341192262%, 100% 59.4942103869%, 0% 59.4942103869%);
    transform: translate(-5.6647002379%, 0.3045058006%);
  }
  70.8333333333% {
    clip-path: polygon(0% 32.4273781165%, 100% 32.4273781165%, 100% 37.0274282926%, 0% 37.0274282926%);
    transform: translate(1.625872853%, -0.1157663324%);
  }
  71.6666666667% {
    clip-path: polygon(0% 17.7980210025%, 100% 17.7980210025%, 100% 24.3236288549%, 0% 24.3236288549%);
    transform: translate(-7.3042113432%, -0.107351071%);
  }
  72.5% {
    clip-path: polygon(0% 29.4111431972%, 100% 29.4111431972%, 100% 39.062798012%, 0% 39.062798012%);
    transform: translate(3.4300958169%, -0.0844889681%);
  }
  73.3333333333% {
    clip-path: polygon(0% 63.1980525487%, 100% 63.1980525487%, 100% 71.5995879869%, 0% 71.5995879869%);
    transform: translate(-2.3822246145%, 0.098246329%);
  }
  74.1666666667% {
    clip-path: polygon(0% 63.1374709816%, 100% 63.1374709816%, 100% 70.1699269672%, 0% 70.1699269672%);
    transform: translate(-4.6360546513%, 0.1190026999%);
  }
  75% {
    clip-path: polygon(0% 47.312055337%, 100% 47.312055337%, 100% 53.7853844777%, 0% 53.7853844777%);
    transform: translate(-7.9862802251%, -0.2194278407%);
  }
  75.8333333333% {
    clip-path: polygon(0% 73.6223844185%, 100% 73.6223844185%, 100% 76.7860201515%, 0% 76.7860201515%);
    transform: translate(-2.0386033989%, -0.241055831%);
  }
  76.6666666667% {
    clip-path: polygon(0% 19.0312940038%, 100% 19.0312940038%, 100% 23.8731079121%, 0% 23.8731079121%);
    transform: translate(-4.3510677738%, 0.0494223663%);
  }
  77.5% {
    clip-path: polygon(0% 74.2351491252%, 100% 74.2351491252%, 100% 82.5348073127%, 0% 82.5348073127%);
    transform: translate(-7.724496656%, -0.1022799396%);
  }
  78.3333333333% {
    clip-path: polygon(0% 9.1069522284%, 100% 9.1069522284%, 100% 13.1587730443%, 0% 13.1587730443%);
    transform: translate(6.4283993986%, 0.2764787035%);
  }
  79.1666666667% {
    clip-path: polygon(0% 87.8784676327%, 100% 87.8784676327%, 100% 97.1724832171%, 0% 97.1724832171%);
    transform: translate(-4.1688343338%, 0.1796376088%);
  }
  80% {
    clip-path: polygon(0% 56.7998012628%, 100% 56.7998012628%, 100% 64.5860366217%, 0% 64.5860366217%);
    transform: translate(2.8627430003%, 0.2148063007%);
  }
  80.8333333333% {
    clip-path: polygon(0% 85.9519558105%, 100% 85.9519558105%, 100% 88.3678225138%, 0% 88.3678225138%);
    transform: translate(-0.1040007888%, -0.2863344696%);
  }
  81.6666666667% {
    clip-path: polygon(0% 44.5221399156%, 100% 44.5221399156%, 100% 48.6533861962%, 0% 48.6533861962%);
    transform: translate(0.6282590458%, 0.1929437381%);
  }
  82.5% {
    clip-path: polygon(0% 51.9655858657%, 100% 51.9655858657%, 100% 56.3582082564%, 0% 56.3582082564%);
    transform: translate(5.1277620893%, 0.2155860689%);
  }
  83.3333333333% {
    clip-path: polygon(0% 48.2066766047%, 100% 48.2066766047%, 100% 55.2075941854%, 0% 55.2075941854%);
    transform: translate(5.9803504646%, 0.3410626214%);
  }
  84.1666666667% {
    clip-path: polygon(0% 57.9486394573%, 100% 57.9486394573%, 100% 61.7922253356%, 0% 61.7922253356%);
    transform: translate(0.9997281714%, 0.2999502513%);
  }
  85% {
    clip-path: polygon(0% 13.3927673784%, 100% 13.3927673784%, 100% 22.8426979191%, 0% 22.8426979191%);
    transform: translate(-5.9010258329%, -0.0753845286%);
  }
  85.8333333333% {
    clip-path: polygon(0% 30.9081684853%, 100% 30.9081684853%, 100% 40.4142169412%, 0% 40.4142169412%);
    transform: translate(-4.4046237497%, 0.1763672108%);
  }
  86.6666666667% {
    clip-path: polygon(0% 5.8157105999%, 100% 5.8157105999%, 100% 13.2983555398%, 0% 13.2983555398%);
    transform: translate(-1.3624825264%, -0.2418943945%);
  }
  87.5% {
    clip-path: polygon(0% 20.3148176854%, 100% 20.3148176854%, 100% 21.7326279998%, 0% 21.7326279998%);
    transform: translate(7.896083448%, -0.3276766717%);
  }
  88.3333333333% {
    clip-path: polygon(0% 86.1148755091%, 100% 86.1148755091%, 100% 88.5618499654%, 0% 88.5618499654%);
    transform: translate(-0.0576140672%, -0.0751584494%);
  }
  89.1666666667% {
    clip-path: polygon(0% 19.5951584342%, 100% 19.5951584342%, 100% 28.6792535188%, 0% 28.6792535188%);
    transform: translate(5.5329171031%, -0.0281711492%);
  }
  90% {
    clip-path: polygon(0% 77.5598769048%, 100% 77.5598769048%, 100% 87.1682446854%, 0% 87.1682446854%);
    transform: translate(-1.2199206037%, 0.3530050828%);
  }
  90.8333333333% {
    clip-path: polygon(0% 57.1255382481%, 100% 57.1255382481%, 100% 62.9804040991%, 0% 62.9804040991%);
    transform: translate(3.1013767271%, 0.2086312244%);
  }
  91.6666666667% {
    clip-path: polygon(0% 88.7104794278%, 100% 88.7104794278%, 100% 98.4032578598%, 0% 98.4032578598%);
    transform: translate(3.1197390183%, -0.1778882645%);
  }
  92.5% {
    clip-path: polygon(0% 38.3145142092%, 100% 38.3145142092%, 100% 43.2809759576%, 0% 43.2809759576%);
    transform: translate(-0.1256306035%, 0.3780747568%);
  }
  93.3333333333% {
    clip-path: polygon(0% 22.3255344869%, 100% 22.3255344869%, 100% 26.1859371896%, 0% 26.1859371896%);
    transform: translate(6.3997450525%, 0.3551723276%);
  }
  94.1666666667% {
    clip-path: polygon(0% 43.8085010683%, 100% 43.8085010683%, 100% 50.8312094201%, 0% 50.8312094201%);
    transform: translate(6.3240436531%, -0.0569040482%);
  }
  95% {
    clip-path: polygon(0% 64.0536418095%, 100% 64.0536418095%, 100% 70.0498228893%, 0% 70.0498228893%);
    transform: translate(6.9917828436%, -0.2565333398%);
  }
  95.8333333333% {
    clip-path: polygon(0% 25.386910921%, 100% 25.386910921%, 100% 31.9066555884%, 0% 31.9066555884%);
    transform: translate(4.9957029436%, -0.479369838%);
  }
  96.6666666667% {
    clip-path: polygon(0% 23.8645205811%, 100% 23.8645205811%, 100% 31.5708048338%, 0% 31.5708048338%);
    transform: translate(-4.2398972434%, -0.2312528164%);
  }
  97.5% {
    clip-path: polygon(0% 48.7881797704%, 100% 48.7881797704%, 100% 53.6806622477%, 0% 53.6806622477%);
    transform: translate(-3.890234666%, -0.140190786%);
  }
  98.3333333333% {
    clip-path: polygon(0% 18.4853463787%, 100% 18.4853463787%, 100% 23.4966630279%, 0% 23.4966630279%);
    transform: translate(4.5734568807%, 0.2821316063%);
  }
  99.1666666667% {
    clip-path: polygon(0% 74.6296638246%, 100% 74.6296638246%, 100% 81.8799861793%, 0% 81.8799861793%);
    transform: translate(-6.0090055888%, -0.0720393939%);
  }
  100%, 100% {
    clip-path: none;
    transform: none;
  }
}
.glitch::after {
  content: "";
}
.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;
}
@keyframes change-r {
  0% {
    transform: translate(-0.2678123863%, -0.4861264451%);
  }
  0.8333333333% {
    transform: translate(0.8640474567%, -0.1146544412%);
  }
  1.6666666667% {
    transform: translate(-1.9489975746%, 0.2785106481%);
  }
  2.5% {
    transform: translate(0.1648751768%, -0.0249460692%);
  }
  3.3333333333% {
    transform: translate(0.1168706201%, 0.3082097992%);
  }
  4.1666666667% {
    transform: translate(0.61797997%, -0.1843330592%);
  }
  5% {
    transform: translate(-1.568715608%, -0.2259337839%);
  }
  5.8333333333% {
    transform: translate(-1.5463699089%, 0.4463170363%);
  }
  6.6666666667% {
    transform: translate(-1.7580290433%, 0.3725133102%);
  }
  7.5% {
    transform: translate(-1.571800807%, 0.4819703397%);
  }
  8.3333333333% {
    transform: translate(1.1272383484%, 0.2598620587%);
  }
  9.1666666667% {
    transform: translate(1.2887963519%, 0.195730166%);
  }
  10% {
    transform: translate(1.695366645%, 0.439511261%);
  }
  10.8333333333% {
    transform: translate(-1.5312371216%, -0.2089724969%);
  }
  11.6666666667% {
    transform: translate(1.5604613859%, 0.3635253256%);
  }
  12.5% {
    transform: translate(0.3199175199%, -0.2531138108%);
  }
  13.3333333333% {
    transform: translate(-1.797391579%, 0.0685745041%);
  }
  14.1666666667% {
    transform: translate(-1.9702808324%, -0.1214804721%);
  }
  15% {
    transform: translate(-1.080089398%, -0.2043991007%);
  }
  15.8333333333% {
    transform: translate(1.4664309857%, 0.4571631418%);
  }
  16.6666666667% {
    transform: translate(-1.547313593%, -0.0126189491%);
  }
  17.5% {
    transform: translate(1.008724512%, 0.4551886659%);
  }
  18.3333333333% {
    transform: translate(-0.094648216%, -0.015155799%);
  }
  19.1666666667% {
    transform: translate(-1.6401319152%, -0.2378558926%);
  }
  20% {
    transform: translate(-1.2773497213%, 0.4011309797%);
  }
  20.8333333333% {
    transform: translate(-1.4120946281%, 0.0000650003%);
  }
  21.6666666667% {
    transform: translate(-0.7453956791%, 0.0580429279%);
  }
  22.5% {
    transform: translate(1.4838685997%, -0.2590010848%);
  }
  23.3333333333% {
    transform: translate(-1.8951292523%, -0.1291335346%);
  }
  24.1666666667% {
    transform: translate(0.4064430041%, 0.2247611869%);
  }
  25% {
    transform: translate(-0.9238512975%, 0.4894026127%);
  }
  25.8333333333% {
    transform: translate(-0.0454666655%, -0.1013929963%);
  }
  26.6666666667% {
    transform: translate(1.3645009032%, -0.0705337689%);
  }
  27.5% {
    transform: translate(0.6439867384%, 0.089959422%);
  }
  28.3333333333% {
    transform: translate(-1.747432146%, -0.0416976276%);
  }
  29.1666666667% {
    transform: translate(0.5733202729%, -0.4222636511%);
  }
  30% {
    transform: translate(1.4705464417%, -0.1658503299%);
  }
  30.8333333333% {
    transform: translate(0.7608042865%, 0.2535075126%);
  }
  31.6666666667% {
    transform: translate(0.1754360114%, -0.2913139469%);
  }
  32.5% {
    transform: translate(0.2934924003%, -0.1179769307%);
  }
  33.3333333333% {
    transform: translate(-0.9933821197%, -0.1484558022%);
  }
  34.1666666667% {
    transform: translate(0.5511072778%, 0.0032840345%);
  }
  35% {
    transform: translate(0.1791017817%, -0.3456380162%);
  }
  35.8333333333% {
    transform: translate(1.5879908974%, 0.1304780707%);
  }
  36.6666666667% {
    transform: translate(1.5937617473%, -0.2147005729%);
  }
  37.5% {
    transform: translate(0.9461889631%, 0.2833643244%);
  }
  38.3333333333% {
    transform: translate(1.2261932986%, -0.1860981776%);
  }
  39.1666666667% {
    transform: translate(-0.1996560449%, 0.1275824922%);
  }
  40% {
    transform: translate(-0.1001907996%, 0.1966599726%);
  }
  40.8333333333% {
    transform: translate(-1.5754033013%, 0.1892821905%);
  }
  41.6666666667% {
    transform: translate(-1.7041570065%, 0.1218406249%);
  }
  42.5% {
    transform: translate(1.1113540139%, 0.0571096943%);
  }
  43.3333333333% {
    transform: translate(1.5209091472%, -0.3133824765%);
  }
  44.1666666667% {
    transform: translate(1.9887033437%, -0.4115587742%);
  }
  45% {
    transform: translate(0.7080551473%, -0.0014331619%);
  }
  45.8333333333% {
    transform: translate(-0.7288534573%, -0.2445934491%);
  }
  46.6666666667% {
    transform: translate(-0.016633781%, -0.3110337183%);
  }
  47.5% {
    transform: translate(-0.679604005%, -0.1569065809%);
  }
  48.3333333333% {
    transform: translate(-1.6979012191%, 0.0868799476%);
  }
  49.1666666667% {
    transform: translate(0.4986467855%, -0.4134605974%);
  }
  50% {
    transform: translate(1.942082624%, -0.2329739713%);
  }
  50.8333333333% {
    transform: translate(1.9418937049%, 0.4255113997%);
  }
  51.6666666667% {
    transform: translate(1.4423507692%, -0.0205360932%);
  }
  52.5% {
    transform: translate(0.0556822839%, -0.076317956%);
  }
  53.3333333333% {
    transform: translate(-0.5123182818%, -0.1497287252%);
  }
  54.1666666667% {
    transform: translate(0.3970249294%, -0.0875773833%);
  }
  55% {
    transform: translate(-1.2322083677%, 0.059861999%);
  }
  55.8333333333% {
    transform: translate(-0.6089778403%, -0.2510181768%);
  }
  56.6666666667% {
    transform: translate(-0.9609369557%, 0.1276852924%);
  }
  57.5% {
    transform: translate(-0.053851309%, -0.4442360614%);
  }
  58.3333333333% {
    transform: translate(0.6635269387%, -0.0999625016%);
  }
  59.1666666667% {
    transform: translate(1.517384613%, 0.1073366534%);
  }
  60% {
    transform: translate(0.4405912875%, 0.454304093%);
  }
  60.8333333333% {
    transform: translate(0.9382995748%, 0.2526559275%);
  }
  61.6666666667% {
    transform: translate(0.3979277123%, -0.3050949088%);
  }
  62.5% {
    transform: translate(1.966691176%, -0.2933385405%);
  }
  63.3333333333% {
    transform: translate(-0.4886328401%, 0.3601000944%);
  }
  64.1666666667% {
    transform: translate(0.9894156526%, -0.143013928%);
  }
  65% {
    transform: translate(0.1907670051%, -0.4399581142%);
  }
  65.8333333333% {
    transform: translate(-0.995948428%, -0.0974886231%);
  }
  66.6666666667% {
    transform: translate(1.9502162255%, -0.2374512139%);
  }
  67.5% {
    transform: translate(0.3777623918%, -0.0069945281%);
  }
  68.3333333333% {
    transform: translate(1.0211263434%, -0.4140112803%);
  }
  69.1666666667% {
    transform: translate(-0.6408765286%, -0.0515380864%);
  }
  70% {
    transform: translate(-1.2819638071%, 0.4207735902%);
  }
  70.8333333333% {
    transform: translate(-1.308558505%, -0.0575470074%);
  }
  71.6666666667% {
    transform: translate(1.8542273858%, -0.220160514%);
  }
  72.5% {
    transform: translate(0.660823396%, 0.2193944854%);
  }
  73.3333333333% {
    transform: translate(0.7249926255%, -0.1562695197%);
  }
  74.1666666667% {
    transform: translate(1.6408863377%, 0.2822359161%);
  }
  75% {
    transform: translate(-0.9436204976%, 0.0859744688%);
  }
  75.8333333333% {
    transform: translate(-0.8094160079%, 0.2216321689%);
  }
  76.6666666667% {
    transform: translate(-1.8128523837%, -0.0156573315%);
  }
  77.5% {
    transform: translate(0.8632062808%, 0.1689267643%);
  }
  78.3333333333% {
    transform: translate(1.9618186384%, 0.2325123364%);
  }
  79.1666666667% {
    transform: translate(1.5857700853%, -0.3986973431%);
  }
  80% {
    transform: translate(-1.9572153125%, -0.4332027387%);
  }
  80.8333333333% {
    transform: translate(1.3678425628%, 0.1252069951%);
  }
  81.6666666667% {
    transform: translate(-1.0478952911%, 0.2431072159%);
  }
  82.5% {
    transform: translate(0.6347604586%, 0.048472715%);
  }
  83.3333333333% {
    transform: translate(-1.7147745067%, -0.462366868%);
  }
  84.1666666667% {
    transform: translate(-0.5349429732%, -0.2215499789%);
  }
  85% {
    transform: translate(1.7405457309%, -0.4553797677%);
  }
  85.8333333333% {
    transform: translate(-1.0986095113%, 0.0431012781%);
  }
  86.6666666667% {
    transform: translate(0.6840329645%, 0.2371807827%);
  }
  87.5% {
    transform: translate(-1.070172703%, 0.0003148351%);
  }
  88.3333333333% {
    transform: translate(1.0929009884%, 0.4697981764%);
  }
  89.1666666667% {
    transform: translate(1.1028261094%, 0.0670826062%);
  }
  90% {
    transform: translate(1.8615153443%, -0.2721091079%);
  }
  90.8333333333% {
    transform: translate(1.5620532903%, -0.3395202231%);
  }
  91.6666666667% {
    transform: translate(1.8089614979%, 0.2405839447%);
  }
  92.5% {
    transform: translate(-1.0964992205%, 0.3471192553%);
  }
  93.3333333333% {
    transform: translate(-0.2820112463%, -0.0613638436%);
  }
  94.1666666667% {
    transform: translate(0.9269440899%, 0.3503981916%);
  }
  95% {
    transform: translate(0.7112230349%, -0.0095883563%);
  }
  95.8333333333% {
    transform: translate(-0.9923045329%, -0.2645099155%);
  }
  96.6666666667% {
    transform: translate(1.7904126917%, -0.2316495728%);
  }
  97.5% {
    transform: translate(-1.9859558516%, -0.4888839393%);
  }
  98.3333333333% {
    transform: translate(1.0795177355%, 0.2526389395%);
  }
  99.1666666667% {
    transform: translate(1.7989153687%, 0.4494610729%);
  }
  100%, 100% {
    transform: none;
  }
}
.glitch .red-color {
  animation: change-r 2.5s steps(1) infinite alternate both;
}
.glitch .red-color::before {
  background: #ff0000;
}
@keyframes change-g {
  0% {
    transform: translate(0.3046837559%, -0.2298797557%);
  }
  0.8333333333% {
    transform: translate(-0.1385871741%, 0.499348021%);
  }
  1.6666666667% {
    transform: translate(1.8277842925%, 0.3913762491%);
  }
  2.5% {
    transform: translate(1.9004807052%, -0.0366947152%);
  }
  3.3333333333% {
    transform: translate(1.2460228214%, 0.0724453949%);
  }
  4.1666666667% {
    transform: translate(-1.7994712326%, -0.2508165084%);
  }
  5% {
    transform: translate(0.1559575701%, -0.44642845%);
  }
  5.8333333333% {
    transform: translate(-1.8814656663%, -0.3746887249%);
  }
  6.6666666667% {
    transform: translate(-0.6198971275%, 0.4665301513%);
  }
  7.5% {
    transform: translate(-0.0496245251%, -0.3317786899%);
  }
  8.3333333333% {
    transform: translate(-0.9041590358%, -0.0147989909%);
  }
  9.1666666667% {
    transform: translate(-0.0236242927%, 0.426704399%);
  }
  10% {
    transform: translate(-0.9479304252%, -0.0250859447%);
  }
  10.8333333333% {
    transform: translate(-0.2936833651%, 0.1210872579%);
  }
  11.6666666667% {
    transform: translate(-1.5970716886%, -0.1836365649%);
  }
  12.5% {
    transform: translate(-1.0734946979%, -0.2421886724%);
  }
  13.3333333333% {
    transform: translate(-0.2827834649%, -0.3161771283%);
  }
  14.1666666667% {
    transform: translate(0.0606240053%, -0.1417909901%);
  }
  15% {
    transform: translate(0.8775860676%, 0.1765195498%);
  }
  15.8333333333% {
    transform: translate(-0.5231646083%, -0.0302460734%);
  }
  16.6666666667% {
    transform: translate(-1.1695403682%, -0.1412268771%);
  }
  17.5% {
    transform: translate(1.6228606871%, -0.0095392756%);
  }
  18.3333333333% {
    transform: translate(0.160897285%, -0.3977251137%);
  }
  19.1666666667% {
    transform: translate(-1.6871912397%, 0.3441295429%);
  }
  20% {
    transform: translate(0.5597378906%, -0.3934886006%);
  }
  20.8333333333% {
    transform: translate(0.5380192305%, -0.3009723966%);
  }
  21.6666666667% {
    transform: translate(-1.2545524851%, -0.0846341294%);
  }
  22.5% {
    transform: translate(-1.7419074375%, -0.0072883344%);
  }
  23.3333333333% {
    transform: translate(0.9108370932%, 0.0789157526%);
  }
  24.1666666667% {
    transform: translate(0.504626539%, -0.3639647855%);
  }
  25% {
    transform: translate(-1.9174277637%, -0.2948180348%);
  }
  25.8333333333% {
    transform: translate(0.4473389041%, -0.4292973605%);
  }
  26.6666666667% {
    transform: translate(0.914888956%, -0.3077130794%);
  }
  27.5% {
    transform: translate(0.9488664699%, 0.3414818472%);
  }
  28.3333333333% {
    transform: translate(-0.3917436353%, 0.435057565%);
  }
  29.1666666667% {
    transform: translate(-1.8587295996%, 0.3545825763%);
  }
  30% {
    transform: translate(0.8919045531%, 0.2961779648%);
  }
  30.8333333333% {
    transform: translate(-0.9729048344%, -0.1427757958%);
  }
  31.6666666667% {
    transform: translate(1.376112824%, 0.4915121192%);
  }
  32.5% {
    transform: translate(-0.0172675342%, 0.3324425622%);
  }
  33.3333333333% {
    transform: translate(-1.4727780628%, 0.0983104024%);
  }
  34.1666666667% {
    transform: translate(-1.8665563164%, 0.0091030691%);
  }
  35% {
    transform: translate(-1.8385870447%, 0.2528930049%);
  }
  35.8333333333% {
    transform: translate(1.6429067325%, 0.0824793263%);
  }
  36.6666666667% {
    transform: translate(-1.1321371576%, 0.0435823397%);
  }
  37.5% {
    transform: translate(1.4063207631%, -0.4709144429%);
  }
  38.3333333333% {
    transform: translate(0.4671064626%, -0.1333364512%);
  }
  39.1666666667% {
    transform: translate(-1.9173704284%, -0.0966164769%);
  }
  40% {
    transform: translate(-0.9955224353%, 0.2944795994%);
  }
  40.8333333333% {
    transform: translate(0.8548184589%, 0.490653813%);
  }
  41.6666666667% {
    transform: translate(0.3775791284%, 0.3443799902%);
  }
  42.5% {
    transform: translate(1.4583123277%, 0.286667442%);
  }
  43.3333333333% {
    transform: translate(1.7279109855%, -0.4292381751%);
  }
  44.1666666667% {
    transform: translate(0.4094745642%, -0.0068064973%);
  }
  45% {
    transform: translate(-1.5189838507%, 0.1558733915%);
  }
  45.8333333333% {
    transform: translate(1.5886475379%, 0.0596422912%);
  }
  46.6666666667% {
    transform: translate(-0.613688852%, 0.3776468296%);
  }
  47.5% {
    transform: translate(1.8159996498%, -0.0716024073%);
  }
  48.3333333333% {
    transform: translate(1.1942059211%, -0.48689179%);
  }
  49.1666666667% {
    transform: translate(-0.8865473113%, 0.3574394731%);
  }
  50% {
    transform: translate(1.1126329228%, -0.1385518013%);
  }
  50.8333333333% {
    transform: translate(-0.451025023%, 0.2634510979%);
  }
  51.6666666667% {
    transform: translate(-0.942569308%, 0.4459395944%);
  }
  52.5% {
    transform: translate(1.5103327356%, -0.2642264148%);
  }
  53.3333333333% {
    transform: translate(-1.4346113338%, -0.4595438157%);
  }
  54.1666666667% {
    transform: translate(1.8196253069%, -0.1556032123%);
  }
  55% {
    transform: translate(0.1138563959%, 0.1526067818%);
  }
  55.8333333333% {
    transform: translate(0.7153909459%, -0.2265271783%);
  }
  56.6666666667% {
    transform: translate(1.2561751524%, -0.3076461658%);
  }
  57.5% {
    transform: translate(0.3217971874%, -0.0919103856%);
  }
  58.3333333333% {
    transform: translate(-1.5156975349%, -0.3647862281%);
  }
  59.1666666667% {
    transform: translate(0.248335219%, -0.185159565%);
  }
  60% {
    transform: translate(1.2699852255%, -0.2221999435%);
  }
  60.8333333333% {
    transform: translate(1.4814592759%, -0.3227392786%);
  }
  61.6666666667% {
    transform: translate(0.3356859214%, 0.3326018365%);
  }
  62.5% {
    transform: translate(-0.2892493361%, 0.0886422614%);
  }
  63.3333333333% {
    transform: translate(1.8953723954%, 0.177981348%);
  }
  64.1666666667% {
    transform: translate(-1.325672865%, -0.0334588355%);
  }
  65% {
    transform: translate(-1.3484771439%, -0.2768691295%);
  }
  65.8333333333% {
    transform: translate(0.6826680808%, 0.3799268547%);
  }
  66.6666666667% {
    transform: translate(0.2369130959%, 0.4648789882%);
  }
  67.5% {
    transform: translate(1.509354399%, -0.0872654327%);
  }
  68.3333333333% {
    transform: translate(-1.89093563%, -0.3839301528%);
  }
  69.1666666667% {
    transform: translate(-1.4410795112%, 0.2063579013%);
  }
  70% {
    transform: translate(-1.8405377322%, -0.1053986718%);
  }
  70.8333333333% {
    transform: translate(0.0411705628%, -0.2296616274%);
  }
  71.6666666667% {
    transform: translate(0.9754187949%, 0.3007656595%);
  }
  72.5% {
    transform: translate(-1.6075718784%, -0.4003207924%);
  }
  73.3333333333% {
    transform: translate(-0.2602212732%, 0.2102836087%);
  }
  74.1666666667% {
    transform: translate(1.6945334505%, 0.0860965027%);
  }
  75% {
    transform: translate(0.5891570445%, -0.3812653805%);
  }
  75.8333333333% {
    transform: translate(1.9022418306%, -0.2638825347%);
  }
  76.6666666667% {
    transform: translate(-0.0686894686%, 0.0198400929%);
  }
  77.5% {
    transform: translate(-1.8857197876%, -0.3609915218%);
  }
  78.3333333333% {
    transform: translate(1.936954914%, -0.0478008186%);
  }
  79.1666666667% {
    transform: translate(-0.7383633395%, -0.427118159%);
  }
  80% {
    transform: translate(0.4792312919%, -0.1449041558%);
  }
  80.8333333333% {
    transform: translate(-1.2169714154%, 0.0885633222%);
  }
  81.6666666667% {
    transform: translate(-0.2900677736%, 0.4020283358%);
  }
  82.5% {
    transform: translate(0.1585655243%, -0.2823878101%);
  }
  83.3333333333% {
    transform: translate(-1.4323322293%, -0.0307846504%);
  }
  84.1666666667% {
    transform: translate(-1.2157604125%, 0.3735023242%);
  }
  85% {
    transform: translate(-1.4094253622%, -0.4729489103%);
  }
  85.8333333333% {
    transform: translate(-1.2312783858%, 0.4381012656%);
  }
  86.6666666667% {
    transform: translate(0.530533971%, -0.416010944%);
  }
  87.5% {
    transform: translate(1.2433926983%, 0.4879617873%);
  }
  88.3333333333% {
    transform: translate(-0.9323747323%, 0.4524757021%);
  }
  89.1666666667% {
    transform: translate(-0.3603916775%, -0.0339940877%);
  }
  90% {
    transform: translate(0.9156249263%, -0.111353316%);
  }
  90.8333333333% {
    transform: translate(-0.9597780193%, -0.1375375403%);
  }
  91.6666666667% {
    transform: translate(-1.3099893584%, 0.3394692717%);
  }
  92.5% {
    transform: translate(-0.9017545049%, 0.439274237%);
  }
  93.3333333333% {
    transform: translate(-1.9868914058%, -0.1272583381%);
  }
  94.1666666667% {
    transform: translate(0.4977072485%, -0.4437954655%);
  }
  95% {
    transform: translate(0.5146599734%, 0.4720007583%);
  }
  95.8333333333% {
    transform: translate(0.480862988%, -0.0137879725%);
  }
  96.6666666667% {
    transform: translate(-0.7380005373%, 0.1562680624%);
  }
  97.5% {
    transform: translate(-0.2358181324%, 0.4409347959%);
  }
  98.3333333333% {
    transform: translate(-1.7919199218%, 0.3717407149%);
  }
  99.1666666667% {
    transform: translate(1.9415727523%, 0.4031110724%);
  }
  100%, 100% {
    transform: none;
  }
}
.glitch .green-color {
  animation: change-g 2.5s steps(1) infinite alternate both;
}
.glitch .green-color::before {
  background: #00ff00;
}
@keyframes change-b {
  0% {
    transform: translate(-1.2876974925%, -0.4615933306%);
  }
  0.8333333333% {
    transform: translate(0.6852782063%, 0.1853671137%);
  }
  1.6666666667% {
    transform: translate(-1.3366326413%, -0.081347593%);
  }
  2.5% {
    transform: translate(1.9750179038%, -0.3502155901%);
  }
  3.3333333333% {
    transform: translate(1.2892227373%, 0.0785795901%);
  }
  4.1666666667% {
    transform: translate(-1.8847078048%, 0.0493544489%);
  }
  5% {
    transform: translate(-0.3581433839%, -0.0624999303%);
  }
  5.8333333333% {
    transform: translate(-0.1214612104%, -0.0141524727%);
  }
  6.6666666667% {
    transform: translate(1.7992734751%, -0.3152647465%);
  }
  7.5% {
    transform: translate(-1.7678891072%, 0.3772870009%);
  }
  8.3333333333% {
    transform: translate(-1.1226139843%, 0.3246998795%);
  }
  9.1666666667% {
    transform: translate(-1.0067537322%, 0.0703204267%);
  }
  10% {
    transform: translate(1.9062897406%, 0.149678684%);
  }
  10.8333333333% {
    transform: translate(-1.4818675565%, 0.4958818525%);
  }
  11.6666666667% {
    transform: translate(-0.175535837%, 0.2425276284%);
  }
  12.5% {
    transform: translate(-0.2699562825%, 0.1030524125%);
  }
  13.3333333333% {
    transform: translate(1.5902352652%, 0.4389663412%);
  }
  14.1666666667% {
    transform: translate(1.0671757793%, 0.2297081421%);
  }
  15% {
    transform: translate(-1.496753993%, 0.3053173222%);
  }
  15.8333333333% {
    transform: translate(0.7795454859%, 0.3610735702%);
  }
  16.6666666667% {
    transform: translate(-1.1111195881%, 0.1889939704%);
  }
  17.5% {
    transform: translate(0.7096172085%, 0.3537841773%);
  }
  18.3333333333% {
    transform: translate(1.6910222094%, -0.4710447557%);
  }
  19.1666666667% {
    transform: translate(0.6858488334%, 0.4625893062%);
  }
  20% {
    transform: translate(0.9430660639%, 0.2129435524%);
  }
  20.8333333333% {
    transform: translate(1.9308008874%, 0.3792513218%);
  }
  21.6666666667% {
    transform: translate(0.1322481985%, -0.0121103425%);
  }
  22.5% {
    transform: translate(-1.518469851%, -0.0097713325%);
  }
  23.3333333333% {
    transform: translate(-1.5030276843%, 0.2865246143%);
  }
  24.1666666667% {
    transform: translate(0.7546646127%, 0.3126626802%);
  }
  25% {
    transform: translate(-1.6564729405%, 0.0070753415%);
  }
  25.8333333333% {
    transform: translate(0.7983580365%, 0.4743271823%);
  }
  26.6666666667% {
    transform: translate(0.2038663765%, 0.2907401016%);
  }
  27.5% {
    transform: translate(1.6740549435%, 0.033361514%);
  }
  28.3333333333% {
    transform: translate(1.2921684703%, -0.0522914936%);
  }
  29.1666666667% {
    transform: translate(0.7945227976%, 0.4646231191%);
  }
  30% {
    transform: translate(-0.0366252781%, 0.478311353%);
  }
  30.8333333333% {
    transform: translate(1.6912076099%, -0.3020855017%);
  }
  31.6666666667% {
    transform: translate(-1.5506244854%, -0.3839337584%);
  }
  32.5% {
    transform: translate(-0.9350241323%, 0.0484719081%);
  }
  33.3333333333% {
    transform: translate(-0.8570506547%, 0.2785499105%);
  }
  34.1666666667% {
    transform: translate(-1.4085604331%, -0.4446029753%);
  }
  35% {
    transform: translate(1.3222966182%, 0.4312803286%);
  }
  35.8333333333% {
    transform: translate(-0.1594108114%, 0.2449754649%);
  }
  36.6666666667% {
    transform: translate(-1.6642623581%, 0.1171223178%);
  }
  37.5% {
    transform: translate(-1.4782025034%, -0.2155040557%);
  }
  38.3333333333% {
    transform: translate(1.0348199225%, -0.0574933311%);
  }
  39.1666666667% {
    transform: translate(1.3885171035%, -0.173908832%);
  }
  40% {
    transform: translate(1.6275436348%, -0.4412464256%);
  }
  40.8333333333% {
    transform: translate(-1.2940555624%, -0.2481491108%);
  }
  41.6666666667% {
    transform: translate(-0.1925291438%, 0.0792653149%);
  }
  42.5% {
    transform: translate(-0.9304634862%, -0.3130666018%);
  }
  43.3333333333% {
    transform: translate(1.7819059373%, 0.4575617504%);
  }
  44.1666666667% {
    transform: translate(-0.6950062128%, 0.330828243%);
  }
  45% {
    transform: translate(-1.3536554903%, -0.110124276%);
  }
  45.8333333333% {
    transform: translate(1.3981154336%, -0.1354178303%);
  }
  46.6666666667% {
    transform: translate(0.6364527579%, -0.1245894926%);
  }
  47.5% {
    transform: translate(-1.9159346563%, 0.1407530017%);
  }
  48.3333333333% {
    transform: translate(1.3497536016%, 0.459347669%);
  }
  49.1666666667% {
    transform: translate(0.2132891087%, -0.3564003273%);
  }
  50% {
    transform: translate(-1.1848499229%, -0.1733237192%);
  }
  50.8333333333% {
    transform: translate(0.202421627%, -0.0357121632%);
  }
  51.6666666667% {
    transform: translate(1.0550466658%, 0.0047953373%);
  }
  52.5% {
    transform: translate(-1.4721801812%, -0.3176125817%);
  }
  53.3333333333% {
    transform: translate(-0.694954699%, 0.2893017192%);
  }
  54.1666666667% {
    transform: translate(0.3396511305%, -0.0058369482%);
  }
  55% {
    transform: translate(-1.7078371168%, 0.4686591159%);
  }
  55.8333333333% {
    transform: translate(0.0639926816%, 0.0535627596%);
  }
  56.6666666667% {
    transform: translate(0.49011497%, 0.1611303966%);
  }
  57.5% {
    transform: translate(1.8172158043%, 0.1922583488%);
  }
  58.3333333333% {
    transform: translate(-0.695505578%, 0.4733747371%);
  }
  59.1666666667% {
    transform: translate(1.7229276972%, -0.4820530322%);
  }
  60% {
    transform: translate(0.4793536448%, 0.1030770542%);
  }
  60.8333333333% {
    transform: translate(-1.3734931111%, -0.1416708335%);
  }
  61.6666666667% {
    transform: translate(0.1419119736%, 0.0939847218%);
  }
  62.5% {
    transform: translate(-1.9707104296%, 0.109089018%);
  }
  63.3333333333% {
    transform: translate(-0.3706202759%, 0.3797173587%);
  }
  64.1666666667% {
    transform: translate(-0.1532959952%, -0.3502997526%);
  }
  65% {
    transform: translate(-0.8904299301%, 0.2761708088%);
  }
  65.8333333333% {
    transform: translate(-0.6072669764%, 0.3684276649%);
  }
  66.6666666667% {
    transform: translate(1.5440637574%, 0.2760281536%);
  }
  67.5% {
    transform: translate(-0.7763054778%, 0.4125477529%);
  }
  68.3333333333% {
    transform: translate(0.4069257933%, -0.1187531864%);
  }
  69.1666666667% {
    transform: translate(1.0010548746%, 0.3348166292%);
  }
  70% {
    transform: translate(-0.4558594386%, 0.2260800668%);
  }
  70.8333333333% {
    transform: translate(-0.8275997336%, 0.4689465812%);
  }
  71.6666666667% {
    transform: translate(1.8468386032%, 0.4851281578%);
  }
  72.5% {
    transform: translate(0.5429929062%, 0.3791027963%);
  }
  73.3333333333% {
    transform: translate(-0.3119000499%, 0.2170890843%);
  }
  74.1666666667% {
    transform: translate(-1.3455395951%, 0.0325754984%);
  }
  75% {
    transform: translate(0.446814651%, 0.4696080596%);
  }
  75.8333333333% {
    transform: translate(1.0530808713%, 0.2581553428%);
  }
  76.6666666667% {
    transform: translate(1.3522104471%, 0.2322579249%);
  }
  77.5% {
    transform: translate(-1.1129043899%, 0.382603095%);
  }
  78.3333333333% {
    transform: translate(-0.1864430063%, 0.3008512673%);
  }
  79.1666666667% {
    transform: translate(-1.7412411392%, 0.3314256712%);
  }
  80% {
    transform: translate(-1.5464406734%, -0.2387905666%);
  }
  80.8333333333% {
    transform: translate(-0.9496039806%, 0.4082757129%);
  }
  81.6666666667% {
    transform: translate(1.8826934467%, 0.3641595607%);
  }
  82.5% {
    transform: translate(-1.5825861693%, -0.2235963935%);
  }
  83.3333333333% {
    transform: translate(-0.3118204167%, 0.2006048679%);
  }
  84.1666666667% {
    transform: translate(-1.191440141%, -0.1416965894%);
  }
  85% {
    transform: translate(-0.979282779%, -0.4029976119%);
  }
  85.8333333333% {
    transform: translate(-0.5494208237%, 0.4345044695%);
  }
  86.6666666667% {
    transform: translate(1.4674307965%, -0.2116916798%);
  }
  87.5% {
    transform: translate(1.4174791846%, 0.1442432662%);
  }
  88.3333333333% {
    transform: translate(1.3745110811%, 0.4372592419%);
  }
  89.1666666667% {
    transform: translate(-0.8531978284%, 0.3989770714%);
  }
  90% {
    transform: translate(-1.2388836743%, -0.3863877302%);
  }
  90.8333333333% {
    transform: translate(-1.6697791954%, -0.2961826045%);
  }
  91.6666666667% {
    transform: translate(1.3355698371%, -0.0486177714%);
  }
  92.5% {
    transform: translate(-1.2458917672%, -0.1039851724%);
  }
  93.3333333333% {
    transform: translate(0.3924836148%, -0.1734393016%);
  }
  94.1666666667% {
    transform: translate(1.4067244837%, -0.1274371338%);
  }
  95% {
    transform: translate(0.9840899624%, 0.0994672146%);
  }
  95.8333333333% {
    transform: translate(1.9017485943%, 0.4120975182%);
  }
  96.6666666667% {
    transform: translate(0.7262333607%, -0.2594042446%);
  }
  97.5% {
    transform: translate(-1.3741952258%, 0.43128228%);
  }
  98.3333333333% {
    transform: translate(1.1964354719%, -0.4676598111%);
  }
  99.1666666667% {
    transform: translate(-0.9919898429%, -0.3938935604%);
  }
  100%, 100% {
    transform: none;
  }
}
.glitch .blue-color {
  animation: change-b 2.5s steps(1) infinite alternate both;
}
.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: -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:first-child {
  border-top: 1px solid #4c4c4c;
}
.list--information.shows .list--item {
  border-bottom: 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 > .flex--container {
  justify-content: space-between;
}
.header {
  position: fixed;
  left: 50%;
  transform: translate(-50%);
  mix-blend-mode: difference;
  z-index: 30;
}
.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 {
  clip-path: polygon(0 150%, 100% 100%, 100% 100%, 0% 100%);
}

.drawer__btn--box {
  cursor: pointer;
  transition: 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 {
  clip-path: polygon(0 0%, 100% -50%, 100% 100%, 0% 100%);
}

.section--hero {
  height: 100vh;
}
.section--hero .scrolldown {
  position: absolute;
  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-repeat: no-repeat;
  background-size: cover;
  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 {
  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 {
  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%);
  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 {
  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%;
  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;
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  transition: all 0.5s;
}
.section--disco .disco--background.background-in01 {
  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 {
  clip-path: polygon(0% 0%, 0% 0, 0% 100%, 0% 100%);
}
.section--videos .videos--background01.background-in02 {
  clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
}
.section--videos .videos--background02 {
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.section--videos .videos--background02.background-in03 {
  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 {
  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 {
  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: -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: -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: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 {
  overflow: hidden;
  border-bottom: 1px solid #4c4c4c;
  padding: 1.5em 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: 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 {
    clip-path: polygon(0 0%, 100% -50%, 100% 100%, 0% 100%);
  }
  .header > .flex--container .header__logo {
    width: 70px;
    opacity: 0.5;
  }
  .header {
    width: calc(100% - 10vw);
    margin: 0 auto;
    top: 50px;
  }
  .header__nav .g-nav .nav--item {
    margin-left: 20px;
    transition: opacity 0.5s, clip-path 2.3s cubic-bezier(0, 0.02, 0.13, 1) 0.5s;
    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 .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 {
    width: calc(100% - 5vw);
    margin-left: auto;
    justify-content: space-between;
  }
  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: -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: -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: -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: -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: -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: sticky;
    top: 120px;
  }
  .page--disco .section--detail .flex--container .right--item {
    width: 55%;
    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 > .flex--container .header__logo {
    width: 60px;
    opacity: 0.5;
  }
  .header {
    width: calc(100% - 16vw);
    top: 40px;
  }
  .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 */