@charset "UTF-8";
body {
  display: block;
}

.slider-block .photo .photo-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
}

.slider-block {
  margin-bottom: 8vh;
}
@media screen and (max-width: 767px) {
  .slider-block {
    margin-bottom: 20px;
  }
}
.slider-block:last-child {
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .slider-block:last-child {
    padding-bottom: 20px;
  }
}
.slider-block .article__list01 {
  padding-top: 70px;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  gap: unset;
}
@media screen and (max-width: 767px) {
  .slider-block .article__list01 {
    padding-top: 20px;
  }
}
.slider-block .article__list01 .item {
  height: auto;
}
.slider-block .h2-small {
  font-size: 28px;
}
@media screen and (max-width: 767px) {
  .slider-block .h2-small {
    font-size: 18px;
  }
}
.slider-block .item-p {
  padding: 0 1rem;
}
.slider-block .swiper-container {
  overflow: visible;
}
.slider-block .swiper-container .swiper {
  padding-bottom: 4rem;
}
.slider-block .swiper-container .swiper-button-next,
.slider-block .swiper-container .swiper-button-prev {
  color: #624c2f;
}
.slider-block .swiper-container .swiper-button-next {
  right: -4rem;
}
.slider-block .swiper-container .swiper-button-prev {
  left: -4rem;
}
.slider-block .swiper-container .swiper-pagination {
  bottom: 1.4rem;
}
.slider-block .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #624c2f;
}
@media screen and (max-width: 767px) {
  .slider-block .swiper-container .swiper-button-next {
    right: 0;
  }
  .slider-block .swiper-container .swiper-button-prev {
    left: 0;
  }
}
.slider-block .slider-deco {
  width: 192px;
  position: absolute;
  top: -8rem;
}
@media screen and (max-width: 767px) {
  .slider-block .slider-deco {
    width: 80px;
    top: -3rem;
  }
}
.slider-block .slider-deco img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.slider-block:nth-child(even) .slider-deco {
  left: -2rem;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
@media screen and (max-width: 767px) {
  .slider-block:nth-child(even) .slider-deco {
    left: 0;
  }
}
.slider-block:nth-child(odd) .slider-deco {
  right: -2rem;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}
@media screen and (max-width: 767px) {
  .slider-block:nth-child(odd) .slider-deco {
    right: 0;
  }
}

.toJobList {
  position: relative;
  z-index: 99;
}
.toJobList__inner {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.toJobList.visible .toJobList__inner {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.toJobList__inner {
  position: fixed;
  right: 1rem;
  bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .toJobList__inner {
    right: 20px;
    bottom: 1rem;
  }
}
.toJobList__inner--contents {
  width: 9.6rem;
  height: auto;
}
@media screen and (max-width: 767px) {
  .toJobList__inner--contents {
    width: 7.6rem;
  }
}

/* Swiperコンテナとスライドの基本的なスタイル */
.youtubeList-slider {
  width: 100%;
  /* スライド内の動画コンテナ（ポジションの基準） */
  /* 透明なオーバーレイのスタイル */
  /*

  .swiper-touch-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: grab; 

  }
  */
}
.youtubeList-slider .video-slide {
  position: relative;
  text-align: center;
  /* Swiper-no-swipingの代替策として、iframeをカバーするために必要 */
}
.youtubeList-slider iframe {
  width: 100%;
  height: 300px;
}
.youtubeList-slider .slider-deco {
  display: none;
}

#top__news {
  padding: 120px 0 8vh;
}/*# sourceMappingURL=new_style.css.map */