@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500&display=swap");
.event-single .deco-1 {
  position: absolute;
  pointer-events: none;
  bottom: 1.3rem;
  right: 4%;
  z-index: 0;
  width: clamp(6rem, 15vw, 32.8rem);
  opacity: 0.3;
}
@media screen and (min-width: 1001px) {
  .event-single .deco-1 {
    opacity: 0.8;
    width: clamp(6rem, 10vw, 32.8rem);
  }
}
@media screen and (min-width: 1601px) {
  .event-single .deco-1 {
    width: clamp(6rem, 15vw, 32.8rem);
    opacity: 0.9;
  }
}

section.intro {
  gap: clamp(3.2rem, 4vw, 5rem);
}
section.intro .text-container,
section.intro .img-col {
  max-width: 50rem;
}
section.intro .img-col {
  max-height: 50rem;
  object-fit: cover;
}
section.intro .text-container h2 {
  color: #000;
  font-size: clamp(2rem, 2vw, 2.5rem);
  letter-spacing: 0.05em;
  line-height: 160%;
  margin-bottom: 0.5em;
}
section.intro .text-container p.date {
  color: #000;
  font-size: clamp(1.6rem, 2vw, 2rem);
  letter-spacing: 0.05em;
  margin-bottom: 0.2em;
}
section.intro .text-container p.intro-text {
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  line-height: 200%;
}

.booth-section-wrapper {
  padding: clamp(6rem, 9vw, 11rem) 0 5rem;
  gap: clamp(10rem, 15vw, 18rem);
  background: #f6f6f6;
  background-color: #ffffff;
  background-image: url(../img/about/bg-pattern-30.png);
  background-position: top center;
  background-repeat: repeat-y;
  background-size: 100%;
}

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