@-webkit-keyframes lineMoveTopPC {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -34px, 0);
    transform: translate3d(0, -34px, 0);
  }
}

@keyframes lineMoveTopPC {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -34px, 0);
    transform: translate3d(0, -34px, 0);
  }
}

@-webkit-keyframes lineMoveTopSP {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -28px, 0);
    transform: translate3d(0, -28px, 0);
  }
}

@keyframes lineMoveTopSP {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -28px, 0);
    transform: translate3d(0, -28px, 0);
  }
}

@-webkit-keyframes lineMoveTopAndroid {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -32px, 0);
    transform: translate3d(0, -32px, 0);
  }
}

@keyframes lineMoveTopAndroid {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -32px, 0);
    transform: translate3d(0, -32px, 0);
  }
}

@-webkit-keyframes lineMoveBgMenu {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -42px, 0);
    transform: translate3d(0, -42px, 0);
  }
}

@keyframes lineMoveBgMenu {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -42px, 0);
    transform: translate3d(0, -42px, 0);
  }
}

@-webkit-keyframes lineMoveBgMenuiPhone {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -68px, 0);
    transform: translate3d(0, -68px, 0);
  }
}

@keyframes lineMoveBgMenuiPhone {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -68px, 0);
    transform: translate3d(0, -68px, 0);
  }
}

@-webkit-keyframes lineMoveBg {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }
}

@keyframes lineMoveBg {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }
}

@-webkit-keyframes rotateY {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes rotateY {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@-webkit-keyframes flash {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes flash {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes border-loop {
  0% {
    background-position: bottom 0 left 0;
  }
  100% {
    background-position: bottom -12px left 0;
  }
}

@keyframes border-loop {
  0% {
    background-position: bottom 0 left 0;
  }
  100% {
    background-position: bottom -12px left 0;
  }
}

@-webkit-keyframes border-loop-sp {
  0% {
    background-position: bottom 0 left 0;
  }
  100% {
    background-position: bottom -9px left 0;
  }
}

@keyframes border-loop-sp {
  0% {
    background-position: bottom 0 left 0;
  }
  100% {
    background-position: bottom -9px left 0;
  }
}

@-webkit-keyframes float01 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  60% {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes float01 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  60% {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes text_effect {
  0% {
    left: -50px;
  }
  100% {
    left: 100%;
  }
}

@keyframes text_effect {
  0% {
    left: -50px;
  }
  100% {
    left: 100%;
  }
}

@-webkit-keyframes logo-up {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes logo-up {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes flash-in {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes flash-in {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes logo-flash {
  0% {
    opacity: 0.6;
  }
  45% {
    opacity: 0.6;
  }
  46% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes logo-flash {
  0% {
    opacity: 0.6;
  }
  45% {
    opacity: 0.6;
  }
  46% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes loading-text {
  0% {
    color: #ff00cc;
  }
  9% {
    color: #008fff;
  }
  18% {
    color: #ebff00;
  }
  27% {
    color: #ff7000;
  }
  36% {
    color: #00ff33;
  }
  45% {
    color: red;
  }
  54% {
    color: blue;
  }
  63% {
    color: #00ff33;
  }
  72% {
    color: #8f00ff;
  }
  81% {
    color: #ebff00;
  }
  90% {
    color: #ff7000;
  }
  100% {
    color: #008fff;
  }
}

@keyframes loading-text {
  0% {
    color: #ff00cc;
  }
  9% {
    color: #008fff;
  }
  18% {
    color: #ebff00;
  }
  27% {
    color: #ff7000;
  }
  36% {
    color: #00ff33;
  }
  45% {
    color: red;
  }
  54% {
    color: blue;
  }
  63% {
    color: #00ff33;
  }
  72% {
    color: #8f00ff;
  }
  81% {
    color: #ebff00;
  }
  90% {
    color: #ff7000;
  }
  100% {
    color: #008fff;
  }
}

.l-container {
  position: relative;
  background-color: #000000;
  overflow: auto;
  color: #ffffff;
}

.l-bg {
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#220531), color-stop(52%, #04091c), color-stop(89%, #010207), to(#01040e));
  background: linear-gradient(to bottom, #220531 0%, #04091c 52%, #010207 89%, #01040e 100%);
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.l-bg__star {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/bg_2.png) repeat 0 0;
  background-size: 1400px auto;
  width: 100%;
  height: 1033px;
}

.l-bg__space {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.l-bg__space::after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
  -webkit-animation: border-loop 1s infinite linear;
  animation: border-loop 1s infinite linear;
  background: url(../img/bg_3_2.png) repeat-x bottom 0 left 0;
  background-size: 1350px auto;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}

.l-bg__space img {
  position: relative;
  min-width: 100%;
}

.l-bg__space-planet {
  position: absolute;
}

.l-bg__space-planet.-planet01 {
  right: 0;
  bottom: 0;
  -webkit-animation: float01 10s infinite alternate cubic-bezier(0.46, 0.03, 0.52, 0.96);
  animation: float01 10s infinite alternate cubic-bezier(0.46, 0.03, 0.52, 0.96);
  margin: 0 -3.5% 19% 0;
  width: 21%;
}

.l-bg__space-planet.-planet02 {
  bottom: 0;
  left: 2.3%;
  animation: float01 9s infinite alternate-reverse cubic-bezier(0.46, 0.03, 0.52, 0.96) 5s;
  margin: 0 0 32% 0;
  width: 9%;
}

.c-header {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0);
}

.c-header__logo {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 260px;
}

.c-header__logo img {
  display: block;
}

.c-footer {
  position: relative;
  padding: 95px 5%;
  text-align: center;
}

.c-footer__copy {
  font-size: 13px;
}

.c-bg__techno {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(#123d4e), color-stop(30%, #070817), to(#070817));
  background: linear-gradient(to bottom, #123d4e 0%, #070817 30%, #070817 100%);
  width: 200%;
  height: 100%;
  pointer-events: none;
}

.c-bg__techno::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-box-shadow: 0 0 10px #7c7e7e;
  box-shadow: 0 0 10px #7c7e7e;
  background-color: #7c7e7e;
  width: 100%;
  height: 2px;
  content: "";
}

.c-bg__techno::after {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.27);
  width: 100%;
  height: 100%;
  content: "";
}

.c-bg__techno-inner {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: perspective(80px) rotateX(20deg);
  transform: perspective(80px) rotateX(20deg);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  width: 100%;
  height: 300%;
}

.c-bg__techno-inner::before {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: lineMoveTopPC 2s infinite linear;
  animation: lineMoveTopPC 2s infinite linear;
  background-image: repeating-linear-gradient(90deg, #065e72, #065e72 2px, transparent 2px, transparent 170px), repeating-linear-gradient(0deg, #065e72, #065e72 1px, transparent 1px, transparent 17px);
  background-position: 50% 0;
  background-size: 170px, 17px;
  width: 100%;
  height: 100%;
  content: "";
}

.c-btn__more {
  text-align: right;
}

.c-btn__more-link {
  display: inline-block;
  position: relative;
  padding: 3px 44px 3px 3px;
  color: #ffffff;
  font-weight: 600;
  font-size: 20px;
  font-family: 'Helvetica Neue', Arial, -apple-system, BlinkMacSystemFont,'Segoe UI', 'Roboto', sans-serif;
  letter-spacing: 0.12em;
}

.c-btn__more-link::before {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/btn_icon.png) no-repeat 0 50%;
  background-size: contain;
  width: 33px;
  height: 100%;
  pointer-events: none;
  content: "";
}

.c-btn__more-link:hover {
  -webkit-animation: flash 0.1s infinite linear;
  animation: flash 0.1s infinite linear;
}

@media screen and (min-width: 900px) {
  .l-container {
    min-width: 1250px;
  }
  .c-pcnav {
    margin-top: 62px;
  }
  .c-pcnav__list-item {
    margin-left: auto;
  }
  .c-pcnav__list-item.-info {
    width: 286px;
  }
  .c-pcnav__list-item.-live {
    width: 92px;
  }
  .c-pcnav__list-item.-works {
    width: 152px;
  }
  .c-pcnav__list-item.-goods {
    width: 154px;
  }
  .c-pcnav__list-item.-disco {
    width: 305px;
  }
  .c-pcnav__list-item.-prof {
    width: 179px;
  }
  .c-pcnav__list-item.-contact {
    width: 190px;
  }
  .c-pcnav__list-item:not(:first-of-type) {
    margin-top: 26.5px;
  }
  .c-pcnav__list-item:hover .c-pcnav__list-inner::before {
    -webkit-animation: text_effect 0.6s infinite linear;
    animation: text_effect 0.6s infinite linear;
  }
  .c-pcnav__list-inner {
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .c-pcnav__list-inner::before {
    position: absolute;
    top: 0;
    left: -50px;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    background: linear-gradient(245deg, transparent 0%, transparent 20%, rgba(255, 255, 255, 0.7) 50%, transparent 80%, transparent 100%);
    background-position: 5%;
    background-size: 100% 100%;
    width: 50px;
    height: 100%;
    pointer-events: none;
    content: "";
  }
  .c-pcnav__sns {
    margin-top: 35px;
    margin-left: auto;
    width: 225px;
  }
  .c-pcnav__sns-item:not(:first-of-type) {
    margin-top: 6px;
  }
  .c-pcnav__sns-item:hover .c-pcnav__sns-inner {
    -webkit-animation: flash 0.1s infinite linear;
    animation: flash 0.1s infinite linear;
  }
  .c-pcnav__sns-inner {
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .c-pcnav__sns-inner::before {
    position: absolute;
    top: 0;
    top: 50%;
    left: -50px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    background: linear-gradient(245deg, transparent 0%, transparent 20%, rgba(255, 255, 255, 0.7) 50%, transparent 80%, transparent 100%);
    background-position: 5%;
    background-size: 100% 100%;
    width: 50px;
    height: 100%;
    height: 90%;
    pointer-events: none;
    content: "";
  }
}

@media screen and (max-width: 899px) {
  .l-bg__star {
    background-image: url(../img/bg_2_sp.png);
    background-size: 100% auto;
    padding-top: 152%;
    height: 0;
  }
  .l-bg__space::after {
    -webkit-animation: border-loop-sp 1s infinite linear;
    animation: border-loop-sp 1s infinite linear;
    background-size: 1000px;
  }
  .l-bg__space img {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 187%;
    max-width: none;
  }
  .l-bg__space-planet.-planet01 {
    margin: 0 -3% 35% 0;
    width: 17%;
  }
  .l-bg__space-planet.-planet02 {
    left: -3%;
    margin: 0 0 62% 0;
    width: 10%;
  }
  .c-sp-inner {
    margin: 0 auto;
    width: 82%;
    max-width: 500px;
  }
  .c-header {
    height: 75px;
  }
  .c-header__logo {
    margin: 12px 0 0 18px;
    width: 125px;
  }
  .c-nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    width: 100%;
  }
  .c-nav__btn {
    position: absolute;
    top: 17px;
    right: 12px;
    z-index: 1;
    width: 44px;
    height: 50px;
    overflow: hidden;
  }
  .c-nav__btn-close {
    position: absolute;
    bottom: 100%;
    bottom: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
  }
  body.is-menu-open .c-nav__btn-close {
    visibility: visible;
  }
  .c-menu {
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    overflow-y: auto;
  }
  body.is-menu-open .c-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
  }
  .c-menu__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
  }
  .c-menu__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  .c-menu__bg-grade {
    position: absolute;
    top: 0;
    bottom: 127px;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#220531), color-stop(52%, #04091c), color-stop(89%, #010207), to(#01040e));
    background: linear-gradient(to bottom, #220531 0%, #04091c 52%, #010207 89%, #01040e 100%);
    width: 100%;
  }
  .c-menu__bg-star {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/bg_2_sp.png) repeat-x 0 0;
    background-size: 100% auto;
    padding-top: 152%;
    width: 100%;
  }
  .c-menu__bg-space {
    position: absolute;
    top: 0;
    bottom: 127px;
    left: 0;
    width: 100%;
  }
  .c-menu__bg-space::after {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
    -webkit-animation: border-loop-sp 1.2s infinite linear;
    animation: border-loop-sp 1.2s infinite linear;
    background: url(../img/bg_3_2.png) repeat-x bottom 0 left 0;
    background-size: 1000px auto;
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: "";
  }
  .c-menu__bg-space img {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 187%;
    max-width: none;
  }
  .c-menu__bg-planet {
    position: absolute;
  }
  .c-menu__bg-planet.-planet01 {
    right: 0;
    bottom: 0;
    -webkit-animation: float01 10s infinite alternate cubic-bezier(0.46, 0.03, 0.52, 0.96);
    animation: float01 10s infinite alternate cubic-bezier(0.46, 0.03, 0.52, 0.96);
    margin: 0 -4% 140px 0;
    width: 17%;
  }
  .c-menu__bg-planet.-planet02 {
    bottom: 0;
    left: -3%;
    animation: float01 10s infinite alternate-reverse cubic-bezier(0.46, 0.03, 0.52, 0.96) 5s;
    margin: 0 0 234px 0;
    width: 10%;
  }
  .c-menu__bg-techno {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(#123d4e), color-stop(30%, #070817), to(#070817));
    background: linear-gradient(to bottom, #123d4e 0%, #070817 30%, #070817 100%);
    width: 1000px;
    height: 128px;
  }
  .c-menu__bg-techno::before {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
    -webkit-box-shadow: 0 0 10px #7c7e7e;
    box-shadow: 0 0 10px #7c7e7e;
    background-color: #7c7e7e;
    width: 100%;
    height: 1px;
    content: "";
  }
  .c-menu__bg-techno .p-in-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: perspective(200px) rotateX(50deg);
    transform: perspective(200px) rotateX(50deg);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    width: 100%;
    height: 200%;
    overflow: hidden;
  }
  body.iPhone .c-menu__bg-techno .p-in-inner,
  body.iPad .c-menu__bg-techno .p-in-inner {
    -webkit-transform: perspective(110px) rotateX(27deg);
    transform: perspective(110px) rotateX(27deg);
    height: 500%;
  }
  .c-menu__bg-techno .p-in-inner::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: repeating-linear-gradient(90deg, #065e72, #065e72 2px, transparent 2px, transparent 105px), repeating-linear-gradient(0deg, #065e72, #065e72 2px, transparent 2px, transparent 21px);
    background-position: -26px 0;
    background-size: 105px, 21px;
    width: 100%;
    height: 100%;
    content: "";
  }
  body.is-ready .c-menu__bg-techno .p-in-inner::before {
    -webkit-animation: lineMoveBgMenu 2.5s infinite linear both;
    animation: lineMoveBgMenu 2.5s infinite linear both;
  }
  body.iPhone .c-menu__bg-techno .p-in-inner::before,
  body.iPad .c-menu__bg-techno .p-in-inner::before {
    -webkit-animation: lineMoveBgMenuiPhone 2.5s infinite linear both;
    animation: lineMoveBgMenuiPhone 2.5s infinite linear both;
    background-image: repeating-linear-gradient(90deg, #065e72, #065e72 2px, transparent 2px, transparent 105px), repeating-linear-gradient(0deg, #065e72, #065e72 2px, transparent 2px, transparent 35px);
    background-size: 105px, 35px;
  }
  .c-menu__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    padding: 85px 5% 65px;
    width: 100%;
  }
  .c-menu__list-item {
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1s cubic-bezier(0.22, 0.94, 0.44, 1);
    transition: opacity 1s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1s cubic-bezier(0.22, 0.94, 0.44, 1);
    transition: transform 1s cubic-bezier(0.22, 0.94, 0.44, 1), opacity 1s cubic-bezier(0.22, 0.94, 0.44, 1);
    transition: transform 1s cubic-bezier(0.22, 0.94, 0.44, 1), opacity 1s cubic-bezier(0.22, 0.94, 0.44, 1), -webkit-transform 1s cubic-bezier(0.22, 0.94, 0.44, 1);
    margin: 0 auto;
  }
  .c-menu__list-item:not(:first-of-type) {
    margin-top: 22px;
  }
  .c-menu__list-item.-info {
    width: 88.889%;
    max-width: 300px;
  }
  .c-menu__list-item.-live {
    width: 26.667%;
    max-width: 90px;
  }
  .c-menu__list-item.-works {
    width: 45.63%;
    max-width: 154px;
  }
  .c-menu__list-item.-goods {
    width: 45.63%;
    max-width: 154px;
  }
  .c-menu__list-item.-disco {
    width: 91.852%;
    max-width: 310px;
  }
  .c-menu__list-item.-prof {
    width: 51.852%;
    max-width: 175px;
  }
  .c-menu__list-item.-contact {
    width: 56.296%;
    max-width: 190px;
  }
  body.is-menu-open .c-menu__list-item {
    -webkit-animation: flash-in 0.1s steps(1) forwards;
    animation: flash-in 0.1s steps(1) forwards;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(1) {
    -webkit-animation-delay: 0.065s;
    animation-delay: 0.065s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(1) a::before {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(2) {
    -webkit-animation-delay: 0.13s;
    animation-delay: 0.13s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(2) a::before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(3) {
    -webkit-animation-delay: 0.195s;
    animation-delay: 0.195s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(3) a::before {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(4) {
    -webkit-animation-delay: 0.26s;
    animation-delay: 0.26s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(4) a::before {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(5) {
    -webkit-animation-delay: 0.325s;
    animation-delay: 0.325s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(5) a::before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(6) {
    -webkit-animation-delay: 0.39s;
    animation-delay: 0.39s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(6) a::before {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(7) {
    -webkit-animation-delay: 0.455s;
    animation-delay: 0.455s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(7) a::before {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(8) {
    -webkit-animation-delay: 0.52s;
    animation-delay: 0.52s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(8) a::before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(9) {
    -webkit-animation-delay: 0.585s;
    animation-delay: 0.585s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(9) a::before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(10) {
    -webkit-animation-delay: 0.65s;
    animation-delay: 0.65s;
  }
  body.is-menu-open .c-menu__list-item:nth-of-type(10) a::before {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
  }
  .c-menu__list-item a {
    display: inline-block;
    position: relative;
    overflow: hidden;
  }
  .c-menu__sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 0;
    margin: 0 auto;
    margin-top: 52px;
    width: 100%;
    max-width: 340px;
  }
  body.is-menu-open .c-menu__sns {
    -webkit-animation: flash-in 0.1s steps(1) 0.52s forwards;
    animation: flash-in 0.1s steps(1) 0.52s forwards;
  }
  .c-menu__sns-item {
    margin-bottom: 2%;
    width: 49%;
  }
  .c-menu__sns-item:nth-of-type(even) {
    margin-left: 2%;
  }
  .c-footer {
    padding: 55px 5%;
  }
  .c-footer__copy {
    font-size: 10px;
  }
  .c-bg__techno {
    width: 2000px;
  }
  .c-bg__techno-inner {
    -webkit-transform: perspective(100px) rotateX(20deg);
    transform: perspective(100px) rotateX(20deg);
    height: 600%;
  }
  body.Android .c-bg__techno-inner {
    -webkit-transform: perspective(100px) rotateX(15deg);
    transform: perspective(100px) rotateX(15deg);
  }
  .c-bg__techno-inner::before {
    -webkit-animation-name: lineMoveTopSP;
    animation-name: lineMoveTopSP;
    background-image: repeating-linear-gradient(90deg, #065e72, #065e72 2px, transparent 2px, transparent 113px), repeating-linear-gradient(0deg, #065e72, #065e72 1px, transparent 1px, transparent 14px);
    background-position: 95px 0;
    background-size: 113px, 14px;
  }
  body.Android .c-bg__techno-inner::before {
    -webkit-animation-name: lineMoveTopAndroid;
    animation-name: lineMoveTopAndroid;
    background-image: repeating-linear-gradient(90deg, #065e72, #065e72 2px, transparent 2px, transparent 113px), repeating-linear-gradient(0deg, #065e72, #065e72 1px, transparent 1px, transparent 16px);
    background-size: 113px, 16px;
  }
  .c-btn__more-link {
    font-size: 16px;
  }
  .c-btn__more-link::before {
    width: 37px;
  }
}