@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap");
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSansJP-Regular-after.woff") format("woff"), url("../font/NotoSansJP-Regular-after.eot") format("eot");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("../font/NotoSansJP-Black-after.woff") format("woff"), url("../font/NotoSansJP-Black-after.eot") format("eot");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("../font/NotoSansJP-Bold-after.woff") format("woff"), url("../font/NotoSansJP-Bold-after.eot") format("eot");
  font-display: swap;
}
#activity-details .activity-block {
  margin: 30px auto;
}
#activity-details .activity-block .img {
  width: 100%;
  margin: auto;
}
#activity-details .activity-block .img img {
  width: 100%;
}
#activity-details p {
  text-align: center;
}
#activity-details .activity1 {
  margin: 50px auto;
  text-align: center;
}
#activity-details .activity1 p {
  font-size: 2.5rem;
  font-weight: 400;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 600px) {
  #activity-details .activity1 p {
    font-size: 2rem;
  }
}
#activity-details .activity1 p span {
  font-size: 120%;
  background: linear-gradient(to right, #e7e200 0%, #2fb2ff 100%);
  color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
}
#activity-details .activity1 .img {
  max-width: 650px;
  margin: 15px auto 0;
}
#activity-details .activity3 p {
  margin: 20px auto;
}
#activity-details .activity3 p span.one {
  display: block;
  margin-bottom: 5px;
  font-size: 150%;
  letter-spacing: 0.15rem;
  color: #0d5da2;
}
#activity-details .activity3 p span.two {
  font-size: 120%;
  font-weight: 600;
  letter-spacing: 0.15rem;
}
#activity-details .activity3 .img {
  max-width: 780px;
  margin: 20px auto 0;
}
@media screen and (max-width: 800px) {
  #activity-details .activity3 .img {
    max-width: 600px;
  }
}

#infomation {
  padding: 7% 0;
  background-color: rgb(241, 241, 241);
}
#infomation .inner {
  width: 90vw;
  max-width: 1200px;
  margin: 0 auto;
}
#infomation .inner .btn {
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 0;
}
#infomation .inner .btn a {
  background-color: #fff;
  border: 2px solid #333;
  color: #333;
}
#infomation .inner .btn a:before {
  background-color: #0d5da2;
}
#infomation .inner .btn a:after {
  border-left: 9px solid #ffffff;
}
#infomation .tab-wrap .label-wrap {
  margin: 15px 0;
}
#infomation .tab-wrap .label-wrap label {
  margin: 0 2px 0;
  padding: 5px 13px;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  color: #fff;
  border-radius: 20px;
  display: inline-block;
}
#infomation .tab-wrap .label-wrap label:first-of-type {
  background: #f1b356;
}
#infomation .tab-wrap .label-wrap label:last-of-type {
  background: #bc9fe1;
}
#infomation ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media screen and (max-width: 800px) {
  #infomation ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
#infomation ul li {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.09);
  background-color: #fff;
}
#infomation ul li .txt {
  padding: 3.5% 4%;
  background: #fff;
}
#infomation ul li span {
  display: block;
}/*# sourceMappingURL=activity.css.map */