@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanjp.min.css");
@import url("https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
.event_header {
  margin-bottom: 30px;
}
.event_header__copy {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 0.15em;
  text-align: center;
}

.event_pageanchor {
  margin-bottom: clamp(40px, 8vw, 100px);
}
.event_pageanchor__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: clamp(10px, 2vw, 20px);
}
.event_pageanchor__list__item {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  border-radius: 0.75rem;
}
@media (min-width: 768px) {
  .event_pageanchor__list__item {
    border-radius: 1.5rem;
  }
}
.event_pageanchor__list__item {
  padding: 20px;
  color: #8aafc2;
  border: solid 2px #8aafc2;
  background-color: #ffffff;
  min-width: 200px;
}
@media (hover: hover) and (pointer: fine) {
  .event_pageanchor__list__item:hover {
    color: #ffffff;
    background-color: #8aafc2;
  }
}
@media screen and (max-width: 640px) {
  .event_pageanchor__list__item {
    padding: 10px 20px;
    min-width: revert;
    width: 100%;
  }
}

.event_contents {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

.event_section {
  padding-block: clamp(80px, 8vw, 100px);
}
.event_section--zigzag {
  position: relative;
  background: #d9e5e7;
}
.event_section--zigzag::before {
  content: "";
  position: absolute;
  background: linear-gradient(30deg, #d9e5e7 50%, rgba(255, 255, 255, 0) 52%), linear-gradient(-30deg, #d9e5e7 50%, rgba(255, 255, 255, 0) 52%);
  width: 100%;
  background-size: 16px 10px;
  height: 10px;
  top: -10px;
}
.event_section--zigzag::after {
  content: "";
  position: absolute;
  background: linear-gradient(150deg, #d9e5e7 50%, rgba(255, 255, 255, 0) 52%), linear-gradient(-150deg, #d9e5e7 50%, rgba(255, 255, 255, 0) 52%);
  width: 100%;
  background-size: 16px 10px;
  height: 10px;
  bottom: -10px;
}
.event_section__title {
  margin-bottom: clamp(20px, 5vw, 60px);
  text-align: center;
}
.event_section__title--img {
  display: block;
}
.event_section__title--img img {
  width: 70px;
  height: 25px;
}
.event_section__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 5vw, 60px);
}
.event_section__list__item {
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  .event_section__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .event_section__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.event_section__list__empty {
  grid-column: 1/-1;
  text-align: center;
}

/*# sourceMappingURL=event.css.map */
