body.home #main-visual {
  position: relative;
  visibility: hidden;
  background: #000;
  width: 100%;
  overflow: hidden;
}

#animation-container {
  position: relative;
  width: 100%;
  height: 100%;
  background: black;
}

#test {
  position: fixed;
  top: 300px;
  left: 0;
  background: white;
  color: red;
  z-index: 99999;
}

body.home #main-visual._pc {
  visibility: visible;
  height: 660px;
}
body.home #main-visual._pc .kv-curtain {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
}
body.home #main-visual._pc .kv-curtain-left {
  left: 0;
  background-position: 0 0;
  background-image: url("../img/home/mainvisual/kv-curtain-l.png");
}
body.home #main-visual._pc .kv-curtain-right {
  right: 0;
  background-position: right 0;
  background-image: url("../img/home/mainvisual/kv-curtain-r.png");
}
body.home #main-visual._pc #animation-container:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
body.home #main-visual._pc #animation-container .kv-bg {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/home/mainvisual/kvbg.jpg") center 0 no-repeat;
}
body.home #main-visual._pc #animation-container .kv-line {
  position: absolute;
  top: 152px;
  left: 50%;
  margin-left: -256px;
  width: 511px;
  height: 294px;
  background: url("../img/home/mainvisual/kvline.png") 0 0 no-repeat;
}
body.home #main-visual._pc #animation-container .kv-line p {
  position: absolute;
  width: 480px;
  height: 40px;
  background: black;
}
body.home #main-visual._pc #animation-container .kv-line p img {
  position: absolute;
  left: -8px;
  top: -22px;
  width: 82px;
  opacity: 0;
}
body.home #main-visual._pc #animation-container .kv-line p:nth-of-type(1) {
  top: -8px;
  left: 0;
}
body.home #main-visual._pc #animation-container .kv-line p:nth-of-type(2) {
  top: 200px;
  left: 125px;
  -moz-transform: rotate(132deg);
  -ms-transform: rotate(132deg);
  -webkit-transform: rotate(132deg);
  transform: rotate(132deg);
}
body.home #main-visual._pc #animation-container .kv-line p:nth-of-type(3) {
  top: 108px;
  left: -172px;
  -moz-transform: rotate(-132deg);
  -ms-transform: rotate(-132deg);
  -webkit-transform: rotate(-132deg);
  transform: rotate(-132deg);
}
body.home #main-visual._pc #animation-container .kv-title {
  position: relative;
  width: 1000px;
  height: 100%;
  left: 50%;
  margin-left: -500px;
}
body.home #main-visual._pc #animation-container .kv-title p {
  opacity: 0;
}
body.home #main-visual._pc #animation-container .kv-title p img {
  object-fit: none;
}
body.home #main-visual._pc #animation-container .kv-title .kv-title-glow {
  position: absolute;
  top: 224px;
  left: 216px;
  width: 561px;
  height: 137px;
}
body.home #main-visual._pc #animation-container .kv-title .kv-title-glow img {
  opacity: 0.58;
}
body.home #main-visual._pc #animation-container .kv-title .kv-title-text {
  position: absolute;
  top: 259px;
  left: 217px;
  width: 561px;
  height: 137px;
}
body.home #main-visual._pc #animation-container .kv-title .kv-title-sub {
  position: absolute;
  top: 206px;
  left: 392px;
}
body.home #main-visual._pc #animation-container .kv-circles {
  position: absolute;
  width: 1100px;
  height: 100%;
  left: 50%;
  margin-left: -550px;
}
body.home #main-visual._pc #animation-container .kv-circles p {
  opacity: 0;
  position: absolute;
  width: 180px;
  height: 180px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
body.home #main-visual._pc #animation-container .kv-circles p.kv-circle-games {
  top: 70px;
  left: 162px;
  background-image: url("../img/home/mainvisual/kvcirclegame.png");
}
body.home #main-visual._pc #animation-container .kv-circles p.kv-circle-gaming {
  top: 70px;
  left: 757px;
  /*background-image: url("../img/home/mainvisual/kvcirclegaming.png");*/
  background-image: url("../img/home/mainvisual/kvcirclegmam.png");
}
body.home #main-visual._pc #animation-container .kv-circles p.kv-circle-pachinko {
  top: 404px;
  left: 460px;
  background-image: url("../img/home/mainvisual/kvcirclepachinko.png");
}
body.home #main-visual._pc #animation-container .kv-obj {
  position: absolute;
  top: 315px;
  left: 0;
  width: 100%;
  opacity: 0;
  -moz-transform: scale(0.92, 0.92);
  -ms-transform: scale(0.92, 0.92);
  -webkit-transform: scale(0.92, 0.92);
  transform: scale(0.92, 0.92);
}
body.home #main-visual._pc #animation-container .kv-obj p {
  position: absolute;
  width: 120%;
  height: 430px;
  background-repeat: no-repeat;
  background-position: center 0;
}
body.home #main-visual._pc #animation-container .kv-obj p:nth-of-type(1) {
  background-image: url("../img/home/mainvisual/kvobj1.png");
}
body.home #main-visual._pc #animation-container .kv-obj p:nth-of-type(2) {
  background-image: url("../img/home/mainvisual/kvobj2.png");
}
body.home #main-visual._pc #animation-container .kv-anim {
  position: absolute;
  top: 0;
  left: 50%;
}
body.home #main-visual._pc #animation-container .kv-anim p {
  position: absolute;
}
body.home #main-visual._pc #animation-container .kv-anim .kv-title-light {
  opacity: 0;
  top: 210px;
  left: -270px;
  width: 400px;
  height: 133px;
}
body.home #main-visual._pc #animation-container .kv-anim .kv-title-light:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/home/mainvisual/kvtitlelight1.png") 0 0 no-repeat;
  opacity: 0.8;
}
body.home #main-visual._pc #animation-container .kv-particles {
  position: absolute;
  top: 0;
  left: 50%;
}
body.home #main-visual._pc #animation-container .kv-particles p {
  position: absolute;
  top: 0;
  left: 0;
}
body.home #main-visual._pc #animation-container .kv-particles p span {
  opacity: 0;
  position: absolute;
  top: 0;
  left: -1328px;
  width: 2657px;
  height: 702px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
body.home #main-visual._pc #animation-container .kv-particles .particle-1 span {
  background-image: url("../img/home/mainvisual/kvparticle.png");
}
body.home #main-visual._pc #animation-container .kv-particles .particle-2 span {
  background-image: url("../img/home/mainvisual/kvparticle2.png");
}
body.home #main-visual._pc #animation-container .kv-particles .particle-3 span {
  background-image: url("../img/home/mainvisual/kvparticle3.png");
}
body.home #main-visual._pc #animation-container .kv-circle-light {
  position: absolute;
  width: 1100px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -550px;
}
body.home #main-visual._pc #animation-container .kv-circle-light p {
  position: absolute;
}
body.home #main-visual._pc #animation-container .kv-circle-light p span {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
}
body.home #main-visual._pc #animation-container .kv-circle-light .light {
  top: 70px;
  left: 162px;
  width: 180px;
  height: 180px;
}
body.home #main-visual._pc #animation-container .kv-circle-light .light span {
  width: 100%;
  height: 100%;
  background: url("../img/home/mainvisual/kvtitlelight2.png") center center no-repeat;
}
body.home #main-visual._pc #animation-container .kv-circle-light .line span {
  width: 223px;
  height: 40px;
  background: url("../img/home/mainvisual/kvtitlelight3.png") center center no-repeat;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  body.home #main-visual._pc .kv-curtain {
    display: none;
  }
  body.home #main-visual._pc .kv-title-glow img {
    margin-top: 5px;
  }
}
body.home #main-visual._sp {
  visibility: visible;
  position: relative;
  height: 136vw;
}
body.home #main-visual._sp #animation-container {
  display: none;
}
body.home #main-visual._sp .kv-curtain {
  display: none;
}
body.home #main-visual._sp .kv-pict {
  position: relative;
  width: 100%;
  height: 100%;
}
body.home #main-visual._sp .kv-pict p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
}
body.home #main-visual._sp .kv-pict p:nth-of-type(1) {
  background-image: url("../img/home/mainvisual/kv-1-sp.jpg");
}
body.home #main-visual._sp .kv-pict p:nth-of-type(2) {
  background-image: url("../img/home/mainvisual/kv-2-sp.jpg");
}
body.home #main-visual._sp .kv-pict p:nth-of-type(3) {
  background-image: url("../img/home/mainvisual/kv-3-sp.jpg");
}
body.home #main-visual._sp .kv-pict span {
  position: absolute;
  display: block;
  opacity: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50.8vw;
  background: 0 0 no-repeat;
  background-size: 100%;
}
body.home #main-visual._sp .kv-pict span:nth-of-type(1) {
  background-image: url("../img/home/mainvisual/kv-obj1-sp.png");
  z-index: 2;
}
body.home #main-visual._sp .kv-pict span:nth-of-type(2) {
  background-image: url("../img/home/mainvisual/kv-obj2-sp.png");
  z-index: 1;
}