@charset "UTF-8";
/* -----------------
Event イベント
-------------------- */
/* -----------------
event_wrap
-------------------- */
.event_wrap {
  margin: 180px 0 130px;
}
@media screen and (max-width: 767px) {
  .event_wrap {
    margin: min(70px, 14.5833333333vw) 0 min(72px, 15vw);
  }
}
@media screen and (min-width: 768px) {
  .event_wrap .event_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .event_wrap .event_list::after {
    content: "";
    width: 31.9491525424%;
  }
}
@media screen and (min-width: 768px) {
  .event_wrap .event_list li {
    width: 31.9491525424%;
  }
  .event_wrap .event_list li:nth-child(n+4) {
    margin-top: 72px;
  }
}
@media screen and (max-width: 767px) {
  .event_wrap .event_list li:nth-child(n+2) {
    margin-top: min(60px, 12.5vw);
  }
}
.event_wrap .event_list li.event_end .img::before {
  display: flex;
}
.event_wrap .event_list li.event_end .img::after {
  display: none;
}
.event_wrap .event_list a {
  display: block;
}
@media screen and (min-width: 768px) {
  .event_wrap .event_list a:hover {
    opacity: 1;
  }
  .event_wrap .event_list a:hover .img::after {
    opacity: 0.3;
  }
  .event_wrap .event_list a:hover .img img {
    transform: scale(1.1);
  }
}
.event_wrap .event_list .img {
  position: relative;
  aspect-ratio: 377/247;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .event_wrap .event_list .img {
    aspect-ratio: 420/275;
  }
}
.event_wrap .event_list .img::before, .event_wrap .event_list .img::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.event_wrap .event_list .img::before {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  content: "受付終了しました";
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(17, 17, 17, 0.45);
}
@media screen and (max-width: 767px) {
  .event_wrap .event_list .img::before {
    font-size: min(2.1rem, 4.375vw);
  }
}
.event_wrap .event_list .img::after {
  content: "";
  display: block;
  background: var(--color-purple);
  transition: opacity 0.3s;
  opacity: 0;
}
.event_wrap .event_list .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}
.event_wrap .event_list .ttl {
  font-size: min(2.1rem, 4.375vw);
  line-height: 1.7619047619;
  margin-top: min(21px, 4.375vw);
}
.event_wrap .event_list .date {
  display: flex;
  margin-top: 12px;
}
@media screen and (max-width: 767px) {
  .event_wrap .event_list .date {
    margin-top: min(16px, 3.3333333333vw);
  }
}
.event_wrap .event_list .date [class^=txt] {
  font-size: 1.6rem;
  line-height: 1.75;
  display: block;
}
@media screen and (max-width: 767px) {
  .event_wrap .event_list .date [class^=txt] {
    font-size: min(1.8rem, 3.75vw);
    line-height: 1.7777777778;
  }
}
.event_wrap .event_list .date .txt01 {
  width: 64px;
}
@media screen and (max-width: 767px) {
  .event_wrap .event_list .date .txt01 {
    white-space: nowrap;
    width: min(72px, 15vw);
  }
}
.event_wrap .event_list .date .txt02 {
  width: calc(100% - 64px);
}
@media screen and (max-width: 767px) {
  .event_wrap .event_list .date .txt02 {
    width: calc(100% - min(72px, 15vw));
  }
}
.event_wrap ul.m_pager_list {
  margin-top: 128px;
}
@media screen and (max-width: 767px) {
  .event_wrap ul.m_pager_list {
    margin-top: min(70px, 14.5833333333vw);
  }
}

/* -----------------
event_detail_wrap
-------------------- */
.event_detail_wrap {
  margin: 180px 0 120px;
}
@media screen and (max-width: 767px) {
  .event_detail_wrap {
    margin: min(70px, 14.5833333333vw) 0 min(85px, 17.7083333333vw);
  }
  .event_detail_wrap > .m_wrap {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .event_detail_wrap .ttl_box {
    width: 100%;
  }
}
.event_detail_wrap .category {
  font-size: 1.6rem;
  line-height: 1.75;
  color: #fff;
  margin-inline: auto;
  padding: 0 12px;
  width: fit-content;
  background: var(--color-purple);
}
.event_detail_wrap .category + .ttl {
  margin-top: 22px;
}
@media screen and (max-width: 767px) {
  .event_detail_wrap .category {
    font-size: min(1.8rem, 3.75vw);
    line-height: 1.7777777778;
    padding: 0 min(14px, 2.9166666667vw);
  }
  .event_detail_wrap .category + .ttl {
    margin-top: min(18px, 3.75vw);
  }
}
.event_detail_wrap .ttl {
  font-size: min(2.4rem, 5vw);
  line-height: 1.75;
  margin-inline: auto;
  width: fit-content;
}
.event_detail_wrap .art_wrap {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .event_detail_wrap .art_wrap {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .event_detail_wrap .art_wrap {
    margin-top: min(24px, 5vw);
  }
}
@media screen and (min-width: 768px) {
  .event_detail_wrap .art_box {
    width: 65.0847457627%;
  }
}
.event_detail_wrap .pm_reservation_box {
  width: 31.7796610169%;
}
@media screen and (max-width: 767px) {
  .event_detail_wrap .pm_reservation_box {
    margin: min(30px, 6.25vw) auto 0;
    width: var(--width-base-sp);
  }
}
.event_detail_wrap .pm_reservation_box .d_list {
  padding: 22px 8% 44px;
  background: #eee;
}
@media screen and (min-width: 768px) {
  .event_detail_wrap .pm_reservation_box .d_list {
    position: -webkit-sticky;
    position: sticky;
    top: 105px;
  }
}
@media screen and (max-width: 767px) {
  .event_detail_wrap .pm_reservation_box .d_list {
    padding: min(8px, 1.6666666667vw) min(30px, 6.25vw) min(38px, 7.9166666667vw);
  }
}
.event_detail_wrap .pm_reservation_box .d_list .term,
.event_detail_wrap .pm_reservation_box .d_list .des {
  font-size: 1.6rem;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .event_detail_wrap .pm_reservation_box .d_list .term,
.event_detail_wrap .pm_reservation_box .d_list .des {
    font-size: min(1.8rem, 3.75vw);
    line-height: 1.7777777778;
  }
}
.event_detail_wrap .pm_reservation_box .d_list .term {
  font-weight: 700;
  padding-top: 19px;
}
@media screen and (max-width: 767px) {
  .event_detail_wrap .pm_reservation_box .d_list .term {
    padding-top: min(21px, 4.375vw);
  }
}
.event_detail_wrap .pm_reservation_box .d_list .des {
  padding-bottom: 19px;
}
@media screen and (max-width: 767px) {
  .event_detail_wrap .pm_reservation_box .d_list .des {
    padding-bottom: min(21px, 4.375vw);
  }
}
.event_detail_wrap .pm_reservation_box .d_list .des + .term {
  border-top: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .event_detail_wrap .pm_reservation_box .d_list .btn {
    margin-top: 27px;
  }
}
.event_detail_wrap .pm_reservation_box .d_list .btn a {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.75;
  color: #fff;
  text-align: center;
  position: relative;
  display: block;
  margin-inline: auto;
  padding: 9px 0 10px;
  width: 91.9402985075%;
  border-radius: 100em;
  background: var(--color-purple);
}
@media screen and (max-width: 767px) {
  .event_detail_wrap .pm_reservation_box .d_list .btn a {
    font-size: min(1.8rem, 3.75vw);
    line-height: 1.7777777778;
    padding: min(7px, 1.4583333333vw) 0 min(8px, 1.6666666667vw);
    width: min(308px, 64.1666666667vw);
  }
}
.event_detail_wrap .pm_reservation_box .d_list .btn a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: min(18px, 3.75vw);
  width: 11px;
  height: 100%;
  background: url(../img/common/icn_double_arrow_white.svg) center/contain no-repeat;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .event_detail_wrap .pm_reservation_box .d_list .btn a::after {
    width: min(11px, 2.2916666667vw);
  }
}
.event_detail_wrap .art_cont {
  display: flow-root;
  margin-top: 122px;
}
@media screen and (max-width: 767px) {
  .event_detail_wrap .art_cont {
    margin-top: min(54px, 11.25vw);
  }
}
@media screen and (min-width: 768px) {
  .event_detail_wrap .art_cont .m_wrap {
    width: 100%;
  }
}
.event_detail_wrap .art_cont .m_wrap > * {
  margin-top: 2em;
}
.event_detail_wrap .art_cont .m_wrap > *:first-child {
  margin-top: 0 !important;
}
.event_detail_wrap .art_cont .m_wrap > * + figure {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .event_detail_wrap .art_cont .m_wrap > * + figure {
    margin-top: min(47px, 9.7916666667vw);
  }
}
.event_detail_wrap .art_cont .m_wrap > div, .event_detail_wrap .art_cont .m_wrap > figure {
  display: flow-root;
}
.event_detail_wrap .art_cont img {
  width: auto;
}
.event_detail_wrap .art_cont h1 {
  font-weight: 700;
  font-size: min(2.4rem, 5vw);
  line-height: 1.75;
}
.event_detail_wrap .art_cont h2 {
  font-weight: 700;
  font-size: 1.9rem;
  line-height: 1.7368421053;
}
@media screen and (max-width: 767px) {
  .event_detail_wrap .art_cont h2 {
    font-size: min(2rem, 4.1666666667vw);
    line-height: 1.75;
  }
}
.event_detail_wrap .art_cont h3 {
  font-weight: 700;
  font-size: min(1.7rem, 3.5416666667vw);
  line-height: 1.4705882353;
}
.event_detail_wrap .art_cont h4 {
  font-weight: 700;
  font-size: min(1.5rem, 3.125vw);
  line-height: 1.5333333333;
}
.event_detail_wrap .art_cont h5 {
  font-weight: 700;
  font-size: min(1.3rem, 2.7083333333vw);
  line-height: 1.6153846154;
}
.event_detail_wrap .art_cont h6 {
  font-weight: 700;
  font-size: min(1.1rem, 2.2916666667vw);
  line-height: 1.7272727273;
}
.event_detail_wrap .art_cont p,
.event_detail_wrap .art_cont li {
  font-size: 1.6rem;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .event_detail_wrap .art_cont p,
.event_detail_wrap .art_cont li {
    font-size: min(1.8rem, 3.75vw);
    line-height: 1.7777777778;
  }
}
.event_detail_wrap .art_cont p > strong, .event_detail_wrap .art_cont p > b,
.event_detail_wrap .art_cont li > strong,
.event_detail_wrap .art_cont li > b {
  font-size: 1.9rem;
  line-height: 1.7368421053;
}
@media screen and (max-width: 767px) {
  .event_detail_wrap .art_cont p > strong, .event_detail_wrap .art_cont p > b,
.event_detail_wrap .art_cont li > strong,
.event_detail_wrap .art_cont li > b {
    font-size: min(2rem, 4.1666666667vw);
    line-height: 1.75;
  }
}
.event_detail_wrap .art_cont strong,
.event_detail_wrap .art_cont b {
  font-weight: 700;
}
.event_detail_wrap .art_cont a {
  text-decoration: underline;
}
.event_detail_wrap .art_cont ul,
.event_detail_wrap .art_cont ol {
  padding-left: 2em;
}
.event_detail_wrap .art_cont ul li {
  list-style-type: disc;
}
.event_detail_wrap .art_cont ol li {
  list-style-type: decimal;
}
.event_detail_wrap .art_cont .youtube {
  width: 100%;
  aspect-ratio: 16/9;
}
.event_detail_wrap .art_cont .youtube iframe {
  width: 100%;
  height: 100%;
}

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