/* --------------------------------------------------
	event
-------------------------------------------------- */
.sec-event .event-box {
  gap: 0 6.4rem;
  margin-bottom: 8rem;
}
@media screen and (min-width: 767px) {
  .sec-event .event-box {
    display: flex;
    margin-bottom: 9rem;
  }
}
.sec-event .event-box .event-img img {
  max-width: 64.5rem;
}
.sec-event .event-box .event-title {
  font-size: 2.2rem;
  margin-bottom: 1.25em;
}
@media screen and (max-width: 767px) {
  .sec-event .event-box .event-title {
    font-size: 3.42222rem;
  }
}
.sec-event .event-box .c-text strong {
  font-weight: bold;
}
.sec-event .event-box .c-text .ico-external {
  position: relative;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  top: -0.6rem;
  margin-inline: 0.4rem 0.7rem;
}
.sec-event .event-box .c-text .ico-external img {
  width: 100%;
  max-width: inherit;
  height: auto;
}
.sec-event .event-box .c-text.c-note {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .sec-event .event-box .c-text.c-note {
    font-size: 2.48888rem;
  }
}
.sec-event .event-slider {
  margin: 0 auto;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .sec-event .event-slider {
    width: 100%;
    padding: 5rem 3.6rem;
  }
  .sec-event .event-slider .slick-prev,
  .sec-event .event-slider .slick-next {
    top: 81%;
  }
}
.sec-event .event-slider a {
  display: block;
  transition: 0.4s;
}
.sec-event .event-slider a:hover {
  opacity: 0.7;
}
.sec-event .event-slider .slick-next,
.sec-event .event-slider .slick-prev {
  width: 5.8rem;
  height: 5.8rem;
  z-index: 50;
  background: url("../img/top/arrow_slide.png") no-repeat center center;
  background-size: 100% auto;
  transition: 0.4s;
  top: calc(50% - 2.9rem);
}
.sec-event .event-slider .slick-next::before,
.sec-event .event-slider .slick-prev::before {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .sec-event .event-slider .slick-next:hover,
  .sec-event .event-slider .slick-prev:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .sec-event .event-slider .slick-next,
  .sec-event .event-slider .slick-prev {
    width: 8rem;
    height: 8rem;
  }
}
.sec-event .event-slider .slick-prev {
  left: 1.4%;
}
.sec-event .event-slider .slick-prev::before {
  content: "";
}
@media screen and (max-width: 767px) {
  .sec-event .event-slider .slick-prev {
    left: 0.5%;
  }
}
.sec-event .event-slider .slick-next {
  transform: translate(0, -50%) scale(-1, 1);
  right: 1.4%;
}
.sec-event .event-slider .slick-next::before {
  content: "";
}
@media screen and (max-width: 767px) {
  .sec-event .event-slider .slick-next {
    right: 0.5%;
  }
}
.sec-event .event-slider .slick-list:focus {
  outline: 3px solid #283666;
}
.sec-event .event-slider .slick-slide img {
  margin: 0 auto;
}
.sec-event .event-slider .dots-wrap {
  display: flex;
  justify-content: center;
  margin-top: 2.90425rem;
}
.sec-event .event-slider .dots-wrap li {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #c9c9c9;
  border-radius: 50%;
  cursor: pointer;
}
.sec-event .event-slider .dots-wrap li:hover, .sec-event .event-slider .dots-wrap li.slick-active {
  background: #283666;
}
.sec-event .event-slider .dots-wrap li button {
  display: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}

@media print, screen and (max-width: 767px) {
  .sec-event .event-box {
    display: block;
  }
  .sec-event .event-box .c-text {
    margin-bottom: 4rem;
  }
  .sec-event .event-box .event-img img {
    max-width: 100%;
  }
  .sec-event .event-box .c-text .ico-external {
    width: 2.4rem;
    height: 2.4rem;
    top: -1rem;
  }
}