body{
  max-width:1920px;
  margin:0 auto;
  font-family: 'Noto Sans JP', sans-serif;
}
header{
	background-color: #fff;
	position: fixed;
	width: 100%;
	z-index: 100;
}
.hero{
	margin-top: 70px;
	background-size: cover;
	height: 57.131vw;
}
@media screen and (min-width:1199px) {
    .hero {
		margin-top: 135px;
		background-size: contain;
		height: 685px;
	}
}

.intro h2{
  color: #fff;
  text-align: center;
}

.intro .text-intro{
  text-align:left;
  color:#fff;
}

.bglogo{
  background-image: url(../img/cooltext443833491705911.png);
  background-repeat: repeat-x;
  background-position: bottom 50px right;
  animation: bgroop 20s linear infinite;
}
@keyframes bgroop {
  from {
    background-position: bottom 50px right;
  }
  to {
      background-position: bottom 50px right -1956px;
  }
}