@charset "UTF-8";
/*-----------------------------------
** layout
  -----------------------------------*/
.l-eventPage__hero {
  padding-top: 68px;
}

@media screen and (min-width: 768px) {
  .l-eventPage__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-hero {
  text-align: center;
  font-size: 1.2rem;
  padding: 3rem 0;
}
@media screen and (max-width: 767.98px) {
  .p-hero {
    padding: 1.6rem 0;
  }
}

@media screen and (min-width: 768px) {
  .p-event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 2.4rem;
  }
}
@media screen and (min-width: 992px) {
  .p-event {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .p-event {
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 768px) {
  .p-event__banner {
    width: 38%;
  }
}
.p-event__banner img {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3137254902);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3137254902);
  border-radius: 6px;
}

@media screen and (min-width: 768px) {
  .p-event__body {
    width: 62%;
    padding-left: 1.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .p-event__body {
    font-size: 0.8rem;
  }
}
.p-event__body .heading {
  font-weight: bold;
  font-size: 1rem;
}
@media screen and (max-width: 767.98px) {
  .p-event__body .heading {
    margin-top: 0.4rem;
  }
}
.p-event__body .schedule {
  margin-top: 1rem;
}
.p-event__body .schedule td:first-of-type {
  white-space: nowrap;
  padding-right: 0.4rem;
}
.p-event__body .caution {
  padding-left: 0;
}
.p-event__body .caution li {
  text-indent: -11px;
  padding-left: 22px;
}
.p-event__body .caution li::before {
  content: "※";
  display: inline-block;
  padding-right: 0.4rem;
}
.p-event__body .link {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.p-event__body .link span {
  padding-left: 2rem;
}
@media screen and (max-width: 767.98px) {
  .p-event__body .link {
    margin-top: 1rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .p-event__body .link span {
    padding: 0 1rem 0 0;
  }
}

@media screen and (max-width: 767.98px) {
  .p-remote {
    font-size: 0.8rem;
  }
}/*# sourceMappingURL=event.css.map */