@charset "utf-8";
/* =========================================================================================
PAGE HEADER
=========================================================================================*/
.page-header {
	background: #EDE37B;
}
.entry-content section:nth-of-type(1){
  padding-top: 25px;
}
/* =========================================================================================
LAYOUT
=========================================================================================*/
/* .title-area */
.title-area{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.title-area .event-logo{
  width: 100%;
  max-width: 970px;
}
.title-area .event-image{
  text-align: center;
  translate: 0 -2.5%;
}
.title-area .event-image p{
  font-size: clamp(1.25rem, calc(0.671rem + 2.472vw), 1.938rem); /* min: 20px, max: 31px */;
  font-weight: var(--weight-semibold);
  line-height: 1.6;
  margin-top: 1em;
}

/* .info-area */
.info-area{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-block: 2em;
}
.info-area .schedule{
  color: #0092E5;
  text-align: center;
  font-size: clamp(1.375rem, calc(0.585rem + 3.371vw), 2.313rem); /* min: 22px, max: 37px */;
  line-height: 1.2;
  font-weight: var(--weight-bold);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375em;
  margin-bottom: 0.5em;
}
.info-area .schedule::before,
.info-area .schedule::after{
  content: "";
  width: 1.3em;
  aspect-ratio: 1 / 1;
  background: url(../images/page/event/beer-bike/object.svg) no-repeat center / contain;
  translate: 0 2.5%;
}
@media only screen and (max-width: 820px) {

}
@media only screen and (max-width: 468px) {

}