@charset "UTF-8";
/* =====================

  採用情報　ギャラリー

  /recruit/graduate/gallery/

===================== */
.p-gallery__body {
  padding-bottom: 7rem;
}

@media screen and (min-width: 769px) {
  .p-gallery__body {
    padding-bottom: 10rem;
  }
}

.p-gallery__contents ~ .p-gallery__contents {
  margin-top: 7rem;
}

@media screen and (min-width: 769px) {
  .p-gallery__contents ~ .p-gallery__contents {
    margin-top: 10rem;
  }
}

.p-gallery .p-gallery__header {
  padding-bottom: 0;
  margin-top: 1em;
}

.p-gallery__title {
  margin-bottom: .5em;
  font-size: 2.5rem;
  font-weight: normal;
  text-align: center;
}

.p-gallery__slider ~ .p-gallery__slider {
  margin-top: 3rem;
}

.p-gallery__slider__image {
  position: relative;
  width: calc(100% - 20px);
  margin: 0 auto;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media screen and (min-width: 769px) {
  .p-gallery__slider__image {
    max-width: 1200px;
  }
}

.p-gallery__slider__image:not(.slick-initialized) {
  visibility: hidden;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}

.p-gallery__slider__image img {
  width: 213px;
  margin: 0 1rem;
}

@media screen and (min-width: 769px) {
  .p-gallery__slider__image img {
    width: auto;
  }
}

.p-gallery__slider__image .slick-next,
.p-gallery__slider__image .slick-prev {
  z-index: 999;
}

@media screen and (min-width: 769px) {
  .p-gallery__slider__image .slick-next,
  .p-gallery__slider__image .slick-prev {
    width: 4rem;
    height: 4rem;
  }
}

.p-gallery__slider__image .slick-next:before,
.p-gallery__slider__image .slick-prev:before {
  font-family: sans-serif;
  content: "";
}

.p-gallery__slider__image .slick-prev {
  left: 1rem;
  background: url("./imgs/icon-prev.svg") center 0 no-repeat;
  background-size: contain;
}

@media screen and (min-width: 769px) {
  .p-gallery__slider__image .slick-prev {
    left: 8.33333%;
  }
}

.p-gallery__slider__image .slick-next {
  right: 1rem;
  background: url("./imgs/icon-next.svg") center 0 no-repeat;
  background-size: contain;
}

@media screen and (min-width: 769px) {
  .p-gallery__slider__image .slick-next {
    right: 8.33333%;
  }
}