@charset "utf-8";

/* ----------------------------------------------------
_idx
---------------------------------------------------- */
._idx {
  padding: 65px 0;
  background: url("../img/common/detail_bg001.png") no-repeat right top,url("../img/common/detail_bg004.png") no-repeat left top 70%;
  background-size: 28.125% auto,25.25% auto;
}
@media screen and (max-width: 750px) {
  ._idx {
    background-size: 70% auto, 60% auto;
    background-position: right top, left 22%;
  }
}
.recruit-list .recruit-list-item {
  border-bottom: 1px solid #eee;
  padding-block: 3em;
}
.recruit-list .recruit-list-item a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 3em;
  text-decoration: none;
  transition: opacity .3s ease;
}
@media screen and (max-width: 750px) {
  .recruit-list .recruit-list-item a {
    flex-direction: column;
    gap: 1.5em;
  }
}
@media (any-hover: hover) {
  .recruit-list .recruit-list-item a:hover {
    opacity: .8;
  }
}
@media (hover: none) {
  .recruit-list .recruit-list-item a:active {
    opacity: .8;
  }
}
.recruit-list .recruit-list-item .recruit-fig-area {
  width: 35%;
  height: auto;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 1em;
}
@media screen and (max-width: 750px) {
  .recruit-list .recruit-list-item .recruit-fig-area {
    width: 100%;
  }
}
.recruit-list .recruit-list-item .recruit-fig-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale .5s ease;
}
@media (any-hover: hover) {
  .recruit-list .recruit-list-item a:hover .recruit-fig-area img {
    scale: 1.05;
  }
}
@media (hover: none) {
  .recruit-list .recruit-list-item a:active .recruit-fig-area img {
    scale: 1.05;
  }
}
.recruit-list .recruit-list-item .recruit-txt-area {
  flex: 1;
}
.recruit-list .recruit-list-item .recruit-list-ttl {
  font-size: 2.2rem;
  margin-bottom: .8em;
  transition: color .3s ease;
}
@media screen and (max-width: 750px) {
  .recruit-list .recruit-list-item .recruit-list-ttl {
    margin-bottom: .5em;
  }
}
@media (any-hover: hover) {
  .recruit-list .recruit-list-item a:hover .recruit-list-ttl {
    color: #1c4c74;
  }
}
@media (hover: none) {
  .recruit-list .recruit-list-item a:active .recruit-list-ttl {
    color: #1c4c74;
  }
}
.recruit-list .recruit-list-item .recruit-list-txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 2;
  overflow: hidden;
  margin-bottom: 1em;
}
@media screen and (max-width: 750px) {
  .recruit-list .recruit-list-item .recruit-list-txt {
    -webkit-line-clamp: 3;
  }
}
.recruit-list .recruit-list-item .recruit-list-tag-wrap {
  display: grid;
  justify-items: start;
  gap: 1em;
}
.recruit-list .recruit-list-item .recruit-list-tag-wrap span {
  display: inline-block;
  color: #1c4c74;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  background: #efebd3;
  border-radius: .5em;
  padding: .5em 1em;
}