@charset "utf-8";
/* CSS Document */


.page_meetups .column {
  max-width: 1400px;
}

.page_meetups .date {
  display: flex;
  align-items: center;
  font-size: clamp(16px, 11.373px + 1.446vw, 40px);
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.03em;
  line-height: 1;
}
.page_meetups .date .time {
  background: #000a0a;
  padding: 0.5em 0.6em 0.4em 0.6em;
  color: #fff;
  font-size: clamp(11px, 9.651px + 0.422vw, 25px);
  font-weight: 500;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}

.page_meetups .btn--01 {
  max-width: 100%;
  margin: 0;
}
.page_meetups .btn--01 a {
  background: none;
  font-size: clamp(16px, 11.373px + 1.446vw, 30px);
  letter-spacing: 0.05em;
  padding: 1.5em 1em;
}
.page_meetups .btn--01 a::after,
.page_meetups .btn--01 a::before {
  background: #000a0a;
  width: 100%;
}
.page_meetups .btn--01 a span {
  text-align: center;
}
.page_meetups .btn--01 a span::after,
.page_meetups .btn--01 a span::before {
  background: #000a0a;
  display: block;
  height: 100%;
}
@media screen and (min-width: 750px) {
	.page_meetups .btn--01 a:hover {
		color: #FFF;
		opacity: 0.9;
	}
}
@media (max-width: 749px) {
  .page_meetups .btn--01 {
    max-width: 240px;
  }
}
.page_meetups .btn-column-area {
  display: flex;
  justify-content: center;
  gap: 1em 3em;
  padding-top: 4em;
}
@media (max-width: 749px) {
  .page_meetups .btn-column-area {
    flex-direction: column;
    align-items: center;
  }
  .page_meetups .btn-column-area li {
    max-width: 240px;
    width: 100%;
  }
}
@media screen and (min-width: 750px) {
  .page_meetups .btn-column-area li {
    width: calc(50% - 1.5em);
  }
}