@charset "utf-8";

/* topイメージエリア */
.topImage {
  /* background-image: url(imgs/photo1.png);
  background-size: contain;
  background-repeat: no-repeat; */
  /* background-color: rgb(177, 219, 255); */
  width: 100%;
  margin: 10px 0 3px;
  padding: 10px 0px 0px;
  /* background-color: aliceblue; */
}


/* ------- */
.wrapper {
  background:linear-gradient(45deg, #3bade3,#0888ff,#0474d0);/*グラデーションを定義*/
  background-size: 200% 200%;/*サイズを大きくひきのばす*/
  animation: bggradient 20s ease infinite;
  
  position: relative;
  padding: 10px 0px 40px;
  width: 100%;
}

@keyframes bggradient{
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* ■■■■■■背景のテクスチャのアニメーション■■■■■■ */
/* .fluidCover {
  position: absolute;
  width: 200px;
  height: 200px;
  left: 20px;
  top: 20px;
}

.fluid {
  width: 100%;
  height: 100%;
  background: #fffcc9;
  animation: fluidrotate 30s ease 0s infinite;
}

.fluid2Cover {
  position: absolute;
  width: 250px;
  height: 250px;
  right: 20px;
  bottom: 20px;
}

.fluid2 {
  width: 100%;
  height: 100%;
  background: #fffcc9;
  animation: fluidrotate 30s ease 0s infinite;
}

@keyframes fluidrotate {

  0%,
  100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }

  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }

  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }

  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%;
  }
} */

/* ■■■■■■前文■■■■■■ */
.intro-title {
  font-family: "Yusei Magic", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 850px;
  color: rgb(255, 255, 255);
  margin: auto;
  text-align: center;
  vertical-align: center;
  padding: 30px 0px 22px;
}



.intro-title span {
  color: rgb(241, 241, 40);
}

.introduce {
  width: 850px;
  height: 200px;
  background-color: rgb(255, 255, 255);
  margin: auto;
  padding: 20px 40px;
  border-radius: 10px;
  text-justify: inter-ideograph;
  text-align: justify;
}

/* 活動報告エリア */
.top-katudohokoku-title {
  font-family: "Yusei Magic", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 850px;
  color: rgb(255, 255, 255);
  margin: auto;
  text-align: center;
  vertical-align: center;
  padding: 40px 0px 4px;
}



.top-katudohokoku {
  width: 850px;
  height: 470px;
  margin: 20px auto 24px;
  padding: 10px 0px 10px;
  background-color: white;
  border-radius: 10px;
}

.top-katudohokoku article {
  width: 780px;
  margin: 0 auto;
}

.view-more {
  display: block;
  width: 200px;
  height: 34px;
  padding: 9px;
  margin: 30px auto 0px;
  color: #ffffff;
  background-color: #2392ed;
  border: solid 1px #2392ed;
  text-align: center;
  font-family: 'Courier New', Courier, monospace;
  border-radius: 5px;
}

.top-katudohokoku-res {
  display: none;
}