/* 人材確保の取り組み
================================ */
.jinzai {
  .jinzai_shien_intro {
    justify-content: center;
    align-items: center;

    >div {
      max-width: 610px;
    }

    img {
      max-width: 200px;
    }

    p {
      width: fit-content;
      display: inline-block;
    }

    p:nth-of-type(1) {
      line-height: 1.8;
    }

    p:nth-of-type(2) {
      line-height: 2.5;
      font-size: 1.5em;
    }
  }

  .emphasis {
    color: #000;
    color: #ff4b00;
    -webkit-text-emphasis: filled dot;
    text-emphasis: filled dot;
  }

  .nayami_kaisho {
    align-items: center;
    justify-content: center;
    gap: 0;

    .left_box,
    .right_box {
      width: 100%;
      border: solid 1px #222;
      padding: 2.0rem 2.0rem 2.0rem 3.5rem;
      border-radius: 10px;
      margin-block: 0;
    }

    .center_box {
      flex-shrink: 0;
      width: 130px;
      text-align: center;
      font-weight: 700;
      color: #fff;
      line-height: 1.6;
      padding: 1.0rem 2.0rem;
      background-color: #246FD1;
      margin-block: 0;
    }
  }

  .flexBox {
    margin-bottom: 0;

    img {
      aspect-ratio: 5/3;
      object-fit: cover;
    }
  }

  figure {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 420px;

    figcaption {
      font-size: 1.5rem;
    }
  }
}

.jinzai_shien_kyoiku {
  >*:first-child {
    max-width: 50%;
  }
}

/* 魅力ある雇用の場
================================ */
.jinzai {
  .koyo_kigyo_box:first-of-type {
    padding-top: 0;
  }

  .koyo_kigyo_box {
    max-width: 1000px;
    margin: 0 auto;
    border-block-end: solid 1px #999;
    padding-block: 2.0rem;

    h4 {
      font-size: 2.2rem;
      margin-block: 0 0.7em;
    }

    h5 {
      margin-block: 0 1em;
    }

    .jigyo_naiyo {
      font-weight: 700;
    }
  }

  /* .koyo_kigyo_box--start {
    border-top: solid 1px #999;
  } */

  .koyo_kigyo_grid {
    display: grid;
    grid-template-columns: 30% 38% 25%;
    justify-content: space-between;
    gap: 2.0rem;

    p {
      margin-block: 0 0.6em;
    }

    .grid_item1 img {
      aspect-ratio: 3/2;
      object-fit: cover;
      width: 100%;
    }
  }
}



/* 過去のセミナー&ウェビナー
================================ */
.seminar_news_list {
  a {
    color: #222;
  }

  a:hover {
    color: #DA6B18;
  }

  li {
    margin-bottom: 0.4em;
  }
}

.movie_container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 4.0rem 3.0rem;

  .movie_wrap iframe {
    aspect-ratio: 16/9;
  }
}


/* お問い合わせ
================================ */
.timerex_block {
  width: 100%;
  min-height: 1200px;
}

.pages .roundBtn_mail:hover {
  color: #fff;
}

.officeContainer {
  margin-bottom: 8.0rem;

  img {
    max-width: 40rem;
    height: auto;
    width: 100%;
  }

  ul {
    margin-block: 0;
  }
}


/* 資料ダウンロード
================================ */
.pamphlet_container {
  gap: 5.0rem 3.0rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

  figure {
    margin: 0 auto;
    width: fit-content;
  }

  a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 22.0rem;
    text-decoration: none;
    color: #222;
  }

  a:hover {
    color: #DA6B18;
  }

  figcaption {
    font-size: 1.4rem;
    word-break: keep-all;
  }

  figcaption:after {
    font-family: 'Material Symbols Rounded';
    content: '\e89e';
    font-size: 0.8em;
  }
}


/* サイトマップ
================================ */
.sitemap_page {
  .home_link {
    max-width: 33.0rem;
  }

  .link_list_container {
    display: flex;
    gap: 4.0rem;
  }

  .home_link h2,
  .link_list_1st li h2 {
    border-bottom: none;
    margin-block: 1.0rem;
  }

  h2::before {
    display: none;
  }

  h2 a::after {
    content: "\e5c8";
    font-family: "Material Symbols Rounded";
    color: #208E66;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.0rem;
    margin: auto;
  }

  h2 a {
    text-decoration: none;
    font-size: 1.8rem;
    color: #208E66;
    display: block;
    border-bottom: solid 1.5px #208E66;
  }

  h2 a:hover {
    color: #DA6B18;
    border-bottom: solid 1.5px #DA6B18;
  }

  .link_list_1st {
    padding-left: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4.0rem;
  }

  .link_list_1st>li {
    list-style-type: none;
    max-width: 35.0rem;
  }

  .link_list_2nd,
  .link_list_3rd {
    padding-left: 1.2em;
    margin-bottom: 1em;
  }


  .link_list_2nd>li {
    margin-bottom: 0.8em;
  }

  .link_list_2nd li {
    list-style-type: none;
    position: relative;
    font-size: 1.5rem;

    a {
      color: #222;
    }
  }

  .link_list_2nd li:before {
    content: "\e5c8";
    font-family: "Material Symbols Rounded";
    position: absolute;
    left: -1.3em;
    translate: 0 0.05em;
  }

  .link_list_2nd a:hover {
    color: #DA6B18;
  }

  .link_list_3rd>li {
    margin-bottom: 0.2em;
  }

  .other_link_list {
    width: 32%;
    list-style-type: none;
    margin-top: 1.6em;
    padding-left: 0;
  }

  .other_link_list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #208E66;
    text-decoration: none;
    font-size: 1.8rem;
    border-bottom: solid 1.5px #208E66;
    margin-bottom: 0.6em;
    letter-spacing: 1px;
  }

  .other_link_list li a::after {
    content: "\e5c8";
    font-family: "Material Symbols Rounded";
    color: #208E66;
  }

  .other_link_list li a:hover {
    color: #DA6B18;
    border-bottom: solid 1.5px #DA6B18;
  }

  .home_link a:hover::after,
  .link_list_container li a:hover::after {
    color: #DA6B18;
  }
}

@media (max-width:819px) {
  .pagesHeader {
    background-size: 100%, 40%, 40%;
  }

  .sitemap_page {
    .link_list_container {
      display: initial;
    }

    .other_link_list {
      width: 100%;
      max-width: 35.0rem;
    }
  }
}

@media (max-width: 767px) {

  /* 人材確保の取り組み
================================ */
  .jinzai {
    .jinzai_shien_intro {

      gap: 1.0rem;

      .large-font {
        font-size: 3.3rem;
        margin-block: 0 0.6em;
      }

      img {
        max-width: 150px;
        margin-bottom: 2em;
      }

      p:nth-of-type(2) {
        line-height: 2;
        margin-bottom: 0;
      }
    }

    .nayami_kaisho {
      .center_box {
        width: 180px;
        font-size: 2.0rem;
      }
    }

    figure {
      margin-inline: auto;
    }

    .flexBox {
      margin-bottom: 0;
      align-items: center;
      margin-inline: auto;
    }
  }

  .jinzai_shien_kyoiku {
    >*:first-child {
      max-width: initial;
    }
  }

  /* 魅力ある雇用の場
================================ */
  .jinzai {
    .koyo_kigyo_box {
      padding-block: 2.5rem;

      h4 {
        font-size: 1.8rem;
        margin-block: 0 0.3em;
      }

      h5 {
        margin-block: 0 1em;
      }

      .jigyo_naiyo {
        font-weight: 700;
      }
    }

    .koyo_kigyo_grid {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 2.0rem;

      p {
        margin-block: 0 0.6em;
      }

      .grid_item1 img {
        aspect-ratio: 5/3;
      }
    }
  }



  /* お問い合わせ
================================ */
  .timerex_block {
    min-height: 1300px;
  }


  /* サイトマップ
================================ */
  .sitemap_page {
    .link_list_1st li h2 {
      margin-block: 1em 0.4em;
    }

    .home_link,
    .link_list_1st,
    .link_list_1st>li,
    .other_link_list {
      display: block;
      max-width: 50.0rem;
      margin-inline: auto;
    }

    h2::before {
      display: none;
    }
  }
}