@charset "utf-8";
/* CSS Document */

/**
採用ページ内全スタイルを定義しています
*/
/*==================================================
採用ページ全体に反映させるスタイル
======================================================*/
html {
  font-size: 62.5%;
}
body {
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
  letter-spacing: 0;
  color: #000;
}
main {
  margin-top: 90px;
}
/* @media screen and (max-width: 1024px) {
}  */
/* max-width:1024px */
/* @media screen and (max-width: 767px) {
} */
/* max-width:767px */
@media screen and (max-width: 375px) {
  main {
    margin-top: 65px;
  }
} /* max-width:375px */

/* ================================

　  レイアウト

================================= */

.recruit_wrap {
  font-size: 1.6rem;
  line-height: 26px;
}

/* Main */
.recruit_main {
  max-width: 1920px;
  width: 100%;
  padding: 0 0 0 60px;
  margin: 0 auto;
}
/* Information */
.recruit_row01 {
  width: 100%;
  background-color: #f1f8ff;
  padding: 60px;
}
.recruit_row01 > .wp-block-group__inner-container {
  max-width: 1120px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 8px;
  padding: 40px 50px;
}
/* Message */
.recruit_row02 {
  max-width: 1400px;
  padding: 110px 60px 80px 60px;
  width: 100%;
  margin: 0 auto;
}
/* Interview */
.recruit_row03 {
  width: 100%;
  background-color: #2b55a0;
  padding: 110px 0;
  border-radius: 200px 0 0 0;
}
.recruit_row03 > .wp-block-group__inner-container {
  max-width: 1320px;
  padding: 0 60px;
  margin: 0 auto;
}
/* About us ~ Company scenery */
.recruit_row04 {
  width: 100%;
  background-color: #f8f8f8;
  padding: 110px 0 100px;
}
.recruit_row04 > .wp-block-group__inner-container {
  max-width: 1320px;
  padding: 0 60px;
  margin: 0 auto;
}
/* Business */
.recruit_row05 {
  width: 100%;
  background-color: #2b55a0;
  padding: 70px 0 60px;
  margin-top: 140px;
}
.recruit_row05 > .wp-block-group__inner-container {
  max-width: 1580px;
  padding: 0 60px;
  margin: 0 auto;
}
/* Data */
.recruit_row06 {
  max-width: 1320px;
  padding: 170px 60px 140px;
  width: 100%;
  margin: 0 auto;
}
/* Job description */
.recruit_row07 {
  width: 100%;
  background-color: #f1f8ff;
  padding: 130px 0 90px;
  border-radius: 200px 0 0 0;
}
.recruit_row07 > .wp-block-group__inner-container {
  max-width: 1320px;
  padding: 0 60px;
  margin: 0 auto;
}
/* Training system */
.recruit_row08 {
  max-width: 1320px;
  padding: 100px 60px;
  width: 100%;
  margin: 0 auto;
}

.post_wrap p:not(:first-child),
.recruit_wrap p:not(:first-child) {
  margin-top: 0.8em;
}

.anchor {
  display: block;
  padding-top: 100px;
  margin-top: -100px;
}

/* ~1480px
--------------------------------- */
@media screen and (max-width: 1480px) {
  .recruit_main {
    padding: 0;
    margin: 0;
  }
  .recruit_main .wp-block-group__inner-container {
    padding-left: calc((100% - 1400px) / 2);
    margin-right: 0;
    margin-left: 60px;
  }
}

/* ~1024px
--------------------------------- */
@media screen and (max-width: 1024px) {
  /* Main */
  .recruit_main {
    padding: 0;
  }
  .recruit_main .wp-block-group__inner-container {
    margin-left: 0;
  }

  /* Message */
  .recruit_row02 {
    padding: 110px 0 80px;
  }
  /* Interview */
  .recruit_row03 {
    border-radius: 100px 0 0 0;
  }
  /* Job description */
  .recruit_row07 {
    border-radius: 100px 0 0 0;
  }
}

/* ~767px
--------------------------------- */
@media screen and (max-width: 767px) {
  /* Information */
  .recruit_row01 {
    padding: 40px 24px;
  }
  .recruit_row01 > .wp-block-group__inner-container {
    padding: 30px 24px;
  }
  /* Message */
  .recruit_row02 {
    padding: 60px 0 50px;
  }
  /* Interview */
  .recruit_row03 {
    padding: 80px 0 70px;
    border-radius: 50px 0 0 0;
  }
  .recruit_row03 > .wp-block-group__inner-container {
    padding: 0 24px;
  }
  /* About us ~ Company scenery */
  .recruit_row04 {
    padding: 60px 0 50px;
  }
  .recruit_row04 > .wp-block-group__inner-container {
    padding: 0 24px;
  }
  /* Business */
  .recruit_row05 {
    padding: 50px 0 54px;
    margin-top: 0;
  }
  .recruit_row05 > .wp-block-group__inner-container {
    padding: 0 24px;
  }
  /* Data */
  .recruit_row06 {
    padding: 60px 24px 70px;
  }
  /* Job description */
  .recruit_row07 {
    padding: 90px 0 50px;
  }
  .recruit_row07 > .wp-block-group__inner-container {
    padding: 0 24px;
  }
  /* Training system */
  .recruit_row08 {
    padding: 70px 24px;
  }
}

/* ~375px
--------------------------------- */
@media screen and (max-width: 375px) {
  .recruit_wrap p {
    font-size: 1.4rem;
    line-height: 26px;
  }
}

/* ================================

　  見出し

================================= */

/* H2 */
.recruit_wrap .recruit_h2 {
  position: relative;
  margin-bottom: 50px;
}
.recruit_wrap .recruit_h2 h2 {
  position: relative;
  font-size: 64px;
  font-weight: 500;
  line-height: 1;
}
.recruit_wrap .recruit_h2 p {
  font-size: 14px;
  font-weight: 500;
  color: #2b55a0;
}

/* H3 */
.recruit_wrap h3 {
  font-size: 32px;
  font-weight: 400;
  border-left: 5px solid #2b55a0;
  padding: 8px 0.5em 12px;
  margin-bottom: 20px;
}

/* H4 */
.recruit_wrap h4 {
  font-size: 24px;
  font-weight: 500;
  color: #2b55a0;
  margin-bottom: 20px;
}

/* ~1024px
--------------------------------- */
@media screen and (max-width: 1024px) {
}

/* ~767px
--------------------------------- */
@media screen and (max-width: 767px) {
  /* H2 */
  .recruit_wrap .recruit_h2 {
    margin-bottom: 40px;
  }
  .recruit_wrap .recruit_h2 h2 {
    font-size: 40px;
  }

  /* H3 */
  .recruit_wrap h3 {
    font-size: 24px;
    border-left: 5px solid #2b55a0;
    padding: 4px 0.5em 8px;
  }
}

/* ~375px
--------------------------------- */
@media screen and (max-width: 375px) {
  /* H3 */
  .recruit_wrap h3 {
    font-size: 20px;
    border-left: 4px solid #2b55a0;
    padding: 0px 0.5em 2px;
    margin-bottom: 20px;
  }

  /* H4 */
  .recruit_wrap h4 {
    font-size: 18px;
  }
}

/* ================================

　  Main

================================= */

/* 見出し */
.recruit_main h1 {
  font-size: 40px;
  font-weight: 400;
  line-height: 1.6;
}

/* テキスト */
.recruit_main p {
  font-size: 20px;
  font-weight: 300;
  line-height: 2;
}

/* レイアウト */
.recruit_main .wp-block-group__inner-container {
  justify-content: right;
  display: flex;
}
.recruit_main_column_left {
  padding: 40px 0;
}

/* 画像 */
.recruit_main_sp {
  display: none;
}
.recruit_main_pc img {
  object-fit: cover;
  object-position: center;
  border-radius: 200px 0 0 0;
  width: 100%;
  height: 608px;
}

/* ~1480px
--------------------------------- */
@media screen and (max-width: 1480px) {
  /* レイアウト */
  .recruit_main_columns {
    gap: 1em !important;
  }
  .recruit_main_column_left {
    flex-basis: 45% !important;
  }
  .recruit_main_column_right {
    flex-basis: 60% !important;
  }

  /* 見出し */
  .recruit_main h1 {
    font-size: 38px;
  }

  /* 画像 */
  .recruit_main_pc img {
    height: 450px;
  }
}

/* ~1240px
--------------------------------- */
@media screen and (max-width: 1280px) {
  /* レイアウト */
  .recruit_main_column_left {
    flex-basis: 45% !important;
  }
  .recruit_main_column_right {
    flex-basis: 60% !important;
  }

  /* 見出し */
  .recruit_main h1 {
    font-size: 35px;
  }

  /* テキスト */
  .recruit_main p {
    font-size: 18px;
  }

  /* 画像 */
  .recruit_main_pc img {
    height: 410px;
  }
}

/* ~1024px
--------------------------------- */
@media screen and (max-width: 1024px) {
  /* レイアウト */
  .recruit_main_columns {
    flex-direction: column;
    gap: 0;
  }
  .recruit_main_column_left {
    padding-left: 7%;
    padding-right: 7%;
  }
  .recruit_main .wp-block-group__inner-container {
    display: block;
  }

  /* 見出し */
  .recruit_main h1 {
    font-size: 40px;
  }

  /* テキスト */
  .recruit_main p {
    font-size: 20px;
  }

  /* 画像 */
  .recruit_main_sp img {
    height: 519px;
  }
}

/* ~767px
--------------------------------- */
@media screen and (max-width: 767px) {
  /* 見出し */
  .recruit_main h1 {
    font-size: 35px;
  }

  /* 画像 */
  .recruit_main_pc img {
    height: 53.4vw;
    border-radius: 13vw 0 0 0;
  }
}

/* ~375px
--------------------------------- */
@media screen and (max-width: 375px) {
  /* レイアウト */
  .recruit_main_column_left {
    padding: 30px 24px;
  }

  /* 見出し */
  .recruit_main h1 {
    font-size: 33px;
  }

  /* テキスト */
  .recruit_main p {
    font-size: 13px;
  }

  /* 画像 */
  .recruit_main_pc {
    display: none;
  }
  .recruit_main_sp {
    display: block;
  }
  .recruit_main_sp img {
    object-fit: cover;
    object-position: center;
    border-radius: 100px 0 0 0;
    width: 100%;
    height: 284px;
  }
}

/* ================================

　  Information

================================= */

/* 見出し */
.recruit_row01 h2 {
  font-size: 32px;
  color: #2b55a0;
  font-weight: 500;
}

/* 記事一覧 */
.recruit_row01 ul li {
  list-style-type: none;
  margin-left: 0;
  display: flex;
  gap: 20px;
  align-items: first baseline;
  transition-property: opacity, color, background-color, filter;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
  padding-left: 0;
}
.recruit_row01 ul li:before {
  display: none;
}
.recruit_row01 ul li:hover {
  color: #2b55a0;
}
.recruit_row01 ul li:not(:first-of-type) {
  margin-top: 20px;
}
.recruit_row01 ul li .post_category a {
  display: block;
  background-color: #2b55a0;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  width: 70px;
  padding: 3px 0 6px;
  border-radius: 2px;
  pointer-events: none;
}

/* ~1024px
--------------------------------- */
@media screen and (max-width: 1024px) {
}

/* ~767px
--------------------------------- */
@media screen and (max-width: 767px) {
  /* 記事一覧 */
  .recruit_row01 ul li {
    display: block;
    font-size: 0;
  }
  .recruit_row01 ul li .post_date {
    display: inline-block;
    font-size: 16px;
  }
  .recruit_row01 ul li .post_category {
    display: inline-block;
    margin-left: 15px;
  }
  .recruit_row01 ul li .post_category a {
    width: 50px;
    padding: 0;
  }
  .recruit_row01 ul li:not(:first-of-type) {
    margin-top: 20px;
  }
  .recruit_row01 ul li .post_title {
    display: block;
    font-size: 16px;
  }
  .recruit_row01 ul li .post_title a {
    display: inline-block;
  }
}

/* ~375px
--------------------------------- */
@media screen and (max-width: 375px) {
  /* 見出し */
  .recruit_row01 h2 {
    font-size: 25px;
  }

  /* 記事一覧 */
  .recruit_row01 ul li .post_date {
    font-size: 14px;
  }
  .recruit_row01 ul li .post_category {
    display: inline-block;
    margin-left: 15px;
  }
  .recruit_row01 ul li .post_category a {
    width: 50px;
    padding: 0;
  }
  .recruit_row01 ul li:not(:first-of-type) {
    margin-top: 14px;
  }
  .recruit_row01 ul li .post_title {
    display: block;
    font-size: 14px;
  }
}

/* ================================

　  Message

================================= */

/* カラム */
.recruit_row02_columns {
  position: relative;
}
.recruit_row02_column_right {
  position: absolute;
  left: 50%;
  margin-left: -190px !important;
  z-index: -1;
}
.recruit_row02_columns {
  position: relative;
}

/* 見出し */
.recruit_row02 .recruit_h2 {
  margin-top: 20px;
  margin-left: 40px;
}

/* テキストボックス */
.recruit_row02_textbox {
  background-color: #f8f8f8;
  padding: 40px;
  border-radius: 8px;
}

/* ~1024px
--------------------------------- */
@media screen and (max-width: 1024px) {
  /* レイアウト */
  .recruit_row02 .recruit_h2 {
    order: 0;
  }
  .recruit_row02 .recruit_row02_textbox {
    order: 2;
    margin-top: 0;
    border-radius: 0;
    padding: 40px 60px;
  }
  .recruit_row02 .recruit_row02_img {
    order: 1;
  }

  /* 見出し */
  .recruit_row02 .recruit_h2 {
    margin-top: 0;
    margin-left: 60px;
    margin-right: 60px;
  }

  /* カラム */
  .recruit_row02_columns {
    position: relative;
    flex-direction: column;
    display: contents;
    gap: 0;
  }
  .recruit_row02_column_left {
    flex-basis: auto !important;
    display: contents;
  }
  .recruit_row02_column_right {
    position: relative;
    margin-left: 0 !important;
    left: auto;
    z-index: 1;
    display: contents;
  }
}

/* ~767px
--------------------------------- */
@media screen and (max-width: 767px) {
  /* 見出し */
  .recruit_row02 .recruit_h2 {
    margin-left: 24px;
    margin-right: 24px;
  }

  /* テキストボックス */
  .recruit_row02 .recruit_row02_textbox {
    padding: 40px 24px;
  }
}

/* ~375px
--------------------------------- */
@media screen and (max-width: 375px) {
  /* 見出し */
  .recruit_row02 .recruit_h2 {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 30px;
  }

  /* テキストボックス */
  .recruit_row02 .recruit_row02_textbox {
    padding: 34px 24px;
  }
}

/* ================================

　  Interview

================================= */

/* テキスト */
.recruit_row03,
.recruit_row03 .recruit_h2 p {
  color: #fff;
}

/* 見出し */
.recruit_row03 .recruit_h2:before {
  content: "";
  position: absolute;
  background-color: #aed4fa;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  top: -15px;
  left: -30px;
}

/* インタビューボックス */
.recruit_row03_columns {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px 60px;
  color: #000;
  margin-top: 30px;
  gap: 5.66%;
}
.interview_name {
  font-size: 20px;
  font-weight: 500;
}

/* ~1024px
--------------------------------- */
@media screen and (max-width: 1024px) {
  /* インタビューボックス */
  .recruit_row03_columns {
    padding: 40px;
  }
}

/* ~767px
--------------------------------- */
@media screen and (max-width: 767px) {
  /* 見出し */
  .recruit_row03 .recruit_h2:before {
    width: 25px;
    height: 25px;
    top: -5px;
    left: -11px;
  }

  /* インタビューボックス */
  .recruit_row03 .reverse {
    flex-direction: column-reverse;
  }
  .recruit_row03_columns {
    flex-direction: column;
  }
  .recruit_row03_columns figure {
    text-align: center;
  }
  .recruit_row03_column_right {
    flex-basis: auto !important;
  }
  .recruit_row03_column_right img {
    width: auto;
  }
  .recruit_row03_columns {
    padding: 40px 24px;
  }
  .recruit_row03_columns .interview_name {
    text-align: center;
    margin-top: 20px;
    line-height: 1.6;
  }
}

/* ~375px
--------------------------------- */
@media screen and (max-width: 375px) {
  /* インタビューボックス */
  .recruit_row03_columns {
    padding: 30px 20px;
    margin-top: 30px;
  }
  .interview_name {
    font-size: 16px;
  }

  /* 画像 */
  .recruit_row03_column_right {
    flex-basis: 200px !important;
  }
  .recruit_row03_columns figure img {
    width: 200px;
  }
}

/* ================================

　  About us

================================= */

/* 背景 */
.recruit_row04 {
  background-color: #f8f8f8;
}

/* About us 画像 */
.recruit_row04_about_img_pc {
  margin-bottom: 30px;
  display: block;
}
.recruit_row04_about_img_sp {
  display: none;
}

/* テーブルレイアウト */
.page-recruit .is-style-table_01 td:last-of-type {
  padding-right: 0;
}

/* 役員 */
.recruit_row04 table td .position_box {
  display: flex;
  gap: 40px;
}
.recruit_row04 table td .position {
  width: 140px;
}
.recruit_row04 table td .name {
  width: auto;
}

/* 加盟団体・認定 */
.recruit_row04 table ol li {
  list-style-type: decimal;
  text-indent: 0;
}
.recruit_row04 table ol li:before {
  display: none;
}
.recruit_row04 table ol li .group_box {
  display: flex;
  gap: 8%;
}
.recruit_row04 table ol li .group_name {
  width: 76%;
}
.recruit_row04 table ol li .group_img {
  width: 150px;
}
.recruit_row04 table ol li:not(:first-of-type) {
  margin-top: 40px;
}

/* 社内風景 */
.recruit_row04 .recruit_row04_columns_pc {
  display: block;
}
.recruit_row04 .recruit_row04_columns_sp {
  display: none;
}
.recruit_row04 .recruit_row04_columns01,
.recruit_row04 .recruit_row04_columns02 {
  gap: 1.6% !important;
}
.recruit_row04 .recruit_row04_columns02 {
  margin-top: 1.6%;
}
.recruit_row04_columns_pc .scenery_img01 img {
  border-radius: 100px 0 0 0;
}
.recruit_row04_columns_pc .scenery_img02 img {
  border-radius: 0 100px 0 0;
}
.recruit_row04_columns_pc .scenery_img03 img {
  border-radius: 0 0 50px 0;
}
.recruit_row04_columns_pc .scenery_img04 img {
  border-radius: 0 50px 0 0;
}
.recruit_row04_columns_pc .scenery_img05 {
  margin-top: 6%;
}
.recruit_row04_columns_pc .scenery_img05 img {
  border-radius: 0 0 0 50px;
}
.recruit_row04_columns_pc .scenery_img06 {
  margin-top: 6%;
}
.recruit_row04_columns_pc .scenery_img06 img {
  border-radius: 0 0 0 50px;
}
.recruit_row04_columns_pc .scenery_img07 img {
  border-radius: 0 0 100px 0;
}

/* ~1024px
--------------------------------- */
@media screen and (max-width: 1024px) {
}

/* ~767px
--------------------------------- */
@media screen and (max-width: 767px) {
  /* About us 画像 */
  .recruit_row04_about_img_pc {
    display: none;
  }
  .recruit_row04_about_img_sp {
    margin-bottom: 20px;
    display: block;
  }

  /* テーブルレイアウト */
  .page-recruit .is-style-table_01 td:last-of-type {
    padding-right: 12px;
  }

  /* 加盟団体・認定 */
  .recruit_row04 table ol li .group_box {
    display: block;
  }
  .recruit_row04 table ol li .group_name {
    width: 100%;
  }
  .recruit_row04 table ol li .group_img {
    margin-top: 20px;
  }

  /* 社内風景 */
  .recruit_row04 .recruit_row04_columns_pc {
    display: none;
  }
  .recruit_row04 .recruit_row04_columns_sp {
    display: block;
  }
  .recruit_row04 .recruit_row04_columns01,
  .recruit_row04 .recruit_row04_columns02,
  .recruit_row04 .recruit_row04_columns03 {
    gap: 3% !important;
    overflow: hidden !important;
  }
  .recruit_row04 .recruit_row04_columns02,
  .recruit_row04 .recruit_row04_columns03 {
    margin-top: 3%;
  }
  .recruit_row04 .recruit_row04_columns01 .wp-block-column:first-of-type {
    flex-basis: 56.7% !important;
  }
  .recruit_row04 .recruit_row04_columns01 .wp-block-column:last-of-type {
    flex-basis: 43.3% !important;
  }
  .recruit_row04 .recruit_row04_columns02 .wp-block-column {
    flex-basis: 100% !important;
  }
  .recruit_row04 .recruit_row04_columns03 .wp-block-column:first-of-type {
    flex-basis: 50% !important;
  }
  .recruit_row04 .recruit_row04_columns03 .wp-block-column:last-of-type {
    flex-basis: 50% !important;
  }

  .recruit_row04_columns_sp .scenery_img01 img {
    border-radius: 30px 0 0 0;
  }
  .recruit_row04_columns_sp .scenery_img02 img {
    border-radius: 0 30px 0 0;
  }
  .recruit_row04_columns_sp .scenery_img03 img {
    border-radius: 0 0 30px 0;
  }
  .recruit_row04_columns_sp .scenery_img04 img {
    border-radius: 0 0 20px 0;
  }
  .recruit_row04_columns_sp .scenery_img05 img {
    border-radius: 0 20px 0 0;
  }
  .recruit_row04_columns_sp .scenery_img06 {
    margin-top: 7%;
  }
  .recruit_row04_columns_sp .scenery_img06 img {
    border-radius: 0 0 0 20px;
  }
  .recruit_row04_columns_sp .scenery_img07 {
    margin-top: 7%;
  }
  .recruit_row04_columns_sp .scenery_img07 img {
    border-radius: 0 20px 0 0;
  }
}

/* ~375px
--------------------------------- */
@media screen and (max-width: 375px) {
  /* 役員 */
  .recruit_row04 table td .position_box {
    display: flex;
    gap: 0;
  }
  .recruit_row04 table td .position {
    width: 110px;
  }

  /* 加盟団体・認定 */
  .recruit_row04 table ol li .group_img {
    width: 124px;
  }
  .recruit_row04 table ol li:not(:first-of-type) {
    margin-top: 20px;
  }
}

/* ================================

　  Business

================================= */

/* テキスト */
.recruit_row05,
.recruit_row05 .recruit_h2 p {
  color: #fff;
}

/* 見出し */
.recruit_row05 .recruit_h2 {
  margin-bottom: 40px;
}

/* カラム */
.recruit_row05_columns {
  justify-content: right;
  gap: 4.1%;
}
.recruit_row05_columns .recruit_row05_column_right {
  text-align: right;
  position: relative;
}
.recruit_row05_columns .recruit_row05_column_right figure {
  position: absolute;
  top: -120px;
}

/* ~1240px
--------------------------------- */
@media screen and (max-width: 1240px) {
  /* カラム */
  .recruit_row05_columns .recruit_row05_column_left,
  .recruit_row05_columns .recruit_row05_column_right {
    flex-basis: 50% !important;
  }
}

/* ~1024px
--------------------------------- */
@media screen and (max-width: 1024px) {
  /* レイアウト */
  .recruit_row05 .recruit_h2 {
    order: 0;
  }
  .recruit_row05 .recruit_row05_textbox {
    order: 2;
    margin-top: 30px;
  }
  .recruit_row05 .recruit_row05_img {
    order: 1;
  }

  /* 見出し */
  .recruit_row05 .recruit_h2 {
    margin-top: 0;
    margin-left: 0;
  }

  /* カラム */
  .recruit_row05_columns {
    position: relative;
    flex-direction: column;
    display: contents;
    gap: 0;
  }
  .recruit_row05_column_left {
    flex-basis: auto !important;
    display: contents;
  }
  .recruit_row05_column_right {
    position: relative;
    margin-left: 0 !important;
    left: auto;
    z-index: 1;
    display: contents;
  }
  .recruit_row05_columns .recruit_row05_column_right figure {
    position: relative;
    top: auto;
  }
}

/* ~767px
--------------------------------- */
@media screen and (max-width: 767px) {
}

/* ~375px
--------------------------------- */
@media screen and (max-width: 375px) {
  /* レイアウト */
  .recruit_row05 .recruit_row05_textbox {
    margin-top: 20px;
  }
}

/* ================================

　  Data

================================= */

/* 見出し */
.recruit_row06 .recruit_h2:before {
  content: "";
  position: absolute;
  background-color: #aed4fa;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  top: -10px;
  left: -25px;
}

/* レイアウト */
.recruit_row06_columns {
  gap: 2.5%;
}
.recruit_row06_columns:not(:first-of-type) {
  margin-top: 2.5%;
}

/* ~1024px
--------------------------------- */
@media screen and (max-width: 1024px) {
}

/* ~767px
--------------------------------- */
@media screen and (max-width: 767px) {
  /* 見出し */
  .recruit_row06 .recruit_h2:before {
    width: 25px;
    height: 25px;
    top: -5px;
    left: -11px;
  }

  /* レイアウト */
  .recruit_row06_columns_box .wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
    margin-top: -4%;
  }
  .recruit_row06_columns {
    display: contents !important;
  }
  .recruit_row06_columns .wp-block-column {
    flex-basis: 48% !important;
    margin-top: 4%;
  }
  .recruit_row06_columns .odd_data img {
    width: 48%;
  }
}

/* ~375px
--------------------------------- */
@media screen and (max-width: 375px) {
  /* レイアウト */
  .recruit_row06_columns_box .wp-block-group__inner-container {
    display: block;
  }
  .recruit_row06_columns:not(:first-of-type) {
    margin-top: 20px;
  }
  .recruit_row06_columns .odd_data img {
    width: 100%;
  }
}

/* Dataを画像からHTMLに
--------------------------------- */
.recruit_row06_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  list-style: none;
}
@media (width <= 1024px) {
  .recruit_row06_list {
    gap: 17px;
  }
}
@media (width <= 767px) {
  .recruit_row06_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.recruit_row06_list .recruit_row06_item {
  padding-left: 0;
}
.recruit_row06_list .recruit_row06_item::before {
  content: none;
}
.recruit_row06_item {
  background: #f8f8f8;
  border-radius: 8px;
}
.recruit_row06_item_innner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 46px;
  padding-top: 46px;
  padding-bottom: 46px;
}
@media (767px <= width <= 1024px) {
  .recruit_row06_item_innner {
    gap: 22px;
    padding-top: 22px;
    padding-bottom: 22px;
  }
}
@media (width <= 767px) {
  .recruit_row06_item_innner {
    gap: 18px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.recruit_row06_item_title {
  font-size: 2.4rem;
  font-weight: 500;
}
@media (767px <= width <= 1024px) {
  .recruit_row06_item_title {
    font-size: 1.5rem;
  }
}
@media (width <= 767px) {
  .recruit_row06_item_title {
    font-size: 1.2rem;
  }
}
.recruit_row06_item_img {
  width: 100%;
  max-width: 28%;
}
.recruit_row06_item_data {
  font-size: 3.8rem;
  color: #2b55a0;
  font-weight: 500;
}
.recruit_row06_item_data span {
  font-size: 2.9rem;
}
@media (767px <= width <= 1024px) {
  .recruit_row06_item_data {
    font-size: 2.2rem;
  }
  .recruit_row06_item_data span {
    font-size: 1.7rem;
  }
}
@media (width <= 767px) {
  .recruit_row06_item_data {
    font-size: 2rem;
  }
  .recruit_row06_item_data span {
    font-size: 1.4rem;
  }
}
.recruit_row06_list .recruit_row06_item_innner p:not(:first-child) {
  margin-top: 0;
}
.recruit_row06_item_ratioInn {
  display: flex;
  align-items: flex-end;
  margin-top: -20px;
}
@media (767px <= width <= 1024px) {
  .recruit_row06_item_ratioInn {
    margin-top: -6px;
  }
}
@media (width <= 767px) {
  .recruit_row06_item_ratioInn {
    margin-top: -2px;
  }
}
.recruit_row06_item_data-ratio {
  text-align: center;
}
.recruit_row06_item_data-ratio span {
  font-size: 1.4rem;
  display: block;
  font-weight: 500;
}
@media (width >= 1024px) {
  .recruit_row06_item_data-ratio span {
    padding-bottom: 6px;
  }
}
@media (width <= 1024px) {
  .recruit_row06_item_data-ratio span {
    font-size: 0.9rem;
    line-height: 1rem;
  }
}
@media (width <= 767px) {
  .recruit_row06_item_data-ratio span {
    font-size: 0.8rem;
    line-height: 0.7rem;
  }
}
/* ================================

　  Job description

================================= */

/* 詳細 */
.recruit_row07_details details {
  margin-top: 20px !important;
}

/* ~1024px
--------------------------------- */
@media screen and (max-width: 1024px) {
  /* 詳細 */
  .recruit_row07_button_columns {
    flex-direction: column;
  }
  .recruit_row07_details .wp-block-buttons {
    justify-content: center !important;
  }
}

/* ~767px
--------------------------------- */
@media screen and (max-width: 767px) {
}

/* ~375px
--------------------------------- */
@media screen and (max-width: 375px) {
  /* 詳細 */
  .recruit_row07_button_columns {
    flex-direction: column;
    gap: 20px;
  }
  .recruit_row07_details .wp-block-buttons {
    justify-content: center !important;
  }
  .recruit_row07_details .is-style-button_07 a {
    padding: 16px 50px 17px 20px;
  }
}

/* ================================

　  Training system

================================= */

/* 見出し */
.recruit_row08 .recruit_h2:before {
  content: "";
  position: absolute;
  background-color: #aed4fa;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  top: -10px;
  left: -25px;
}

/* カラム① */
.recruit_row08_columns01 {
  gap: 5.84%;
}

/* カラム② */
.recruit_row08 .is-style-group_02 {
  padding: 30px;
}
.recruit_row08 .is-style-group_02 ul li:not(:first-of-type) {
  margin-top: 20px;
}
.recruit_row08_columns02 {
  margin-top: 20px;
  padding: 0 2%;
  gap: 5.5%;
}

/* チャート図 */
.recruit_row08_chart_pc {
  display: block;
}
.recruit_row08_chart_sp {
  display: none;
}

/* カラム③ */
.recruit_row08_img figure {
  width: 410px;
  margin: 0 !important;
}

/* ~1024px
--------------------------------- */
@media screen and (max-width: 1024px) {
  /* カラム③ */
  .recruit_row08_img figure {
    width: 320px;
  }
}

/* ~767px
--------------------------------- */
@media screen and (max-width: 767px) {
  /* 見出し */
  .recruit_row08 .recruit_h2:before {
    width: 25px;
    height: 25px;
    top: -5px;
    left: -11px;
  }

  /* カラム① */
  .recruit_row08_columns01 {
    flex-direction: column;
  }
  .recruit_row08_column01_right {
    margin-top: 6% !important;
  }

  /* カラム② */
  .recruit_row08_columns02 {
    flex-direction: column;
    margin-top: 0;
    padding: 0 0 0 4%;
    gap: 0;
  }

  /* チャート図 */
  .recruit_row08_chart_box > .wp-block-group__inner-container {
    display: flex;
  }
  .recruit_row08_chart_pc {
    display: none;
  }
  .recruit_row08_chart_sp {
    display: block;
    flex-basis: 110px;
  }
  .recruit_row08_columns02_left {
    flex-basis: 22% !important;
    align-content: center;
  }
  .recruit_row08_columns02_center {
    flex-basis: 35% !important;
    align-content: center;
  }
  .recruit_row08_columns02_right {
    flex-basis: 43% !important;
    align-content: center;
  }

  /* カラム③ */
  .recruit_row08_columns03 {
    display: block !important;
  }
  .recruit_row08_img figure {
    width: 100%;
    margin-top: 20px !important;
    float: inherit !important;
  }
}

/* ~375px
--------------------------------- */
@media screen and (max-width: 375px) {
  /* カラム② */
  .recruit_row08 .is-style-group_02 {
    padding: 20px;
  }
  .recruit_row08_columns02 {
    padding: 0 0 0 4%;
  }

  /* チャート図 */
  .recruit_row08_chart_box > .wp-block-group__inner-container {
    display: flex;
  }
  .recruit_row08_chart_pc {
    display: none;
  }
  .recruit_row08_chart_sp {
    display: block;
    flex-basis: 29%;
  }
  .recruit_row08_chart_box ul {
    font-size: 13px;
    line-height: 1.5;
  }
  .recruit_row08_columns02_left {
    flex-basis: 22% !important;
  }
  .recruit_row08_columns02_center {
    flex-basis: 35% !important;
  }
  .recruit_row08_columns02_right {
    flex-basis: 43% !important;
  }

  /* カラム③ */
  .recruit_row08_columns03 {
    margin-top: 20px;
  }
}

/*==================================================
header
======================================================*/
.header {
  background: #fff;
  color: #000;
  border-bottom: 1px solid #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  max-height: 90px;
  z-index: 900;
}
.header__inner {
  padding: 0 clamp(12px, 1.4vw, 24px) 12px;
  max-width: 1248px;
  margin: auto;
  width: 100%;
}
.header__body {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0 0;
  max-width: 1200px;
  margin: 0 auto;
}
.header__logo-color-wrapper {
  width: 190px;
}
.header__logo-link {
  transition: opacity ease 0.4s;
  opacity: 1;
  display: block;
}
.header__logo-link:hover,
.header__logo-link:focus {
  transition: opacity ease 0.4s;
  opacity: 0.8;
}
.header__nav-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 0;
  width: 865px;
  margin: 0 0 0 auto;
  align-items: center;
  height: fit-content;
  gap: 4.5%;
}
/* ページ内リンクテキストのみラップ */
.header__nav-wrapper-inner {
  display: flex;
  justify-content: space-between;
  padding: 0;
  width: calc(100% - 142px);
  align-items: center;
  height: fit-content;
  flex-wrap: wrap;
}
.header__nav-wrapper-item {
  width: fit-content;
  margin: 0;
  height: fit-content;
}
.header__nav-wrapper-item-button {
  width: fit-content;
  margin: 0;
  height: fit-content;
}
.header-nav__title {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.333;
}
/* ヘッダーテキストリンクとボタンアニメーション */
.header__link-anim-font-color {
  color: inherit;
  transition: color ease 0.4s;
}
.header__link-anim-round {
  border: 1px solid #2b55a0;
  background-color: #2b55a0;
  color: #fff;
  border-radius: 50px;
  padding: 13px 65px;
  transition: background-color ease 0.4s, color ease 0.4s;
  display: inline-block;
  text-align: center;
}
.header__link-anim-font-color:hover,
.header__link-anim-font-color:focus {
  color: #2b55a0;
}
.header__link-anim-round:hover,
.header__link-anim-round:focus {
  background-color: #fff;
  color: #2b55a0;
}
.hamburgur-btn {
  display: none;
}
/*==================================================
社員イメージ画像エリア
======================================================*/
.employee-training {
  width: 100%;
  max-width: 1920px;
  margin: 17px auto 0;
  padding-top: 60px;
  overflow: hidden;
}
.employee-training__inner {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2.5%;
}
.employee-training__img-pc {
  vertical-align: middle;
}
.employee-training__item {
  width: 100%;
}
.employee-training__item01 {
  margin-top: clamp(0px, 9.1291vw, 174px);
}
.employee-training__item02 {
  margin-top: 0;
}
.employee-training__item03 {
  margin-top: clamp(0px, 2.86458vw, 55px);
}
.employee-training__item04 {
  margin-top: clamp(0px, 5.7291vw, 110px);
}
.employee-training__item05 {
  margin-top: clamp(0px, 2.86458vw, 55px);
}
.employee-training__item06 {
  margin-top: 0;
}
/*==================================================
グループ会社エリア
======================================================*/
.group-logo {
  padding: 87px 24px 150px;
  text-align: center;
}
.group-logo__img-wrapper {
  width: 506px;
  display: inline-block;
}
.group-logo__img {
  vertical-align: middle;
}
.group-logo__text-wrapper {
  margin-top: 20px;
}
.group-logo__text {
  font-size: 1.6rem;
  line-height: 1.5;
}
/*==================================================
entryエリア
======================================================*/
.entry-area {
  color: #fff;
  text-align: center;
  background: url(../img/recruit/entry_bg.png) no-repeat center center / cover;
}
.entry-area__inner {
  padding: 152px 24px 121px;
  max-width: 1920px;
  margin: auto;
}
.entry-area__text {
  font-size: 3rem;
  font-weight: 500;
  line-height: 2.267;
}
.entry-area-only-mobile {
  display: none;
}
.entry-area__link-wrapper {
  margin-top: 59px;
}
.entry-area__link {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.333;
}
.entry-link-arrow {
  position: relative;
}
.entry-link-arrow::before {
  position: absolute;
  content: "";
  right: 59px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 58px;
  height: 100%;
  background: url(../img/recruit/entry_icon_link_arrow_right_white.svg) no-repeat center center / contain;
  transition: background-image ease 0.4s;
}
.entry__link-anim-round {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 4.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 200px;
  padding: 40px 176px 34px 180px;
  width: 100%;
  max-width: 1200px;
  border: 2px solid #2b55a0;
  background-color: #2b55a0;
  transition: color ease 0.4s, background-color ease 0.4s;
  margin: auto;
}
.entry-link-arrow:hover::before,
.entry-link-arrow:focus::before {
  background: url(../img/recruit/entry_icon_link_arrow_right_blue.svg) no-repeat center center / contain;
}
.entry__link-anim-round:hover,
.entry__link-anim-round:focus {
  background-color: #fff;
  color: #2b55a0;
}
/*==================================================
footer
======================================================*/
.footer {
  background: #1a1a1a;
  color: #fff;
  font-size: 1.4rem;
  display: flex;
  justify-content: space-between;
}
.footer__inner {
  /* ここでトップに戻るボタンPC版の位置を制御しています */
  padding: 80px clamp(12px, 1.4vw, 24px) 27px;
  width: 1248px;
}
.footer__body {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 26px 0 0;
  max-width: 1200px;
  margin: auto;
}
.footer__info-wrapper {
  padding-top: 3px;
  width: fit-content;
}
.footer__logo-color-wrapper {
  width: 201px;
}
.footer__logo-link {
  transition: opacity ease 0.4s;
  opacity: 1;
  display: block;
}
.footer__logo-link:focus,
.footer__logo-link:hover {
  opacity: 0.8;
}
.footer__info {
  margin-top: 14px;
}
.footer__company-name {
  font-size: 1.6rem;
  font-weight: 500;
}
.footer__address {
  line-height: 1.714;
  margin-top: 30px;
}
.footer__logo-white-wrapper {
  width: 231px;
  margin-top: 28px;
}
.footer__isms-privacy-wrapper {
  justify-content: space-between;
  width: 227px;
  margin-top: 56px;
}
.footer__isms-privacy-wrapper-only-pc {
  display: flex;
}
.footer__isms-privacy-wrapper-only-mobile {
  display: none;
}
.footer__logo-isms-wrapper {
  width: 147px;
}
.footer__logo-isms {
  height: 65px;
  object-fit: cover;
  object-position: 0;
}
.footer__logo-privacy {
  width: 66px;
}
.footer__navs-links {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 3px;
}
.footer__nav-wrapper {
  display: flex;
  justify-content: space-between;
  gap: clamp(16px, 1.72vw, 37px);
}
.footer-nav__title {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.333;
  margin-top: -0.3rem;
  margin-bottom: -0.3rem;
  display: block;
  width: fit-content;
}
.footer__bottom {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 43px auto 0;
}
.footer__links {
  max-width: 360px;
  width: fit-content;
  justify-content: flex-start;
  gap: 40px;
  margin-top: 33px;
  display: flex;
}
.footer-links-only-pc {
  display: flex;
}
.footer-links-only-mobile {
  display: none;
}
.footer__copy-wrapper {
  width: fit-content;
  margin: auto;
}
.footer__copy {
  line-height: 1;
  font-size: 1.4rem;
}
/* トップに戻るボタン *******************/
.scroll-top-btn {
  width: clamp(60px, 5vw, 95px);
  height: clamp(60px, 5vw, 95px);
  border-radius: 100px;
  background-color: #f8f8f8;
  cursor: pointer;
  transition: background-color ease 0.4s, color ease 0.4s;
  margin-left: auto;
  display: flex;
}
.scroll-top-btn:hover,
.scroll-top-btn:focus {
  background-color: #2b55a0;
  color: #fff;
}
.scroll-top-btn__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: auto;
}
.scroll-top-btn__txt {
  font-size: 1.1rem;
  line-height: 1;
  color: #2b55a0;
  font-weight: 700;
}
.scroll-top-btn:hover .scroll-top-btn__txt,
.scroll-top-btn:focus .scroll-top-btn__txt {
  color: currentColor;
}
.scroll-top-btn__arrow {
  display: block;
  position: relative;
  width: 25px;
  height: 25px;
  margin: auto;
}
.scroll-top-btn__arrow::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  background: url(../img/common/icon_arrow_scroll-top_blue.svg) no-repeat center / contain;
  transition: opacity ease 0.4s;
  z-index: 1;
}
.scroll-top-btn__arrow::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  background: url(../img/common/icon_arrow_scroll-top_white.svg) no-repeat center / contain;
  z-index: 0;
}
.scroll-top-btn:hover .scroll-top-btn__arrow::before,
.scroll-top-btn:focus .scroll-top-btn__arrow::before {
  opacity: 0;
}
/* トップへ戻るボタンを設置する上でバランス調整のため定義 */
.footer-dammy-block01,
.footer-dammy-block02 {
  min-height: 510px;
  min-width: 95px;
  width: 9.8%;
  padding-top: 104px;
}
.footer-dammy-block01 {
  margin-left: auto;
  padding-left: clamp(12px, 1vw, 16px);
}
/* トップへ戻るボタンを内包 */
.footer-dammy-block02 {
  margin-right: auto;
  padding-right: clamp(12px, 1.7vw, 36px);
}
.footer__link-anim {
  transition: color ease 0.4s;
}
.footer__link-anim:hover,
.footer__link-anim:focus {
  color: #3e7be8;
}
.footer-logo-wrapper-only-mobile {
  display: contents;
}
.footer-logo-wrapper-only-mobile__left {
  display: contents;
}
.footer-logo-wrapper-only-mobile__right {
  display: none;
}
/*==================================================
アニメーション
事前にアニメーション処理が必要な要素にcommon-animeクラスとあわせ、
下記のいずれか1つを設置します
ex)上から下にふわりと表示させる要素に対して...
<div class="hogehoge piyo common-anime common-anime-top-bottom">
======================================================*/
/* 事前に設置するクラス *******************/
.common-anime {
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.8s;
}
/* 上から下 */
.common-anime-top-bottom {
  transform: translateY(-50px);
}
/* 下から上 */
.common-anime-bottom-top {
  transform: translateY(50px);
}
/* 左から右 */
.common-anime-left-right {
  transform: translateX(-50px);
}
/* 右から左 */
.common-anime-right-left {
  transform: translateX(50px);
}
/* JSにて自動的に付与されるクラス *******************/
/* 上から下 */
.common-anime-top-bottom.start-anime-top-bottom {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
/* 下から上 */
.common-anime-bottom-top.start-anime-bottom-top {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
/* 左から右 */
.common-anime-left-right.start-anime-left-right {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}
/* 右から左 */
.common-anime-right-left.start-anime-right-left {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}
/* PC版でのみ機能させるアニメーション */
@media not screen and (max-width: 767px) {
  .header__link-anim {
    color: #000;
    transition: color ease 0.4s;
  }
  .header__link-anim:hover,
  .header__link-anim:focus {
    color: #2b55a0;
  }
  .header__link-anim {
    position: absolute;
    content: "";
    background: #000;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform ease 0.4s, width ease 0.4s;
  }
} /* @media not screen and (max-width: 767px){ */
@media screen and (max-width: 1280px) {
  /* entryエリア *******************/
  .entry-area-only-mobile {
    display: inline;
  }
  /* フッター *******************/
  .footer__nav-wrapper {
    flex-wrap: wrap;
    gap: unset;
    width: 100%;
    justify-content: flex-start;
  }
  .footer-nav__title {
    padding: 10px 0;
    margin-left: auto;
    font-size: 1.6rem;
  }
  .footer__nav-wrapper-item {
    width: 50%;
    text-align: left;
  }
  .footer__column-vertical-nav-wrapper-item {
    width: 100%;
  }
  .scroll-top-btn {
    width: 80px;
    height: 80px;
  }
  .footer__bottom {
    flex-direction: column;
    align-items: center;
  }
  .footer__copy-wrapper {
    margin-top: 16px;
  }
} /* max-width:1280px */
@media screen and (max-width: 1024px) {
  /* header *******************/
  .header__inner {
    padding: 0 clamp(6px, 1.4vw, 12px) 12px;
  }
  .header__body {
    padding: 16px 0 0;
  }
  .header__logo-color-wrapper {
    width: 190px;
  }
  .header__nav-wrapper-item {
    width: 30%;
    text-align: center;
  }
  .header-nav__title {
    font-size: 1.6rem;
    padding: 5px 0;
    display: inline-block;
    width: 100%;
  }
  .header__link-anim-round {
    padding: 13px 45px;
  }
  /* ハンバーガーメニューボタン *******************/
  .footer-nav__title {
    text-align: center;
    margin: auto;
  }
} /* max-width: 1024px */
@media screen and (max-width: 767px) {
  /* ハンバーガーメニューボタン *******************/
  .hamburgur-btn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 35px;
    height: 27px;
    margin: 18px 10px 0 auto;
    position: absolute;
    right: 0;
  }
  .hamburgur-btn__line-top,
  .hamburgur-btn__line-center,
  .hamburgur-btn__line-bottom {
    width: 100%;
    height: 1px;
    background: #000;
    visibility: visible;
    transition: transform ease 0.4s, opacity ease 0.4s, visibility ease 0.4s;
  }
  .hamburgur-btn-is-open .hamburgur-btn__line-top {
    transform: translateY(15px) rotate(45deg);
  }
  .hamburgur-btn-is-open .hamburgur-btn__line-center {
    visibility: hidden;
    opacity: 0;
  }
  .hamburgur-btn-is-open .hamburgur-btn__line-bottom {
    transform: translateY(-10px) rotate(-45deg);
  }
  /* ヘッダー *******************/
  .header {
    transition: border-bottom ease 0.4s;
    border-bottom: 1px solid #d7d7d7;
  }
  .header--border-white {
    border-bottom: 1px solid #fff;
  }
  .header__inner {
    padding: 0 0 12px 0;
    width: 87.2%;
  }
  .header__body {
    padding: 15px 0 3px;
    margin: auto;
    position: relative;
  }
  .header__nav-wrapper {
    justify-content: flex-start;
    padding: 10px;
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    height: calc(100vh - 80px);
    flex-direction: column;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    transition: visibility ease 0.4s, opacity ease 0.4s;
    gap: 0;
  }
  .header__nav-wrapper-inner {
    display: contents;
  }
  .header__nav-wrapper-is-open {
    visibility: visible;
    opacity: 1;
    background: #fff;
  }
  .header__nav-wrapper-item {
    width: fit-content;
    position: static;
    width: 87.2%;
    margin: 35px auto 0;
    text-align: left;
  }
  .header__nav-wrapper-item-button {
    width: 87.2%;
    margin-top: 35px;
  }
  .header__nav-list-wrapper {
    width: 100%;
    position: static;
    padding-left: 7.1%;
    overflow: hidden;
    opacity: 0;
    transition: height ease 0.6s, opacity ease 0.6s;
  }
  .header__nav-list {
    padding-top: 22px;
    white-space: unset;
    width: 100%;
    margin-top: unset;
    padding: 22px 16px 16px;
  }
  .header__nav-list-link {
    display: block;
    line-height: 1.429;
    margin-top: -0.3rem;
    margin-bottom: -0.3rem;
    padding: 4px 0;
    width: fit-content;
  }
  .header__nav-nested-list {
    margin-top: 14px;
    padding: 0 0 0 13px;
  }
  .header__nav-nested-list-item {
    margin-top: 13px;
  }
  .header__nav-wrapper-item-contact {
    margin-top: 35px;
  }
  .header-nav__title {
    display: block;
    padding: 15px 30px 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  }
  .header__links-only-mobile {
    display: flex;
    width: 87.2%;
    margin: auto;
    justify-content: space-between;
    gap: 8px;
    font-size: 1.4rem;
    margin-top: 90px;
    padding-bottom: 90px;
  }
  .header__link-anim-round {
    padding: 16px 41px;
    font-size: 2rem;
    font-weight: 700;
    border: 1px solid #2b55a0;
  }
  .header__link-anim-round::before,
  .header__link-anim-round::after {
    display: none;
  }
  .header-nav__triangle {
    display: none;
  }
  /* 社員イメージ画像エリア *******************/
  .employee-training {
    margin: auto;
    width: 87.2%;
  }
  .employee-training__inner {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(174, 0.5747126%);
    gap: 0 4.58%;
  }
  .employee-training__item01,
  .employee-training__item02,
  .employee-training__item03,
  .employee-training__item04,
  .employee-training__item05,
  .employee-training__item06 {
    margin-top: unset;
  }
  .employee-training__item01 {
    grid-row: 23 / 95;
  }
  .employee-training__item02 {
    grid-row: 1 / 73;
  }
  .employee-training__item03 {
    grid-row: 14 / 86;
  }
  .employee-training__item04 {
    grid-row: 103 / 175;
  }
  .employee-training__item05 {
    grid-row: 81 / 152;
  }
  .employee-training__item06 {
    grid-row: 94 / 165;
  }
  .employee-training__img-pc {
    display: inline;
  }
  /* グループ会社エリア *******************/
  .group-logo {
    padding: 60px 6.4%;
  }
  .group-logo__img-wrapper {
    width: clamp(302px, 65vw, 506px);
  }
  .group-logo__text {
    font-size: clamp(1.2rem, 2vw, 1.6rem);
  }
  /* entryエリア *******************/
  .entry-area {
    background: url(../img/recruit/entry_bg_sp.png) no-repeat center center / cover;
  }
  .entry-area__inner {
    padding: 152px 6.4% 121px;
  }
  .entry-area__text {
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: clamp(133.3%, 2vw, 226.7%);
  }
  .entry__link-anim-round {
    font-weight: 700;
    font-size: clamp(2rem, 6.26vw, 4.8rem);
    padding: 20px 96px 20px 100px;
  }
  .entry-link-arrow::before {
    right: 10px;
    width: clamp(20px, 6.52vw, 50px);
  }
  /* footer *******************/
  .footer-dammy-block01,
  .footer-dammy-block02,
  .footer__isms-privacy-wrapper-only-pc {
    display: none;
  }
  .footer__isms-privacy-wrapper-only-mobile {
    display: flex;
  }
  .common-footer {
    background: #000;
    color: #fff;
    font-size: 1.4rem;
    display: flex;
    justify-content: space-between;
  }
  .footer__inner {
    padding: 70px 24px 27px;
    width: 100%;
  }
  .footer__body {
    max-width: 600px;
    flex-direction: column;
    gap: unset;
  }
  .footer__info-wrapper {
    display: contents;
  }
  .footer__logo-white-wrapper {
    margin-top: 85px;
  }
  .footer-logo-wrapper-only-mobile {
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    order: 1;
  }
  .footer-logo-wrapper-only-mobile__left {
    display: block;
  }
  .footer-logo-wrapper-only-mobile__right {
    display: flex;
    align-items: center;
  }
  .footer__isms-privacy-wrapper {
    margin-top: 21px;
  }
  .footer__logo-isms {
    width: 147px;
  }
  .footer__nav-wrapper {
    margin-top: 20px;
  }
  .footer__nav-wrapper-item {
    width: 100%;
  }
  .footer__nav-wrapper-item:not(:first-of-type) {
    margin-top: 0;
  }
  .footer-nav__title {
    width: 100%;
    display: block;
    font-size: 1.6rem;
    padding: 15px 30px 15px 0;
    text-align: left;
  }
  .footer-nav__title::before,
  .footer-nav__title::after {
    width: 20px;
    height: 1px;
    right: 5px;
    top: 25px;
    background: #fff;
  }
  .footer-nav__title::after {
    transform: rotate(90deg);
    transition: transform ease 0.4s;
  }
  .footer__bottom {
    margin: 40px auto 0;
  }
  .footer-links-only-pc {
    display: none;
  }
  .footer-links-only-mobile {
    display: flex;
    margin: 33px auto 0;
  }
  /* トップに戻るボタン */
  .scroll-top-btn {
    width: 75px;
    height: 75px;
    margin-top: 110px;
  }
} /* max-width:767px */
@media screen and (max-width: 375px) {
  /* ハンバーガーメニューボタン *******************/
  .hamburgur-btn {
    margin: 9px 0px 0 auto;
    width: 27px;
    height: 17px;
  }
  .hamburgur-btn-is-open .hamburgur-btn__line-top {
    transform: translateY(9px) rotate(45deg);
  }
  .hamburgur-btn-is-open .hamburgur-btn__line-center {
    visibility: hidden;
    opacity: 0;
  }
  .hamburgur-btn-is-open .hamburgur-btn__line-bottom {
    transform: translateY(-6px) rotate(-45deg);
  }
  /* header *******************/
  .header--border-white {
    border-bottom: 1px solid #fff;
  }
  .header__inner {
    padding: 0 0 7px 0;
  }
  .header__logo-color-wrapper {
    width: 118px;
  }
  .header__nav-wrapper {
    top: 65px;
    height: calc(100vh - 65px);
    padding-top: 26px;
  }
  .header__nav-wrapper-is-open {
    visibility: visible;
    opacity: 1;
    background: #fff;
  }
  .header__nav-wrapper-item {
    width: 92.1%;
    margin: 0 auto;
  }
  .header__nav-wrapper-item:not(:first-of-type) {
    margin: 7px auto 0;
  }
  .header__nav-wrapper-item-button {
    width: 92.1%;
    margin-top: 106px;
  }
  .header-nav__title {
    font-size: 1.4rem;
    padding: 17px 30px 17px 0;
  }
  .header__link-anim-round {
    font-size: 2rem;
    padding: 16px 41px;
  }
  /* 社員イメージ画像エリア *******************/
  .employee-training {
    padding: 18px 0 20px;
    padding-top: 60px;
  }
  /* グループ会社エリア *******************/
  .group-logo {
    padding: 52px 24px 69px;
  }
  .group-logo__img-wrapper {
    width: 100%;
    max-width: 245px;
  }
  .group-logo__text-wrapper {
    margin-top: 0;
  }
  .group-logo__text {
    line-height: 2;
  }
  /* entryエリア *******************/
  .entry-area__inner {
    padding: 99px 24px 99px;
  }
  .entry-area__text {
    font-size: clamp(1.6rem, 4.8vw, 1.8rem);
    line-height: 1.333;
  }
  .entry-area__link-wrapper {
    margin-top: 44px;
  }
  .entry__link-anim-round {
    font-size: 2rem;
    padding: 14px 96px 12px 100px;
    letter-spacing: 0;
  }
  .entry-link-arrow::before {
    right: 15px;
    width: 20px;
  }
  /* footer *******************/
  .footer__navs-links {
    padding-top: 0px;
    margin-top: 50px;
  }
  .footer__nav-wrapper {
    margin-top: 0px;
  }
  .footer-nav__title {
    padding: 12px 30px 11px 0;
  }
  .footer__inner {
    padding: 8px 6.4% 26px;
  }
  .footer__body {
    padding: 27px 0 0;
  }
  .footer__logo-color-wrapper {
    width: 162px;
  }
  .footer__info {
    margin-top: 12px;
  }
  .footer__company-name {
    font-size: 1.4rem;
  }
  .footer__address {
    font-size: 1.3rem;
    margin-top: 15px;
    line-height: 1.846;
  }
  .footer__logo-white-wrapper {
    width: 175px;
  }
  .footer__isms-privacy-wrapper {
    justify-content: flex-start;
    width: fit-content;
    gap: 10px;
  }
  .footer__logo-isms-wrapper {
    width: 115px;
  }
  .footer__logo-isms {
    width: 100%;
    height: 50px;
    object-position: 0;
  }
  .footer__logo-privacy {
    width: 50px;
  }
  .footer__nav-wrapper-item {
    margin-top: 0;
  }
  .footer__nav-wrapper-item:not(:first-of-type) {
    margin-top: 0;
  }
  .footer-nav__title::after {
    transform: rotate(90deg);
  }
  .footer__bottom {
    margin: 45px auto 0;
    font-size: 1.3rem;
  }
  .footer__copy-wrapper {
    margin-top: 0;
  }
  .footer__copy {
    font-size: 1.3rem;
  }
  /* トップに戻るボタン */
  .scroll-top-btn {
    margin-top: 92px;
  }
  .footer-links-only-mobile {
    font-size: 1.3rem;
    margin: 36px auto 0;
  }
} /* max-width:375px */