#mv {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  margin-left: 0;
  height: 100vh;
}

.mv-bg {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  animation: anime 20s 0s infinite;
}
#mv01 {
  z-index: 20;
}
#mv02 {
  z-index: 18;
  animation-delay: 5s;
}
#mv03 {
  z-index: 16;
  animation-delay: 10s;
}
#mv04 {
  z-index: 14;
  animation-delay: 15s;
}
@keyframes anime {
  0% { opacity: 0; }
  25% { opacity: 1; }
  50% { opacity: 0; }
  100% { transform: scale(1.1); }
}

#top-text {
  position: absolute;
  bottom: 48vh;
  left: 0;
  width: 100%;
  z-index: 12345;
  opacity: 0;
}
#top-text img {
  width: 70%;
  max-width: 500px;
}

#news {
  padding: 3vw 0;
	margin: -38vh 0 4vw;
	background-color: rgba(147,113,183,.7);
	color: #fff;
  height: 38vh;
  position: relative;
  z-index: 1234;
}
a.to-list {
  position: absolute;
  right: 1vw;
  top: 0;
  font-size: 80%;
	color: #fff;
  border: solid 1px #fff;
  padding: 0 10px;
}
.list-box {
  height: 80%;
  overflow: auto;
}
.list-box li {
  border-bottom: dotted 1px #fff;
  margin-top: .5vw;
  padding-bottom: .2vw;
}
a.list-link {
  text-decoration: underline;
  color: #fff;
}
a.list-link:hover {
  text-decoration: none;
}
.date-box {
  background-color: #fff;
  padding-top: .3vw;
  color: #9371b7;
}

.bnr-box {
  background-color: rgba(110,110,110,.8);
  height:20vw;
  z-index: 1234;
}
.bnr-kind {
  position: absolute;
  top: 23%;
  left: 0;
  right: 0;
}
.bnr-link {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 20vw;
}
#bnr02.bnr-link {
  background-position: center bottom;
}
#bnr01-tit {
  transition: 1s ease-out;
  transform: translateX(-100%);
  opacity: 0;
}
#bnr02-tit {
  transition: 1s ease-out;
  transform: translateX(100%);
  opacity: 0;
}
#bnr03-tit {
  transition: 1s ease-out;
  transform: translateX(-100%);
  opacity: 0;
}
#bnr04-tit {
  transition: 1s ease-out;
  transform: translateX(100%);
  opacity: 0;
}
#bnr01-tit.delighter.started, 
#bnr02-tit.delighter.started, 
#bnr03-tit.delighter.started, 
#bnr04-tit.delighter.started {
  transform: translateX(0);
  opacity: 1;
  color: #EEC4FF;
}

@media (min-width: 1200px){
  #information h1 i {
    vertical-align: -8px;
  }
}

@media (max-width: 991px){
  
}

@media (max-width: 767px){
  #mv {
    width: 100%;
    margin: 0;
  }
  #mv-text {
    margin-left: 0;
    font-size: 90%;
    top: 22vh;
    left: 0;
    z-index: 20;
    text-align: center;
    width: 100%;
    text-shadow: .3vw .3vw .3vw rgba(0,0,0,.6);
  }
  #top-text img {
    width: 80%;
  }
  #news {
		margin: -40vh 0 10vw;
    height: 40vh;
	}
  .bnr-box {
    background-color: rgba(0,0,0,.5);  
    height:70vw;
  }
  .bnr-kind {
    position: absolute;
    top:25%;
  }
  #banner {
    overflow: hidden;
  }
  #bnr01, 
  #bnr02, 
  #bnr03, 
  #bnr04 {
    height:70vw;
  }
  a.bnr-link {
    height: 55vw;
  }
  .bnr-ttl-jp,
  .bnr-ttl-en {
    height: 5vw;
  }
  .bnr-line {
    display: none;
  }
  .bnr-ttl-en {
    padding-top: 1.1vw;
  }
}

@media (max-width: 575px){
  
}