@charset "UTF-8";

/* ========================================
	slider
========================================= */
.p-slider__container {
  width: 78.947368%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.p-slider__item {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.p-slider__item::before {
  content: "";
  display: block;
  padding-top: 70%;
}

.p-slider__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.p-slider__button-prev {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 12px;
  height: 68px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.375%22%20height%3D%2269.3%22%20viewBox%3D%220%200%2013.375%2069.3%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_92%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2092%22%20transform%3D%22translate(12.736%2068.661)%20rotate(180)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_29%22%20data-name%3D%22%E7%B7%9A%2029%22%20x2%3D%2212.098%22%20y2%3D%2234.011%22%20fill%3D%22none%22%20stroke%3D%22%23373737%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_30%22%20data-name%3D%22%E7%B7%9A%2030%22%20y1%3D%2234.011%22%20x2%3D%2212.098%22%20transform%3D%22translate(0%2034.011)%22%20fill%3D%22none%22%20stroke%3D%22%23373737%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  background-position: 0% 50%;
  background-size: 12px 68px;
  background-repeat: no-repeat;
}

.p-slider__button-prev:hover {
  opacity: .7;
}

.p-slider__button-prev:focus {
  outline: none;
}

.p-slider__button-next {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 12px;
  height: 68px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.912%22%20height%3D%2269.308%22%20viewBox%3D%220%200%2013.912%2069.308%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_47%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2047%22%20transform%3D%22translate(0.643%200.643)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_29%22%20data-name%3D%22%E7%B7%9A%2029%22%20x2%3D%2212.627%22%20y2%3D%2234.011%22%20fill%3D%22none%22%20stroke%3D%22%23373737%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_30%22%20data-name%3D%22%E7%B7%9A%2030%22%20y1%3D%2234.011%22%20x2%3D%2212.627%22%20transform%3D%22translate(0%2034.011)%22%20fill%3D%22none%22%20stroke%3D%22%23373737%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  background-position: 0% 50%;
  background-size: 12px 68px;
  background-repeat: no-repeat;
}

.p-slider__button-next:hover {
  opacity: .7;
}

.p-slider__button-next:focus {
  outline: none;
}

@media screen and (max-width: 768px) {
  .p-slider__button-prev {
    width: 5px;
    height: 23px;
    background-size: 5px 23px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224.86%22%20height%3D%2224.207%22%20viewBox%3D%220%200%204.86%2024.207%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_154%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20154%22%20transform%3D%22translate(4.233%2023.58)%20rotate(180)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_29%22%20data-name%3D%22%E7%B7%9A%2029%22%20x2%3D%223.606%22%20y2%3D%2211.477%22%20fill%3D%22none%22%20stroke%3D%22%23373737%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_30%22%20data-name%3D%22%E7%B7%9A%2030%22%20y1%3D%2211.477%22%20x2%3D%223.606%22%20transform%3D%22translate(0%2011.477)%22%20fill%3D%22none%22%20stroke%3D%22%23373737%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  }

  .p-slider__button-next {
    width: .26625rem;
    width: 5px;
    height: 23px;
    background-size: 5px 23px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225.546%22%20height%3D%2224.238%22%20viewBox%3D%220%200%205.546%2024.238%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_153%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20153%22%20transform%3D%22translate(0.643%200.643)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_29%22%20data-name%3D%22%E7%B7%9A%2029%22%20x2%3D%224.261%22%20y2%3D%2211.477%22%20fill%3D%22none%22%20stroke%3D%22%23373737%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_30%22%20data-name%3D%22%E7%B7%9A%2030%22%20y1%3D%2211.477%22%20x2%3D%224.261%22%20transform%3D%22translate(0%2011.477)%22%20fill%3D%22none%22%20stroke%3D%22%23373737%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  }
}