@media screen and (min-width:1001px) {
.track_area_main {
	overflow: hidden;
}
 

.system--main__lineup--block {
  position: relative
}
 .system--main__lineup--block {
    padding-left: 40px;
    padding-right: 40px;
	margin-bottom: 200px;
  }
 .system--main__lineup--block.is__scrolled:before {
  width: 150vw
}
 .system--main__lineup--block.is__scrolled .inner {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
 .system--main__lineup--block:before {
  position: absolute;
  width: 0;
  height: 110%;
  left: 50%;
  content: "";
  display: block;
  background: #dddee3;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.785, .135, .15, .86);
  z-index: 1
}
 .system--main__lineup--block:before {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-6deg);
    transform: translate(-50%, -50%) rotate(-6deg)
  }
 .system--main__lineup--block.ver__system1 {
    margin-bottom: 80px;
	 margin-top: 120px;
  }
 .system--main__lineup--block.ver__system1 .inner .bgtxt,.system--main__lineup--block.ver__system3 .inner .bgtxt {
    top: 20px;
    right: 20px
  }
 .system--main__lineup--block.ver__system1 .inner .movie,.system--main__lineup--block.ver__system3 .inner .movie {
    margin-top: 40px
  }
 .system--main__lineup--block.ver__system2 {
    margin-bottom: 100px;
	margin-top: 170px;
  }
 .system--main__lineup--block.ver__system2:before {
  background: #16171a
}
 .system--main__lineup--block.ver__system2 .inner {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
 .system--main__lineup--block.ver__system2 .inner .bgtxt {
    bottom: -20px;
    left: -10px
  }
 .system--main__lineup--block.ver__system2 .inner .movie {
    margin-top: 30px
  }
 .system--main__lineup--block.ver__system2 .inner .txt {
    margin-top: 130px;
    padding-left: 9.090909090909092%
  }
 .system--main__lineup--block .inner {
  position: relative;
  z-index: 2;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: .6s;
  transition-delay: .6s;
  transition-timing-function: cubic-bezier(.785, .135, .15, .86)
}
 .system--main__lineup--block .inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
 .system--main__lineup--block .inner .bgtxt {
  position: absolute;
  z-index: 1
}
 .system--main__lineup--block .inner .movie,.system--main__lineup--block .inner .txt {
  position: relative;
  z-index: 2
}
 .system--main__lineup--block .inner .movie {
    width: 54.54545454545454%
  }
 .system--main__lineup--block .inner .movie .md-movie__li:before {
  border-color: #b41428
}
 .system--main__lineup--block .inner .img {
    padding-right: 5.454545454545454%;
    width: 52.72727272727272%;
    box-sizing: border-box
  }
 .system--main__lineup--block .inner .img--block {
  display: block;
  position: relative;
}
 .system--main__lineup--block .inner .img--block2 {
  display: block;
  position: relative;
	 margin-top: -160px;
	 width: 110%;
	 margin-bottom: -100px;
}
 .system--main__lineup--block .inner .img--block3 {
  display: block;
  position: relative;
	 margin-top: -80px;
	 width: 100%;
		margin-bottom: -120px;
}
 .system--main__lineup--block .inner .img--block {
    width: 87.66666666666667%
  }
 .system--main__lineup--block .inner .img--block:first-child {
  margin-right: auto
}
 .system--main__lineup--block .inner .img--block:last-child {
  margin-left: auto
}
 .system--main__lineup--block .inner .img--block:not(:last-child) {
    margin-bottom: 18px
  }
 .system--main__lineup--block .inner .img--block img {
  position: relative;
  vertical-align: bottom;
  z-index: 2
}
 .system--main__lineup--block .inner .txt {
  box-sizing: border-box
}
 .system--main__lineup--block .inner .txt1 {
    width: 40%;
	margin-bottom: 30px;
  }
 .system--main__lineup--block .inner .txt2 {
    width: 40%;
	 margin-top: 130px;
  }
 .system--main__lineup--block .inner .txt3 {
    width: 40%;
	 margin-top: 130px;
  }

 .system--main__lineup--block .inner .txt--label {
  color: #fff
}
 .system--main__lineup--block .inner .txt--label {
    margin-bottom: 12px
  }
 .system--main__lineup--block .inner .txt--label em {
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1;
  font-family: Barlow, sans-serif;
  font-weight: 700
}
 .system--main__lineup--block .inner .txt--label span {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Noto Serif JP, serif;
  font-weight: 900
}
 .system--main__lineup--block .inner .txt2 .txt--ttl {
  font-size: 30px;
  letter-spacing: .08em;
  color: #fff;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 900
}
 .system--main__lineup--block .inner .txt3 .txt--ttl {
  font-size: 30px;
  letter-spacing: .08em;
  color: #000;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 900
}
 .system--main__lineup--block .inner .txt--ttl {
    margin-bottom: 6.067961165048544%;
	width: 100%;
    margin-top: 0;	
  }
 .system--main__lineup--block .inner .txt--ttl em {
  color: #b41428
}
 .system--main__lineup--block .inner .txt--desc {
    margin-bottom: 4.854368932038835%;
    padding-bottom: 7.281553398058252%;
  }
 .system--main__lineup--block .inner .txt2 .txt--desc p {
  font-size: 14px;
  color: #fff;
  line-height: 1.7;
  letter-spacing: .08em
}
 .system--main__lineup--block .inner .txt3 .txt--desc p {
  font-size: 14px;
  color: #000;
  line-height: 1.7;
  letter-spacing: .08em
}
 .system--main__lineup--block .inner .txt--desc p:not(:last-child) {
  margin-bottom: 1.2em
}
 .system--main__lineup--block .inner .txt--desc p em {
  color: #b41428
}
}


@media screen and (min-width:769px) and (max-width:1000px) {
.track_area_main {
	overflow: hidden;
}
 

.system--main__lineup--block {
  position: relative
}
 .system--main__lineup--block {
    padding-left: 40px;
    padding-right: 40px;
	margin-bottom: 200px;
  }
 .system--main__lineup--block.is__scrolled:before {
  width: 150vw
}
 .system--main__lineup--block.is__scrolled .inner {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
 .system--main__lineup--block:before {
  position: absolute;
  width: 0;
  height: 110%;
  left: 50%;
  content: "";
  display: block;
  background: #dddee3;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.785, .135, .15, .86);
  z-index: 1
}
 .system--main__lineup--block:before {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-6deg);
    transform: translate(-50%, -50%) rotate(-6deg)
  }
 .system--main__lineup--block.ver__system1 {
    margin-bottom: 80px;
	 margin-top: 120px;
  }
 .system--main__lineup--block.ver__system1 .inner .bgtxt,.system--main__lineup--block.ver__system3 .inner .bgtxt {
    top: 20px;
    right: 20px
  }
 .system--main__lineup--block.ver__system1 .inner .movie,.system--main__lineup--block.ver__system3 .inner .movie {
    margin-top: 40px
  }
 .system--main__lineup--block.ver__system2 {
    margin-bottom: 100px;
	margin-top: 170px;
  }
 .system--main__lineup--block.ver__system2:before {
  background: #16171a
}
 .system--main__lineup--block.ver__system2 .inner {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
 .system--main__lineup--block.ver__system2 .inner .bgtxt {
    bottom: -20px;
    left: -10px
  }
 .system--main__lineup--block.ver__system2 .inner .movie {
    margin-top: 30px
  }
 .system--main__lineup--block.ver__system2 .inner .txt {
    margin-top: 130px;
    padding-left: 9.090909090909092%
  }
 .system--main__lineup--block .inner {
  position: relative;
  z-index: 2;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: .6s;
  transition-delay: .6s;
  transition-timing-function: cubic-bezier(.785, .135, .15, .86)
}
 .system--main__lineup--block .inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
 .system--main__lineup--block .inner .bgtxt {
  position: absolute;
  z-index: 1
}
 .system--main__lineup--block .inner .movie,.system--main__lineup--block .inner .txt {
  position: relative;
  z-index: 2
}
 .system--main__lineup--block .inner .movie {
    width: 54.54545454545454%
  }
 .system--main__lineup--block .inner .movie .md-movie__li:before {
  border-color: #b41428
}
 .system--main__lineup--block .inner .img {
    padding-left: 5.454545454545454%;
    width: 52.72727272727272%;
    box-sizing: border-box
  }
 .system--main__lineup--block .inner .img--block {
  display: block;
  position: relative;
}
 .system--main__lineup--block .inner .img--block2 {
  display: block;
  position: relative;
	 width: 110%;
}
 .system--main__lineup--block .inner .img--block3 {
  display: block;
  position: relative;
	 width: 100%;
}
 .system--main__lineup--block .inner .img--block {
    width: 87.66666666666667%
  }
 .system--main__lineup--block .inner .img--block:first-child {
  margin-right: auto
}
 .system--main__lineup--block .inner .img--block:last-child {
  margin-left: auto
}
 .system--main__lineup--block .inner .img--block:not(:last-child) {
    margin-bottom: 18px
  }
 .system--main__lineup--block .inner .img--block img {
  position: relative;
  vertical-align: bottom;
  z-index: 2
}
 .system--main__lineup--block .inner .txt {
  box-sizing: border-box
}
 .system--main__lineup--block .inner .txt1 {
    width: 40%;
	margin-bottom: 30px;
  }
 .system--main__lineup--block .inner .txt2 {
    width: 40%;
	 margin-top: 130px;
  }
 .system--main__lineup--block .inner .txt3 {
    width: 40%;
	 margin-top: 130px;
  }

 .system--main__lineup--block .inner .txt--label {
  color: #fff
}
 .system--main__lineup--block .inner .txt--label {
    margin-bottom: 12px
  }
 .system--main__lineup--block .inner .txt--label em {
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1;
  font-family: Barlow, sans-serif;
  font-weight: 700
}
 .system--main__lineup--block .inner .txt--label span {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Noto Serif JP, serif;
  font-weight: 900
}
 .system--main__lineup--block .inner .txt2 .txt--ttl {
  font-size: 30px;
  letter-spacing: .08em;
  color: #fff;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 900
}
 .system--main__lineup--block .inner .txt3 .txt--ttl {
  font-size: 30px;
  letter-spacing: .08em;
  color: #000;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 900
}
 .system--main__lineup--block .inner .txt--ttl {
    margin-bottom: 6.067961165048544%;
	width: 90%;
    margin-top: 0;	
  }
 .system--main__lineup--block .inner .txt--ttl em {
  color: #b41428
}
 .system--main__lineup--block .inner .txt--desc {
    margin-bottom: 4.854368932038835%;
    padding-bottom: 7.281553398058252%;
  }
 .system--main__lineup--block .inner .txt2 .txt--desc p {
  font-size: 14px;
  color: #fff;
  line-height: 1.7;
  letter-spacing: .08em
}
 .system--main__lineup--block .inner .txt3 .txt--desc p {
  font-size: 14px;
  color: #000;
  line-height: 1.7;
  letter-spacing: .08em
}
 .system--main__lineup--block .inner .txt--desc p:not(:last-child) {
  margin-bottom: 1.2em
}
 .system--main__lineup--block .inner .txt--desc p em {
  color: #b41428
}
}



@media screen and (max-width:768px) {
	
*:focus {
  outline: none;
}
	
.track_area_main {
	overflow: hidden;
}
 

.system--main__lineup--block {
  position: relative
}
 .system--main__lineup--block {
    padding-left: 40px;
    padding-right: 40px;
	margin-bottom: 80px;
	 margin-top: 300px;
  }
 .system--main__lineup--block.is__scrolled:before {
  width: 150vw
}
 .system--main__lineup--block.is__scrolled .inner {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
 .system--main__lineup--block:before {
  position: absolute;
  width: 0;
  height: 110%;
  left: 50%;
  content: "";
  display: block;
  background: #dddee3;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.785, .135, .15, .86);
  z-index: 1
}
 .system--main__lineup--block:before {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-6deg);
    transform: translate(-50%, -50%) rotate(-6deg)
  }
 .system--main__lineup--block.ver__system1 {
    margin-bottom: 80px;
	 margin-top: 50px;
  }
 .system--main__lineup--block.ver__system1 .inner .bgtxt,.system--main__lineup--block.ver__system3 .inner .bgtxt {
    top: 20px;
    right: 20px
  }
 .system--main__lineup--block.ver__system1 .inner .movie,.system--main__lineup--block.ver__system3 .inner .movie {
    margin-top: 40px
  }
 .system--main__lineup--block.ver__system2 {
    margin-bottom: 100px;
	margin-top: 260px;
  }
 .system--main__lineup--block.ver__system2:before {
  background: #16171a
}
 .system--main__lineup--block.ver__system2 .inner {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
 .system--main__lineup--block.ver__system2 .inner .bgtxt {
    bottom: -20px;
    left: -10px
  }
 .system--main__lineup--block.ver__system2 .inner .movie {
    margin-top: 30px
  }
 .system--main__lineup--block.ver__system2 .inner .txt {
    margin-top: 130px;
    padding-left: 9.090909090909092%
  }
 .system--main__lineup--block .inner {
  position: relative;
  z-index: 2;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: .6s;
  transition-delay: .6s;
  transition-timing-function: cubic-bezier(.785, .135, .15, .86)
}
 .system--main__lineup--block .inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
  }
 .system--main__lineup--block .inner .bgtxt {
  position: absolute;
  z-index: 1
}
 .system--main__lineup--block .inner .movie,.system--main__lineup--block .inner .txt {
  position: relative;
  z-index: 2
}
 .system--main__lineup--block .inner .movie {
    width: 54.54545454545454%
  }
 .system--main__lineup--block .inner .movie .md-movie__li:before {
  border-color: #b41428
}
 .system--main__lineup--block .inner .img {
    width: 100%;
	 margin: 0 auto;
    box-sizing: border-box
  }
 .system--main__lineup--block .inner .img--block {
  display: block;
  position: relative;
}
 .system--main__lineup--block .inner .img--block2 {
  display: block;
  position: relative;
	margin: -180px auto 0;
	 width: 100%;
}
 .system--main__lineup--block .inner .img--block2 img{
}
 .system--main__lineup--block .inner .img--block3 {
  display: block;
  position: relative;
	margin: -220px auto 0;
	 width: 100%;
}
 .system--main__lineup--block .inner .img--block3 img{
}
 .system--main__lineup--block .inner .img--block {
    width: 100%;
  }
 .system--main__lineup--block .inner .img--block:first-child {
  margin-right: auto
}
 .system--main__lineup--block .inner .img--block:last-child {
  margin-left: auto
}
 .system--main__lineup--block .inner .img--block:not(:last-child) {
    margin-bottom: 18px
  }
 .system--main__lineup--block .inner .img--block img {
  position: relative;
  vertical-align: bottom;
  z-index: 2
}
 .system--main__lineup--block .inner .txt {
  box-sizing: border-box
}
 .system--main__lineup--block .inner .txt1 {
    width: 80%;
	margin: 0 auto;
  }
 .system--main__lineup--block .inner .txt2 {
    width: 100%;
  }
 .system--main__lineup--block .inner .txt3 {
    width: 100%;
  }

 .system--main__lineup--block .inner .txt--label {
  color: #fff
}
 .system--main__lineup--block .inner .txt--label {
    margin-bottom: 12px
  }
 .system--main__lineup--block .inner .txt--label em {
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1;
  font-family: Barlow, sans-serif;
  font-weight: 700
}
 .system--main__lineup--block .inner .txt--label span {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Noto Serif JP, serif;
  font-weight: 900
}
 .system--main__lineup--block .inner .txt2 .txt--ttl {
  font-size: 20px;
  letter-spacing: .08em;
  color: #fff;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 900;
}
 .system--main__lineup--block .inner .txt3 .txt--ttl {
  font-size: 20px;
  letter-spacing: .08em;
  color: #000;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 900;
}
 .system--main__lineup--block .inner .txt--ttl {
    margin-bottom: 4%;
	width: 100%;
    margin-top: 25px;	
  }
 .system--main__lineup--block .inner .txt--ttl em {
  color: #b41428
}
 .system--main__lineup--block .inner .txt--desc {
    margin-bottom: 4.854368932038835%;
    padding-bottom: 7.281553398058252%;
  }
 .system--main__lineup--block .inner .txt2 .txt--desc p {
  font-size: 11px;
  color: #fff;
  line-height: 1.5;
  letter-spacing: .08em
}
 .system--main__lineup--block .inner .txt3 .txt--desc p {
  font-size: 11px;
  color: #000;
  line-height: 1.5;
  letter-spacing: .08em
}
 .system--main__lineup--block .inner .txt--desc p:not(:last-child) {
  margin-bottom: 1.2em
}
 .system--main__lineup--block .inner .txt--desc p em {
  color: #b41428
}
}