.hakuma-section-online h1 {
  margin-top: 0px !important;
}
.hakuma-section-online .wave {
  margin-top: -15%;
  position: relative;
  z-index: 2;
  max-width: 100%;
}
.hakuma-section-online .brands {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 100%;
}
.hakuma-section-online .brands a {
  margin: 45px;
}
.hakuma-section-online .brands img {
  max-width: 100%;
  max-height: 42px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .hakuma-section-online .brands img {
    max-height: 37px;
  }
}
.hakuma-section-online .animates-wave-wrapper {
  position: relative;
  overflow: hidden;
  height: 500px;
  width: 100%;
  margin: -200px 0;
  z-index: 9;
}
.hakuma-section-online .animates-wave-wrapper .curve {
  transform: translateY(0.1px);
}
.hakuma-section-online .animates-wave-wrapper svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.2));
}
.hakuma-section-online .animates-wave-wrapper .wave-1 {
  top: 40px;
  animation: wave-invert linear 24s infinite;
}
.hakuma-section-online .animates-wave-wrapper .wave-2 {
  top: 80px;
  animation: wave linear 17s infinite;
}
.hakuma-section-online .animates-wave-wrapper .wave-3 {
  top: 120px;
  animation: wave-invert linear 21s infinite;
}
.hakuma-section-online .animates-wave-wrapper .wave-4 {
  top: 160px;
  animation: wave linear 28s infinite;
  filter: none;
}
@media only screen and (max-width: 768px) {
  .hakuma-section-online .animates-wave-wrapper .wave-1,
  .hakuma-section-online .animates-wave-wrapper .wave-3 {
    animation: wave-invert linear 18s infinite;
  }
  .hakuma-section-online .animates-wave-wrapper .wave-2,
  .hakuma-section-online .animates-wave-wrapper .wave-4 {
    animation: wave linear 14s infinite;
  }
}
@keyframes wave {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes wave-invert {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

.section-oat {
  background-color: #c0d5b4;
}

.online-gradient-container {
  height: 200px;
}

/*# sourceMappingURL=hakuma-section-online.css.map */