@charset "UTF-8";
/*=============================================================
 01_base
=============================================================*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400..900&display=swap");
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {
  padding: 0;
  margin: 0;
}

ol, ul {
  list-style-type: none;
}

/*-----------------------------------------------
 root
-----------------------------------------------*/
html {
  overflow-y: scroll;
}

body {
  overflow: hidden;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
}

/*-----------------------------------------------
 font
-----------------------------------------------*/
html {
  overflow-x: hidden;
  font-size: medium;
}

body {
  font-size: 62.5%; /* 16px -> 10px */
}

div {
  line-height: 0;
  box-sizing: border-box;
}

dt, dd, li,
caption, th, td,
input, button, textarea, select,
h1, h2, h3, h4, h5, h6, address {
  line-height: 0;
  font-size: 140%;
  margin: 0;
  padding: 0;
}

p {
  line-height: 1.5;
  font-size: 140%;
  margin: 0;
  padding: 0;
}

h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
p input, p button, p select,
li h1, li h2, li h3, li h4, li h5, li h6, li p, li dt, li dd, li li, li th, li td, li input, li button, li textarea, li select,
dd h1, dd h2, dd h3, dd h4, dd h5, dd h6, dd p, dd dt, dd dd, dd li, dd th, dd td, dd input, dd button, dd textarea, dd select,
tr h1, tr h2, tr h3, tr h4, tr h5, tr h6, tr p, tr dt, tr dd, tr li, tr input, tr button, tr textarea, tr select {
  font-size: 100%;
}

input, button, select, option, textarea {
  font-size: 14px;
}

figure {
  margin: 0;
}

a,
a:link,
a:visited {
  color: #1d99c1;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

section {
  position: relative;
  box-sizing: border-box;
}

br.sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  br.sp {
    display: inline;
  }
}
@media only screen and (max-width: 768px) {
  br.pc {
    display: none;
  }
}

/*-----------------------------------------------
 cf 
-----------------------------------------------*/
.clearfix {
  min-height: 1px;
}
.clearfix::after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

* html .clearfix {
  height: 1px;
  /*¥*/ /*/
height: auto;
overflow: hidden;
/**/
}

/*-----------------------------------------------
 hover
-----------------------------------------------*/
.hover :hover {
  opacity: 0.8;
  animation: btn 0.5s;
  -webkit-animation: btn 0.5s;
  -moz-animation: btn 0.5s;
}
@media only screen and (max-width: 768px) {
  .hover :hover {
    animation: unset;
    -webkit-animation: unset;
    -moz-animation: unset;
  }
}

@keyframes btn {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.8;
  }
}
@-webkit-keyframes btn {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.8;
  }
}
/* --------------------------------------------------
-------------------------------------------------- 関数 */
body {
  font-family: "Noto Sans JP", serif;
}

.flex-wrap {
  display: flex;
}

body {
  margin: 0;
  padding-top: 50px;
}
body.intro {
  padding-top: 0;
}
body #header, body #btn-nav {
  opacity: 0;
}

.glitch-item {
  background-size: contain;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.glitch {
  background: #000 no-repeat center;
  background-size: 0;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.glitch::before, .glitch::after,
.glitch .channel {
  background: inherit;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.glitch::before {
  -webkit-animation: glitch-before 0.5s linear infinite alternate both;
          animation: glitch-before 0.5s linear infinite alternate both;
  content: "";
}
@-webkit-keyframes glitch-before {
  0% {
    -webkit-clip-path: polygon(0% 13.2942201417%, 100% 13.2942201417%, 100% 22.4522250106%, 0% 22.4522250106%);
            clip-path: polygon(0% 13.2942201417%, 100% 13.2942201417%, 100% 22.4522250106%, 0% 22.4522250106%);
    transform: translate(-1.1680266814%, -0.3933682898%);
  }
  1% {
    -webkit-clip-path: polygon(0% 39.5707478885%, 100% 39.5707478885%, 100% 43.4268662187%, 0% 43.4268662187%);
            clip-path: polygon(0% 39.5707478885%, 100% 39.5707478885%, 100% 43.4268662187%, 0% 43.4268662187%);
    transform: translate(5.8784275035%, -0.0991170511%);
  }
  2% {
    -webkit-clip-path: polygon(0% 63.9587550953%, 100% 63.9587550953%, 100% 67.4902244543%, 0% 67.4902244543%);
            clip-path: polygon(0% 63.9587550953%, 100% 63.9587550953%, 100% 67.4902244543%, 0% 67.4902244543%);
    transform: translate(-0.206840812%, -0.095185718%);
  }
  3% {
    -webkit-clip-path: polygon(0% 73.3759774682%, 100% 73.3759774682%, 100% 77.8778393352%, 0% 77.8778393352%);
            clip-path: polygon(0% 73.3759774682%, 100% 73.3759774682%, 100% 77.8778393352%, 0% 77.8778393352%);
    transform: translate(-7.3988976873%, -0.2515613634%);
  }
  4% {
    -webkit-clip-path: polygon(0% 0.5131518236%, 100% 0.5131518236%, 100% 9.02962193%, 0% 9.02962193%);
            clip-path: polygon(0% 0.5131518236%, 100% 0.5131518236%, 100% 9.02962193%, 0% 9.02962193%);
    transform: translate(-2.0497387979%, -0.399204424%);
  }
  5% {
    -webkit-clip-path: polygon(0% 37.2086675869%, 100% 37.2086675869%, 100% 43.5000156993%, 0% 43.5000156993%);
            clip-path: polygon(0% 37.2086675869%, 100% 37.2086675869%, 100% 43.5000156993%, 0% 43.5000156993%);
    transform: translate(-7.5716724876%, 0.0931024587%);
  }
  6% {
    -webkit-clip-path: polygon(0% 0.7984890678%, 100% 0.7984890678%, 100% 5.5957974859%, 0% 5.5957974859%);
            clip-path: polygon(0% 0.7984890678%, 100% 0.7984890678%, 100% 5.5957974859%, 0% 5.5957974859%);
    transform: translate(-1.841684246%, -0.3057223264%);
  }
  7% {
    -webkit-clip-path: polygon(0% 80.9536568866%, 100% 80.9536568866%, 100% 89.1715265187%, 0% 89.1715265187%);
            clip-path: polygon(0% 80.9536568866%, 100% 80.9536568866%, 100% 89.1715265187%, 0% 89.1715265187%);
    transform: translate(1.8222974996%, 0.4491006893%);
  }
  8% {
    -webkit-clip-path: polygon(0% 78.0729427926%, 100% 78.0729427926%, 100% 82.9651416334%, 0% 82.9651416334%);
            clip-path: polygon(0% 78.0729427926%, 100% 78.0729427926%, 100% 82.9651416334%, 0% 82.9651416334%);
    transform: translate(0.6781124658%, -0.0641580168%);
  }
  9% {
    -webkit-clip-path: polygon(0% 76.2656440343%, 100% 76.2656440343%, 100% 79.7379518926%, 0% 79.7379518926%);
            clip-path: polygon(0% 76.2656440343%, 100% 76.2656440343%, 100% 79.7379518926%, 0% 79.7379518926%);
    transform: translate(4.784657137%, -0.360050838%);
  }
  10% {
    -webkit-clip-path: polygon(0% 21.5093080977%, 100% 21.5093080977%, 100% 31.4238474343%, 0% 31.4238474343%);
            clip-path: polygon(0% 21.5093080977%, 100% 21.5093080977%, 100% 31.4238474343%, 0% 31.4238474343%);
    transform: translate(-2.4424408054%, 0.1653608154%);
  }
  11% {
    -webkit-clip-path: polygon(0% 34.071206027%, 100% 34.071206027%, 100% 41.0058202635%, 0% 41.0058202635%);
            clip-path: polygon(0% 34.071206027%, 100% 34.071206027%, 100% 41.0058202635%, 0% 41.0058202635%);
    transform: translate(-2.6903751133%, -0.3983329655%);
  }
  12% {
    -webkit-clip-path: polygon(0% 21.1611748155%, 100% 21.1611748155%, 100% 28.870279279%, 0% 28.870279279%);
            clip-path: polygon(0% 21.1611748155%, 100% 21.1611748155%, 100% 28.870279279%, 0% 28.870279279%);
    transform: translate(2.7888034469%, 0.0181723344%);
  }
  13% {
    -webkit-clip-path: polygon(0% 73.4384211886%, 100% 73.4384211886%, 100% 78.4916586711%, 0% 78.4916586711%);
            clip-path: polygon(0% 73.4384211886%, 100% 73.4384211886%, 100% 78.4916586711%, 0% 78.4916586711%);
    transform: translate(-1.6449856311%, 0.3930002388%);
  }
  14% {
    -webkit-clip-path: polygon(0% 25.1484322392%, 100% 25.1484322392%, 100% 27.1958893035%, 0% 27.1958893035%);
            clip-path: polygon(0% 25.1484322392%, 100% 25.1484322392%, 100% 27.1958893035%, 0% 27.1958893035%);
    transform: translate(-7.2766660316%, 0.4966604605%);
  }
  15% {
    -webkit-clip-path: polygon(0% 68.5948371375%, 100% 68.5948371375%, 100% 71.4026149641%, 0% 71.4026149641%);
            clip-path: polygon(0% 68.5948371375%, 100% 68.5948371375%, 100% 71.4026149641%, 0% 71.4026149641%);
    transform: translate(-7.724168866%, -0.4281818693%);
  }
  16% {
    -webkit-clip-path: polygon(0% 16.879314586%, 100% 16.879314586%, 100% 25.2571928429%, 0% 25.2571928429%);
            clip-path: polygon(0% 16.879314586%, 100% 16.879314586%, 100% 25.2571928429%, 0% 25.2571928429%);
    transform: translate(-3.4131190126%, -0.2602411928%);
  }
  17% {
    -webkit-clip-path: polygon(0% 34.6709642352%, 100% 34.6709642352%, 100% 44.4175112044%, 0% 44.4175112044%);
            clip-path: polygon(0% 34.6709642352%, 100% 34.6709642352%, 100% 44.4175112044%, 0% 44.4175112044%);
    transform: translate(-5.3469339598%, -0.2010198095%);
  }
  18% {
    -webkit-clip-path: polygon(0% 41.8588550448%, 100% 41.8588550448%, 100% 45.0864103851%, 0% 45.0864103851%);
            clip-path: polygon(0% 41.8588550448%, 100% 41.8588550448%, 100% 45.0864103851%, 0% 45.0864103851%);
    transform: translate(2.8058561845%, 0.2730582163%);
  }
  19% {
    -webkit-clip-path: polygon(0% 73.3871668934%, 100% 73.3871668934%, 100% 76.2836207684%, 0% 76.2836207684%);
            clip-path: polygon(0% 73.3871668934%, 100% 73.3871668934%, 100% 76.2836207684%, 0% 76.2836207684%);
    transform: translate(-2.4401345422%, 0.3302789598%);
  }
  20% {
    -webkit-clip-path: polygon(0% 14.6443746466%, 100% 14.6443746466%, 100% 22.6409439278%, 0% 22.6409439278%);
            clip-path: polygon(0% 14.6443746466%, 100% 14.6443746466%, 100% 22.6409439278%, 0% 22.6409439278%);
    transform: translate(6.3444729682%, 0.4536723898%);
  }
  21% {
    -webkit-clip-path: polygon(0% 83.0800079435%, 100% 83.0800079435%, 100% 89.5456080295%, 0% 89.5456080295%);
            clip-path: polygon(0% 83.0800079435%, 100% 83.0800079435%, 100% 89.5456080295%, 0% 89.5456080295%);
    transform: translate(3.8320785348%, 0.4365100607%);
  }
  22% {
    -webkit-clip-path: polygon(0% 3.1410743762%, 100% 3.1410743762%, 100% 11.181639349%, 0% 11.181639349%);
            clip-path: polygon(0% 3.1410743762%, 100% 3.1410743762%, 100% 11.181639349%, 0% 11.181639349%);
    transform: translate(1.8565833352%, -0.3429957043%);
  }
  23% {
    -webkit-clip-path: polygon(0% 25.7640443892%, 100% 25.7640443892%, 100% 27.9193643551%, 0% 27.9193643551%);
            clip-path: polygon(0% 25.7640443892%, 100% 25.7640443892%, 100% 27.9193643551%, 0% 27.9193643551%);
    transform: translate(-7.1440536667%, 0.4303544477%);
  }
  24% {
    -webkit-clip-path: polygon(0% 81.9922654318%, 100% 81.9922654318%, 100% 90.6021943799%, 0% 90.6021943799%);
            clip-path: polygon(0% 81.9922654318%, 100% 81.9922654318%, 100% 90.6021943799%, 0% 90.6021943799%);
    transform: translate(2.8871719799%, 0.4730913114%);
  }
  25% {
    -webkit-clip-path: polygon(0% 88.9962279531%, 100% 88.9962279531%, 100% 90.1381093006%, 0% 90.1381093006%);
            clip-path: polygon(0% 88.9962279531%, 100% 88.9962279531%, 100% 90.1381093006%, 0% 90.1381093006%);
    transform: translate(-3.4641634096%, 0.2343738039%);
  }
  26% {
    -webkit-clip-path: polygon(0% 23.3950498752%, 100% 23.3950498752%, 100% 27.7353910679%, 0% 27.7353910679%);
            clip-path: polygon(0% 23.3950498752%, 100% 23.3950498752%, 100% 27.7353910679%, 0% 27.7353910679%);
    transform: translate(0.0470726288%, -0.1437055445%);
  }
  27% {
    -webkit-clip-path: polygon(0% 46.7783622012%, 100% 46.7783622012%, 100% 49.9095144696%, 0% 49.9095144696%);
            clip-path: polygon(0% 46.7783622012%, 100% 46.7783622012%, 100% 49.9095144696%, 0% 49.9095144696%);
    transform: translate(3.8341312765%, 0.2883557417%);
  }
  28% {
    -webkit-clip-path: polygon(0% 5.9171933276%, 100% 5.9171933276%, 100% 14.9817098865%, 0% 14.9817098865%);
            clip-path: polygon(0% 5.9171933276%, 100% 5.9171933276%, 100% 14.9817098865%, 0% 14.9817098865%);
    transform: translate(7.358983994%, -0.4375122641%);
  }
  29% {
    -webkit-clip-path: polygon(0% 74.3184559898%, 100% 74.3184559898%, 100% 75.386095792%, 0% 75.386095792%);
            clip-path: polygon(0% 74.3184559898%, 100% 74.3184559898%, 100% 75.386095792%, 0% 75.386095792%);
    transform: translate(6.630838816%, -0.0921254737%);
  }
  30%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    transform: none;
  }
}
@keyframes glitch-before {
  0% {
    -webkit-clip-path: polygon(0% 13.2942201417%, 100% 13.2942201417%, 100% 22.4522250106%, 0% 22.4522250106%);
            clip-path: polygon(0% 13.2942201417%, 100% 13.2942201417%, 100% 22.4522250106%, 0% 22.4522250106%);
    transform: translate(-1.1680266814%, -0.3933682898%);
  }
  1% {
    -webkit-clip-path: polygon(0% 39.5707478885%, 100% 39.5707478885%, 100% 43.4268662187%, 0% 43.4268662187%);
            clip-path: polygon(0% 39.5707478885%, 100% 39.5707478885%, 100% 43.4268662187%, 0% 43.4268662187%);
    transform: translate(5.8784275035%, -0.0991170511%);
  }
  2% {
    -webkit-clip-path: polygon(0% 63.9587550953%, 100% 63.9587550953%, 100% 67.4902244543%, 0% 67.4902244543%);
            clip-path: polygon(0% 63.9587550953%, 100% 63.9587550953%, 100% 67.4902244543%, 0% 67.4902244543%);
    transform: translate(-0.206840812%, -0.095185718%);
  }
  3% {
    -webkit-clip-path: polygon(0% 73.3759774682%, 100% 73.3759774682%, 100% 77.8778393352%, 0% 77.8778393352%);
            clip-path: polygon(0% 73.3759774682%, 100% 73.3759774682%, 100% 77.8778393352%, 0% 77.8778393352%);
    transform: translate(-7.3988976873%, -0.2515613634%);
  }
  4% {
    -webkit-clip-path: polygon(0% 0.5131518236%, 100% 0.5131518236%, 100% 9.02962193%, 0% 9.02962193%);
            clip-path: polygon(0% 0.5131518236%, 100% 0.5131518236%, 100% 9.02962193%, 0% 9.02962193%);
    transform: translate(-2.0497387979%, -0.399204424%);
  }
  5% {
    -webkit-clip-path: polygon(0% 37.2086675869%, 100% 37.2086675869%, 100% 43.5000156993%, 0% 43.5000156993%);
            clip-path: polygon(0% 37.2086675869%, 100% 37.2086675869%, 100% 43.5000156993%, 0% 43.5000156993%);
    transform: translate(-7.5716724876%, 0.0931024587%);
  }
  6% {
    -webkit-clip-path: polygon(0% 0.7984890678%, 100% 0.7984890678%, 100% 5.5957974859%, 0% 5.5957974859%);
            clip-path: polygon(0% 0.7984890678%, 100% 0.7984890678%, 100% 5.5957974859%, 0% 5.5957974859%);
    transform: translate(-1.841684246%, -0.3057223264%);
  }
  7% {
    -webkit-clip-path: polygon(0% 80.9536568866%, 100% 80.9536568866%, 100% 89.1715265187%, 0% 89.1715265187%);
            clip-path: polygon(0% 80.9536568866%, 100% 80.9536568866%, 100% 89.1715265187%, 0% 89.1715265187%);
    transform: translate(1.8222974996%, 0.4491006893%);
  }
  8% {
    -webkit-clip-path: polygon(0% 78.0729427926%, 100% 78.0729427926%, 100% 82.9651416334%, 0% 82.9651416334%);
            clip-path: polygon(0% 78.0729427926%, 100% 78.0729427926%, 100% 82.9651416334%, 0% 82.9651416334%);
    transform: translate(0.6781124658%, -0.0641580168%);
  }
  9% {
    -webkit-clip-path: polygon(0% 76.2656440343%, 100% 76.2656440343%, 100% 79.7379518926%, 0% 79.7379518926%);
            clip-path: polygon(0% 76.2656440343%, 100% 76.2656440343%, 100% 79.7379518926%, 0% 79.7379518926%);
    transform: translate(4.784657137%, -0.360050838%);
  }
  10% {
    -webkit-clip-path: polygon(0% 21.5093080977%, 100% 21.5093080977%, 100% 31.4238474343%, 0% 31.4238474343%);
            clip-path: polygon(0% 21.5093080977%, 100% 21.5093080977%, 100% 31.4238474343%, 0% 31.4238474343%);
    transform: translate(-2.4424408054%, 0.1653608154%);
  }
  11% {
    -webkit-clip-path: polygon(0% 34.071206027%, 100% 34.071206027%, 100% 41.0058202635%, 0% 41.0058202635%);
            clip-path: polygon(0% 34.071206027%, 100% 34.071206027%, 100% 41.0058202635%, 0% 41.0058202635%);
    transform: translate(-2.6903751133%, -0.3983329655%);
  }
  12% {
    -webkit-clip-path: polygon(0% 21.1611748155%, 100% 21.1611748155%, 100% 28.870279279%, 0% 28.870279279%);
            clip-path: polygon(0% 21.1611748155%, 100% 21.1611748155%, 100% 28.870279279%, 0% 28.870279279%);
    transform: translate(2.7888034469%, 0.0181723344%);
  }
  13% {
    -webkit-clip-path: polygon(0% 73.4384211886%, 100% 73.4384211886%, 100% 78.4916586711%, 0% 78.4916586711%);
            clip-path: polygon(0% 73.4384211886%, 100% 73.4384211886%, 100% 78.4916586711%, 0% 78.4916586711%);
    transform: translate(-1.6449856311%, 0.3930002388%);
  }
  14% {
    -webkit-clip-path: polygon(0% 25.1484322392%, 100% 25.1484322392%, 100% 27.1958893035%, 0% 27.1958893035%);
            clip-path: polygon(0% 25.1484322392%, 100% 25.1484322392%, 100% 27.1958893035%, 0% 27.1958893035%);
    transform: translate(-7.2766660316%, 0.4966604605%);
  }
  15% {
    -webkit-clip-path: polygon(0% 68.5948371375%, 100% 68.5948371375%, 100% 71.4026149641%, 0% 71.4026149641%);
            clip-path: polygon(0% 68.5948371375%, 100% 68.5948371375%, 100% 71.4026149641%, 0% 71.4026149641%);
    transform: translate(-7.724168866%, -0.4281818693%);
  }
  16% {
    -webkit-clip-path: polygon(0% 16.879314586%, 100% 16.879314586%, 100% 25.2571928429%, 0% 25.2571928429%);
            clip-path: polygon(0% 16.879314586%, 100% 16.879314586%, 100% 25.2571928429%, 0% 25.2571928429%);
    transform: translate(-3.4131190126%, -0.2602411928%);
  }
  17% {
    -webkit-clip-path: polygon(0% 34.6709642352%, 100% 34.6709642352%, 100% 44.4175112044%, 0% 44.4175112044%);
            clip-path: polygon(0% 34.6709642352%, 100% 34.6709642352%, 100% 44.4175112044%, 0% 44.4175112044%);
    transform: translate(-5.3469339598%, -0.2010198095%);
  }
  18% {
    -webkit-clip-path: polygon(0% 41.8588550448%, 100% 41.8588550448%, 100% 45.0864103851%, 0% 45.0864103851%);
            clip-path: polygon(0% 41.8588550448%, 100% 41.8588550448%, 100% 45.0864103851%, 0% 45.0864103851%);
    transform: translate(2.8058561845%, 0.2730582163%);
  }
  19% {
    -webkit-clip-path: polygon(0% 73.3871668934%, 100% 73.3871668934%, 100% 76.2836207684%, 0% 76.2836207684%);
            clip-path: polygon(0% 73.3871668934%, 100% 73.3871668934%, 100% 76.2836207684%, 0% 76.2836207684%);
    transform: translate(-2.4401345422%, 0.3302789598%);
  }
  20% {
    -webkit-clip-path: polygon(0% 14.6443746466%, 100% 14.6443746466%, 100% 22.6409439278%, 0% 22.6409439278%);
            clip-path: polygon(0% 14.6443746466%, 100% 14.6443746466%, 100% 22.6409439278%, 0% 22.6409439278%);
    transform: translate(6.3444729682%, 0.4536723898%);
  }
  21% {
    -webkit-clip-path: polygon(0% 83.0800079435%, 100% 83.0800079435%, 100% 89.5456080295%, 0% 89.5456080295%);
            clip-path: polygon(0% 83.0800079435%, 100% 83.0800079435%, 100% 89.5456080295%, 0% 89.5456080295%);
    transform: translate(3.8320785348%, 0.4365100607%);
  }
  22% {
    -webkit-clip-path: polygon(0% 3.1410743762%, 100% 3.1410743762%, 100% 11.181639349%, 0% 11.181639349%);
            clip-path: polygon(0% 3.1410743762%, 100% 3.1410743762%, 100% 11.181639349%, 0% 11.181639349%);
    transform: translate(1.8565833352%, -0.3429957043%);
  }
  23% {
    -webkit-clip-path: polygon(0% 25.7640443892%, 100% 25.7640443892%, 100% 27.9193643551%, 0% 27.9193643551%);
            clip-path: polygon(0% 25.7640443892%, 100% 25.7640443892%, 100% 27.9193643551%, 0% 27.9193643551%);
    transform: translate(-7.1440536667%, 0.4303544477%);
  }
  24% {
    -webkit-clip-path: polygon(0% 81.9922654318%, 100% 81.9922654318%, 100% 90.6021943799%, 0% 90.6021943799%);
            clip-path: polygon(0% 81.9922654318%, 100% 81.9922654318%, 100% 90.6021943799%, 0% 90.6021943799%);
    transform: translate(2.8871719799%, 0.4730913114%);
  }
  25% {
    -webkit-clip-path: polygon(0% 88.9962279531%, 100% 88.9962279531%, 100% 90.1381093006%, 0% 90.1381093006%);
            clip-path: polygon(0% 88.9962279531%, 100% 88.9962279531%, 100% 90.1381093006%, 0% 90.1381093006%);
    transform: translate(-3.4641634096%, 0.2343738039%);
  }
  26% {
    -webkit-clip-path: polygon(0% 23.3950498752%, 100% 23.3950498752%, 100% 27.7353910679%, 0% 27.7353910679%);
            clip-path: polygon(0% 23.3950498752%, 100% 23.3950498752%, 100% 27.7353910679%, 0% 27.7353910679%);
    transform: translate(0.0470726288%, -0.1437055445%);
  }
  27% {
    -webkit-clip-path: polygon(0% 46.7783622012%, 100% 46.7783622012%, 100% 49.9095144696%, 0% 49.9095144696%);
            clip-path: polygon(0% 46.7783622012%, 100% 46.7783622012%, 100% 49.9095144696%, 0% 49.9095144696%);
    transform: translate(3.8341312765%, 0.2883557417%);
  }
  28% {
    -webkit-clip-path: polygon(0% 5.9171933276%, 100% 5.9171933276%, 100% 14.9817098865%, 0% 14.9817098865%);
            clip-path: polygon(0% 5.9171933276%, 100% 5.9171933276%, 100% 14.9817098865%, 0% 14.9817098865%);
    transform: translate(7.358983994%, -0.4375122641%);
  }
  29% {
    -webkit-clip-path: polygon(0% 74.3184559898%, 100% 74.3184559898%, 100% 75.386095792%, 0% 75.386095792%);
            clip-path: polygon(0% 74.3184559898%, 100% 74.3184559898%, 100% 75.386095792%, 0% 75.386095792%);
    transform: translate(6.630838816%, -0.0921254737%);
  }
  30%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    transform: none;
  }
}
.glitch::after {
  -webkit-animation: glitch-after 0.5s linear infinite alternate both;
          animation: glitch-after 0.5s linear infinite alternate both;
  content: "";
}
@-webkit-keyframes glitch-after {
  0% {
    -webkit-clip-path: polygon(0% 49.4806880573%, 100% 49.4806880573%, 100% 53.0096155989%, 0% 53.0096155989%);
            clip-path: polygon(0% 49.4806880573%, 100% 49.4806880573%, 100% 53.0096155989%, 0% 53.0096155989%);
    transform: translate(-7.8403763036%, 0.1919857209%);
  }
  1% {
    -webkit-clip-path: polygon(0% 51.0344782033%, 100% 51.0344782033%, 100% 53.6721117074%, 0% 53.6721117074%);
            clip-path: polygon(0% 51.0344782033%, 100% 51.0344782033%, 100% 53.6721117074%, 0% 53.6721117074%);
    transform: translate(6.5802809519%, 0.4454415095%);
  }
  2% {
    -webkit-clip-path: polygon(0% 63.8550354816%, 100% 63.8550354816%, 100% 67.4406775211%, 0% 67.4406775211%);
            clip-path: polygon(0% 63.8550354816%, 100% 63.8550354816%, 100% 67.4406775211%, 0% 67.4406775211%);
    transform: translate(3.2230898122%, 0.4058736702%);
  }
  3% {
    -webkit-clip-path: polygon(0% 45.5959958025%, 100% 45.5959958025%, 100% 53.9617073082%, 0% 53.9617073082%);
            clip-path: polygon(0% 45.5959958025%, 100% 45.5959958025%, 100% 53.9617073082%, 0% 53.9617073082%);
    transform: translate(6.7868342149%, -0.2391398933%);
  }
  4% {
    -webkit-clip-path: polygon(0% 38.5996435044%, 100% 38.5996435044%, 100% 45.5326464262%, 0% 45.5326464262%);
            clip-path: polygon(0% 38.5996435044%, 100% 38.5996435044%, 100% 45.5326464262%, 0% 45.5326464262%);
    transform: translate(-7.3930953984%, -0.3076148554%);
  }
  5% {
    -webkit-clip-path: polygon(0% 71.194667249%, 100% 71.194667249%, 100% 76.4276431645%, 0% 76.4276431645%);
            clip-path: polygon(0% 71.194667249%, 100% 71.194667249%, 100% 76.4276431645%, 0% 76.4276431645%);
    transform: translate(-0.6181416141%, -0.0412142896%);
  }
  6% {
    -webkit-clip-path: polygon(0% 73.3807628717%, 100% 73.3807628717%, 100% 79.51263038%, 0% 79.51263038%);
            clip-path: polygon(0% 73.3807628717%, 100% 73.3807628717%, 100% 79.51263038%, 0% 79.51263038%);
    transform: translate(-7.399863654%, -0.3273097629%);
  }
  7% {
    -webkit-clip-path: polygon(0% 82.4401167702%, 100% 82.4401167702%, 100% 86.4574544726%, 0% 86.4574544726%);
            clip-path: polygon(0% 82.4401167702%, 100% 82.4401167702%, 100% 86.4574544726%, 0% 86.4574544726%);
    transform: translate(-6.3453623814%, -0.1606998325%);
  }
  8% {
    -webkit-clip-path: polygon(0% 68.3702755242%, 100% 68.3702755242%, 100% 71.2073758699%, 0% 71.2073758699%);
            clip-path: polygon(0% 68.3702755242%, 100% 68.3702755242%, 100% 71.2073758699%, 0% 71.2073758699%);
    transform: translate(-2.6051051586%, 0.1580211867%);
  }
  9% {
    -webkit-clip-path: polygon(0% 79.5214795914%, 100% 79.5214795914%, 100% 81.0237213689%, 0% 81.0237213689%);
            clip-path: polygon(0% 79.5214795914%, 100% 79.5214795914%, 100% 81.0237213689%, 0% 81.0237213689%);
    transform: translate(4.638994502%, -0.2669974566%);
  }
  10% {
    -webkit-clip-path: polygon(0% 12.8586691498%, 100% 12.8586691498%, 100% 19.1336446672%, 0% 19.1336446672%);
            clip-path: polygon(0% 12.8586691498%, 100% 12.8586691498%, 100% 19.1336446672%, 0% 19.1336446672%);
    transform: translate(-2.912281245%, -0.1442604528%);
  }
  11% {
    -webkit-clip-path: polygon(0% 37.645097284%, 100% 37.645097284%, 100% 38.7412965322%, 0% 38.7412965322%);
            clip-path: polygon(0% 37.645097284%, 100% 37.645097284%, 100% 38.7412965322%, 0% 38.7412965322%);
    transform: translate(-0.9542882958%, 0.3798884839%);
  }
  12% {
    -webkit-clip-path: polygon(0% 62.2809161607%, 100% 62.2809161607%, 100% 65.7627846434%, 0% 65.7627846434%);
            clip-path: polygon(0% 62.2809161607%, 100% 62.2809161607%, 100% 65.7627846434%, 0% 65.7627846434%);
    transform: translate(2.1853853858%, 0.3851408991%);
  }
  13% {
    -webkit-clip-path: polygon(0% 33.7030626706%, 100% 33.7030626706%, 100% 35.9330020855%, 0% 35.9330020855%);
            clip-path: polygon(0% 33.7030626706%, 100% 33.7030626706%, 100% 35.9330020855%, 0% 35.9330020855%);
    transform: translate(-0.2079715613%, -0.2472426747%);
  }
  14% {
    -webkit-clip-path: polygon(0% 84.1214864625%, 100% 84.1214864625%, 100% 86.6998511457%, 0% 86.6998511457%);
            clip-path: polygon(0% 84.1214864625%, 100% 84.1214864625%, 100% 86.6998511457%, 0% 86.6998511457%);
    transform: translate(1.1772123685%, -0.0251151586%);
  }
  15% {
    -webkit-clip-path: polygon(0% 11.1344285138%, 100% 11.1344285138%, 100% 13.3045392773%, 0% 13.3045392773%);
            clip-path: polygon(0% 11.1344285138%, 100% 11.1344285138%, 100% 13.3045392773%, 0% 13.3045392773%);
    transform: translate(-1.3443349256%, -0.1084993859%);
  }
  16% {
    -webkit-clip-path: polygon(0% 78.7509433944%, 100% 78.7509433944%, 100% 84.9775528131%, 0% 84.9775528131%);
            clip-path: polygon(0% 78.7509433944%, 100% 78.7509433944%, 100% 84.9775528131%, 0% 84.9775528131%);
    transform: translate(7.1483240646%, -0.4995650766%);
  }
  17% {
    -webkit-clip-path: polygon(0% 60.8306054463%, 100% 60.8306054463%, 100% 70.0486559763%, 0% 70.0486559763%);
            clip-path: polygon(0% 60.8306054463%, 100% 60.8306054463%, 100% 70.0486559763%, 0% 70.0486559763%);
    transform: translate(4.4324045344%, 0.16172463%);
  }
  18% {
    -webkit-clip-path: polygon(0% 57.7036156188%, 100% 57.7036156188%, 100% 62.2853821859%, 0% 62.2853821859%);
            clip-path: polygon(0% 57.7036156188%, 100% 57.7036156188%, 100% 62.2853821859%, 0% 62.2853821859%);
    transform: translate(1.7843234339%, -0.2213802644%);
  }
  19% {
    -webkit-clip-path: polygon(0% 34.4475001622%, 100% 34.4475001622%, 100% 36.3390495407%, 0% 36.3390495407%);
            clip-path: polygon(0% 34.4475001622%, 100% 34.4475001622%, 100% 36.3390495407%, 0% 36.3390495407%);
    transform: translate(-5.4008420617%, -0.1250788047%);
  }
  20% {
    -webkit-clip-path: polygon(0% 28.9865084486%, 100% 28.9865084486%, 100% 34.4481951857%, 0% 34.4481951857%);
            clip-path: polygon(0% 28.9865084486%, 100% 28.9865084486%, 100% 34.4481951857%, 0% 34.4481951857%);
    transform: translate(5.8545149655%, 0.4732084695%);
  }
  21% {
    -webkit-clip-path: polygon(0% 87.0166735882%, 100% 87.0166735882%, 100% 90.3189415935%, 0% 90.3189415935%);
            clip-path: polygon(0% 87.0166735882%, 100% 87.0166735882%, 100% 90.3189415935%, 0% 90.3189415935%);
    transform: translate(4.6615648003%, -0.3932169002%);
  }
  22% {
    -webkit-clip-path: polygon(0% 66.4376030445%, 100% 66.4376030445%, 100% 71.8738542851%, 0% 71.8738542851%);
            clip-path: polygon(0% 66.4376030445%, 100% 66.4376030445%, 100% 71.8738542851%, 0% 71.8738542851%);
    transform: translate(5.898744797%, 0.3435900769%);
  }
  23% {
    -webkit-clip-path: polygon(0% 71.5734360465%, 100% 71.5734360465%, 100% 74.4278307728%, 0% 74.4278307728%);
            clip-path: polygon(0% 71.5734360465%, 100% 71.5734360465%, 100% 74.4278307728%, 0% 74.4278307728%);
    transform: translate(3.3667322022%, -0.2406894253%);
  }
  24% {
    -webkit-clip-path: polygon(0% 37.6336413736%, 100% 37.6336413736%, 100% 44.4978617603%, 0% 44.4978617603%);
            clip-path: polygon(0% 37.6336413736%, 100% 37.6336413736%, 100% 44.4978617603%, 0% 44.4978617603%);
    transform: translate(-1.3051554647%, 0.1312199143%);
  }
  25% {
    -webkit-clip-path: polygon(0% 34.2083430751%, 100% 34.2083430751%, 100% 40.0362455811%, 0% 40.0362455811%);
            clip-path: polygon(0% 34.2083430751%, 100% 34.2083430751%, 100% 40.0362455811%, 0% 40.0362455811%);
    transform: translate(-5.016500893%, 0.0237353002%);
  }
  26% {
    -webkit-clip-path: polygon(0% 27.7121855476%, 100% 27.7121855476%, 100% 34.3164159613%, 0% 34.3164159613%);
            clip-path: polygon(0% 27.7121855476%, 100% 27.7121855476%, 100% 34.3164159613%, 0% 34.3164159613%);
    transform: translate(1.4220986924%, 0.4149041044%);
  }
  27% {
    -webkit-clip-path: polygon(0% 51.4904944718%, 100% 51.4904944718%, 100% 60.8501820692%, 0% 60.8501820692%);
            clip-path: polygon(0% 51.4904944718%, 100% 51.4904944718%, 100% 60.8501820692%, 0% 60.8501820692%);
    transform: translate(-1.0975912675%, -0.1862679925%);
  }
  28% {
    -webkit-clip-path: polygon(0% 49.7518090196%, 100% 49.7518090196%, 100% 52.7270359089%, 0% 52.7270359089%);
            clip-path: polygon(0% 49.7518090196%, 100% 49.7518090196%, 100% 52.7270359089%, 0% 52.7270359089%);
    transform: translate(6.1895128983%, -0.1142086117%);
  }
  29% {
    -webkit-clip-path: polygon(0% 24.8607707181%, 100% 24.8607707181%, 100% 34.284295118%, 0% 34.284295118%);
            clip-path: polygon(0% 24.8607707181%, 100% 24.8607707181%, 100% 34.284295118%, 0% 34.284295118%);
    transform: translate(-4.8598964582%, 0.0268449017%);
  }
  30%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    transform: none;
  }
}
@keyframes glitch-after {
  0% {
    -webkit-clip-path: polygon(0% 49.4806880573%, 100% 49.4806880573%, 100% 53.0096155989%, 0% 53.0096155989%);
            clip-path: polygon(0% 49.4806880573%, 100% 49.4806880573%, 100% 53.0096155989%, 0% 53.0096155989%);
    transform: translate(-7.8403763036%, 0.1919857209%);
  }
  1% {
    -webkit-clip-path: polygon(0% 51.0344782033%, 100% 51.0344782033%, 100% 53.6721117074%, 0% 53.6721117074%);
            clip-path: polygon(0% 51.0344782033%, 100% 51.0344782033%, 100% 53.6721117074%, 0% 53.6721117074%);
    transform: translate(6.5802809519%, 0.4454415095%);
  }
  2% {
    -webkit-clip-path: polygon(0% 63.8550354816%, 100% 63.8550354816%, 100% 67.4406775211%, 0% 67.4406775211%);
            clip-path: polygon(0% 63.8550354816%, 100% 63.8550354816%, 100% 67.4406775211%, 0% 67.4406775211%);
    transform: translate(3.2230898122%, 0.4058736702%);
  }
  3% {
    -webkit-clip-path: polygon(0% 45.5959958025%, 100% 45.5959958025%, 100% 53.9617073082%, 0% 53.9617073082%);
            clip-path: polygon(0% 45.5959958025%, 100% 45.5959958025%, 100% 53.9617073082%, 0% 53.9617073082%);
    transform: translate(6.7868342149%, -0.2391398933%);
  }
  4% {
    -webkit-clip-path: polygon(0% 38.5996435044%, 100% 38.5996435044%, 100% 45.5326464262%, 0% 45.5326464262%);
            clip-path: polygon(0% 38.5996435044%, 100% 38.5996435044%, 100% 45.5326464262%, 0% 45.5326464262%);
    transform: translate(-7.3930953984%, -0.3076148554%);
  }
  5% {
    -webkit-clip-path: polygon(0% 71.194667249%, 100% 71.194667249%, 100% 76.4276431645%, 0% 76.4276431645%);
            clip-path: polygon(0% 71.194667249%, 100% 71.194667249%, 100% 76.4276431645%, 0% 76.4276431645%);
    transform: translate(-0.6181416141%, -0.0412142896%);
  }
  6% {
    -webkit-clip-path: polygon(0% 73.3807628717%, 100% 73.3807628717%, 100% 79.51263038%, 0% 79.51263038%);
            clip-path: polygon(0% 73.3807628717%, 100% 73.3807628717%, 100% 79.51263038%, 0% 79.51263038%);
    transform: translate(-7.399863654%, -0.3273097629%);
  }
  7% {
    -webkit-clip-path: polygon(0% 82.4401167702%, 100% 82.4401167702%, 100% 86.4574544726%, 0% 86.4574544726%);
            clip-path: polygon(0% 82.4401167702%, 100% 82.4401167702%, 100% 86.4574544726%, 0% 86.4574544726%);
    transform: translate(-6.3453623814%, -0.1606998325%);
  }
  8% {
    -webkit-clip-path: polygon(0% 68.3702755242%, 100% 68.3702755242%, 100% 71.2073758699%, 0% 71.2073758699%);
            clip-path: polygon(0% 68.3702755242%, 100% 68.3702755242%, 100% 71.2073758699%, 0% 71.2073758699%);
    transform: translate(-2.6051051586%, 0.1580211867%);
  }
  9% {
    -webkit-clip-path: polygon(0% 79.5214795914%, 100% 79.5214795914%, 100% 81.0237213689%, 0% 81.0237213689%);
            clip-path: polygon(0% 79.5214795914%, 100% 79.5214795914%, 100% 81.0237213689%, 0% 81.0237213689%);
    transform: translate(4.638994502%, -0.2669974566%);
  }
  10% {
    -webkit-clip-path: polygon(0% 12.8586691498%, 100% 12.8586691498%, 100% 19.1336446672%, 0% 19.1336446672%);
            clip-path: polygon(0% 12.8586691498%, 100% 12.8586691498%, 100% 19.1336446672%, 0% 19.1336446672%);
    transform: translate(-2.912281245%, -0.1442604528%);
  }
  11% {
    -webkit-clip-path: polygon(0% 37.645097284%, 100% 37.645097284%, 100% 38.7412965322%, 0% 38.7412965322%);
            clip-path: polygon(0% 37.645097284%, 100% 37.645097284%, 100% 38.7412965322%, 0% 38.7412965322%);
    transform: translate(-0.9542882958%, 0.3798884839%);
  }
  12% {
    -webkit-clip-path: polygon(0% 62.2809161607%, 100% 62.2809161607%, 100% 65.7627846434%, 0% 65.7627846434%);
            clip-path: polygon(0% 62.2809161607%, 100% 62.2809161607%, 100% 65.7627846434%, 0% 65.7627846434%);
    transform: translate(2.1853853858%, 0.3851408991%);
  }
  13% {
    -webkit-clip-path: polygon(0% 33.7030626706%, 100% 33.7030626706%, 100% 35.9330020855%, 0% 35.9330020855%);
            clip-path: polygon(0% 33.7030626706%, 100% 33.7030626706%, 100% 35.9330020855%, 0% 35.9330020855%);
    transform: translate(-0.2079715613%, -0.2472426747%);
  }
  14% {
    -webkit-clip-path: polygon(0% 84.1214864625%, 100% 84.1214864625%, 100% 86.6998511457%, 0% 86.6998511457%);
            clip-path: polygon(0% 84.1214864625%, 100% 84.1214864625%, 100% 86.6998511457%, 0% 86.6998511457%);
    transform: translate(1.1772123685%, -0.0251151586%);
  }
  15% {
    -webkit-clip-path: polygon(0% 11.1344285138%, 100% 11.1344285138%, 100% 13.3045392773%, 0% 13.3045392773%);
            clip-path: polygon(0% 11.1344285138%, 100% 11.1344285138%, 100% 13.3045392773%, 0% 13.3045392773%);
    transform: translate(-1.3443349256%, -0.1084993859%);
  }
  16% {
    -webkit-clip-path: polygon(0% 78.7509433944%, 100% 78.7509433944%, 100% 84.9775528131%, 0% 84.9775528131%);
            clip-path: polygon(0% 78.7509433944%, 100% 78.7509433944%, 100% 84.9775528131%, 0% 84.9775528131%);
    transform: translate(7.1483240646%, -0.4995650766%);
  }
  17% {
    -webkit-clip-path: polygon(0% 60.8306054463%, 100% 60.8306054463%, 100% 70.0486559763%, 0% 70.0486559763%);
            clip-path: polygon(0% 60.8306054463%, 100% 60.8306054463%, 100% 70.0486559763%, 0% 70.0486559763%);
    transform: translate(4.4324045344%, 0.16172463%);
  }
  18% {
    -webkit-clip-path: polygon(0% 57.7036156188%, 100% 57.7036156188%, 100% 62.2853821859%, 0% 62.2853821859%);
            clip-path: polygon(0% 57.7036156188%, 100% 57.7036156188%, 100% 62.2853821859%, 0% 62.2853821859%);
    transform: translate(1.7843234339%, -0.2213802644%);
  }
  19% {
    -webkit-clip-path: polygon(0% 34.4475001622%, 100% 34.4475001622%, 100% 36.3390495407%, 0% 36.3390495407%);
            clip-path: polygon(0% 34.4475001622%, 100% 34.4475001622%, 100% 36.3390495407%, 0% 36.3390495407%);
    transform: translate(-5.4008420617%, -0.1250788047%);
  }
  20% {
    -webkit-clip-path: polygon(0% 28.9865084486%, 100% 28.9865084486%, 100% 34.4481951857%, 0% 34.4481951857%);
            clip-path: polygon(0% 28.9865084486%, 100% 28.9865084486%, 100% 34.4481951857%, 0% 34.4481951857%);
    transform: translate(5.8545149655%, 0.4732084695%);
  }
  21% {
    -webkit-clip-path: polygon(0% 87.0166735882%, 100% 87.0166735882%, 100% 90.3189415935%, 0% 90.3189415935%);
            clip-path: polygon(0% 87.0166735882%, 100% 87.0166735882%, 100% 90.3189415935%, 0% 90.3189415935%);
    transform: translate(4.6615648003%, -0.3932169002%);
  }
  22% {
    -webkit-clip-path: polygon(0% 66.4376030445%, 100% 66.4376030445%, 100% 71.8738542851%, 0% 71.8738542851%);
            clip-path: polygon(0% 66.4376030445%, 100% 66.4376030445%, 100% 71.8738542851%, 0% 71.8738542851%);
    transform: translate(5.898744797%, 0.3435900769%);
  }
  23% {
    -webkit-clip-path: polygon(0% 71.5734360465%, 100% 71.5734360465%, 100% 74.4278307728%, 0% 74.4278307728%);
            clip-path: polygon(0% 71.5734360465%, 100% 71.5734360465%, 100% 74.4278307728%, 0% 74.4278307728%);
    transform: translate(3.3667322022%, -0.2406894253%);
  }
  24% {
    -webkit-clip-path: polygon(0% 37.6336413736%, 100% 37.6336413736%, 100% 44.4978617603%, 0% 44.4978617603%);
            clip-path: polygon(0% 37.6336413736%, 100% 37.6336413736%, 100% 44.4978617603%, 0% 44.4978617603%);
    transform: translate(-1.3051554647%, 0.1312199143%);
  }
  25% {
    -webkit-clip-path: polygon(0% 34.2083430751%, 100% 34.2083430751%, 100% 40.0362455811%, 0% 40.0362455811%);
            clip-path: polygon(0% 34.2083430751%, 100% 34.2083430751%, 100% 40.0362455811%, 0% 40.0362455811%);
    transform: translate(-5.016500893%, 0.0237353002%);
  }
  26% {
    -webkit-clip-path: polygon(0% 27.7121855476%, 100% 27.7121855476%, 100% 34.3164159613%, 0% 34.3164159613%);
            clip-path: polygon(0% 27.7121855476%, 100% 27.7121855476%, 100% 34.3164159613%, 0% 34.3164159613%);
    transform: translate(1.4220986924%, 0.4149041044%);
  }
  27% {
    -webkit-clip-path: polygon(0% 51.4904944718%, 100% 51.4904944718%, 100% 60.8501820692%, 0% 60.8501820692%);
            clip-path: polygon(0% 51.4904944718%, 100% 51.4904944718%, 100% 60.8501820692%, 0% 60.8501820692%);
    transform: translate(-1.0975912675%, -0.1862679925%);
  }
  28% {
    -webkit-clip-path: polygon(0% 49.7518090196%, 100% 49.7518090196%, 100% 52.7270359089%, 0% 52.7270359089%);
            clip-path: polygon(0% 49.7518090196%, 100% 49.7518090196%, 100% 52.7270359089%, 0% 52.7270359089%);
    transform: translate(6.1895128983%, -0.1142086117%);
  }
  29% {
    -webkit-clip-path: polygon(0% 24.8607707181%, 100% 24.8607707181%, 100% 34.284295118%, 0% 34.284295118%);
            clip-path: polygon(0% 24.8607707181%, 100% 24.8607707181%, 100% 34.284295118%, 0% 34.284295118%);
    transform: translate(-4.8598964582%, 0.0268449017%);
  }
  30%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    transform: none;
  }
}
.glitch .channel {
  mix-blend-mode: screen;
}
.glitch .channel::before {
  bottom: 0;
  content: "";
  display: block;
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.glitch .r {
  -webkit-animation: rgb-shift-r 0.5s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-r 0.5s steps(1, jump-end) infinite alternate both;
}
@-webkit-keyframes rgb-shift-r {
  0% {
    transform: translate(0.0965839594%, 0.2805321158%);
  }
  1% {
    transform: translate(1.4130094565%, -0.4535545007%);
  }
  2% {
    transform: translate(-0.5687038711%, -0.1721434576%);
  }
  3% {
    transform: translate(-0.9070504652%, 0.2670160319%);
  }
  4% {
    transform: translate(-0.0578064958%, 0.1980490734%);
  }
  5% {
    transform: translate(0.3547803616%, 0.2126149621%);
  }
  6% {
    transform: translate(-0.9628027031%, 0.1934869613%);
  }
  7% {
    transform: translate(-1.7480493114%, 0.2853240262%);
  }
  8% {
    transform: translate(0.6004612436%, 0.0259815563%);
  }
  9% {
    transform: translate(1.1832199781%, 0.2971726065%);
  }
  10% {
    transform: translate(-1.2566351141%, 0.1366787262%);
  }
  11% {
    transform: translate(-0.2372355503%, -0.1629443744%);
  }
  12% {
    transform: translate(0.5943806182%, -0.0479822736%);
  }
  13% {
    transform: translate(-1.9962364035%, -0.148221235%);
  }
  14% {
    transform: translate(-1.4089214804%, 0.4748609691%);
  }
  15% {
    transform: translate(-1.1226892986%, -0.1751003775%);
  }
  16% {
    transform: translate(-1.5165198036%, -0.4355514806%);
  }
  17% {
    transform: translate(1.2945813468%, -0.1217655379%);
  }
  18% {
    transform: translate(-1.9754168026%, 0.2608525322%);
  }
  19% {
    transform: translate(-0.9492075442%, -0.4406860403%);
  }
  20% {
    transform: translate(1.3312380786%, 0.1064476079%);
  }
  21% {
    transform: translate(1.4565842511%, -0.3328283519%);
  }
  22% {
    transform: translate(0.9202062135%, -0.4030609685%);
  }
  23% {
    transform: translate(-1.5847860712%, 0.3151311665%);
  }
  24% {
    transform: translate(0.8678252654%, 0.2637778095%);
  }
  25% {
    transform: translate(-0.3945474276%, 0.2163128938%);
  }
  26% {
    transform: translate(-0.061739121%, -0.2802373231%);
  }
  27% {
    transform: translate(-1.5977910199%, -0.1675899676%);
  }
  28% {
    transform: translate(-0.3801597747%, 0.3280173397%);
  }
  29% {
    transform: translate(-0.4897523728%, 0.0899650028%);
  }
  30%, 100% {
    transform: none;
  }
}
@keyframes rgb-shift-r {
  0% {
    transform: translate(0.0965839594%, 0.2805321158%);
  }
  1% {
    transform: translate(1.4130094565%, -0.4535545007%);
  }
  2% {
    transform: translate(-0.5687038711%, -0.1721434576%);
  }
  3% {
    transform: translate(-0.9070504652%, 0.2670160319%);
  }
  4% {
    transform: translate(-0.0578064958%, 0.1980490734%);
  }
  5% {
    transform: translate(0.3547803616%, 0.2126149621%);
  }
  6% {
    transform: translate(-0.9628027031%, 0.1934869613%);
  }
  7% {
    transform: translate(-1.7480493114%, 0.2853240262%);
  }
  8% {
    transform: translate(0.6004612436%, 0.0259815563%);
  }
  9% {
    transform: translate(1.1832199781%, 0.2971726065%);
  }
  10% {
    transform: translate(-1.2566351141%, 0.1366787262%);
  }
  11% {
    transform: translate(-0.2372355503%, -0.1629443744%);
  }
  12% {
    transform: translate(0.5943806182%, -0.0479822736%);
  }
  13% {
    transform: translate(-1.9962364035%, -0.148221235%);
  }
  14% {
    transform: translate(-1.4089214804%, 0.4748609691%);
  }
  15% {
    transform: translate(-1.1226892986%, -0.1751003775%);
  }
  16% {
    transform: translate(-1.5165198036%, -0.4355514806%);
  }
  17% {
    transform: translate(1.2945813468%, -0.1217655379%);
  }
  18% {
    transform: translate(-1.9754168026%, 0.2608525322%);
  }
  19% {
    transform: translate(-0.9492075442%, -0.4406860403%);
  }
  20% {
    transform: translate(1.3312380786%, 0.1064476079%);
  }
  21% {
    transform: translate(1.4565842511%, -0.3328283519%);
  }
  22% {
    transform: translate(0.9202062135%, -0.4030609685%);
  }
  23% {
    transform: translate(-1.5847860712%, 0.3151311665%);
  }
  24% {
    transform: translate(0.8678252654%, 0.2637778095%);
  }
  25% {
    transform: translate(-0.3945474276%, 0.2163128938%);
  }
  26% {
    transform: translate(-0.061739121%, -0.2802373231%);
  }
  27% {
    transform: translate(-1.5977910199%, -0.1675899676%);
  }
  28% {
    transform: translate(-0.3801597747%, 0.3280173397%);
  }
  29% {
    transform: translate(-0.4897523728%, 0.0899650028%);
  }
  30%, 100% {
    transform: none;
  }
}
.glitch .r::before {
  background: #f00;
}
.glitch .g {
  -webkit-animation: rgb-shift-g 0.5s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-g 0.5s steps(1, jump-end) infinite alternate both;
}
@-webkit-keyframes rgb-shift-g {
  0% {
    transform: translate(-1.2619583347%, -0.0704567665%);
  }
  1% {
    transform: translate(0.9849648434%, 0.1190661548%);
  }
  2% {
    transform: translate(-0.3611606181%, -0.197897466%);
  }
  3% {
    transform: translate(1.3890361736%, 0.4663551314%);
  }
  4% {
    transform: translate(0.2279413362%, 0.430248212%);
  }
  5% {
    transform: translate(0.1930350902%, 0.4676609737%);
  }
  6% {
    transform: translate(0.6388777848%, -0.2214686758%);
  }
  7% {
    transform: translate(-0.9071361229%, 0.2891393643%);
  }
  8% {
    transform: translate(-0.4099293161%, 0.2726797591%);
  }
  9% {
    transform: translate(0.1078485169%, 0.1125147193%);
  }
  10% {
    transform: translate(1.0792130814%, 0.3390975665%);
  }
  11% {
    transform: translate(0.7062519769%, -0.3617014472%);
  }
  12% {
    transform: translate(-1.0644184543%, -0.119852963%);
  }
  13% {
    transform: translate(-0.9118613618%, -0.0089301647%);
  }
  14% {
    transform: translate(-0.6906822103%, 0.0001088001%);
  }
  15% {
    transform: translate(-0.2749115272%, 0.3849306167%);
  }
  16% {
    transform: translate(0.4088621564%, 0.2868226402%);
  }
  17% {
    transform: translate(0.2229670827%, -0.0928662796%);
  }
  18% {
    transform: translate(-1.9292946402%, 0.3022731104%);
  }
  19% {
    transform: translate(0.5300714523%, -0.277021249%);
  }
  20% {
    transform: translate(-0.3855648047%, 0.0556024092%);
  }
  21% {
    transform: translate(1.3969145716%, -0.4191960972%);
  }
  22% {
    transform: translate(-1.3646922607%, 0.1103055031%);
  }
  23% {
    transform: translate(-0.437184899%, -0.3704633894%);
  }
  24% {
    transform: translate(-0.5337509644%, -0.0776969116%);
  }
  25% {
    transform: translate(1.1294903634%, -0.0502325485%);
  }
  26% {
    transform: translate(-1.4919273333%, 0.2888110402%);
  }
  27% {
    transform: translate(-1.0108633821%, -0.0071197112%);
  }
  28% {
    transform: translate(0.6490802335%, 0.0688217013%);
  }
  29% {
    transform: translate(-1.8850845111%, -0.1926815694%);
  }
  30%, 100% {
    transform: none;
  }
}
@keyframes rgb-shift-g {
  0% {
    transform: translate(-1.2619583347%, -0.0704567665%);
  }
  1% {
    transform: translate(0.9849648434%, 0.1190661548%);
  }
  2% {
    transform: translate(-0.3611606181%, -0.197897466%);
  }
  3% {
    transform: translate(1.3890361736%, 0.4663551314%);
  }
  4% {
    transform: translate(0.2279413362%, 0.430248212%);
  }
  5% {
    transform: translate(0.1930350902%, 0.4676609737%);
  }
  6% {
    transform: translate(0.6388777848%, -0.2214686758%);
  }
  7% {
    transform: translate(-0.9071361229%, 0.2891393643%);
  }
  8% {
    transform: translate(-0.4099293161%, 0.2726797591%);
  }
  9% {
    transform: translate(0.1078485169%, 0.1125147193%);
  }
  10% {
    transform: translate(1.0792130814%, 0.3390975665%);
  }
  11% {
    transform: translate(0.7062519769%, -0.3617014472%);
  }
  12% {
    transform: translate(-1.0644184543%, -0.119852963%);
  }
  13% {
    transform: translate(-0.9118613618%, -0.0089301647%);
  }
  14% {
    transform: translate(-0.6906822103%, 0.0001088001%);
  }
  15% {
    transform: translate(-0.2749115272%, 0.3849306167%);
  }
  16% {
    transform: translate(0.4088621564%, 0.2868226402%);
  }
  17% {
    transform: translate(0.2229670827%, -0.0928662796%);
  }
  18% {
    transform: translate(-1.9292946402%, 0.3022731104%);
  }
  19% {
    transform: translate(0.5300714523%, -0.277021249%);
  }
  20% {
    transform: translate(-0.3855648047%, 0.0556024092%);
  }
  21% {
    transform: translate(1.3969145716%, -0.4191960972%);
  }
  22% {
    transform: translate(-1.3646922607%, 0.1103055031%);
  }
  23% {
    transform: translate(-0.437184899%, -0.3704633894%);
  }
  24% {
    transform: translate(-0.5337509644%, -0.0776969116%);
  }
  25% {
    transform: translate(1.1294903634%, -0.0502325485%);
  }
  26% {
    transform: translate(-1.4919273333%, 0.2888110402%);
  }
  27% {
    transform: translate(-1.0108633821%, -0.0071197112%);
  }
  28% {
    transform: translate(0.6490802335%, 0.0688217013%);
  }
  29% {
    transform: translate(-1.8850845111%, -0.1926815694%);
  }
  30%, 100% {
    transform: none;
  }
}
.glitch .g::before {
  background: #0f0;
}
.glitch .b {
  -webkit-animation: rgb-shift-b 0.5s steps(1, jump-end) infinite alternate both;
          animation: rgb-shift-b 0.5s steps(1, jump-end) infinite alternate both;
}
@-webkit-keyframes rgb-shift-b {
  0% {
    transform: translate(-0.9919338322%, -0.4139260828%);
  }
  1% {
    transform: translate(0.4010395094%, -0.1371159762%);
  }
  2% {
    transform: translate(0.0775653156%, -0.4934144198%);
  }
  3% {
    transform: translate(1.8547012581%, -0.2483462433%);
  }
  4% {
    transform: translate(-0.2095690886%, 0.2880156018%);
  }
  5% {
    transform: translate(0.8144383714%, 0.4710353041%);
  }
  6% {
    transform: translate(0.5195808072%, 0.124165508%);
  }
  7% {
    transform: translate(-0.5654762289%, 0.4702058119%);
  }
  8% {
    transform: translate(-0.349173646%, -0.2311872055%);
  }
  9% {
    transform: translate(1.9243309663%, -0.3567423097%);
  }
  10% {
    transform: translate(1.0028591746%, 0.4534399587%);
  }
  11% {
    transform: translate(1.586531076%, 0.4034295039%);
  }
  12% {
    transform: translate(-0.0137283843%, -0.3694278331%);
  }
  13% {
    transform: translate(-1.61759888%, 0.3203278683%);
  }
  14% {
    transform: translate(1.5599790396%, -0.3439742224%);
  }
  15% {
    transform: translate(-1.7818070467%, -0.3718821952%);
  }
  16% {
    transform: translate(-1.453902692%, 0.3446307005%);
  }
  17% {
    transform: translate(-1.1631165458%, -0.3947376053%);
  }
  18% {
    transform: translate(-0.3518303521%, -0.2155335865%);
  }
  19% {
    transform: translate(1.4079313198%, 0.2444738356%);
  }
  20% {
    transform: translate(0.6780070363%, -0.3617225631%);
  }
  21% {
    transform: translate(1.596037593%, -0.0103496648%);
  }
  22% {
    transform: translate(0.3837628438%, 0.4165171457%);
  }
  23% {
    transform: translate(-0.5370501586%, -0.0834943216%);
  }
  24% {
    transform: translate(0.0252417151%, -0.455373898%);
  }
  25% {
    transform: translate(0.4674973918%, 0.1209596435%);
  }
  26% {
    transform: translate(1.7809891457%, -0.2364243062%);
  }
  27% {
    transform: translate(-0.8509135339%, -0.1726296725%);
  }
  28% {
    transform: translate(-0.2542102523%, -0.3207235255%);
  }
  29% {
    transform: translate(-0.9868283224%, 0.428325713%);
  }
  30%, 100% {
    transform: none;
  }
}
@keyframes rgb-shift-b {
  0% {
    transform: translate(-0.9919338322%, -0.4139260828%);
  }
  1% {
    transform: translate(0.4010395094%, -0.1371159762%);
  }
  2% {
    transform: translate(0.0775653156%, -0.4934144198%);
  }
  3% {
    transform: translate(1.8547012581%, -0.2483462433%);
  }
  4% {
    transform: translate(-0.2095690886%, 0.2880156018%);
  }
  5% {
    transform: translate(0.8144383714%, 0.4710353041%);
  }
  6% {
    transform: translate(0.5195808072%, 0.124165508%);
  }
  7% {
    transform: translate(-0.5654762289%, 0.4702058119%);
  }
  8% {
    transform: translate(-0.349173646%, -0.2311872055%);
  }
  9% {
    transform: translate(1.9243309663%, -0.3567423097%);
  }
  10% {
    transform: translate(1.0028591746%, 0.4534399587%);
  }
  11% {
    transform: translate(1.586531076%, 0.4034295039%);
  }
  12% {
    transform: translate(-0.0137283843%, -0.3694278331%);
  }
  13% {
    transform: translate(-1.61759888%, 0.3203278683%);
  }
  14% {
    transform: translate(1.5599790396%, -0.3439742224%);
  }
  15% {
    transform: translate(-1.7818070467%, -0.3718821952%);
  }
  16% {
    transform: translate(-1.453902692%, 0.3446307005%);
  }
  17% {
    transform: translate(-1.1631165458%, -0.3947376053%);
  }
  18% {
    transform: translate(-0.3518303521%, -0.2155335865%);
  }
  19% {
    transform: translate(1.4079313198%, 0.2444738356%);
  }
  20% {
    transform: translate(0.6780070363%, -0.3617225631%);
  }
  21% {
    transform: translate(1.596037593%, -0.0103496648%);
  }
  22% {
    transform: translate(0.3837628438%, 0.4165171457%);
  }
  23% {
    transform: translate(-0.5370501586%, -0.0834943216%);
  }
  24% {
    transform: translate(0.0252417151%, -0.455373898%);
  }
  25% {
    transform: translate(0.4674973918%, 0.1209596435%);
  }
  26% {
    transform: translate(1.7809891457%, -0.2364243062%);
  }
  27% {
    transform: translate(-0.8509135339%, -0.1726296725%);
  }
  28% {
    transform: translate(-0.2542102523%, -0.3207235255%);
  }
  29% {
    transform: translate(-0.9868283224%, 0.428325713%);
  }
  30%, 100% {
    transform: none;
  }
}
.glitch .b::before {
  background: #00f;
}

#btn-nav {
  position: fixed;
  top: 12px;
  right: calc(50% - 657px);
  width: 32px;
  height: 26px;
  z-index: 50;
  transform: rotate(0deg) !important;
  transition: all 0.3s 0.1s ease;
}
@media only screen and (max-width: 1360px) {
  #btn-nav {
    right: 25px;
  }
}
@media only screen and (max-width: 768px) {
  #btn-nav {
    top: 2.5vw;
    right: 3.125vw;
    width: 5vw;
    height: 4.0625vw;
  }
}
#btn-nav span {
  position: absolute;
  display: block;
  width: 100%;
  height: 4px;
  background-color: #020202;
  transition: all 0.3s ease;
  transform-origin: center center;
}
#btn-nav span:nth-child(2) {
  top: 11px;
}
#btn-nav span:nth-child(3) {
  top: 22px;
}
#btn-nav.active {
  transform: rotate(360deg) !important;
}
#btn-nav.active span:nth-child(1) {
  top: 11px;
  transform: rotate(45deg);
}
#btn-nav.active span:nth-child(2) {
  opacity: 0;
}
#btn-nav.active span:nth-child(3) {
  top: 11px;
  transform: rotate(-45deg);
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 10;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  #header {
    height: 9.53125vw;
  }
}
#header img {
  width: 100%;
}
#header .text {
  position: relative;
  padding: 15px 0 13px;
  text-align: center;
  background-color: #fff;
  z-index: 30;
}
@media only screen and (max-width: 768px) {
  #header .text {
    padding: 2.5vw 0 2.03125vw;
  }
}
#header .text img {
  width: 408px;
}
@media only screen and (max-width: 768px) {
  #header .text img {
    width: 85vw;
    margin-right: 5.46875vw;
  }
}
#header .navigation {
  transform: translateY(-202px);
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease;
  visibility: hidden;
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  #header .navigation {
    padding-bottom: 0;
    height: 150vh;
  }
}
#header .navigation.active {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}
#header .navigation .top {
  position: relative;
  width: 193px;
  margin: 22px auto 0;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(2, 2, 2, 0.3);
  transition: all 0.3s ease;
}
@media only screen and (max-width: 768px) {
  #header .navigation .top {
    width: 32.8125vw;
    margin-top: 3.4375vw auto 0;
    box-shadow: 0 0 0.9375vw rgba(2, 2, 2, 0.3);
  }
}
#header .navigation .top:hover {
  width: 213px;
  padding-left: 20px;
}
@media only screen and (max-width: 768px) {
  #header .navigation .top:hover {
    width: 32.8125vw;
    padding-left: 0;
  }
}
#header .navigation .top a {
  display: block;
}
#header .navigation .top img {
  width: 100%;
}
#header .navigation .top span {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  width: 23px;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 768px) {
  #header .navigation .top span {
    width: 3.90625vw;
    left: 2.1875vw;
  }
}
#header .navigation nav {
  border-bottom: 12px solid #fff;
  background: url("../img/global/bg_nav.png") no-repeat top center;
  background-size: cover;
}
@media only screen and (max-width: 768px) {
  #header .navigation nav {
    border-bottom-width: 1.875vw;
  }
}
#header .navigation nav ul {
  display: flex;
  gap: 0 2px;
  width: 1000px;
  height: 190px;
  margin: 0 auto;
  background: #020202;
}
@media only screen and (max-width: 1050px) {
  #header .navigation nav ul {
    width: 95.2380952381vw;
    gap: 0 0.1904761905vw;
  }
}
@media only screen and (max-width: 768px) {
  #header .navigation nav ul {
    width: auto;
    height: 29.6875vw;
    gap: 0 0.3125vw;
  }
}
#header .navigation nav ul li {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1050px) {
  #header .navigation nav ul li {
    height: 100%;
  }
}
#header .navigation nav ul li a {
  display: block;
}
@media only screen and (max-width: 1050px) {
  #header .navigation nav ul li a {
    height: 100%;
  }
}
#header .navigation nav ul li a:hover .box {
  opacity: 1;
}
#header .navigation nav ul li a:hover .box .title {
  filter: blur(0px);
}
#header .navigation nav ul li a:hover .image img {
  transform: scale(1.2);
}
#header .navigation nav ul li .num {
  position: absolute;
  top: -2px;
  left: 0;
}
@media only screen and (max-width: 1050px) {
  #header .navigation nav ul li .num {
    top: -0.1904761905vw;
  }
}
@media only screen and (max-width: 768px) {
  #header .navigation nav ul li .num {
    top: -0.3125vw;
  }
}
@media only screen and (max-width: 768px) {
  #header .navigation nav ul li .num img {
    width: 100%;
  }
}
#header .navigation nav ul li .txt {
  position: absolute;
  bottom: 6px;
  right: 10px;
  font-size: 23px;
  font-weight: 900;
  color: #fb50d2;
}
@media only screen and (max-width: 1050px) {
  #header .navigation nav ul li .txt {
    bottom: 0.5714285714vw;
    right: 0.9523809524vw;
    font-size: 2.1904761905vw;
  }
}
@media only screen and (max-width: 768px) {
  #header .navigation nav ul li .txt {
    font-size: 3.59375vw;
    right: 0.9375vw;
    bottom: 0.625vw;
  }
}
@media only screen and (max-width: 1050px) {
  #header .navigation nav ul li .image {
    height: 100%;
  }
}
#header .navigation nav ul li .image img {
  transition: all 0.3s ease;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
#header .navigation nav ul li .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(2, 2, 2, 0.5);
  opacity: 0;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 1050px) {
  #header .navigation nav ul li .box {
    padding: 0 1.4285714286vw;
  }
}
@media only screen and (max-width: 768px) {
  #header .navigation nav ul li .box {
    padding: 0 2.8125vw;
  }
}
#header .navigation nav ul li .box .title {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  filter: blur(20px);
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1050px) {
  #header .navigation nav ul li .box .title {
    font-size: 1.9047619048vw;
  }
}
@media only screen and (max-width: 768px) {
  #header .navigation nav ul li .box .title {
    font-size: 3.90625vw;
  }
}
#header .navigation nav ul li .box .title span {
  display: block;
  font-size: 18px;
}
@media only screen and (max-width: 1050px) {
  #header .navigation nav ul li .box .title span {
    font-size: 1.7142857143vw;
  }
}
@media only screen and (max-width: 768px) {
  #header .navigation nav ul li .box .title span {
    font-size: 2.5vw;
  }
}
@media only screen and (max-width: 768px) {
  #header .navigation nav ul li:nth-child(1) .num {
    width: 12.34375vw;
  }
}
@media only screen and (max-width: 768px) {
  #header .navigation nav ul li:nth-child(2) .num {
    width: 14.21875vw;
  }
}
#header .navigation nav ul li:nth-child(2) p {
  color: #3474e8;
}
@media only screen and (max-width: 768px) {
  #header .navigation nav ul li:nth-child(3) .num {
    width: 14.6875vw;
  }
}
#header .navigation nav ul li:nth-child(3) p {
  color: #04d0bb;
}

@-webkit-keyframes flowBackground {
  0% {
    background-position: 0 center; /* 初期位置 */
  }
  100% {
    background-position: -100% center; /* 左に流す */
  }
}

@keyframes flowBackground {
  0% {
    background-position: 0 center; /* 初期位置 */
  }
  100% {
    background-position: -100% center; /* 左に流す */
  }
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg); /* 初期位置 */
  }
  100% {
    transform: rotate(360deg); /* 360度回転 */
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg); /* 初期位置 */
  }
  100% {
    transform: rotate(360deg); /* 360度回転 */
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#loading {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #020202;
  z-index: 99;
}
#loading .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 294px;
}
@media only screen and (max-width: 1315px) {
  #loading .logo {
    width: 28vw;
  }
}
#loading .logo:not(.logo1) {
  opacity: 0;
}
#loading .logo.logo2 {
  width: 310px;
  top: 49.7%;
}
@media only screen and (max-width: 1315px) {
  #loading .logo.logo2 {
    width: 29.5238095238vw;
  }
}
#loading .logo img {
  width: 100%;
}

#keyvisual {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: #000;
}
@media only screen and (max-width: 768px) {
  #keyvisual {
    overflow: hidden;
    height: 100dvh;
  }
}
#keyvisual img {
  width: 100%;
}
#keyvisual .wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 5;
}
#keyvisual .inner {
  position: absolute;
  width: 1454px;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media only screen and (max-width: 1315px) {
  #keyvisual .inner {
    width: 100%;
  }
}
#keyvisual.scrolled.mt-on {
  margin-top: 50px;
  height: calc(100vh - 50px);
}
@media only screen and (max-width: 768px) {
  #keyvisual.scrolled.mt-on {
    height: calc(100vh - 9.53125vw);
    height: calc(100dvh - 9.53125vw);
    margin-top: 9.53125vw;
  }
}
#keyvisual.scrolled.mt-on .award, #keyvisual.scrolled.mt-on .wrap {
  height: calc(100vh - 50px);
}
@media only screen and (max-width: 768px) {
  #keyvisual.scrolled.mt-on .award, #keyvisual.scrolled.mt-on .wrap {
    height: calc(100vh - 9.53125vw);
    height: calc(100dvh - 9.53125vw);
  }
}
#keyvisual.scrolled .award {
  position: absolute;
  bottom: 0;
  top: inherit;
}
@media only screen and (max-width: 768px) {
  #keyvisual.scrolled .award {
    top: 0;
  }
}
#keyvisual.scrolled .wrap {
  position: absolute;
}
#keyvisual.scrolled .bar-inner {
  position: absolute;
  top: 0;
}
#keyvisual .award {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url("../img/award1_bg_kv.jpg") no-repeat top center;
  background-size: cover;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
}
#keyvisual .award.on {
  opacity: 1;
}
#keyvisual .award .emblem {
  position: absolute;
  top: 26px;
  left: 105px;
  width: 103px;
  opacity: 0;
}
@media only screen and (max-width: 1315px) {
  #keyvisual .award .emblem {
    left: 30px;
  }
}
@media only screen and (max-width: 768px) {
  #keyvisual .award .emblem {
    width: 16.09375vw;
    top: 2.8125vw;
    left: 3.125vw;
  }
}
#keyvisual .award .logo {
  position: absolute;
  top: 28px;
  left: 210px;
  width: 294px;
  opacity: 0;
}
@media only screen and (max-width: 1315px) {
  #keyvisual .award .logo {
    left: 136px;
  }
}
@media only screen and (max-width: 768px) {
  #keyvisual .award .logo {
    width: 45.9375vw;
    top: 3.125vw;
    left: 19.6875vw;
  }
}
#keyvisual .award p {
  position: absolute;
  bottom: 70px;
  left: 95px;
  font-size: 25px;
  font-weight: 500;
  color: #fff;
  text-shadow: 0 0 10px #000;
  opacity: 0;
}
@media only screen and (max-width: 1315px) {
  #keyvisual .award p {
    left: 30px;
  }
}
@media only screen and (max-width: 768px) {
  #keyvisual .award p {
    font-size: 2.96875vw;
    bottom: 12.8125vw;
    left: 2.34375vw;
  }
}
#keyvisual .award .kv {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 1454px;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #keyvisual .award .kv {
    width: auto;
  }
}
#keyvisual .award .kv img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  #keyvisual .award .kv img {
    margin-top: 0vw;
    height: 100%;
    -o-object-position: top;
       object-position: top;
  }
}
#keyvisual .award.award1 .glitch-item {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1454px;
  height: 100%;
  background-position: top center;
}
@media only screen and (max-width: 768px) {
  #keyvisual .award.award1 .glitch-item.pc {
    display: none;
  }
}
#keyvisual .award.award1 .glitch-item.sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  #keyvisual .award.award1 .glitch-item.sp {
    display: block;
    width: 100%;
  }
}
#keyvisual .award.award2 {
  background: url("../img/award2_bg_kv.jpg") no-repeat top center;
  background-size: cover;
  z-index: 2;
}
#keyvisual .award.award2 .logo {
  width: 310px;
  top: 19px;
  left: 202px;
}
@media only screen and (max-width: 768px) {
  #keyvisual .award.award2 .logo {
    width: 48.4375vw;
    top: 1.71875vw;
    left: 18.4375vw;
  }
}
#keyvisual .award.award3 {
  background: url("../img/award3_bg_kv.jpg") no-repeat top center;
  background-size: cover;
  z-index: 3;
}
#keyvisual .bar-inner {
  position: absolute;
  z-index: 3;
}
#keyvisual .bar {
  position: absolute;
  top: 36px;
  right: 100px;
  width: 3px;
  height: 132px;
  background-color: #ded9d9;
  opacity: 0;
}
@media only screen and (max-width: 1315px) {
  #keyvisual .bar {
    right: 33px;
  }
}
@media only screen and (max-width: 768px) {
  #keyvisual .bar {
    top: 5.625vw;
    right: 5.3125vw;
    width: 0.46875vw;
    height: 20.625vw;
  }
}
#keyvisual .bar span {
  position: absolute;
  left: -11px;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  background-color: #ded9d9;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 768px) {
  #keyvisual .bar span {
    left: -1.71875vw;
    width: 3.90625vw;
    height: 3.90625vw;
    border-radius: 7.8125vw;
  }
}
#keyvisual .bar span.active {
  transform: scale(1.5);
}
#keyvisual .bar span:nth-child(1) {
  top: -12px;
}
@media only screen and (max-width: 768px) {
  #keyvisual .bar span:nth-child(1) {
    top: -1.875vw;
  }
}
#keyvisual .bar span:nth-child(1).active {
  background-color: #fb50d2;
}
#keyvisual .bar span:nth-child(2) {
  top: 54px;
}
@media only screen and (max-width: 768px) {
  #keyvisual .bar span:nth-child(2) {
    top: 8.4375vw;
  }
}
#keyvisual .bar span:nth-child(2).active {
  background-color: #3474e8;
}
#keyvisual .bar span:nth-child(3) {
  top: 122px;
}
@media only screen and (max-width: 768px) {
  #keyvisual .bar span:nth-child(3) {
    top: 19.0625vw;
  }
}
#keyvisual .bar span:nth-child(3).active {
  background-color: #00e2c6;
}
#keyvisual .scroll {
  position: absolute;
  bottom: 54px;
  left: 46.5%;
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  #keyvisual .scroll {
    width: 17.8125vw;
    bottom: 10.15625vw;
    left: 43%;
  }
}
#keyvisual .scroll .text {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: rotate 15s linear infinite;
          animation: rotate 15s linear infinite;
}
#keyvisual .loop-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: url("../img/loop_text.png") repeat-x center center #020202;
  background-size: auto;
  -webkit-animation: flowBackground 30s linear infinite;
          animation: flowBackground 30s linear infinite;
  z-index: 5;
}
@media only screen and (max-width: 768px) {
  #keyvisual .loop-text {
    height: 9.375vw;
    background-size: auto 4.375vw;
    -webkit-animation: flowBackground 25s linear infinite;
            animation: flowBackground 25s linear infinite;
  }
}

#content {
  position: relative;
  padding: 100px 0 18px;
  background: url("../img/bg.png") repeat;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #content {
    padding: 15.625vw 0 8.125vw;
  }
}
#content .dot1 {
  position: absolute;
  top: 83px;
  left: calc(50% - 750px);
}
@media only screen and (max-width: 768px) {
  #content .dot1 {
    width: 96.71875vw;
    top: 5.15625vw;
    left: 0;
  }
}
#content .dot2 {
  position: absolute;
  top: 268px;
  right: calc(50% - 750px);
}
@media only screen and (max-width: 768px) {
  #content .dot2 {
    width: 87.8125vw;
    top: 5.15625vw;
    right: 0;
  }
}
#content .award-block {
  position: relative;
  width: 930px;
  margin: 0 auto 82px;
  padding: 28px 32px;
  background-color: #fff;
  border: 2px solid #020202;
}
@media only screen and (max-width: 1050px) {
  #content .award-block {
    width: 88.5714285714vw;
    margin: 0 auto 7.8095238095vw;
    padding: 2.6666666667vw 3.0476190476vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block {
    width: auto;
    margin: 0 auto 15.625vw;
    padding: 2.5vw 3.125vw;
    border-width: 0.3125vw;
    border-left: none;
    border-right: none;
  }
}
#content .award-block img {
  width: 100%;
}
#content .award-block .num {
  position: absolute;
  top: -28px;
  left: -12px;
  z-index: 2;
  opacity: 0;
}
@media only screen and (max-width: 1050px) {
  #content .award-block .num {
    top: -2.6666666667vw;
    left: -1.1428571429vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block .num {
    top: -8.4375vw;
    left: 2.96875vw;
  }
}
#content .award-block .award-name {
  position: absolute;
  top: -25px;
  right: -28px;
  width: 77px;
  z-index: 2;
  opacity: 0;
}
@media only screen and (max-width: 1050px) {
  #content .award-block .award-name {
    top: -2.380952381vw;
    right: -2.6666666667vw;
    width: 7.3333333333vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block .award-name {
    top: -4.0625vw;
    right: -0.15625vw;
    width: 39.53125vw;
  }
}
#content .award-block .play-box {
  position: relative;
  width: 864px;
  margin-bottom: 18px;
}
@media only screen and (max-width: 1050px) {
  #content .award-block .play-box {
    width: 82.2857142857vw;
    margin-bottom: 1.7142857143vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block .play-box {
    width: 93.75vw;
    margin-bottom: 1.875vw;
  }
}
#content .award-block .play-box a {
  display: block;
}
#content .award-block .play-box .image {
  width: 100%;
  height: 504px;
}
@media only screen and (max-width: 1050px) {
  #content .award-block .play-box .image {
    height: 48vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block .play-box .image {
    height: 54.84375vw;
  }
}
#content .award-block .play-box .bar {
  position: absolute;
  bottom: 0;
  left: 0;
}
#content .award-block .play-box .play {
  position: absolute;
  top: 134px;
  left: 50%;
  transform: translateX(-50%);
  width: 199px;
}
@media only screen and (max-width: 1050px) {
  #content .award-block .play-box .play {
    top: 12.7619047619vw;
    width: 18.9523809524vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block .play-box .play {
    top: 14.375vw;
    width: 21.5625vw;
  }
}
#content .award-block .play-box .play span.line {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
}
#content .award-block .play-box .play span.line img {
  transition: all 0.3s ease;
}
#content .award-block .play-box:hover .play span.line {
  -webkit-animation: rotate 10s linear infinite;
          animation: rotate 10s linear infinite;
}
#content .award-block .play-box:hover .play span.line img {
  transform: scale(1.1);
}
#content .award-block .catch {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1050px) {
  #content .award-block .catch {
    font-size: 1.9047619048vw;
    margin-bottom: 0.9523809524vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block .catch {
    font-size: 2.8125vw;
    margin-bottom: 1.25vw;
  }
}
#content .award-block .flex-wrap {
  justify-content: space-between;
}
#content .award-block .flex-wrap .emblem {
  width: 134px;
}
@media only screen and (max-width: 1050px) {
  #content .award-block .flex-wrap .emblem {
    width: 12.7619047619vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block .flex-wrap .emblem {
    width: 14.6875vw;
  }
}
#content .award-block .flex-wrap .info {
  width: calc(100% - 146px);
}
@media only screen and (max-width: 1050px) {
  #content .award-block .flex-wrap .info {
    width: calc(100% - 13.9047619048vw);
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block .flex-wrap .info {
    width: calc(100% - 15.9375vw);
  }
}
#content .award-block .flex-wrap .info h2 {
  font-size: 45px;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1050px) {
  #content .award-block .flex-wrap .info h2 {
    font-size: 4.2857142857vw;
    margin-bottom: 1.1428571429vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block .flex-wrap .info h2 {
    font-size: 6.25vw;
    margin-bottom: 1.875vw;
  }
}
#content .award-block .flex-wrap .info h2 span {
  display: block;
  font-size: 30px;
}
@media only screen and (max-width: 1050px) {
  #content .award-block .flex-wrap .info h2 span {
    font-size: 2.8571428571vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block .flex-wrap .info h2 span {
    font-size: 3.75vw;
  }
}
#content .award-block .flex-wrap .info .author {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1050px) {
  #content .award-block .flex-wrap .info .author {
    font-size: 1.619047619vw;
    margin-bottom: 1.1428571429vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block .flex-wrap .info .author {
    font-size: 2.5vw;
  }
}
#content .award-block .flex-wrap .info .tag {
  display: flex;
  gap: 0 10px;
}
@media only screen and (max-width: 1050px) {
  #content .award-block .flex-wrap .info .tag {
    gap: 0 0.9523809524vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block .flex-wrap .info .tag {
    gap: 0 1.5625vw;
  }
}
#content .award-block .flex-wrap .info .tag li {
  font-size: 15px;
  line-height: 1;
  padding: 5px 10px;
  border-radius: 20px;
  background-color: #ded9d9;
}
@media only screen and (max-width: 1050px) {
  #content .award-block .flex-wrap .info .tag li {
    font-size: 1.4285714286vw;
    padding: 0.4761904762vw 0.9523809524vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block .flex-wrap .info .tag li {
    font-size: 2.1875vw;
    padding: 0.78125vw 1.5625vw;
    border-radius: 3.125vw;
  }
}
#content .award-block#award1 .num {
  width: 150px;
}
@media only screen and (max-width: 1050px) {
  #content .award-block#award1 .num {
    width: 14.2857142857vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block#award1 .num {
    width: 19.84375vw;
  }
}
#content .award-block#award1 .catch {
  color: #fb50d2;
}
#content .award-block#award2 .num {
  width: 167px;
  left: inherit;
  right: -12px;
}
@media only screen and (max-width: 1050px) {
  #content .award-block#award2 .num {
    width: 15.9047619048vw;
    right: -1.1428571429vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block#award2 .num {
    width: 22.65625vw;
    right: 2.96875vw;
  }
}
#content .award-block#award2 .award-name {
  left: -28px;
}
@media only screen and (max-width: 1050px) {
  #content .award-block#award2 .award-name {
    left: -2.6666666667vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block#award2 .award-name {
    left: -0.15625vw;
  }
}
#content .award-block#award2 .catch {
  color: #558aef;
}
#content .award-block#award3 .num {
  width: 169px;
}
@media only screen and (max-width: 1050px) {
  #content .award-block#award3 .num {
    width: 16.0952380952vw;
  }
}
@media only screen and (max-width: 768px) {
  #content .award-block#award3 .num {
    width: 22.96875vw;
  }
}
#content .award-block#award3 .catch {
  color: #04d0bb;
}

#bottom-menu {
  background: url("../img/bg_btm_menu.png") repeat;
}
#bottom-menu .loop-text {
  width: 100%;
  height: 50px;
  background: url("../img/loop_text.png") repeat-x center center #020202;
  background-size: auto;
  -webkit-animation: flowBackground 30s linear infinite;
          animation: flowBackground 30s linear infinite;
}
@media only screen and (max-width: 1050px) {
  #bottom-menu .loop-text {
    height: 4.7619047619vw;
  }
}
#bottom-menu ul {
  display: flex;
  gap: 0 2px;
  width: 1000px;
  height: 190px;
  margin: 0 auto;
  background: #020202;
}
@media only screen and (max-width: 1050px) {
  #bottom-menu ul {
    width: 95.2380952381vw;
    gap: 0 0.1904761905vw;
  }
}
@media only screen and (max-width: 768px) {
  #bottom-menu ul {
    width: auto;
    height: 29.6875vw;
    gap: 0 0.3125vw;
  }
}
#bottom-menu ul li {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1050px) {
  #bottom-menu ul li {
    height: 100%;
  }
}
#bottom-menu ul li a {
  display: block;
}
@media only screen and (max-width: 1050px) {
  #bottom-menu ul li a {
    height: 100%;
  }
}
#bottom-menu ul li a:hover .box {
  opacity: 1;
}
#bottom-menu ul li a:hover .box .title {
  filter: blur(0px);
}
#bottom-menu ul li a:hover .image img {
  transform: scale(1.2);
}
#bottom-menu ul li .num {
  position: absolute;
  top: -2px;
  left: 0;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 1050px) {
  #bottom-menu ul li .num {
    top: -0.1904761905vw;
  }
}
@media only screen and (max-width: 768px) {
  #bottom-menu ul li .num {
    top: -0.3125vw;
  }
}
@media only screen and (max-width: 768px) {
  #bottom-menu ul li .num img {
    width: 100%;
  }
}
#bottom-menu ul li .txt {
  position: absolute;
  bottom: 6px;
  right: 10px;
  font-size: 23px;
  font-weight: 900;
  color: #fb50d2;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 1050px) {
  #bottom-menu ul li .txt {
    bottom: 0.5714285714vw;
    right: 0.9523809524vw;
    font-size: 2.1904761905vw;
  }
}
@media only screen and (max-width: 768px) {
  #bottom-menu ul li .txt {
    font-size: 3.59375vw;
    right: 0.9375vw;
    bottom: 0.625vw;
  }
}
@media only screen and (max-width: 1050px) {
  #bottom-menu ul li .image {
    height: 100%;
  }
}
#bottom-menu ul li .image img {
  transition: all 0.3s ease;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
#bottom-menu ul li .box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(2, 2, 2, 0.5);
  opacity: 0;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 1050px) {
  #bottom-menu ul li .box {
    padding: 0 1.4285714286vw;
  }
}
@media only screen and (max-width: 768px) {
  #bottom-menu ul li .box {
    padding: 0 2.8125vw;
  }
}
#bottom-menu ul li .box .title {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  filter: blur(20px);
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1050px) {
  #bottom-menu ul li .box .title {
    font-size: 1.9047619048vw;
  }
}
@media only screen and (max-width: 768px) {
  #bottom-menu ul li .box .title {
    font-size: 3.90625vw;
  }
}
#bottom-menu ul li .box .title span {
  display: block;
  font-size: 18px;
}
@media only screen and (max-width: 1050px) {
  #bottom-menu ul li .box .title span {
    font-size: 1.7142857143vw;
  }
}
@media only screen and (max-width: 768px) {
  #bottom-menu ul li .box .title span {
    font-size: 2.5vw;
  }
}
@media only screen and (max-width: 768px) {
  #bottom-menu ul li:nth-child(1) .num {
    width: 12.34375vw;
  }
}
@media only screen and (max-width: 768px) {
  #bottom-menu ul li:nth-child(2) .num {
    width: 14.21875vw;
  }
}
#bottom-menu ul li:nth-child(2) p {
  color: #3474e8;
}
@media only screen and (max-width: 768px) {
  #bottom-menu ul li:nth-child(3) .num {
    width: 14.6875vw;
  }
}
#bottom-menu ul li:nth-child(3) p {
  color: #04d0bb;
}

#pagetop {
  width: 23px;
  position: fixed;
  right: 30px;
  bottom: 30px;
}
@media only screen and (max-width: 768px) {
  #pagetop {
    width: 3.125vw;
    right: 3.90625vw;
    bottom: 3.90625vw;
  }
}
#pagetop.off {
  position: absolute;
}
#pagetop img {
  width: 100%;
}

#footer {
  padding: 35px 0 30px;
  background-color: #020202;
}
@media only screen and (max-width: 1050px) {
  #footer {
    padding: 3.3333333333vw 0 2.8571428571vw;
  }
}
@media only screen and (max-width: 768px) {
  #footer {
    padding: 12.8125vw 0 10.9375vw;
  }
}
#footer .flex-wrap {
  width: 1000px;
  padding-left: 30px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1050px) {
  #footer .flex-wrap {
    width: 95.2380952381vw;
    padding-left: 2.8571428571vw;
  }
}
@media only screen and (max-width: 768px) {
  #footer .flex-wrap {
    width: auto;
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  #footer .copy-box {
    order: 2;
  }
}
#footer .logo-mf {
  width: 180px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 1050px) {
  #footer .logo-mf {
    width: 17.1428571429vw;
    margin-bottom: 0.7619047619vw;
  }
}
@media only screen and (max-width: 768px) {
  #footer .logo-mf {
    width: 40.78125vw;
    margin: 0 auto 5.3125vw;
  }
}
#footer .logo-mf img {
  width: 100%;
}
#footer p.copy {
  font-size: 12px;
  color: #fff;
  margin-bottom: 5px;
}
@media only screen and (max-width: 1050px) {
  #footer p.copy {
    font-size: 1.1428571429vw;
  }
}
@media only screen and (max-width: 768px) {
  #footer p.copy {
    font-size: 2.5vw;
    margin-bottom: 1.25vw;
    text-align: center;
  }
}
#footer p.copy span {
  margin-left: 2em;
}
@media only screen and (max-width: 768px) {
  #footer p.copy span {
    margin-left: 0;
  }
}
#footer .sns ul {
  width: 152px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  #footer .sns ul {
    width: 31.875vw;
    margin-bottom: 4.375vw;
  }
}
#footer .sns ul li {
  width: 42px;
  transition: all 0.3s ease-out;
  border-radius: 30px;
  border: 3px solid #020202;
}
@media only screen and (max-width: 768px) {
  #footer .sns ul li {
    width: 8.59375vw;
    border: none;
  }
}
#footer .sns ul li a {
  display: block;
}
#footer .sns ul li img {
  width: 100%;
}
#footer .sns ul li:hover {
  transform: translateY(-5px);
}
@media only screen and (max-width: 768px) {
  #footer .sns ul li:hover {
    transform: unset;
  }
}
#footer .sns ul li:hover:nth-child(1) {
  border: 3px solid #fb50d2;
}
@media only screen and (max-width: 768px) {
  #footer .sns ul li:hover:nth-child(1) {
    border: none;
  }
}
#footer .sns ul li:hover:nth-child(2) {
  border: 3px solid #3474e8;
}
@media only screen and (max-width: 768px) {
  #footer .sns ul li:hover:nth-child(2) {
    border: none;
  }
}
#footer .sns ul li:hover:nth-child(3) {
  border: 3px solid #04d0bb;
}
@media only screen and (max-width: 768px) {
  #footer .sns ul li:hover:nth-child(3) {
    border: none;
  }
}