@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600&display=swap');

/* -------------------------------------------
共通パッチ
------------------------------------------- */
img {
    vertical-align: bottom;
  }
  
  /* PCとタブレットのみ改行を適用 */
  @media screen and (min-width: 767.01px) {
    .pc-tab {
      display: block;
    }
  }
  
  @media screen and (max-width: 767px) {
    .pc-tab {
      display: none;
    }
  }
  
  /* 要項ページ body */
  .single-post_recruit {
    color: var(--sub-txt, #333);
    word-break: break-word;
    font-weight: 500;
  }
  
  .c-headline-001__en {
    font-weight: 400;
    /* text-transform: uppercase; */
  }
  
  .c-headline-001__ja {
    font-weight: 700;
    line-height: 1.6;
  }
  
  .m-footer-001__copyright {
    padding: 30px 0;
    font-family: inherit;
  }
  
  @media screen and (max-width: 767px) {
    .m-footer-001__copyright {
      padding: 20px 0;
    }
  }
  
  .m-header-001__logo {
      padding: 31px 20px;
  }
  
  @media screen and (max-width: 767px) {
      .m-header-001__logo {
          padding: 10px 15px;
      }
  }
  
  .m-header-001__logo-link-img {
      max-height: 19px;
  }
  
  @media screen and (max-width: 767px) {
      .m-header-001__logo-link-img {
          max-height: 19px;
      }
  }
  
  /* サブカラー 背景を無効化したいとき */
  /* .c-module-container > section:nth-of-type(odd) {
    background-color: transparent;
  } */

  /* 募集要項の罫線 */
div[class^="m-require-"][class$="__detail-row"] {
    border-color: var(--primary-border);
}

.m-header-001 {
  background: #666;
}

.single-post_recruit .m-header-001 {
    background: transparent;
  }
  
  .m-header-001 + .m-kv-001 {
    margin-top: -81px; /* PCヘッダーの高さ */
  }
  
  @media screen and (max-width: 767px) {
    .m-header-001 + .m-kv-001 {
      margin-top: -48px; /* SPヘッダーの高さ */
    }
  }

  /* 見出し下の余白設定 */
.c-headline-001 {
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .c-headline-001 {
        margin-bottom: 20px;
    }
}

/* 見出し後のコンテンツの上余白を削除 */
.c-headline-001 + * {
    padding-top: 0;
    margin-top: 0;
}

/* 「応募する」ボタン */
a[class^="m-require-"][class$="__entry-btn"] {
    border: 2px solid var(--primary-bg);
    background: transparent;
    color: var(--primary);
     -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  
  a[class^="m-require-"][class$="__entry-btn"]:hover {
    color: var(--primary-txt);
  }
  
  a[class^="m-require-"][class$="__entry-btn"]::before {
    background: var(--primary);
  }

  @media screen and (max-width: 767px) {
    .c-headline-001__ja,
    [class$="__headline-txt"],
    [class$="__content-ttl"] {
       font-size: 2rem;
       letter-spacing: .2rem;
    }
  }
  
  @media screen and (max-width: 374px) {
    .c-headline-001__ja,
    [class$="__headline-txt"],
    [class$="__content-ttl"] {
       font-size: 1.8rem;
       letter-spacing: .1rem;
    }
  }

  /* -------------------------------------------
メッセージ 005
------------------------------------------- */
/* 色調整 */
.m-message-005 {
    /* background: #000 !important; */
  }
  
  .m-message-005__headline-txt {
    color: var(--primary);
    font-weight: 700;
  }
  
  .m-message-005__desc-txt {
    /* color: #fff; */
  }
  
  /* その他 */
  .m-message-005 {
    padding: 80px 0;
    overflow: hidden;
  }
  
  @media screen and (max-width: 767px) {
    .m-message-005 {
      padding: 40px 0;
    }
  }
  
  .m-message-005__inner {
    padding: 0;
  }
  
  .m-message-005__images {
    margin: -5px 0;
  }
  
  @media screen and (max-width: 767px) {
    .m-message-005__images {
      margin: -2.5px 0;
    }
  }
  
  .m-message-005__images-item {
    padding: 5px;
  }
  
  @media screen and (max-width: 767px) {
    .m-message-005__images-item {
      padding: 2.5px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .m-message-005__images-item:nth-child(even) {
      padding-left: 2px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .m-message-005__images-item:nth-child(odd) {
      padding-right: 2px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .m-message-005__images-item:nth-child(odd):last-child {
      padding-right: 2.5px;
    }
  }
  
  @media screen and (min-width: 767.01px) {
    .m-message-005__images-item:first-child {
      padding-left: 0;
    }
    .m-message-005__images-item:last-child {
      padding-right: 0;
    }
  }
  
  .m-message-005__detail {
    padding: 40px 40px 0;
  }
  
  @media screen and (max-width: 1024px) {
    .m-message-005__detail {
      padding: 40px 20px 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .m-message-005__detail {
      padding: 30px 20px 0;
    }
  }
  
  .m-message-005__headline {
    margin-bottom: 30px;
  }
  
  @media screen and (max-width: 767px) {
    .m-message-005__headline {
      margin-bottom: 20px;
    }
  }
  
  .m-message-005__headline:only-child {
    margin-bottom: 0;
  }
  
  .m-message-005__headline + .m-message-005__desc {
    margin-top: -2px;
  }
  
  .m-message-005__desc-txt {
    padding: 0 0 30px;
  }
  
  @media screen and (max-width: 767px) {
    .m-message-005__desc-txt {
      padding-bottom: 24px;
      text-align: left;
    }
  }
  
  .m-message-005__desc-txt:last-child {
    padding-bottom: 0;
  }

  /* -------------------------------------------
仕事内容（単体） 001
------------------------------------------- */
.m-jobs-001 {
    /* background: #e5f6ef; */
  }
  
  .m-jobs-001__content-desc {
    /* color: #333; */
    /* color: var(--primary); */
  }
  
  .m-jobs-001__list-item-detail-ttl {
    color: var(--primary);
  }
  
  .m-jobs-001 {
    padding: 0px 20px 80px;
  }
  
  @media screen and (max-width: 767px) {
    .m-jobs-001 {
      padding: 0px 20px 40px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .m-jobs-001__content-desc {
      text-align: left;
    }
  }
  
  .m-jobs-001__list {
    padding: 0;
  }
  
  .m-jobs-001__list-item:last-child {
    padding-bottom: 0;
  }
  
  .m-jobs-001__list-item-inner {
    align-items: center;
  }
  
  .m-jobs-001__list-item-figure {
    min-height: 490px;
  }
  
  @media screen and (max-width: 767px) {
    .m-jobs-001__list-item-figure {
      min-height: auto;
    }
  }
  
  .m-jobs-001__list-item-detail {
    width: 40%;
    margin: 0 0 0 3%;
    padding: 40px 0;
  }
  
  .m-jobs-001__list-item-detail-ttl {
    display: block; /*safariバグ対策*/
    padding: 0;
    margin: 0 0 15px;
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
    background: transparent;
  }
  
  @media screen and (max-width: 767px) {
  .m-jobs-001__list-item-detail-ttl {
    font-size: 1.8rem;
  }
  }
  
  .m-jobs-001__list-item-detail-desc {
    font-weight: 500;
  }
  
  /*テキストを内側に寄せたい場合は削除*/
  .m-jobs-001__list-item-detail {
    width: 45%;
    margin: 0;
    padding: 40px 0% 40px 40px;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .m-jobs-001__list-item-detail {
      padding: 20px 0 40px 20px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .m-jobs-001__list-item-detail {
      width: 100%;
      margin: 0 0 0 0%;
      padding: 20px 0;
    }
  }
  
  .m-jobs-001__list-item:nth-child(even) .m-jobs-001__list-item-detail {
    margin: 0 3% 0 0;
    padding: 40px 0%;
  }
  
  /*テキストを内側に寄せたい場合は削除*/
  .m-jobs-001__list-item:nth-child(even) .m-jobs-001__list-item-detail {
    margin: 0;
    padding: 40px 40px 40px 0%;
  }
  
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .m-jobs-001__list-item:nth-child(even) .m-jobs-001__list-item-detail {
      padding: 20px 20px 40px 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .m-jobs-001__list-item:nth-child(even) .m-jobs-001__list-item-detail {
      margin: 0;
      padding: 20px 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .m-jobs-001__list-item:last-child .m-jobs-001__list-item-detail {
      padding-bottom: 0;
    }
  }
  
  /*タブレットから縦並びの時*/
  @media screen and (max-width: 1024px) {
    .m-jobs-001__list-item-inner,
    .m-jobs-001__list-item:nth-child(even) .m-jobs-001__list-item-inner {
      flex-direction: column;
    }
    .m-jobs-001__list-item-figure {
      width: 100%;
      min-height: 440px; /*適宜変更*/
    }
    .m-jobs-001__list-item-detail {
      width: 100%;
      margin: 0;
      padding: 20px 0px;
    }
    .m-jobs-001__list-item:nth-child(even) .m-jobs-001__list-item-detail {
      padding: 20px 0px;
    }
    .m-jobs-001__list-item:last-child .m-jobs-001__list-item-detail {
      padding-bottom: 0;
    }
  }
  @media screen and (max-width: 767px) {
    .m-jobs-001__list-item-figure {
      min-height: auto;
    }
  }

  @media screen and (max-width: 374px) {
   .m-jobs-001__inner .c-headline-001__ja{
       font-size: 1.6rem;
   }

   .m-jobs-001__list-item-detail-ttl{
       font-size: 1.5rem;
   }
  }
  
  /* -------------------------------------------
  追加パッチ（河田）
  ------------------------------------------- */
  /* 各見出しが「文字色＋背景色」の場合に追記 */
  /* .m-jobs-001__list-item-detail-ttl {
    display: inline-block;
    background: var(--primary);
    color: var(--primary-txt);
    padding: 0.4em 0.8em;
    margin: 0 0 30px;
    line-height: 1.5;
  }
  
  @media screen and (max-width: 1024px) {
    .m-jobs-001__list-item-detail-ttl {
      margin: 0 0 20px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .m-jobs-001__list-item-detail-ttl {
      margin: 0 0 10px;
    }
  }
  
  @media screen and (max-width: 1024px) {
    .m-jobs-001__list-item-detail {
      padding: 30px 0px 20px !important;
    }
  }
  
  @media screen and (max-width: 767px) {
    .m-jobs-001__list-item-detail {
      padding: 15px 0px 20px !important;
    }
  } */
  

  /* -------------------------------------------
評価制度 004
------------------------------------------- */
/* 色調整 */
.m-assessment-004 {
    /* background: #000 !important; */
  }
  
  .m-assessment-004 .c-headline-001__en {
    /* color: var(--primary); */
  }
  
  .m-assessment-004 .c-headline-001__ja {
    /* color: var(--primary); */
  }
  
  .m-assessment-004__list-item-inner {
    border-color: var(--primary-border);
  }
  
  .m-assessment-004__list-item-ttl {
    border-color: var(--primary-border);
  }
  
  .m-assessment-004__list-item-ttl-num {
    /* background: var(--primary-bg); */
    /* color: var(--primary-txt, #fff); */
  }
  
  .m-assessment-004__list-item-ttl-txt {
    /* color: var(--sub-txt); */
  }
  
  .m-assessment-004__list-item-desc-txt {
    /* color: var(--sub-txt); */
  }
  
  /* その他 */
  .m-assessment-004 .c-headline-001 {
    padding: 0 25px;
  }
  
  .m-assessment-004__list-item {
    padding: 50px 25px 0;
  }
  
  @media screen and (max-width: 1024px) {
    .m-assessment-004__list-item {
      padding: 50px 40px 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .m-assessment-004__list-item {
      padding: 30px 20px 0;
    }
  }
  
  .m-assessment-004__list-item:nth-child(-n + 2) {
    padding-top: 0;
  }
  
  @media screen and (max-width: 1024px) {
    .m-assessment-004__list-item:nth-child(2) {
      padding-top: 40px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .m-assessment-004__list-item:nth-child(2) {
      padding-top: 30px;
    }
  }
  
  .m-assessment-004__list-item-ttl {
    padding: 10px 20px 10px 0;
    border-width: 1px 0;
  }
  
  .m-assessment-004__list-item-ttl:only-child {
    margin-bottom: 0;
  }
  
  .m-assessment-004__list-item-desc:only-child,
  .m-assessment-004__list-item-ttl + .m-assessment-004__list-item-desc {
    padding-top: 0;
  }

  /* -------------------------------------------
募集要項 004
------------------------------------------- */
.m-require-004 {
    /* background: #f7f7f7 !important; */
    padding: 0 0 80px;
  }
  
  /* タイトル（英語）の見出しを大文字に変更したい場合に使用 */
  .m-require-004 .c-headline-001__en {
    /* text-transform: uppercase; */
  }
  
  .m-require-004 .c-headline-001__ja {
    font-weight: 700;
  }
  
  .m-require-004__detail-row {
    border-top: 1px solid #ddd;
  }
  
  .m-require-004__detail-row:last-child {
    border-bottom: 1px solid #ddd;
  }
  
  .m-require-004__detail-ttl {
    /* color: #333; */
  }
  
  .m-require-004__detail-desc {
    font-weight: 400;
    color: #333;
  }
  
  /* 「STEP番号」の背景色を変更したい場合に適用 */
  .m-require-004__detail-flow-ttl-number {
    /* background-color: #f2f2f2; */
    /* color: #333; */
  }

  @media screen and (max-width: 767px) {
    .m-require-004{
        padding: 0 0 40px;
    }
  }