@charset "UTF-8";
/* CSS Document */

#mainWrap {
	position: relative;
	background-color: #000;
	overflow: hidden;
/*	height: auto;
	line-height: 0;
	font-family: 'YakuHanMP', 'Noto Serif JP', serif;*/
}
#mainWrap .bg {
	 filter: brightness(0%) contrast(120%);
	opacity: 0;
}
.start #mainWrap .bg {
	transition: 3s 3.0s;
	 filter: brightness(100%) contrast(100%);
	opacity: 1;
}
#mainWrap .h2Main {
	position: absolute;
	color: #fff;
	font-size: 2.2vw;
	text-align: center;
	width: 100%;
	top: 8%;
	font-weight: 400;
	letter-spacing: 0.2em;
	opacity: 0;
}
.start #mainWrap .h2Main {
	transition: 2s 0s;
	opacity: 1;
}
#mainWrap .h3Main {
	position: absolute;
	width: 27%;
	left: 36.5%;
	top: 15%;
	filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 1));
opacity: 0;
}
.start #mainWrap .h3Main {
	transition: 2s 0.8s;
	opacity: 1;
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 1)) drop-shadow(0px 0px 10px rgba(0, 0, 0, 1));
}
#mainWrap .names {
	position: absolute;
	width: 86.6%;
	top: 34.6%;
	left: 12.6%;
	opacity: 0;
}
.start #mainWrap .names {
	transition: 2s 4s;
	opacity: 1;
}
#mainWrap .min4 {
	position: absolute;
	width: 17%;
	left: 3.5%;
	bottom: 24%;
	opacity: 0;
}
.start #mainWrap .min4 {
	transition: 1s 5.5s;
	opacity: 1;
}
#mainWrap .min6 {
	position: absolute;
	width: 17%;
	right: 16.1%;
	top: 16.6%;
	opacity: 0;
}
.start #mainWrap .min6 {
	transition: 1s 5s;
	opacity: 1;
}
#mainWrap .mins {
	position: absolute;
	width: 90%;
	left: 5%;
	bottom: 1.5%;
	
}
#mainWrap .hikari {
	position: absolute;
	width: 20%;

}
#mainWrap .hikari-1 {
	left: 27%;
	top: 13%;
	opacity: 0;
	transform: scale(1.2);
}
.start #mainWrap .hikari-1 {
	transition: 0.5s ease-out 1.4s;
	opacity: 1;
	transform: scale(1);
}
#mainWrap .hikari-2 {
	left: 10.4%;
	top: 35.6%;
	opacity: 0;
}
.start #mainWrap .hikari-2 {
	transition: 0.5s ease-out 5s;
	opacity: 1;
	transform: scale(1);
}
#mainWrap .hikari-3 {
	right: 6.2%;
	top: 36%;
	opacity: 0;
}
.start #mainWrap .hikari-3 {
	transition: 0.5s ease-out 5.5s;
	opacity: 1;
	transform: scale(1);
}
#mainWrap .hikari-4 {
	width: 80%;
  left: 3.5%;
  top: -1%;
  opacity: 0;

}

#mainWrap .hikari-4 img {
	width: 100%;
}
.start #mainWrap .hikari-4 {
	transition: 0.5s ease-out 2.5s;
	opacity: 1;
	transform: scale(1);
}
#mainWrap #newInfo {
	color: #c6bf8a;
	position: absolute;
	font-size: 1.8vw;
	left: 2%;
	top: 4%;
}

@media screen and (max-width: 959px) {

}

@media screen and (max-width: 599px) {
	#mainWrap #newInfo {
		font-size: 4.0vw;
		left: 3%;
		top: 2%;
	}
	#mainWrap .h2Main {
		font-size: 3.6vw;
		top: 9%;
		letter-spacing: 0.1em;
	}
	#mainWrap .h3Main {
		width: 36%;
		left: 32%;
		top: 25%;
		filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.7)) drop-shadow(0px 1px 5px rgba(0, 0, 0, 1));
	}
	#mainWrap .hikari-1 {
    width: 30%;
    left: 19%;
    top: 20%;
	}
	#mainWrap .hikari-2,
	#mainWrap .hikari-3 {
    top: 44%;
	}
	#mainWrap .names {
    width: 91%;
    top: 43%;
   left: 7%;
	}
	#mainWrap .hikari-4 {
    top: 18%;
	}
	#mainWrap .min4 {
    width: 19%;
    left: 1.5%;
    bottom: 25%;
		 filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 1)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 1));
	}
	#mainWrap .min6 {
   width: 22%;
   right: 16%;
   top: 56%;
		 filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 1)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 1));
	}
}

@keyframes flicker {
  from {
      opacity: 0.8;
    }
    4% {
      opacity: 0.6;
    }
    8% {
      opacity: 0.75;
    }
    12% {
      opacity: 0.65;
    }
    16% {
      opacity: 0.60;
    }
    20% {
      opacity: 0.7;
    }
    24% {
      opacity: 1;
    }
    28% {
      opacity: 0.85;
    }
    32% {
      opacity: 0.60;
    }
    36% {
      opacity: 0.75;
    }
    40% {
      opacity: 0.6;
    }
    44% {
      opacity: 1;
    }
    48% {
      opacity: 0.75;
    }
    52% {
      opacity: 0.60;
    }
    56% {
      opacity: 10;
    }
    60% {
      opacity: 0.7;
    }
    64% {
      opacity: 0.85;
    }
    68% {
      opacity: .65;
    }
    72% {
      opacity: 0.7;
    }
    76% {
      opacity: 0.6;
    }
    80% {
      opacity: 1;
    }
    84% {
      opacity: 0.60;
    }
    88% {
      opacity: 0.55;
    }
    92% {
      opacity: 1;
    }
    96% {
      opacity: 0.6;
    }
    to {
      opacity: 0.7;
    }
}