@charset "utf-8";
main {
  background-color: #fff;
  overflow: clip;
}

.text {
  text-align: justify;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  line-height: 1.7;
}
/* ↓↓↓ fv ↓↓↓ */
.fv {
  background: url(/recruit/img/special/texture_orange.jpg);
  background-size: 400px;
}

.fv .container {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 800px;
  padding: 130px 0 65px;
}

@media screen and (max-width: 768px) {
  .fv .container {
    min-height: 775px;
    padding: 90px 25px 65px;
  }
}

.fv .title {
  width: min(810px, calc(100% - 4.375% * 2));
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .fv .title {
    width: 100%;
  }
}

.fv .news-list {
  margin: 37px auto 35px;
  width: max-content;
}

.fv .news-list .item {
  display: flex;
  width: max-content;
}

.fv .news-list .item .date {
  font-family: var(--font-lato);
  font-size: 1.3rem;
  letter-spacing: 0.08em;
  margin-right: 15px;
  padding-top: 1px;
}

.fv .news-list .item .detail {
  font-size: 1.4rem;
  font-weight: 500;
}

.fv .slider-area {
  position: relative;
  margin-top: 90px;
}

.fv .fv-slider {
  margin-top: auto;
}

.fv .swiper-slide {
  max-width: 560px;
  overflow: clip;
}

@media screen and (min-width: 769px) {
  .fv .swiper-slide img {
    transition: scale 0.3s ease;
  }

  .fv .swiper-slide:hover img {
    scale: 1.1;
  }
}

@media screen and (max-width: 768px) {
  .fv .swiper-slide {
    max-width: 325px;
  }
}

.fv .swiper-slide a {
  position: relative;
  display: block;
}

.fv .swiper-slide .text-group {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 24px 16px;
  color: #fff;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 57.14%, rgba(0,0,0,0) 100%);
}

@media screen and (max-width: 768px) {
  .fv .swiper-slide .text-group {
    position: relative;
    width: 100%;
    height: auto;
    padding: 44px 25px 40px;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 65%, rgba(0,0,0,0) 100%);
    margin-top: -80px;
    z-index: 1;
  }
}

.fv .swiper-slide .text-group .page-title {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.07em;
  margin-bottom: 16px;
}

.fv .swiper-slide .text-group .text {
  min-height: 68px;
}

.fv .slider-area .pagination {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}

.fv .slider-area .pagination .swiper-pagination-bullet {
  background-color: #6D6D6F;
  opacity: 1;
}

.fv .slider-area .pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}

.fv .slider-area .arrow-prev,
.fv .slider-area .arrow-next {
  cursor: pointer;
  position: absolute;
  translate: -50% -50%;
  top: 50%;
  display: block;
  width: 64px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #000;
  z-index: 1;
}

.fv .slider-area .arrow-prev {
  left: calc(50% - 280px);
}

.fv .slider-area .arrow-next {
  left: calc(50% + 280px);
}

@media screen and (max-width: 768px) {
  .fv .slider-area .arrow-prev,
  .fv .slider-area .arrow-next {
  translate: -50% 0;
  top: 102px;
  width: 48px;
}
  .fv .slider-area .arrow-prev {
    left: calc(50% - 139px);
  }
  
  .fv .slider-area .arrow-next {
    left: calc(50% + 139px);
  }
}

.fv .slider-area .arrow-prev::after,
.fv .slider-area .arrow-next::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/special/angle.png) no-repeat;
  background-size: contain;
}

.fv .slider-area .arrow-next::after {
  rotate: 180deg;
}

@media screen and (min-width: 769px) {
  .fv .slider-area .arrow-prev,
  .fv .slider-area .arrow-next {
    transition: background-color 0.3s ease;
  }

  .fv .slider-area .arrow-prev:hover,
  .fv .slider-area .arrow-next:hover {
    background-color: #272727;
  }
}
/* ↑↑↑ fv ↑↑↑ */

.search .container {
  padding-top: 80px;
}