@charset "UTF-8";
/* CSS Document */
body {
  font-family: "M PLUS Rounded 1c", 'ヒラギノ角ゴシック', 'Hiragino Sans', 'メイリオ', Meiryo, 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'Avenir Next', sans-serif;
}
.hero {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
.logo {
  width: 60%;
  position: sticky;
  top: 50px;
  left: 30px;
}
.lead {
  font-size: 1.8em;
  text-align: center;
}
/*content  */
.content01 {
  width: 80%;
  margin: auto;
}
.marker{
    background-image:  linear-gradient(transparent 70%, #fbb034 0%);
}
.upper{
    text-transform:  uppercase;
}
.fluid {
  margin: -200px auto 100px;
  width: 70%;
  height: 100vh;
  background-color: #fbb034;
  background-image: linear-gradient(145deg, #fbb034 0%, #ffdd00 74%);
  animation: fluidrotate 25s ease 0s infinite;
  display: flex;
  align-items: center;
}
@keyframes fluidrotate {
  0%, 100% {
    border-radius: 56% 44% 70% 30% / 36% 25% 75% 64%;
  }
  14% {
    border-radius: 30% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 81% 19% 70% 30% / 36% 25% 75% 64%;
  }
  42% {
    border-radius: 53% 47% 83% 17% / 64% 62% 38% 36%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}
.content02 {
  width: 80%;
  margin: auto;
}