@-webkit-keyframes neon1 {
  from {
    box-shadow: 0 0 20px rgba(228, 13, 53, 0.8), 0 0 20px rgba(228, 13, 53, 0.8) inset; }
  to {
    box-shadow: 0 0 80px #e40d35, 0 0 20px rgba(228, 13, 53, 0.8) inset; } }
@-moz-keyframes neon1 {
  from {
    box-shadow: 0 0 20px rgba(228, 13, 53, 0.8), 0 0 20px rgba(228, 13, 53, 0.8) inset; }
  to {
    box-shadow: 0 0 80px #e40d35, 0 0 20px rgba(228, 13, 53, 0.8) inset; } }
@keyframes neon1 {
  from {
    box-shadow: 0 0 20px rgba(228, 13, 53, 0.8), 0 0 20px rgba(228, 13, 53, 0.8) inset; }
  to {
    box-shadow: 0 0 80px #e40d35, 0 0 20px rgba(228, 13, 53, 0.8) inset; } }
.delay01 {
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s; }

.delay02 {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s; }

.delay03 {
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s; }

.delay04 {
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s; }

.delay05 {
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s; }

.delay06 {
  -webkit-transition-delay: .6s;
  -o-transition-delay: .6s;
  transition-delay: .6s; }

.delay07 {
  -webkit-transition-delay: .7s;
  -o-transition-delay: .7s;
  transition-delay: .7s; }

.delay08 {
  -webkit-transition-delay: .8s;
  -o-transition-delay: .8s;
  transition-delay: .8s; }

.delay09 {
  -webkit-transition-delay: .9s;
  -o-transition-delay: .9s;
  transition-delay: .9s; }

.delay10 {
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s; }

.delay11 {
  -webkit-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  transition-delay: 1.1s; }

.delay12 {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s; }

.delay13 {
  -webkit-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s; }

.delay14 {
  -webkit-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s; }

.delay15 {
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s; }

.delay16 {
  -webkit-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s; }

.delay17 {
  -webkit-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s; }

.delay18 {
  -webkit-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s; }

.delay19 {
  -webkit-transition-delay: 1.9s;
  -o-transition-delay: 1.9s;
  transition-delay: 1.9s; }

.delay20 {
  -webkit-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s; }

/* fade in */
.fade-in {
  opacity: 0;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  .fade-in.inview--on {
    opacity: 1; }

.inview--on .fade-in {
  opacity: 1; }

/* fade in up */
.fade-in--up {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  .fade-in--up.inview--on {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; }

.inview--on .fade-in--up {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1; }

/* fade in down */
.fade-in--down {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  .fade-in--down.inview--on {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; }

.inview--on .fade-in--down {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1; }

/* fade in left */
.fade-in--left {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
  opacity: 0;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  .fade-in--left.inview--on {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1; }

.inview--on .fade-in--left {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1; }

/* fade in right */
.fade-in--right {
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
  opacity: 0;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  .fade-in--right.inview--on {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1; }

.inview--on .fade-in--right {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1; }

/* fade in up left */
.fade-in--up-left {
  -webkit-transform: translateY(20px) translateX(20px);
  -ms-transform: translateY(20px) translateX(20px);
  -o-transform: translateY(20px) translateX(20px);
  transform: translateY(20px) translateX(20px);
  opacity: 0;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  .fade-in--up-left.inview--on {
    -webkit-transform: translateY(0px) translateX(0px);
    -ms-transform: translateY(0px) translateX(0px);
    -o-transform: translateY(0px) translateX(0px);
    transform: translateY(0px) translateX(0px);
    opacity: 1; }

.inview--on .fade-in--up-left {
  -webkit-transform: translateY(0px) translateX(0px);
  -ms-transform: translateY(0px) translateX(0px);
  -o-transform: translateY(0px) translateX(0px);
  transform: translateY(0px) translateX(0px);
  opacity: 1; }

/* fade in up right */
.fade-in--up-right {
  -webkit-transform: translateY(20px) translateX(-20px);
  -ms-transform: translateY(20px) translateX(-20px);
  -o-transform: translateY(20px) translateX(-20px);
  transform: translateY(20px) translateX(-20px);
  opacity: 0;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  .fade-in--up-right.inview--on {
    -webkit-transform: translateY(0px) translateX(0px);
    -ms-transform: translateY(0px) translateX(0px);
    -o-transform: translateY(0px) translateX(0px);
    transform: translateY(0px) translateX(0px);
    opacity: 1; }

.inview--on .fade-in--up-right {
  -webkit-transform: translateY(0px) translateX(0px);
  -ms-transform: translateY(0px) translateX(0px);
  -o-transform: translateY(0px) translateX(0px);
  transform: translateY(0px) translateX(0px);
  opacity: 1; }

/* fade in down left */
.fade-in--down-left {
  -webkit-transform: translateY(-20px) translateX(20px);
  -ms-transform: translateY(-20px) translateX(20px);
  -o-transform: translateY(-20px) translateX(20px);
  transform: translateY(-20px) translateX(20px);
  opacity: 0;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  .fade-in--down-left.inview--on {
    -webkit-transform: translateY(0px) translateX(0px);
    -ms-transform: translateY(0px) translateX(0px);
    -o-transform: translateY(0px) translateX(0px);
    transform: translateY(0px) translateX(0px);
    opacity: 1; }

.inview--on .fade-in--down-left {
  -webkit-transform: translateY(0px) translateX(0px);
  -ms-transform: translateY(0px) translateX(0px);
  -o-transform: translateY(0px) translateX(0px);
  transform: translateY(0px) translateX(0px);
  opacity: 1; }

/* fade in down right */
.fade-in--down-right {
  -webkit-transform: translateY(-20px) translateX(-20px);
  -ms-transform: translateY(-20px) translateX(-20px);
  -o-transform: translateY(-20px) translateX(-20px);
  transform: translateY(-20px) translateX(-20px);
  opacity: 0;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  .fade-in--down-right.inview--on {
    -webkit-transform: translateY(0px) translateX(0px);
    -ms-transform: translateY(0px) translateX(0px);
    -o-transform: translateY(0px) translateX(0px);
    transform: translateY(0px) translateX(0px);
    opacity: 1; }

.inview--on .fade-in--down-right {
  -webkit-transform: translateY(0px) translateX(0px);
  -ms-transform: translateY(0px) translateX(0px);
  -o-transform: translateY(0px) translateX(0px);
  transform: translateY(0px) translateX(0px);
  opacity: 1; }

body {
  box-sizing: border-box;
  background-color: #000; }

img {
  max-width: 100%;
  height: auto;
  display: inline-block; }

.clearfix {
  zoom: 1; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

#wrapper {
  max-width: 1500px;
  margin: 0 auto;
  overflow: hidden; }

.container {
  position: relative;
  z-index: 100; }

.inner {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto; }

.loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  z-index: 9999; }

.loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 480px;
  height: 350px;
  margin-top: -175px;
  margin-left: -240px;
  text-align: center;
  z-index: 9999; }

.header {
  position: relative;
  margin-bottom: 80px; }
  .header__top {
    position: relative;
    background-color: rgba(0, 0, 0, 0.7); }
    .header__top .inner {
      position: relative;
      padding: 5px 0; }
    .header__top p {
      color: #fff;
      font-size: 12px; }
  .header .mainimg {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 1437px;
    -webkit-transform: translate(100px, -100px);
    -ms-transform: translate(100px, -100px);
    -o-transform: translate(100px, -100px);
    transform: translate(100px, -100px);
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
    -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
    transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
    opacity: 0; }
  .header__right {
    position: absolute;
    top: 0;
    right: 0; }
  .header__conversion {
    position: relative; }
    .header__conversion:after {
      content: "";
      position: absolute;
      top: 5px;
      right: -30px;
      width: 80px;
      height: 98px;
      background-image: url(/_assets/imgs/lp/e-sports01/header_conversion_img.png);
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 1; }
    .header__conversion .conversion__btn {
      display: block;
      position: absolute;
      bottom: 35px;
      left: 0;
      right: 0;
      width: 275px;
      margin: auto;
      z-index: 10;
      display: block;
      overflow: hidden; }
      .header__conversion .conversion__btn:before {
        content: "";
        position: absolute;
        top: -20px;
        left: -30%;
        width: 50px;
        height: 100px;
        background-color: rgba(255, 255, 255, 0.7);
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 0;
        -webkit-transition-duration: 1.5s;
        -o-transition-duration: 1.5s;
        transition-duration: 1.5s;
        -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        -webkit-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
        z-index: 9999; }
      .header__conversion .conversion__btn:hover:before {
        left: 130%;
        opacity: 1;
        -webkit-transition-duration: 1.5s;
        -o-transition-duration: 1.5s;
        transition-duration: 1.5s; }
  .header__nav {
    position: relative;
    width: 300px;
    margin: 20px auto 0; }
    .header__nav:before {
      content: "";
      position: absolute;
      top: -30px;
      left: -30px;
      width: 45px;
      height: 321px;
      background-image: url(/_assets/imgs/lp/e-sports01/mainimg_nav_img02.png);
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 1; }
    .header__nav:after {
      content: "";
      position: absolute;
      bottom: -32px;
      right: -40px;
      width: 210px;
      height: 195px;
      background-image: url(/_assets/imgs/lp/e-sports01/mainimg_nav_img01.png);
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 1; }
    .header__nav ul {
      z-index: 10;
      padding: 2px;
      position: relative;
      background: rgba(0, 0, 0, 0.9);
      border-radius: 12px; }
      .header__nav ul:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border: 2px solid #fff;
        border-radius: 12px;
        background-color: transparent;
        box-shadow: 0 0 20px rgba(228, 13, 53, 0.8), 0 0 20px rgba(228, 13, 53, 0.8) inset;
        -webkit-transition-duration: 1.5s;
        -o-transition-duration: 1.5s;
        transition-duration: 1.5s;
        -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        -webkit-animation: neon1 1s ease-in-out infinite alternate;
        -moz-animation: neon1 1s ease-in-out infinite alternate;
        animation: neon1 1s ease-in-out infinite alternate; }
      .header__nav ul:hover:after {
        box-shadow: 0 0 80px #e40d35, 0 0 20px rgba(228, 13, 53, 0.8) inset;
        -webkit-animation: none;
        -moz-animation: none;
        animation: none; }
      .header__nav ul .frame-inner {
        position: relative;
        z-index: 10; }
      .header__nav ul li {
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        z-index: 10; }
        .header__nav ul li:first-child a {
          border-radius: 12px 12px 0 0; }
        .header__nav ul li:last-child {
          border-bottom: none; }
          .header__nav ul li:last-child a {
            border-radius: 0 0 12px 12px; }
        .header__nav ul li a {
          position: relative;
          display: block;
          padding: 15px 20px;
          background-color: rgba(228, 13, 53, 0);
          overflow: hidden; }
          .header__nav ul li a img {
            position: relative;
            z-index: 10; }
          .header__nav ul li a:after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 0;
            margin: auto;
            background-color: rgba(228, 13, 53, 0.8);
            -webkit-transition-duration: .3s;
            -o-transition-duration: .3s;
            transition-duration: .3s;
            -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
            -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
            transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92); }
          .header__nav ul li a:hover:after {
            width: 100%; }
  .header__logo {
    position: absolute;
    top: 40px;
    left: 0; }
  .header__content {
    position: relative;
    z-index: 5; }
  .header__lead {
    position: relative;
    margin-top: 334px;
    margin-left: -20px;
    max-width: 832px;
    width: 70%;
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
    -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
    transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    -o-transform: translate(-100px, 0);
    transform: translate(-100px, 0);
    opacity: 0; }
    .header__lead img {
      position: relative;
      z-index: 10; }
    .header__lead:before {
      content: "";
      position: absolute;
      top: 76px;
      left: -134px;
      width: 249px;
      height: 265px;
      z-index: 11;
      background-image: url(/_assets/imgs/lp/e-sports01/mainimg_light01.png);
      background-repeat: no-repeat;
      background-size: contain; }
    .header__lead:after {
      content: "";
      position: absolute;
      top: -330px;
      right: -362px;
      width: 1000px;
      height: 1139px;
      z-index: 1;
      background-image: url(/_assets/imgs/lp/e-sports01/mainimg_light02.png);
      background-repeat: no-repeat;
      background-size: contain; }
  .header__main-conversion {
    position: relative;
    max-width: 726px;
    width: 60%;
    margin-left: -20px; }
    .header__main-conversion:after {
      content: "";
      position: absolute;
      top: 15%;
      right: -5.6%;
      width: 29%;
      height: 252px;
      background-image: url(/_assets/imgs/lp/e-sports01/mainimg_conversion_img.png);
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 1; }
    .header__main-conversion .conversion__btn {
      display: block;
      position: absolute;
      bottom: 22%;
      left: 7%;
      width: 75%;
      z-index: 10;
      display: block;
      overflow: hidden; }
      .header__main-conversion .conversion__btn:before {
        content: "";
        position: absolute;
        top: -20px;
        left: -30%;
        width: 50px;
        height: 100px;
        background-color: rgba(255, 255, 255, 0.7);
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 0;
        -webkit-transition-duration: 1.5s;
        -o-transition-duration: 1.5s;
        transition-duration: 1.5s;
        -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        -webkit-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
        z-index: 9999; }
      .header__main-conversion .conversion__btn:hover:before {
        left: 130%;
        opacity: 1;
        -webkit-transition-duration: 1.5s;
        -o-transition-duration: 1.5s;
        transition-duration: 1.5s; }
  .header__movie {
    position: absolute;
    top: 420px;
    right: 0;
    z-index: 0; }
    .header__movie iframe {
      max-width: 100%;
      width: 1150px !important;
      height: 650px !important; }
    .header__movie:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      background-color: rgba(0, 0, 0, 0.3); }
  .header .header__top,
  .header .header__logo,
  .header .header__movie,
  .header .header__main-conversion {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
    -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
    transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 0; }
  .header.loaded .header__top,
  .header.loaded .header__logo,
  .header.loaded .header__movie,
  .header.loaded .header__main-conversion {
    opacity: 1; }
  .header.loaded .header__lead,
  .header.loaded .mainimg {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    opacity: 1; }

@media screen and (max-width: 1024px) {
  .header {
    margin-bottom: 30px; }
    .header__top {
      height: 70px;
      background-color: #000;
      opacity: 1 !important; }
      .header__top p {
        font-size: 10px; }
        .header__top p span {
          display: none; }
    .header__logo {
      position: static;
      width: 150px;
      padding: 5px 0;
      opacity: 1 !important; }
    .header .mainimg {
      width: 160%;
      top: 40px !important;
      left: -20%; }
    .header__right {
      display: none; }
    .header__lead {
      width: 100%;
      margin-top: 50%;
      margin-bottom: 10px;
      margin-left: -5px; }
      .header__lead:before {
        display: none; }
    .header__main-conversion {
      width: 100%;
      opacity: 1 !important;
      margin-left: -5px; }
    .header__movie {
      display: none; } }
.fix {
  z-index: 110; }
  .fix__overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 110; }
  .fix__menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -300px;
    width: 300px;
    margin: auto;
    background-color: #000;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    z-index: 120; }
    .fix__menu.active {
      left: 0; }
    .fix__menu li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      z-index: 10; }
      .fix__menu li a {
        position: relative;
        display: block;
        padding: 15px 25px;
        background-color: rgba(228, 13, 53, 0);
        overflow: hidden; }
        .fix__menu li a img {
          position: relative;
          z-index: 10; }
        .fix__menu li a:after {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          width: 0;
          margin: auto;
          background-color: rgba(228, 13, 53, 0.8);
          -webkit-transition-duration: .3s;
          -o-transition-duration: .3s;
          transition-duration: .3s;
          -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
          -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
          transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92); }
        .fix__menu li a:hover:after {
          width: 100%; }
    .fix__menu__conversion {
      display: none; }
  .fix__menu-btn {
    position: fixed;
    top: -70px;
    left: 0;
    width: 70px;
    height: 70px;
    background-color: #e40d35;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    z-index: 110; }
    .fix__menu-btn span {
      display: inline-block;
      -webkit-transition-duration: .3s;
      -o-transition-duration: .3s;
      transition-duration: .3s;
      -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      box-sizing: border-box;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      width: 40%;
      height: 2px;
      background-color: #fff; }
      .fix__menu-btn span:nth-child(1) {
        top: 25px; }
      .fix__menu-btn span:nth-child(2) {
        top: 34px; }
      .fix__menu-btn span:nth-child(3) {
        bottom: 25px; }
    .fix__menu-btn.active {
      left: 300px; }
      .fix__menu-btn.active span:nth-of-type(1) {
        -webkit-transform: translateY(9px) rotate(-45deg);
        transform: translateY(9px) rotate(-45deg); }
      .fix__menu-btn.active span:nth-of-type(2) {
        opacity: 0; }
      .fix__menu-btn.active span:nth-of-type(3) {
        -webkit-transform: translateY(-9px) rotate(45deg);
        transform: translateY(-9px) rotate(45deg); }
  .fix__conversion {
    position: fixed;
    top: -100px;
    right: 0;
    padding: 12px;
    background-color: #000;
    z-index: 110;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease; }
    .fix__conversion__item {
      float: left;
      margin-right: 12px;
      text-align: center;
      color: #fff;
      text-align: center; }
      .fix__conversion__item:last-child {
        margin-right: 0; }
    .fix__conversion__btn {
      position: relative;
      display: block;
      overflow: hidden;
      margin-top: 5px; }
      .fix__conversion__btn:before {
        content: "";
        position: absolute;
        top: -20px;
        left: -30%;
        width: 50px;
        height: 100px;
        background-color: rgba(255, 255, 255, 0.7);
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 0;
        -webkit-transition-duration: 1.5s;
        -o-transition-duration: 1.5s;
        transition-duration: 1.5s;
        -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        -webkit-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
        z-index: 9999; }
      .fix__conversion__btn:hover:before {
        left: 130%;
        opacity: 1;
        -webkit-transition-duration: 1.5s;
        -o-transition-duration: 1.5s;
        transition-duration: 1.5s; }
      .fix__conversion__btn--sp {
        display: none; }
  .fix__pagetop {
    display: block;
    position: fixed;
    bottom: -70px;
    right: 0;
    width: 70px;
    height: 70px;
    background-color: #1e8575;
    cursor: pointer;
    text-align: center;
    line-height: 70px;
    color: #fff;
    font-size: 30px;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    z-index: 110; }
    .fix__pagetop:hover {
      color: #fff; }
  .fix.active .fix__menu-btn {
    top: 0; }
  .fix.active .fix__conversion {
    top: 0; }
  .fix.active .fix__pagetop {
    bottom: 0; }

@media screen and (max-width: 1024px) {
  .fix__menu {
    width: 220px;
    left: auto;
    right: -220px; }
    .fix__menu.active {
      left: auto;
      right: 0; }
    .fix__menu li a {
      padding: 10px 15px; }
    .fix__menu__conversion {
      display: block;
      position: absolute;
      bottom: 10px;
      left: 0;
      right: 0;
      margin: auto;
      text-align: center;
      color: #fff; }
      .fix__menu__conversion__btn {
        max-width: 176px;
        width: 90%;
        margin: 5px auto 0;
        position: relative;
        display: block;
        overflow: hidden; }
        .fix__menu__conversion__btn:before {
          content: "";
          position: absolute;
          top: -20px;
          left: -30%;
          width: 50px;
          height: 100px;
          background-color: rgba(255, 255, 255, 0.7);
          -webkit-transform: rotate(10deg);
          -ms-transform: rotate(10deg);
          -o-transform: rotate(10deg);
          transform: rotate(10deg);
          opacity: 0;
          -webkit-transition-duration: 1.5s;
          -o-transition-duration: 1.5s;
          transition-duration: 1.5s;
          -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
          -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
          transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
          -webkit-transition-duration: 0s;
          -o-transition-duration: 0s;
          transition-duration: 0s;
          z-index: 9999; }
        .fix__menu__conversion__btn:hover:before {
          left: 130%;
          opacity: 1;
          -webkit-transition-duration: 1.5s;
          -o-transition-duration: 1.5s;
          transition-duration: 1.5s; }
  .fix__menu-btn {
    top: 0;
    right: 0;
    left: auto; }
    .fix__menu-btn.active {
      left: auto;
      right: 220px; }
  .fix__conversion {
    height: 90px;
    top: auto;
    bottom: 0;
    box-sizing: border-box; }
    .fix__conversion__item {
      float: none;
      font-size: 10px;
      margin: 0; }
      .fix__conversion__item:nth-child(2) {
        display: none; }
    .fix__conversion__btn {
      display: none;
      text-align: center; }
      .fix__conversion__btn--sp {
        display: block;
        width: 180px; }
  .fix__pagetop {
    display: none; }
  .fix.active .fix__conversion {
    top: auto;
    bottom: 0; }
  .fix.active .fix__pagetop {
    bottom: 0; } }
.sec {
  padding: 100px 0; }
  .sec__ttl {
    margin-bottom: 50px; }

.cont__ttl img {
  max-width: 80%; }
.cont__ttl--left {
  text-align: left; }
.cont__ttl--right {
  text-align: right; }

@media screen and (max-width: 1024px) {
  .sec {
    padding: 40px 0; }
    .sec__ttl {
      margin-bottom: 20px; } }
.performance {
  position: relative;
  background-image: url(/_assets/imgs/lp/e-sports01/performance_bg01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center -600px; }
  .performance:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1283px;
    height: 1210px;
    z-index: 1;
    background-image: url(/_assets/imgs/lp/e-sports01/performance_light01.png);
    background-repeat: no-repeat;
    background-size: contain; }
  .performance .inner {
    position: relative;
    z-index: 10; }
  .performance .sec__ttl,
  .performance .sec__sub-ttl {
    margin-left: -25px; }
  .performance .sec__sub-ttl {
    margin-bottom: 80px; }
  .performance__list {
    margin-bottom: 80px; }
  .performance__item {
    position: relative;
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 30px;
    padding: 40px 40px 200px;
    box-sizing: border-box;
    position: relative;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 12px; }
    .performance__item:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      border: 2px solid #fff;
      border-radius: 12px;
      background-color: transparent;
      box-shadow: 0 0 20px rgba(228, 13, 53, 0.8), 0 0 20px rgba(228, 13, 53, 0.8) inset;
      -webkit-transition-duration: 1.5s;
      -o-transition-duration: 1.5s;
      transition-duration: 1.5s;
      -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      -webkit-animation: neon1 1s ease-in-out infinite alternate;
      -moz-animation: neon1 1s ease-in-out infinite alternate;
      animation: neon1 1s ease-in-out infinite alternate; }
    .performance__item:hover:after {
      box-shadow: 0 0 80px #e40d35, 0 0 20px rgba(228, 13, 53, 0.8) inset;
      -webkit-animation: none;
      -moz-animation: none;
      animation: none; }
    .performance__item .frame-inner {
      position: relative;
      z-index: 10; }
    .performance__item:before {
      content: "";
      position: absolute;
      right: 20px;
      bottom: 20px;
      width: 113px;
      height: 205px;
      background-image: url(/_assets/imgs/lp/e-sports01/box_bg.png);
      background-size: contain; }
    .performance__item:nth-child(2n) {
      margin-right: 0; }
    .performance__item:nth-child(2) {
      background-image: url(/_assets/imgs/lp/e-sports01/performance_logo02.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center bottom; }
    .performance__item dl {
      margin-bottom: 10px; }
      .performance__item dl dt {
        float: left;
        width: 100px;
        padding: 5px;
        box-sizing: border-box;
        background-color: #e40d35;
        color: #fff;
        text-align: center; }
      .performance__item dl dd {
        padding: 5px 0 5px 120px;
        box-sizing: border-box;
        text-align: left;
        font-size: 16px;
        color: #fff; }
  .performance__event {
    float: none;
    margin: 0 auto !important;
    padding-bottom: 70px; }
  .performance__ttl {
    position: absolute;
    bottom: 100%;
    left: -30px; }
  .performance__sub-ttl {
    font-size: 18px;
    font-weight: bold;
    color: #e40d35;
    margin-bottom: 20px; }
  .performance__txt {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: .1em;
    line-height: 1.8; }
  .performance__btn a {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 389px;
    margin: 0 auto; }
    .performance__btn a:before {
      content: "";
      position: absolute;
      top: -20px;
      left: -30%;
      width: 50px;
      height: 100px;
      background-color: rgba(255, 255, 255, 0.7);
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      -o-transform: rotate(10deg);
      transform: rotate(10deg);
      opacity: 0;
      -webkit-transition-duration: 1.5s;
      -o-transition-duration: 1.5s;
      transition-duration: 1.5s;
      -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      -webkit-transition-duration: 0s;
      -o-transition-duration: 0s;
      transition-duration: 0s;
      z-index: 9999; }
    .performance__btn a:hover:before {
      left: 130%;
      opacity: 1;
      -webkit-transition-duration: 1.5s;
      -o-transition-duration: 1.5s;
      transition-duration: 1.5s; }

@media screen and (max-width: 1024px) {
  .performance:after {
    display: none; }
  .performance .sec__ttl,
  .performance .sec__sub-ttl {
    margin-left: -10px; }
  .performance .sec__sub-ttl {
    margin-bottom: 30px; }
  .performance__list {
    margin-bottom: 30px; }
  .performance__item {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    padding: 10px 30px 150px; }
    .performance__item:nth-child(1) {
      padding-bottom: 30px; }
    .performance__item:after {
      -webkit-animation: none;
      -moz-animation: none;
      animation: none; }
    .performance__item:last-child {
      margin-bottom: 0; }
    .performance__item:before {
      width: 56px;
      height: 102px; }
    .performance__item dl {
      margin-bottom: 20px; }
      .performance__item dl dt {
        float: none;
        width: 100px;
        padding: 5px;
        margin-bottom: 10px;
        font-size: 14px; }
      .performance__item dl dd {
        padding: 5px 0;
        font-size: 14px; }
  .performance__event {
    padding-bottom: 40px; }
  .performance__ttl {
    position: static;
    margin-left: -15px;
    margin-bottom: 10px; }
  .performance__txt {
    font-size: 14px; } }
.feature {
  position: relative;
  background-image: url(/_assets/imgs/lp/e-sports01/performance_bg01.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center -600px; }
  .feature .sec__ttl,
  .feature .sec__sub-ttl {
    margin-left: -25px; }
  .feature .activity__cont {
    max-height: 600px;
    position: relative;
    -webkit-transform: translateX(20%) translateY(-50px);
    -ms-transform: translateX(20%) translateY(-50px);
    -o-transform: translateX(20%) translateY(-50px);
    transform: translateX(20%) translateY(-50px); }
  .feature .activity__list {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .feature .activity__item {
    position: relative;
    float: left;
    width: 15%;
    margin: 5px;
    box-shadow: 0 0 50px black;
    overflow: hidden; }
    .feature .activity__item:nth-child(4n+1) {
      clear: both; }
    .feature .activity__item-inner {
      display: table; }
    .feature .activity__item a {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      background-color: rgba(0, 0, 0, 0.7);
      z-index: 1;
      -webkit-transition-duration: .3s;
      -o-transition-duration: .3s;
      transition-duration: .3s;
      -webkit-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      transition-timing-function: ease; }
      .feature .activity__item a:hover {
        background-color: transparent; }
    .feature .activity__item img {
      -webkit-transition-duration: .3s;
      -o-transition-duration: .3s;
      transition-duration: .3s;
      -webkit-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      transition-timing-function: ease; }
    .feature .activity__item:hover img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .feature .activity__item--placeholder:after {
      display: none; }
  .feature .activity__txt {
    position: absolute;
    display: table;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    pointer-events: none; }
    .feature .activity__txt p {
      display: table-cell;
      width: 100%;
      vertical-align: middle;
      text-align: center;
      color: #fff;
      text-shadow: 0 0 10px black; }
  .feature .overseas {
    position: relative;
    background-image: url(/_assets/imgs/lp/e-sports01/feature_overseas_bg.png);
    background-repeat: no-repeat;
    background-size: contain; }
    .feature .overseas__txt {
      position: relative;
      color: #fff;
      font-size: 16px;
      letter-spacing: .1em;
      line-height: 1.8;
      text-align: right;
      z-index: 10;
      text-shadow: 0 0 10px black;
      font-style: italic; }
    .feature .overseas__img01 {
      position: absolute;
      top: 30px;
      left: 0;
      width: 72%; }
    .feature .overseas__img02 {
      float: right;
      width: 50%;
      text-align: right; }
  .feature .facility {
    position: relative;
    z-index: 10;
    margin: -200px 0 50px; }
    .feature .facility__txt {
      color: #fff;
      font-size: 16px;
      letter-spacing: .1em;
      line-height: 1.8;
      text-shadow: 0 0 10px black;
      font-style: italic;
      margin-bottom: 80px; }
    .feature .facility__sec {
      position: relative;
      padding: 40px;
      box-sizing: border-box;
      position: relative;
      background: rgba(0, 0, 0, 0.9);
      border-radius: 12px;
      z-index: 10; }
      .feature .facility__sec:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border: 2px solid #fff;
        border-radius: 12px;
        background-color: transparent;
        box-shadow: 0 0 20px rgba(228, 13, 53, 0.8), 0 0 20px rgba(228, 13, 53, 0.8) inset;
        -webkit-transition-duration: 1.5s;
        -o-transition-duration: 1.5s;
        transition-duration: 1.5s;
        -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        -webkit-animation: neon1 1s ease-in-out infinite alternate;
        -moz-animation: neon1 1s ease-in-out infinite alternate;
        animation: neon1 1s ease-in-out infinite alternate; }
      .feature .facility__sec:hover:after {
        box-shadow: 0 0 80px #e40d35, 0 0 20px rgba(228, 13, 53, 0.8) inset;
        -webkit-animation: none;
        -moz-animation: none;
        animation: none; }
      .feature .facility__sec .frame-inner {
        position: relative;
        z-index: 10; }
      .feature .facility__sec:before {
        content: "";
        position: absolute;
        right: 20px;
        bottom: 20px;
        width: 113px;
        height: 205px;
        background-image: url(/_assets/imgs/lp/e-sports01/box_bg.png);
        background-size: contain; }
      .feature .facility__sec__ttl {
        position: absolute;
        bottom: 100%;
        left: -30px; }
      .feature .facility__sec__txt {
        color: #fff;
        font-size: 14px; }
    .feature .facility__sec01 {
      width: 75%;
      margin-bottom: 100px; }
    .feature .facility__sec02 {
      float: right;
      width: 75%; }
    .feature .facility__bg {
      position: absolute; }
    .feature .facility__cont {
      position: relative; }
    .feature .facility__cont01 .facility__bg {
      top: -800px;
      right: 0; }
    .feature .facility__cont02 .facility__bg {
      top: -650px;
      left: 0; }
  .feature .teacher {
    position: relative;
    z-index: 10; }
    .feature .teacher__txt {
      color: #fff;
      font-size: 16px;
      letter-spacing: .1em;
      line-height: 1.8;
      text-shadow: 0 0 10px black;
      font-style: italic;
      margin-bottom: 80px;
      text-align: right; }
    .feature .teacher__main {
      position: relative;
      margin-bottom: 60px; }
      .feature .teacher__main .teacher__cont {
        padding-left: 342px; }
      .feature .teacher__main .teacher__img {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 312px; }
    .feature .teacher__cont p {
      font-size: 16px;
      color: #fff;
      letter-spacing: .1em;
      line-height: 1.8; }
    .feature .teacher__name {
      margin-bottom: 15px;
      font-size: 16px;
      color: #fff;
      letter-spacing: .1em;
      line-height: 1.8; }
      .feature .teacher__name span {
        font-size: 28px; }
    .feature .teacher__item {
      float: left;
      width: 49%;
      margin-right: 2%;
      margin-bottom: 40px; }
      .feature .teacher__item:nth-child(2n) {
        margin-right: 0; }
      .feature .teacher__item .teacher__cont {
        padding-left: 250px; }
      .feature .teacher__item .teacher__img {
        float: left;
        width: 220px; }

@media screen and (max-width: 1024px) {
  .feature {
    padding-bottom: 0; }
    .feature .sec__ttl,
    .feature .sec__sub-ttl {
      margin-left: 0; }
    .feature .activity__cont {
      max-height: 100%;
      position: relative;
      -webkit-transform: translateX(0) translateY(0);
      -ms-transform: translateX(0) translateY(0);
      -o-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0); }
    .feature .activity__list {
      padding-top: 20px;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0); }
    .feature .activity__item {
      position: relative;
      float: none;
      max-width: 226px;
      width: 60%;
      margin: 0 auto;
      overflow: visible;
      box-shadow: none; }
      .feature .activity__item--left {
        -webkit-transform: translateX(-30%);
        -ms-transform: translateX(-30%);
        -o-transform: translateX(-30%);
        transform: translateX(-30%); }
      .feature .activity__item--right {
        -webkit-transform: translateX(30%);
        -ms-transform: translateX(30%);
        -o-transform: translateX(30%);
        transform: translateX(30%); }
      .feature .activity__item img {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .feature .activity__item:hover img {
        -webkit-transform: rotate(45deg) scale(1.1);
        -ms-transform: rotate(45deg) scale(1.1);
        -o-transform: rotate(45deg) scale(1.1);
        transform: rotate(45deg) scale(1.1); }
      .feature .activity__item a {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .feature .activity__item--placeholder {
        display: none; }
    .feature .activity__txt {
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0); }
    .feature .overseas {
      background-position: center bottom; }
      .feature .overseas__txt {
        text-align: left;
        margin-top: 20px;
        font-size: 14px;
        z-index: 11; }
      .feature .overseas__img01 {
        position: relative;
        width: 100%;
        margin-top: -70px;
        z-index: 10; }
      .feature .overseas__img02 {
        width: 100%;
        margin-top: -120px;
        z-index: 1; }
    .feature .facility__txt {
      font-size: 14px;
      margin: 20px auto; }
    .feature .facility__sec {
      padding: 10px; }
      .feature .facility__sec:after {
        -webkit-animation: none;
        -moz-animation: none;
        animation: none; }
      .feature .facility__sec:before {
        display: none; }
      .feature .facility__sec__ttl {
        position: static;
        margin-bottom: 10px; }
      .feature .facility__sec__txt {
        padding: 0 10px; }
    .feature .facility__sec01 {
      width: 100%;
      margin-bottom: 30px; }
    .feature .facility__sec02 {
      float: none;
      width: 100%; }
    .feature .facility__bg {
      display: none; }
    .feature .teacher__txt {
      font-size: 14px;
      margin: 20px auto;
      text-align: left; }
    .feature .teacher__main {
      position: relative;
      margin-bottom: 0; }
      .feature .teacher__main .teacher__cont {
        padding-left: 0;
        padding: 20px;
        margin-left: 50px;
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
        background-color: #000; }
      .feature .teacher__main .teacher__img {
        position: static;
        width: 100%;
        margin-bottom: 20px; }
    .feature .teacher__cont p {
      font-size: 12px; }
    .feature .teacher__name {
      margin-bottom: 10px;
      font-size: 12px; }
      .feature .teacher__name span {
        font-size: 20px; }
    .feature .teacher__item {
      float: none;
      width: 100%;
      margin-right: 0;
      margin-bottom: 0;
      margin-top: -20px; }
      .feature .teacher__item .teacher__cont {
        padding-left: 0;
        padding: 20px;
        margin-left: 50px;
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px);
        background-color: #000; }
      .feature .teacher__item .teacher__img {
        float: none;
        width: 100%;
        margin-bottom: 10px; } }
.opencampus {
  position: relative;
  background-image: url(/_assets/imgs/lp/e-sports01/opencampus_mainbg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left 0; }
  .opencampus .sec__ttl,
  .opencampus .sec__sub-ttl {
    margin-left: -25px; }
  .opencampus .cont__ttl-area {
    margin-bottom: 50px; }
  .opencampus .opencampus__sec .inner {
    position: relative; }
  .opencampus .opencampus__sec01 {
    margin-bottom: 50px; }
  .opencampus .opencampus__bnr img {
    position: relative;
    z-index: 10; }
  .opencampus .opencampus__bnr__bg {
    position: absolute;
    z-index: 1; }
  .opencampus .opencampus__btn {
    position: absolute;
    z-index: 20; }
    .opencampus .opencampus__btn a {
      position: relative;
      display: block;
      overflow: hidden; }
      .opencampus .opencampus__btn a:before {
        content: "";
        position: absolute;
        top: -20px;
        left: -30%;
        width: 50px;
        height: 100px;
        background-color: rgba(255, 255, 255, 0.7);
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
        opacity: 0;
        -webkit-transition-duration: 1.5s;
        -o-transition-duration: 1.5s;
        transition-duration: 1.5s;
        -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
        -webkit-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
        z-index: 9999; }
      .opencampus .opencampus__btn a:hover:before {
        left: 130%;
        opacity: 1;
        -webkit-transition-duration: 1.5s;
        -o-transition-duration: 1.5s;
        transition-duration: 1.5s; }
  .opencampus .opencampus__bnr01 {
    position: absolute;
    top: -150px;
    right: -5%;
    width: 62%;
    z-index: 1; }
    .opencampus .opencampus__bnr01 .opencampus__bnr__bg {
      width: 90%;
      top: 0;
      right: -3%; }
    .opencampus .opencampus__bnr01 .opencampus__btn {
      width: 33%;
      top: 65%;
      left: 35%; }
  .opencampus .opencampus__bnr02 {
    position: relative;
    width: 58%;
    z-index: 10; }
    .opencampus .opencampus__bnr02 .opencampus__bnr__bg {
      width: 115%;
      top: 15%;
      right: -1%; }
    .opencampus .opencampus__bnr02 .opencampus__btn {
      width: 36%;
      top: 65%;
      left: 35%; }
  .opencampus .opencampus__bnr05 {
    position: relative;
    width: 62%;
    z-index: 10;
    margin: -135px 0 5px 43%; }
    .opencampus .opencampus__bnr05 .opencampus__bnr__bg {
      width: 90%;
      top: 0;
      right: -3%; }
    .opencampus .opencampus__bnr05 .opencampus__btn {
      width: 33%;
      top: 65%;
      left: 35%; }
  .opencampus .opencampus__bnr03 {
    position: absolute;
    top: -150px;
    left: -5%;
    width: 62%;
    z-index: 1; }
    .opencampus .opencampus__bnr03 .opencampus__bnr__bg {
      width: 90%;
      top: 0;
      left: -3%;
      -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      -o-transform: scale(-1, 1);
      transform: scale(-1, 1); }
    .opencampus .opencampus__bnr03 .opencampus__btn {
      width: 33%;
      top: 65%;
      right: 35%; }
  .opencampus .opencampus__bnr04 {
    position: relative;
    float: right;
    width: 58%;
    z-index: 10; }
    .opencampus .opencampus__bnr04 .opencampus__bnr__bg {
      width: 115%;
      top: 15%;
      left: -1%;
      -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      -o-transform: scale(-1, 1);
      transform: scale(-1, 1); }
    .opencampus .opencampus__bnr04 .opencampus__btn {
      width: 36%;
      top: 65%;
      right: 35%; }

@media screen and (max-width: 1024px) {
  .opencampus .sec__ttl,
  .opencampus .sec__sub-ttl {
    margin-left: 0; }
  .opencampus .cont__ttl-area {
    margin-bottom: 20px; }
  .opencampus .opencampus__sec01 {
    margin-bottom: 30px; }
  .opencampus .opencampus__bnr {
    margin-bottom: 30px; }
  .opencampus .opencampus__bnr01 {
    position: relative;
    width: 100%;
    top: 0;
    right: 0; }
    .opencampus .opencampus__bnr01 .opencampus__btn {
      width: 40%;
      left: 30%; }
  .opencampus .opencampus__bnr02 {
    width: 100%; }
    .opencampus .opencampus__bnr02 .opencampus__btn {
      width: 40%; }
  .opencampus .opencampus__bnr03 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0; }
    .opencampus .opencampus__bnr03 .opencampus__btn {
      width: 40%;
      right: 30%; }
  .opencampus .opencampus__bnr04 {
    float: none;
    width: 100%; }
    .opencampus .opencampus__bnr04 .opencampus__btn {
      width: 40%; } }
.course {
  position: relative; }
  .course .sec__ttl,
  .course .sec__sub-ttl {
    margin-left: -25px; }
  .course .cont__ttl-area {
    position: relative;
    margin-bottom: 40px;
    z-index: 20; }
  .course__txt {
    font-size: 16px;
    color: #fff;
    margin-bottom: 80px;
    letter-spacing: .1em;
    line-height: 1.8; }
  .course__sec {
    position: relative;
    margin-bottom: 150px; }
    .course__sec .inner {
      position: relative;
      z-index: 20; }
  .course__lead {
    position: absolute;
    top: -200px;
    max-width: 50%; }
  .course__box {
    position: relative;
    width: 50%;
    min-height: 600px;
    padding: 30px 30px 60px;
    box-sizing: border-box;
    position: relative;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 12px; }
    .course__box:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      border: 2px solid #fff;
      border-radius: 12px;
      background-color: transparent;
      box-shadow: 0 0 20px rgba(228, 13, 53, 0.8), 0 0 20px rgba(228, 13, 53, 0.8) inset;
      -webkit-transition-duration: 1.5s;
      -o-transition-duration: 1.5s;
      transition-duration: 1.5s;
      -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      -webkit-animation: neon1 1s ease-in-out infinite alternate;
      -moz-animation: neon1 1s ease-in-out infinite alternate;
      animation: neon1 1s ease-in-out infinite alternate; }
    .course__box:hover:after {
      box-shadow: 0 0 80px #e40d35, 0 0 20px rgba(228, 13, 53, 0.8) inset;
      -webkit-animation: none;
      -moz-animation: none;
      animation: none; }
    .course__box .frame-inner {
      position: relative;
      z-index: 10; }
    .course__box:before {
      content: "";
      position: absolute;
      right: 20px;
      bottom: 20px;
      width: 113px;
      height: 205px;
      background-image: url(/_assets/imgs/lp/e-sports01/box_bg.png);
      background-size: contain; }
  .course__info {
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    letter-spacing: .1em;
    line-height: 1.8; }
  .course dl dt {
    color: #e40d35;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: .1em;
    line-height: 1.8; }
  .course__feature {
    margin-bottom: 30px; }
    .course__feature dd {
      font-size: 16px;
      color: #fff;
      margin-bottom: 20px;
      min-height: 50px;
      letter-spacing: .1em;
      line-height: 1.8;
      padding-left: 60px;
      background-image: url(/_assets/imgs/lp/e-sports01/course_icon.png);
      background-repeat: no-repeat; }
  .course__img {
    position: absolute;
    top: 50px;
    z-index: 10; }
  .course__bg {
    position: absolute;
    top: -400px;
    z-index: 1;
    width: 697px; }
  .course__sec01 .course__img,
  .course__sec01 .course__bg,
  .course__sec01 .course__lead {
    right: 0; }
  .course__sec02 .course__box {
    float: right; }
  .course__sec02 .course__img,
  .course__sec02 .course__bg,
  .course__sec02 .course__lead {
    left: 0; }

@media screen and (max-width: 1024px) {
  .course .sec__ttl,
  .course .sec__sub-ttl {
    margin-left: -10px; }
  .course .cont__ttl-area {
    margin-bottom: 10px; }
  .course__txt {
    font-size: 14px; }
  .course__sec {
    margin-bottom: 60px; }
  .course__lead {
    position: static;
    margin-bottom: 30px;
    max-width: 100%; }
  .course__box {
    width: 100%;
    min-height: initial;
    min-height: auto;
    padding: 20px 20px 50px; }
    .course__box:before {
      width: 56px;
      height: 102px; }
  .course__info {
    font-size: 14px; }
  .course dl dt {
    font-size: 16px; }
  .course__feature {
    margin-bottom: 20px; }
    .course__feature dd {
      font-size: 14px;
      margin-bottom: 20px;
      min-height: 30px;
      padding-left: 40px;
      background-size: 30px 30px; }
  .course__img {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 150%; }
  .course__bg {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 250px; }
  .course__sec01 .course__img,
  .course__sec01 .course__bg,
  .course__sec01 .course__lead {
    right: 0; }
  .course__sec01 .course__lead {
    text-align: right; }
  .course__sec01 .course__img {
    -webkit-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    -o-transform: translateX(-30%);
    transform: translateX(-30%); }
  .course__sec02 .course__box {
    float: right; }
  .course__sec02 .course__img,
  .course__sec02 .course__bg,
  .course__sec02 .course__lead {
    left: 0; }
  .course__sec02 .course__lead {
    text-align: left; } }
.conversion {
  position: relative;
  padding: 50px 0;
  background-image: url(/_assets/imgs/lp/e-sports01/conversion_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  box-shadow: 0 0 50px black;
  z-index: 9999; }
  .conversion__inner {
    position: relative;
    max-width: 580px;
    width: 80%;
    margin: auto;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px); }
    .conversion__inner:after {
      content: "";
      position: absolute;
      width: 211px;
      height: 293px;
      top: -75px;
      right: -174px;
      background-image: url(/_assets/imgs/lp/e-sports01/conversion_img.png);
      background-repeat: no-repeat;
      background-size: contain; }
  .conversion__txt, .conversion__btn {
    position: relative;
    z-index: 10; }
  .conversion__btn a {
    position: relative;
    display: block;
    overflow: hidden; }
    .conversion__btn a:before {
      content: "";
      position: absolute;
      top: -20px;
      left: -30%;
      width: 50px;
      height: 100px;
      background-color: rgba(255, 255, 255, 0.7);
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      -o-transform: rotate(10deg);
      transform: rotate(10deg);
      opacity: 0;
      -webkit-transition-duration: 1.5s;
      -o-transition-duration: 1.5s;
      transition-duration: 1.5s;
      -webkit-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      -o-transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      transition-timing-function: cubic-bezier(0, 0.58, 0, 0.92);
      -webkit-transition-duration: 0s;
      -o-transition-duration: 0s;
      transition-duration: 0s;
      z-index: 9999; }
    .conversion__btn a:hover:before {
      left: 130%;
      opacity: 1;
      -webkit-transition-duration: 1.5s;
      -o-transition-duration: 1.5s;
      transition-duration: 1.5s; }

@media screen and (max-width: 1024px) {
  .conversion {
    padding: 40px 0; }
    .conversion__inner {
      position: relative;
      max-width: 580px;
      width: 90%;
      margin: auto;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }
      .conversion__inner:after {
        display: none; } }
.footer {
  padding: 80px 0 30px;
  background-color: #000; }
  .footer .inner {
    position: relative; }
  .footer__col {
    float: left;
    margin-right: 50px; }
  .footer__logo {
    margin-bottom: 20px; }
  .footer__info {
    color: #fff; }
  .footer__note dt {
    margin-bottom: 20px;
    color: #fff;
    font-weight: bold; }
  .footer__note dd {
    color: #fff; }
  .footer__note a {
    color: #e40d35;
    text-decoration: underline; }
  .footer__copywright {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    opacity: 0.5;
    text-align: right; }

@media screen and (max-width: 1024px) {
  .footer {
    padding: 30px 0 100px; }
    .footer__col {
      float: none;
      margin: 0 0 30px; }
    .footer__note dt {
      margin-bottom: 10px; }
    .footer__copywright {
      position: static;
      margin-top: 20px;
      font-size: 11px;
      text-align: left; } }

/*# sourceMappingURL=e-sports01.css.map */