@charset "UTF-8";
@import url('/css/style.css');

.copyright {
  margin-top: 0;
}

.header__sub-image {
  height: 13.6rem;
  width: 100%;
  text-align: center;
  color: #ffffff;
  background: url(/img/feature__img-key-visuals.webp) no-repeat top center/cover;
}

@media screen and (max-width: 767px) {
  .header__sub-image {
    padding: 0px 20px; /* 左右に余白を作る */
  }
}

.header__sub-image-title {
  font-size: 2rem;
  padding: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .header__sub-image-title {
    font-size: 22.4px;
  }
}

.header__sub-image-text {
  padding-top: 1rem;
}

.feature__inner {
  max-width: 960px;
  margin: auto;
}
@media screen and (max-width: 1100px) {
  .feature__inner {
    width: 95%;
  }
}

.feature__inner {
  padding: 3.4rem 0 1.6rem;
}
@media screen and (max-width: 767px) {
  .feature__inner {
    padding: 3.4rem 0 0;
  }
}

.feature__inner-list-information {
  padding-bottom: 0.5rem;
}
.feature__inner-list-information li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.8rem 1rem;
  margin-bottom: 2rem;
  background: #FAF9F7;
  border-radius: 0.5rem;
}
.feature__inner-list-information li img {
  width: 5rem;
}
.feature__inner-list-information li p {
  padding: 0.5rem 0 0;
  font-size: 14.4px;
}

.feature__inner-list-information-icon {
  border-radius: 50%; /* アイコンを円形で表示する */
}

.feature__inner-list-information-text {
  width: calc(98% - 5rem);
}

.feature__inner-list-information-text-title {
  font-weight: bold;
  font-size: 1.2rem;
  padding-bottom: 0.2rem;
}
@media screen and (max-width: 767px) {
  .feature__inner-list-information-text-title {
    font-size: 16px;
  }
}

.feature__inner-list-category {
  display: flex;
  border-bottom: 1px solid #E0E0E0;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .feature__inner-list-category {
    border: none;
  }
}
.feature__inner-list-category li {
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 0 1.5em 1em;
}
@media screen and (max-width: 767px) {
  .feature__inner-list-category li {
    padding-bottom: 0.5rem;
    min-width: 100%;
    margin: 0 0 0.5rem;
    border-bottom: 1px solid #E0E0E0;
  }
}
.feature__inner-list-category li span {
  background: #C70607;
  color: #ffffff;
  border-radius: 50%;
  padding: 0 0.2em;
  font-weight: normal;
  margin-left: 0.5em;
}
.feature__inner-list-category li.active {
  border-bottom: 3px solid #2C8CE4;
}

.feature-list-inner {
  padding-bottom: 4rem;
}

/* 一覧表示部分 */

.feature-list,
.job-openings,
.feature-list__on-inner,
.feature-list__off-inner {
  max-width: 960px;
  margin: auto;
}
@media screen and (max-width: 1100px) {
  .feature-list,
  .job-openings,
  .feature-list__on-inner,
  .feature-list__off-inner {
    width: 95%;
  }
}

.feature-list__off-inner {
  padding: 3rem 0 5rem;
}
@media screen and (max-width: 767px) {
  .feature-list__off-inner {
    padding: 1.5rem 0 5rem;
  }
}

.feature-list__off-inner p {
  text-align: center;
}

.feature-list__on-inner {
  padding: 3rem 0 1rem;
}
@media screen and (max-width: 767px) {
  .feature-list__on-inner {
    padding: 1.5rem 0 0 0;
  }
}

.feature-list__on-inner p {
  text-align: center;
}
.feature-list__on-inner ul {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .feature-list__on-inner ul {
    border: none;
  }
  .feature-list__on-inner ul {
    flex-wrap: nowrap;
  }
  
}
.feature-list__on-inner ul li {
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 0 1.5em 1em;
  border-bottom: 1px solid #E0E0E0;
}
@media screen and (max-width: 1100px) {
  .feature-list__on-inner ul li {
    padding: 0 2% 1em;
  }
}
@media screen and (max-width: 767px) {
  .feature-list__on-inner ul li {
    width: 100%;
    padding:0 1% 0.5rem;
    margin-bottom: 0;
    border-bottom: 1px solid #E0E0E0;
    font-size: 12.4px;

  }
}
.feature-list__on-inner ul li span {
  background: #C70607;
  color: #ffffff;
  border-radius: 50%;
  padding: 0 0.25em 0.15em;
  font-weight: normal;
  margin-left: 0.5em;
  font-size: 0.9rem;
}
@media screen and (max-width: 767px) {
  .feature-list__on-inner ul li span {
    font-size: 12.4px;
  }
}
.feature-list__on-inner ul li.active {
  border-bottom: 3px solid #2C8CE4;
}

.feature-list__on-inner-title,
.feature-list__off-inner-title {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0.2em 1.2em;
  border-left: 7px solid #5E479F;
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 767px) {
  .feature-list__on-inner-title,
  .feature-list__off-inner-title {
    font-size: 19.2px;
  }
}

.feature-list__on-inner-title {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .feature-list__on-inner-title {
    margin-bottom: 1.5rem;
  }
}

/* 新着マーク */
.feature-list-inner-ul-li-text {
  line-height: 1em;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  padding-bottom: 1.3rem;
  margin: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .feature-list-inner-ul-li-text {
    font-size: 12.8px;
  }
}

.feature-list-inner-ul-li-text-icon {
  color: #ffffff;
  display: inline-block;
  background: #f2c94c;
  padding: 0.3em 1.1em;
  margin-right: 2em;
}

.feature-list-inner-ul-li-text-date {
  color: #999999;
}
/* 新着マーク end */

/* 求人画像 */
.publish-image {
  width: 300px;
  height: 200px;
  object-fit: cover;
}

.blank-publish-image {
  width: 300px;
  height: 200px;
  background-color: #e0e0e0;
}
@media screen and (max-width: 767px) {
  .blank-publish-image {
    width: 100%;
    margin: 0 1rem;
  }
}
/* 求人画像 end */


.job-openings {
  padding-bottom: 6rem;
}
@media screen and (max-width: 767px) {
  .job-openings {
    padding-bottom: 3rem;
  }
}

.job-openings__inner-ul-li {
  position: relative;
}

.job-openings__inner-ul-li-match {
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: -1.6em;
  color: #ffffff;
  background: #FF6B6B;
  z-index: 0;
  position: relative;
  padding: 0.3em 0;
  font-size: 0.8rem;
}
@media screen and (max-width: 767px) {
  .job-openings__inner-ul-li-match {
    font-size: 12.8px;
  }
}

.feature-list__inner {
  padding-bottom: 6rem;
}
@media screen and (max-width: 767px) {
  .feature-list__inner {
    padding-bottom: 0;
  }
}

.job-openings__inner-ul::after {
  left: 820px;
}/*# sourceMappingURL=feature.css.map */

.no-icon {
  background-color: white;
}

/* 1 */


.feature-list__title {
  padding: 2rem 0 1rem;
  font-size: 1.3rem;
  font-weight: bold;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .feature-list__title {
    font-size: 19.2px;
  }
}

.feature-list__inner-ul-li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .feature-list__inner-ul-li {
    padding: 1rem 0 0;
  }
}
.feature-list__inner-ul-li img {
  width: 19rem;
}
@media screen and (max-width: 767px) {
  .feature-list__inner-ul-li img {
    width: 100%;
    padding: 0 1rem;
  }
}

/* タグ */
.feature-list__inner-ul-li-right {
  width: calc(99% - 19rem);
}
@media screen and (max-width: 1100px) {
  .feature-list__inner-ul-li-right {
    width: 54%;
  }
}
@media screen and (max-width: 767px) {
  .feature-list__inner-ul-li-right {
    width: 100%;
    padding: 1rem 1rem 0;
  }
}

.feature-list__inner-ul-li-right-title {
  font-size: 1.3rem;
  line-height: 1em;
  padding-bottom: 0.8rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .feature-list__inner-ul-li-right-title {
    font-size: 19.2px;
    line-height: 1.2em;
  }
}

.feature_list-item-header_tags {
  padding: 0.4em 0 0 0;
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  flex-wrap: wrap;
  word-break: keep-all;
  overflow: hidden;
  max-height: 4.1rem;
}
.feature_list-item-header_tags-item p {
  font-size: 0.7rem;
  padding: 0.2em 0.6em;
  display: block;
  margin: 0 1em 0.5em 0;
  background: #e7f0f8;
  height: 1.5rem;
}
@media screen and (max-width: 767px) {
  .feature_list-item-header_tags-item p {
    font-size: 11.2px;
  }
}
/* タグ end */

/* 募集要項 */
.feature-list__inner-ul-li-right-list {
  padding: 0.6rem 0;
  display: inline-block;
}
.feature-list__inner-ul-li-right-list li {
  font-size: 0.9em;
  margin: 0 1em 0.6em 0;
  display: flex;
}
.feature-list__inner-ul-li-right-list li p {
  display: contents;
}
@media screen and (max-width: 767px) {
  .feature-list__inner-ul-li-right-list li {
    font-size: 14.4px;
  }
}
.feature-list__inner-ul-li-right-list li span {
  font-size: 0.8rem;
  padding: 0.5em 0;
  width: 7em;
  display: inline-block;
  text-align: center;
  margin-right: 1em;
  line-height: 1em;
  color: #ffffff;
  background: #4ecdc4;
  border-radius: 0.2rem;
}
@media screen and (max-width: 767px) {
  .feature-list__inner-ul-li-right-list li span {
    font-size: 12.8px;
  }
}
/* 募集要項 end */

/* 詳細を見るボタン */
/* ボタン部分 */
.feature__offers_list-item-buttons {
  padding: 10px 0;
  background: #FAF8F7;
  display: flex;
  gap: 10px;
  justify-content: center;
  width: 100%
}
.feature__offers_list-item-buttons_detail-button {
  width: 249px;
  padding: 10px 32px;
  border-radius: 4px;
  background: #2C8CE4;
  color: #ffffff;
  font-size: 14px;
}
.feature__offers_list-item-buttons_detail-button.expired {
  background: #E0E0E0;
  cursor: default;
}
.feature__offers_list-item-buttons_fav-button {
  width: 249px;
  padding: 10px 32px;
  border-radius: 4px;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  background: #ffffff;
  color: #333;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.feature__offers_list-item-buttons_fav-button.expired {
  border: none;
  background: #E0E0E0;
  color: #ffffff;
  cursor: default;
}
.feature__offers_list-item-buttons_fav-button.liked {
  background: #FF6B6B;
  cursor: default;
  color: #ffffff;
}
.feature__offers_list-item-buttons_fav-button img {
  width: auto;
  height: 15px;
  padding: 0;
}
.feature__offers_list-item-buttons_fav-button p {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .feature__offers_list-item-buttons_detail-link {
    width: 46%;
  }
  .feature__offers_list-item-buttons_detail-button {
    width: 100%;
    font-size: 12px;
  }
  .feature__offers_list-item-buttons_fav-button {
    width: 46%;
    padding: 10px 2px;
    font-size: 12px;
  }
}
/* 詳細を見るボタン end */

/* ===== ページネイション start ===== */

/* ページネイション関係 */
.page-search-result-wrap{
  width: 920px;
  margin-top: 20px;
}

@media screen and (max-width: 1100px) {
  .page-search-result-wrap{
    width: 100%;
  }
}

.feature-nav-pager-footer {
  justify-content: center !important;
  margin-bottom: 15px;
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .feature-page-search-result > * {
    width: 100%;
  }
  .feature-page-search-result {
    display: flex;
    flex-direction: column;
  }
  .feature-nav-pager-ul {
    order: 3;
  }
  .feature-nav-pager-sort-wrapper {
    order: 2;
    display: flex;
    justify-content: flex-end;
  }
}

.feature-nav-pager-ul {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .feature-nav-pager-ul {
    width: 100%;
    margin-top: 1rem;
    margin: 1rem auto 0;
    justify-content: center;
  }
}
/* ===== ページネイション end ===== */

/* ===== 検索結果0件 ===== */
.feature-list-off__inner {
  display: flex;
}
.feature-list-off-inner-text {
  text-align: center;
}
.feature__off-inner {
  margin-top: 10%;
  text-align: center;
  font-size: 16px;
  font-family: 'Noto Sans JP';
}
/* ===== 検索結果0件 end ===== */