@charset "UTF-8";

/* --------------------------------
  求人一覧改修　archive-job.php
---------------------------------*/
.p-job-archive-container .p-top-recruit{
    margin-top:0;
}

.p-job-archive-container .p-top-recruit .intro-text{
  font-size: clamp(1.6rem, 1.5rem + 0.278vw, 1.8rem);
  text-align: center;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .p-job-archive-container .p-top-recruit .intro-text{
    text-align: left; 
    margin-bottom: 24px;
  }
}

/*右下固定メニュー（求人一覧のみの変更）*/

@media (min-width: 768px) {
  .l-fixed .page-job-archive{
    display: none !important;
  }
}

.l-fixed .page-job-archive span {
  background: url(../img/common/icon_home.svg) no-repeat left center;
  background-size: 30px 30px;
}


/* --------------------------------
  検索エリア
---------------------------------*/

.p-job-archive-container .c-search-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.p-job-archive-container .c-btn-reset {
  font-size: 14px;
  color: #666;
  text-decoration: underline;
  padding: 8px 16px;
  transition: color 0.2s;
}
.p-job-archive-container .c-btn-reset:hover {
  color: #000;
}


/* --------------------------------
  検索結果エリア
---------------------------------*/

.p-job-archive-container .c-job__item{
  border-radius:0;
}

/*求人タイトル*/
  .p-job-archive-container .c-job__item .c-job__title{
    border-bottom:1px solid #aaa;
    padding-bottom:12px;
    color:#333;
    font-size:20px;
    line-height:1.5;
    margin-bottom:16px;
}

/*専門分野*/
.p-job-archive-container .c-job__item .c-job__field{
font-size:16px;
color:#333;
}

/*学校名*/
.p-job-archive-container .c-job__item .c-job__label{
font-size:16px;
color:#333;
font-weight: bold;
}

/*勤務地*/
.p-job-archive-container .c-job__item .c-job__area{
font-size:16px;
color:#333;
}

/*登録日*/
.p-job-archive-container .c-job__item .c-job__date{
    color:#777;
    font-size:13px;
    text-align:right;
    margin-top:24px;
    margin-right:0;
    margin-bottom:16px;
  }

  /* .p-job-archive-container .c-job__category-item_field{
    background: #333;
  }
  .p-job-archive-container .c-job__keyword-item{
    color:#333;
  } */

  .p-job-archive-container .c-job__item .more{
    text-align:center;
    padding:16px 20px 16px 20px;
    display:block;
    font-size:17px;
    color:#fff;
    background:#2870d5 url(../img/common/external-link.svg) no-repeat right 16px center;
    background-size:18px;
    border-radius:4px;
    transition: 0.1s linear;
  }
  .p-job-archive-container .c-job__item:hover .more{
    background:#2870d5 url(../img/common/external-link.svg) no-repeat right 16px center;
    background-size:18px;
    border-radius:4px;
  }
  .p-job-archive-container .c-job__item .more small{
    font-size:12px;
  }
  .p-job-archive-container .c-job__link::before{
    box-shadow:none;
    border-radius:0;
  }

  .p-job-archive-container .c-job__item{
    opacity:1;
    transition: 0.1s linear;
  }
  .p-job-archive-container .c-job__item:hover{
    opacity:.7;
  }

  .p-job-archive-container .c-btn:hover{
    transition: 0.1s linear;
  }
  .p-job-archive-container .c-btn:hover{
    background-color:#444 !important;
  }

/* --------------------------------
  検索結果エリア：ボックス高さ・ボタン下揃え
---------------------------------*/

.p-job-archive-container .c-job {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

.p-job-archive-container .c-job__item {
  display: flex !important;
  flex-direction: column !important;
  border-radius: 0;
}

.p-job-archive-container .c-job__item .c-job__link {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.p-job-archive-container .c-job__item .c-job__meta {
  width: 100%;
  margin-bottom: 16px;
}

.p-job-archive-container .c-job__item .more {
  width: 100%;
  box-sizing: border-box;
  margin-top: auto !important;
}