@charset "UTF-8";/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}



header {

}
.global-nav {
  position: fixed;
  right: -320px; /* これで隠れる */
  top: 0;
  width: 300px; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 40px;
  background-color: #000;
  transition: all .6s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}
.hamburger {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 45px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
}
.global-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.global-nav__item {
  text-align: center;
  padding: 0 14px;
}
.global-nav__item a {
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  color: #111;
}
.global-nav__item a:hover {
  background-color: #eee;
}
.hamburger__line {
  position: absolute;
  left: 1px;
  width: 24px;
  height: 2px;
  background-color: #fff;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 28px;
}
.hamburger__line--2 {
  top: 36px;
}
.hamburger__line--3 {
  top: 44px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
  right: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 20px;
}
h1 {
   margin: 0 15px; padding: 0;
   font-size: 24px;font-family:'Noto Sans JP',sans-serif;font-weight: 700;
}
a.test{	
   text-decoration: none;
   color: #4b4b4b;
}
nav.test{
   margin: 0 0 0 auto; float: right;
}
ul.test{
   list-style: none;
   margin: 0 15px;;
   display: flex;
}
li.test{
   margin: 0 0 0 15px;
   font-size: 18px;font-family:'Noto Sans JP',sans-serif;font-weight: 700;
}
/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  text-align:center;
  color:#90ffdf;top: 0;
}

/* Loading画像中央配置　*/
#splash_text {
  position: absolute;
  top: 60%;
  left: 50%;
    z-index: 999;
  transform: translate(-50%, -50%);
  color: #90ffdf;
  width: 100%;
	
}

/*IE11対策用バーの線の高さ※対応しなければ削除してください*/
#splash_text svg{
    height: 2px;
}

/*割れる画面のアニメーション*/
.loader_cover {
    width: 100%;
    height: 50%;
    background-color: #070707;
    transition: all .2s cubic-bezier(.04, .435, .315, .9);
    transform: scaleY(1);
}
/*上の画面*/
.loader_cover-up {
    transform-origin: center top;
}

/*下の画面*/
.loader_cover-down {
    position: absolute;
    bottom: 0;
    transform-origin: center bottom;
}
/*クラス名がついたらY軸方向に0*/
.coveranime {
    transform: scaleY(0);
}



.grid {	position: relative;	width: 100%; height: auto;}
.grid .half{ position:relative; float:left; margin-left:1.25% !important; }
.grid .half { width:49.375%; }

.grid .half2{ position:relative; float:left; margin-left:1.25% !important; }
.grid .half2 { width:32.375%; }

.grid .half4{ position:relative; float:left; margin-left:1.25% !important; }
.grid .half4 { width: 65% }


.grid .fst { margin-left:0 !important; clear:left; }
.grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.grid { display:inline-block; } .grid { display:block; }
.pc{display: block;}
.mob{display: none;}
@media screen and (max-width:900px){
	.grid .tall { width:100%; margin-left:0 !important; }
	
	}
@media screen and (max-width:600px){
	.top{margin-top: 75px;}
.m-marg{top:-50px;; padding-bottom:0;}
.pc{display: none;}
.mob{display: block;}
.grid .half{ float:none; width:100%; margin-left:0 !important; }
.grid .fst { clear:none; }
.grid .ssl { padding:0; }

.grid .half4{ position:relative; float:left; margin-left:0% !important; }
.grid .half4 { width: 100% }	
	
	
.grid { position:relative; width:100%; }
.grid .sall{ position:relative; float:left; margin-left:1.25% !important; }
.grid .sall { width:100%; margin-left:0 !important; }
.grid .ssfst { margin-left:0 !important; clear:left; }
.grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.grid { display:inline-block; } .grid { display:block; }

}




.scroll_d {
	position: relative; top: -100px;}
@media screen and (max-width: 480px) {
.scroll_d {position: relative; top: -10px; margin-top: 120px;}}


.top_logo {
	margin: 15% auto; max-width: 920px;}
@media screen and (max-width: 480px) {
.top_logo {margin: 55% 8%;}}
.btnbox {
	margin: 0 auto; max-width: 220px;
}
@media screen and (max-width: 480px) {
.btnbox {
	margin: 0 auto; max-width: 160px;
}}
.head_sz img{
 width: 220px; position: relative; margin: 0 15px 0;
}

@media screen and (max-width: 480px) {
.head_sz img{
	width: 120px;
}}


.mid_ttl{color: #90ffdf; text-align: center; font-size: 2.6rem; font-weight: 700; font-family:'Noto Sans JP',sans-serif; margin-bottom: 25px;}
@media screen and (max-width:768px){.mid_ttl{color: #90ffdf; text-align: center; font-size: 2.4rem; font-weight: 700; font-family:'Noto Sans JP',sans-serif; margin-bottom: 25px; line-height: 1.2em;}}
.sum_ttl{color: #90ffdf; text-align: center; font-size: 3.2rem; font-weight: 700; font-family:'Noto Sans JP',sans-serif; margin-bottom: 25px;;}
@media screen and (max-width:768px){.sum_ttl{color: #90ffdf; text-align: center; font-size: 2.2rem; font-weight: 700; font-family:'Noto Sans JP',sans-serif; margin: 0 5px 25px;}}

.mid_txt{text-align: center; font-size: 1.2rem; font-weight: 700; font-family:'Noto Sans JP',sans-serif; margin-bottom: 25px;}
@media screen and (max-width:768px){.mid_txt{text-align: center; font-size: 1.1rem; font-weight: 700; font-family:'Noto Sans JP',sans-serif; margin: 0 5px 25px; line-height: 1.7em;}}

.vs_txt{font-family:'Noto Sans JP',sans-serif; font-weight: 700; font-size: 1.6em;}
@media screen and (max-width:768px){.vs_txt{
	text-align: center;
	width: 100%;}}

.art_txt{font-family:'Noto Sans JP',sans-serif; font-weight: 700; font-size: 1.8rem;}
@media screen and (max-width:768px){.art_txt{
	font-size: 1.2rem;
	width: 100%;}}

.sp_box{margin: 0 auto; max-width: 400px;}
@media screen and (max-width:768px){.sp_box{max-width: 320px;}}
.sp_ttl{text-align: center; color: #90ffdf; font-size: 1.8em}
@media screen and (max-width:768px){.sp_ttl{text-align: center; color: #90ffdf; font-size: 1.8em}}



.gl_ttl{text-align:center;margin-top:-30px;margin-bottom:70px}
@media screen and (max-width:768px){.gl_ttl{margin-bottom:48px}}

.gl_ttl .title{margin:auto;font-family:countach,sans-serif;font-weight:400;font-style:italic;font-size:6rem;line-height:1}
@media screen and (max-width:768px){.gl_ttl .title{font-size:3.8rem}}
.gl_ttl .title2{margin:auto;font-family:countach,sans-serif;font-weight:400;font-style:italic;font-size:6rem;line-height:1}
@media screen and (max-width:768px){.gl_ttl .title2{font-size:2.8rem}}


.gl_ttl .title.__ja{font-family:toppan-bunkyu-midashi-go-std,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-style:normal}
@media screen and (max-width:768px){.gl_ttl .title.__ja{font-size:4rem}}


@-webkit-keyframes headingLine{0%{width:0;opacity:0}10%{opacity:1}100%{width:100px;opacity:1}}
@keyframes headingLine{0%{width:0;opacity:0}10%{opacity:1}100%{width:100px;opacity:1}}
@-webkit-keyframes headingLine--sp{0%{width:0;opacity:0}10%{opacity:1}100%{width:80px;opacity:1}}
@keyframes headingLine--sp{0%{width:0;opacity:0}10%{opacity:1}100%{width:80px;opacity:1}}
@-webkit-keyframes headingLine_middle{0%{width:0;opacity:0}10%{opacity:1}100%{width:80px;opacity:1}}
@keyframes headingLine_middle{0%{width:0;opacity:0}10%{opacity:1}100%{width:80px;opacity:1}}


.gl_txt{position:relative;padding:30px;display:inline-block}.gl_txt:before,.gl_txt:after{content:attr(data-text);position:absolute;top:0;margin:auto;overflow:hidden;padding:30px;clip:rect(0,0,0,0);will-change:transform}.gl_txt:before{left:3px;text-shadow:-3px 0 #90ffdf;-webkit-animation:glitchBefore 2s linear 0s infinite alternate;animation:glitchBefore 2s linear 0s infinite alternate}.gl_txt:after{left:-3px;text-shadow:-3px 0 #AF0000;-webkit-animation:glitchAfter 2s linear 0s infinite alternate;animation:glitchAfter 2s linear 0s infinite alternate}.gl_txt.__ja{padding:32px}@-webkit-keyframes glitchBefore{0%{clip:rect(58px,800px,35px,30px)}5%{clip:rect(3px,800px,95px,30px)}10%{clip:rect(22px,800px,24px,30px)}15%{clip:rect(102px,800px,17px,30px)}20%{clip:rect(83px,800px,19px,30px)}25%{clip:rect(7px,800px,61px,30px)}30%{clip:rect(49px,800px,106px,30px)}35%{clip:rect(148px,800px,115px,30px)}40%{clip:rect(145px,800px,107px,30px)}45%{clip:rect(9px,800px,108px,30px)}50%{clip:rect(93px,800px,21px,30px)}55%{clip:rect(133px,800px,99px,30px)}60%{clip:rect(77px,800px,103px,30px)}65%{clip:rect(96px,800px,69px,30px)}70%{clip:rect(64px,800px,9px,30px)}75%{clip:rect(41px,800px,2px,30px)}80%{clip:rect(1px,800px,107px,30px)}85%{clip:rect(48px,800px,63px,30px)}90%{clip:rect(86px,800px,38px,30px)}95%{clip:rect(67px,800px,113px,30px)}100%{clip:rect(120px,800px,126px,30px)}}@keyframes glitchBefore{0%{clip:rect(58px,800px,35px,30px)}5%{clip:rect(3px,800px,95px,30px)}10%{clip:rect(22px,800px,24px,30px)}15%{clip:rect(102px,800px,17px,30px)}20%{clip:rect(83px,800px,19px,30px)}25%{clip:rect(7px,800px,61px,30px)}30%{clip:rect(49px,800px,106px,30px)}35%{clip:rect(148px,800px,115px,30px)}40%{clip:rect(145px,800px,107px,30px)}45%{clip:rect(9px,800px,108px,30px)}50%{clip:rect(93px,800px,21px,30px)}55%{clip:rect(133px,800px,99px,30px)}60%{clip:rect(77px,800px,103px,30px)}65%{clip:rect(96px,800px,69px,30px)}70%{clip:rect(64px,800px,9px,30px)}75%{clip:rect(41px,800px,2px,30px)}80%{clip:rect(1px,800px,107px,30px)}85%{clip:rect(48px,800px,63px,30px)}90%{clip:rect(86px,800px,38px,30px)}95%{clip:rect(67px,800px,113px,30px)}100%{clip:rect(120px,800px,126px,30px)}}@-webkit-keyframes glitchAfter{0%{clip:rect(33px,800px,71px,30px)}5%{clip:rect(68px,800px,136px,30px)}10%{clip:rect(36px,800px,113px,30px)}15%{clip:rect(141px,800px,56px,30px)}20%{clip:rect(86px,800px,79px,30px)}25%{clip:rect(92px,800px,37px,30px)}30%{clip:rect(87px,800px,70px,30px)}35%{clip:rect(14px,800px,134px,30px)}40%{clip:rect(133px,800px,130px,30px)}45%{clip:rect(99px,800px,46px,30px)}50%{clip:rect(53px,800px,39px,30px)}55%{clip:rect(97px,800px,105px,30px)}60%{clip:rect(58px,800px,34px,30px)}65%{clip:rect(68px,800px,45px,30px)}70%{clip:rect(50px,800px,62px,30px)}75%{clip:rect(106px,800px,8px,30px)}80%{clip:rect(110px,800px,5px,30px)}85%{clip:rect(143px,800px,123px,30px)}90%{clip:rect(63px,800px,37px,30px)}95%{clip:rect(12px,800px,41px,30px)}100%{clip:rect(46px,800px,80px,30px)}}@keyframes glitchAfter{0%{clip:rect(33px,800px,71px,30px)}5%{clip:rect(68px,800px,136px,30px)}10%{clip:rect(36px,800px,113px,30px)}15%{clip:rect(141px,800px,56px,30px)}20%{clip:rect(86px,800px,79px,30px)}25%{clip:rect(92px,800px,37px,30px)}30%{clip:rect(87px,800px,70px,30px)}35%{clip:rect(14px,800px,134px,30px)}40%{clip:rect(133px,800px,130px,30px)}45%{clip:rect(99px,800px,46px,30px)}50%{clip:rect(53px,800px,39px,30px)}55%{clip:rect(97px,800px,105px,30px)}60%{clip:rect(58px,800px,34px,30px)}65%{clip:rect(68px,800px,45px,30px)}70%{clip:rect(50px,800px,62px,30px)}75%{clip:rect(106px,800px,8px,30px)}80%{clip:rect(110px,800px,5px,30px)}85%{clip:rect(143px,800px,123px,30px)}90%{clip:rect(63px,800px,37px,30px)}95%{clip:rect(12px,800px,41px,30px)}100%{clip:rect(46px,800px,80px,30px)}}@-webkit-keyframes glitch{0%{transform:skewX(0deg)}5%{transform:skewX(2deg);opacity:.75}10%{transform:skewX(0deg);opacity:1}15%{transform:skewX(-5deg);opacity:.75}20%{transform:skewX(0deg);opacity:1}45%{transform:skewX(3deg);opacity:.75}50%{transform:skewX(0deg);opacity:1}55%{transform:skewX(0deg);opacity:.75}60%{transform:skewX(0deg);opacity:1}75%{transform:skewX(2deg)}80%{transform:skewX(0deg)}85%{transform:skewX(-8deg);opacity:.75}90%{transform:skewX(0deg);opacity:1}100%{transform:skewX(0deg)}}@keyframes glitch{0%{transform:skewX(0deg)}5%{transform:skewX(2deg);opacity:.75}10%{transform:skewX(0deg);opacity:1}15%{transform:skewX(-5deg);opacity:.75}20%{transform:skewX(0deg);opacity:1}45%{transform:skewX(3deg);opacity:.75}50%{transform:skewX(0deg);opacity:1}55%{transform:skewX(0deg);opacity:.75}60%{transform:skewX(0deg);opacity:1}75%{transform:skewX(2deg)}80%{transform:skewX(0deg)}85%{transform:skewX(-8deg);opacity:.75}90%{transform:skewX(0deg);opacity:1}100%{transform:skewX(0deg)}}@-webkit-keyframes glitchOnce{0%{transform:skewX(0deg);opacity:0}5%{transform:skewX(2deg);opacity:.15}10%{transform:skewX(0deg);opacity:.25}15%{transform:skewX(-5deg);opacity:.35}20%{transform:skewX(0deg);opacity:.75}45%{transform:skewX(3deg);opacity:.75}50%{transform:skewX(0deg);opacity:1}55%{transform:skewX(0deg);opacity:.75}60%{transform:skewX(0deg);opacity:1}75%{transform:skewX(2deg)}80%{transform:skewX(0deg)}85%{transform:skewX(-8deg);opacity:.75}90%{transform:skewX(0deg);opacity:1}100%{transform:skewX(0deg);opacity:1}}@keyframes glitchOnce{0%{transform:skewX(0deg);opacity:0}5%{transform:skewX(2deg);opacity:.15}10%{transform:skewX(0deg);opacity:.25}15%{transform:skewX(-5deg);opacity:.35}20%{transform:skewX(0deg);opacity:.75}45%{transform:skewX(3deg);opacity:.75}50%{transform:skewX(0deg);opacity:1}55%{transform:skewX(0deg);opacity:.75}60%{transform:skewX(0deg);opacity:1}75%{transform:skewX(2deg)}80%{transform:skewX(0deg)}85%{transform:skewX(-8deg);opacity:.75}90%{transform:skewX(0deg);opacity:1}100%{transform:skewX(0deg);opacity:1}}








.sec_st2{background: url(../red.png); height: 1000px;}
@media screen and (max-width:768px){.sec_st2{background:url(../bg_1.png); height: auto;}}
.in_sec_st2{position: relative; max-width: 1920px; height: 1000px; margin: 0 auto;}
@media screen and (max-width:768px){.in_sec_st2{position: relative; max-width: 1920px; height:auto; margin: 0 auto;}}

.com_st{background: #AF0000; padding: 45px 70px; margin-top:90px;}
@media screen and (max-width:768px){.com_st{background: #AF0000; padding: 0px; margin-top:0px;}}	
	
.com11_st{ height: 1280px; background: url(../back5.png) no-repeat;  padding: 5% 0 0 0;}
@media screen and (max-width:768px){.com11_st{height: auto; background: url(../back5.png) no-repeat;  padding: 5% 0 0 0;}}



	.s1280{ height: 1280px; }
@media screen and (max-width:768px){.s1280{height: auto;}}