/*=============================
// usage example single
===============================*/
/* variables
---------------------------------------------------------- */
.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
}

.pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}

/* eventlist-single
---------------------------------------------------------- */
.eventlist {
  padding-top: 12.2rem;
  margin-bottom: 10rem;
}
.eventlist_inner {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 5rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.eventlist_head {
  margin-bottom: 5.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.eventlist_head .content {
  width: 50%;
}
.eventlist_head .content .heading01 {
  margin-bottom: 4rem;
}
.eventlist_head .content .heading01 h1 {
  margin-bottom: 0.6rem;
  font-size: 5.2rem;
}
.eventlist_head .content .heading01 .en {
  margin-bottom: 0.6rem;
  font-size: 5.2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #21429D;
  background: -webkit-gradient(linear, left top, right top, from(#40afaa), color-stop(35.96%, #399cdf), color-stop(70.44%, #2d80c8), to(#6059a8));
  background: linear-gradient(to right, #40afaa 0%, #399cdf 35.96%, #2d80c8 70.44%, #6059a8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.eventlist_head .content .description {
  margin-bottom: 1.2rem;
  font-size: 2.5rem;
  line-height: 1.52;
  font-weight: 700;
}
.eventlist_head .content .event {
  color: #21429D;
  font-size: 1.8rem;
  font-weight: 700;
}
.eventlist_head .thumb {
  width: 50%;
}
.eventlist .title01 {
  padding-left: 1rem;
  margin-bottom: 3.2rem;
  font-size: 2.5rem;
  font-weight: 700;
  position: relative;
}
.eventlist .title01::before {
  content: "";
  width: 0.4rem;
  height: 100%;
  background: #21429D;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.eventlist .description01 {
  margin-bottom: 5.2rem;
  font-size: 1.8rem;
  line-height: 1.55;
}
.eventlist .image01 {
  margin-bottom: 4rem;
}
.eventlist .dot-list {
  margin-bottom: 4rem;
}
.eventlist .dot-list dt {
  margin-bottom: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  font-size: 2rem;
  font-weight: 700;
}
.eventlist .dot-list dt::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #21429D;
}
.eventlist .dot-list dd {
  font-size: 1.8rem;
  line-height: 1.55;
}
.eventlist .normal-list {
  margin-bottom: 2.4rem;
}
.eventlist .normal-list dt {
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
  font-weight: 700;
}
.eventlist .normal-list dd {
  font-size: 1.8rem;
  line-height: 1.55;
}
.eventlist .box01 {
  margin-top: 6rem;
  margin-bottom: 4.4rem;
  border: 0.2rem solid #292929;
}
.eventlist .box01.is-color-blue {
  margin-bottom: 6rem;
  border: 0.2rem solid #21429D;
}
.eventlist .box01.is-color-blue h2 {
  background: #21429D;
}
.eventlist .box01.is-color-blue h2::before {
  content: "";
  width: 3.1rem;
  height: 3.2rem;
  background: url("../../img/eventlist/single/box_icon.png") no-repeat center;
  background-size: contain;
}
.eventlist .box01.is-color-blue .content {
  background: #EBF7FF;
}
.eventlist .box01 h2 {
  padding: 1.6rem;
  background: #292929;
  color: #fff;
  font-size: 2rem;
  font-weight: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.eventlist .box01 .content {
  padding: 3.2rem;
}
.eventlist .box01 .content > *:first-child {
  margin-top: 0;
}
.eventlist .box01 .content h3 {
  margin-top: 2.4rem;
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
  font-weight: 700;
}
.eventlist .box01 .content p {
  font-size: 1.8rem;
}
.eventlist .box01 .matome {
  padding: 1.2rem 3.2rem 2.4rem;
}
.eventlist .box01 .matome h3 {
  margin-bottom: 0.8rem;
  color: #21429D;
  font-size: 1.8rem;
  font-weight: 700;
}
.eventlist .box01 .matome p {
  font-size: 1.8rem;
  line-height: 1.55;
}
.eventlist .number-list {
  margin-top: 3.2rem;
}
.eventlist .number-list > *:last-child {
  margin-bottom: 0;
}
.eventlist .number-list dt {
  margin-bottom: 0.8rem;
  font-size: 2rem;
  font-weight: 700;
}
.eventlist .number-list dt span {
  color: #21429D;
}
.eventlist .number-list dd {
  margin-bottom: 4rem;
  font-size: 1.8rem;
  line-height: 1.55;
}
.eventlist_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4rem 3.2rem;
}
.eventlist_buttons .button01 {
  width: 39.5rem;
}
.eventlist_buttons + .eventlist_buttons {
  margin-top: 4rem;
  margin-bottom: 10rem;
}

/* rental
---------------------------------------------------------- */
.rental {
  margin-bottom: 6rem;
}
.rental_inner {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 5rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.rental .heading01 {
  padding-left: 1rem;
  margin-bottom: 4rem;
  font-size: 2.5rem;
  font-weight: 700;
  position: relative;
}
.rental .heading01::before {
  content: "";
  width: 0.4rem;
  height: 100%;
  background: #21429D;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rental_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 6rem;
}
.rental_list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.rental_list-item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.rental_list-item:nth-child(even) .content h3 {
  padding-left: 0;
}
.rental_list-item:nth-child(even) .content p {
  padding: 0 3.2rem 0 0;
}
.rental_list-item .thumb {
  width: 50%;
}
.rental_list-item .content {
  width: 50%;
}
.rental_list-item .content h3 {
  margin-bottom: 1.2rem;
  padding: 2.6rem 3.2rem 1.2rem;
  border-bottom: 0.1rem solid #21429D;
  font-size: 1.8rem;
  font-weight: 700;
}
.rental_list-item .content p {
  padding: 0 0 0 3.2rem;
  font-size: 1.8rem;
  line-height: 1.55;
}

/* faq
---------------------------------------------------------- */
.faq {
  margin-bottom: 6rem;
}
.faq_inner {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 5rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.faq .heading01 {
  padding-left: 1rem;
  margin-bottom: 4rem;
  font-size: 2.5rem;
  font-weight: 700;
  position: relative;
}
.faq .heading01::before {
  content: "";
  width: 0.4rem;
  height: 100%;
  background: #21429D;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.faq dl > *:last-child {
  margin-bottom: 0;
}
.faq dl dt {
  color: #21429D;
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: 700;
}
.faq dl dd {
  margin-bottom: 4rem;
  font-size: 1.8rem;
}

.contact {
  margin-bottom: 10rem;
}

@media only screen and (max-width: 768px) {
  /* eventlist-single
  ---------------------------------------------------------- */
  .eventlist {
    padding-top: 9.2rem;
    margin-bottom: 5.2rem;
  }
  .eventlist_inner {
    padding: 0 1.6rem;
  }
  .eventlist_head {
    margin-bottom: 3.2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .eventlist_head .content {
    width: 100%;
  }
  .eventlist_head .content .heading01 {
    margin-bottom: 2.8rem;
  }
  .eventlist_head .content .heading01 h1 {
    margin-bottom: 0.6rem;
    font-size: 3.5rem;
  }
  .eventlist_head .content .heading01 .en {
    margin-bottom: 0.6rem;
    font-size: 3.5rem;
  }
  .eventlist_head .content .description {
    margin-bottom: 3.2rem;
    font-size: 1.8rem;
  }
  .eventlist_head .thumb {
    width: 100%;
  }
  .eventlist .title01 {
    padding-left: 1rem;
    margin-bottom: 1.4rem;
    font-size: 1.8rem;
  }
  .eventlist .title01::before {
    height: 90%;
  }
  .eventlist .description01 {
    margin-bottom: 4.5rem;
    font-size: 1.4rem;
    line-height: 1.55;
  }
  .eventlist .image01 {
    width: 100vw;
    margin: 0 calc(50% - 50vw) 3.2rem;
  }
  .eventlist .dot-list {
    margin-bottom: 3.2rem;
  }
  .eventlist .dot-list dt {
    font-size: 1.4rem;
  }
  .eventlist .dot-list dd {
    font-size: 1.4rem;
    line-height: 1.55;
  }
  .eventlist .normal-list {
    margin-bottom: 3.2rem;
  }
  .eventlist .normal-list dt {
    margin-bottom: 1.2rem;
    font-size: 1.4rem;
    font-weight: 700;
  }
  .eventlist .normal-list dd {
    font-size: 1.4rem;
    line-height: 1.55;
  }
  .eventlist .box01 {
    margin-top: 4rem;
    margin-bottom: 4.4rem;
    border: 0.2rem solid #292929;
  }
  .eventlist .box01.is-color-blue {
    margin-bottom: 4rem;
  }
  .eventlist .box01.is-color-blue h2 {
    padding: 0.8rem;
  }
  .eventlist .box01 h2 {
    font-size: 1.4rem;
  }
  .eventlist .box01 .content {
    padding: 2rem;
  }
  .eventlist .box01 .content > *:first-child {
    margin-top: 0;
  }
  .eventlist .box01 .content h3 {
    margin-top: 2.4rem;
    margin-bottom: 1.2rem;
    font-size: 1.4rem;
  }
  .eventlist .box01 .content p {
    font-size: 1.4rem;
  }
  .eventlist .box01 .matome {
    padding: 2rem;
  }
  .eventlist .box01 .matome h3 {
    margin-bottom: 1.2rem;
    font-size: 1.4rem;
  }
  .eventlist .box01 .matome p {
    font-size: 1.4rem;
    line-height: 1.71;
  }
  .eventlist .number-list {
    margin-top: 1.4rem;
  }
  .eventlist .number-list > *:last-child {
    margin-bottom: 0;
  }
  .eventlist .number-list dt {
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
    font-weight: 700;
  }
  .eventlist .number-list dt span {
    color: #21429D;
  }
  .eventlist .number-list dd {
    margin-bottom: 2.4rem;
    font-size: 1.4rem;
    line-height: 1.55;
  }
  .eventlist_buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
  }
  .eventlist_buttons .button01 {
    width: 23.5rem;
    text-align: center;
  }
  .eventlist_buttons + .eventlist_buttons {
    margin-top: 2rem;
    margin-bottom: 5.2rem;
  }
  /* rental
  ---------------------------------------------------------- */
  .rental {
    margin-bottom: 4rem;
  }
  .rental_inner {
    padding: 0 1.6rem;
  }
  .rental .heading01 {
    padding-left: 1rem;
    margin-bottom: 2rem;
    font-size: 1.8rem;
  }
  .rental .heading01::before {
    height: 90%;
  }
  .rental_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 3.2rem;
  }
  .rental_list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .rental_list-item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .rental_list-item:nth-child(even) .content h3 {
    padding-left: 0;
  }
  .rental_list-item:nth-child(even) .content p {
    padding: 0 3.2rem 0 0;
  }
  .rental_list-item .thumb {
    margin-bottom: 3.2rem;
    width: 100%;
  }
  .rental_list-item .content {
    width: 100%;
  }
  .rental_list-item .content h3 {
    margin-bottom: 1.2rem;
    padding: 0 0 1.2rem;
    font-size: 1.8rem;
  }
  .rental_list-item .content p {
    padding: 0;
    font-size: 1.4rem;
    line-height: 1.55;
  }
  /* faq
  ---------------------------------------------------------- */
  .faq {
    margin-bottom: 5.2rem;
  }
  .faq_inner {
    padding: 0 1.6rem;
  }
  .faq .heading01 {
    padding-left: 1rem;
    margin-bottom: 2rem;
    font-size: 1.8rem;
  }
  .faq dl > *:last-child {
    margin-bottom: 0;
  }
  .faq dl dt {
    margin-bottom: 1.2rem;
    font-size: 1.6rem;
  }
  .faq dl dd {
    margin-bottom: 3.2rem;
    font-size: 1.4rem;
  }
  .contact {
    margin-bottom: 5.2rem;
  }
}/*# sourceMappingURL=single.css.map */