/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
/*==============================================================================================================================================================================================
*
*
* 全体共通
*
*
==============================================================================================================================================================================================*/


.inner {
  max-width: 1024px;
  margin: auto;
  padding: 0 20px;
}
@media (max-width: 900px) {
  .inner {
    max-width: 100%;
  }
}

.human_inner {
  max-width: 1024px;
  margin: auto;
  padding: 0 185px;
}
@media (max-width: 900px) {
  .human_inner {
    max-width: 100%;
  }
}

.facility_inner {
  max-width: 1024px;
  margin: auto;
  padding: 0 185px;
}
@media (max-width: 900px) {
  .facility_inner {
    max-width: 100%;
  }
}

.headline {
  color: #000;
  font-family: serif;
  font-size: 0.8rem;
  line-height: 1.5;
  font-weight: inherit;
}

a:hover {
  opacity: 0.8;
}

/*==============================================================================================================================================================================================
*
*
*Parts
*
*
==============================================================================================================================================================================================*/
/*==============================================================================================================================================================================================
*
*
* FV
*
*
==============================================================================================================================================================================================*/
/*==============================================================================================================================================================================================
*
*
* section - 共通
*
*
==============================================================================================================================================================================================*/
/*==============================================================================================================================================================================================
*
*
* section - module
*
*
==============================================================================================================================================================================================*/
/*---------------
*
*
*
/*---------------
*
* module1
*
/*---------------
*
*
*
---------------*/
/*==============================================================================================================================================================================================
*
*
* section - section毎の設定
*
*
==============================================================================================================================================================================================*/
/*---------------
*
*
*
/*---------------
*
* じんざいプラス　index
*
/*---------------
*
*
*
---------------*/
#index_keyvisual .inner .thought_jinzaiplus {
  background-image: url(/../images/jinzaiplus/about_jinzaiplusimg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 287px;
  position: relative;
  margin-bottom: 50px;
}
#index_keyvisual .inner .thought_jinzaiplus .nextbtnbox .nextbtn {
  position: absolute;
  bottom: 30px;
  right: 140px;
}

#main .inner .employment_type_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 70px;
  text-align: center;
}
#main .inner .employment_type_list li {
  width: 24%;
  padding: 40px 30px;
  border-radius: 10px;
}
#main .inner .employment_type_list li:nth-of-type(1) {
  background-color: #f28f8f;
}
#main .inner .employment_type_list li:nth-of-type(2) {
  background-color: #fcd763;
}
#main .inner .employment_type_list li:nth-of-type(3) {
  background-color: #d9e021;
}
#main .inner .employment_type_list li:nth-of-type(4) {
  background-color: #83deea;
}
#main .inner .facility .list_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#main .inner .facility .list_box .facility_type_list01 {
  text-align: center;
}
#main .inner .facility .list_box .facility_type_list01 li {
  line-height: 3;
}
#main .inner .new_job .multiple-items {
  margin-top: 30px;
}
#main .inner .new_job .multiple-items .slider_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 20px;
}
#main .inner .new_job .multiple-items .slider_list li {
  width: 25%;
}
#main .inner .new_job .multiple-items .slider_list li .slider_text {
  margin-top: 20px;
  font-size: 1.2rem;
  line-height: 2;
}

/*---------------
*
*
*
/*---------------
*
* じんざいプラス　human_search.html
*
/*---------------
*
*
*
---------------*/
/*==============================================================================================================================================================================================
*
*
*Parts（共通）
*
*
====================================================================================*/
.human_headline {
  height: 53px;
  margin-bottom: 20px;
  padding: 8px 0 15px;
  color: #ff5984;
  background-image: url(/../images/humansearch/headlinebg.png);
  background-repeat: no-repeat;
  font-size: 2.1rem;
}

.human_text {
  color: #8b5c29;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
}

.human_text_c {
  text-align: center;
  color: #8b5c29;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
}

/*==============================================================================================================================================================================================
*
*
* human_main
*
*
==============================================================================================================================================================================================*/
#header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  /* nav全体の幅と余白調整（任意） */
  /* ulの設定：ナビメニューを横並びに */
  /* すべてのliの中のaタグに共通する縦レイアウトと中央揃え */
}
#header .logobox {
  width: 60%;
}
#header .header_nav {
  width: 40%;
  margin-top: 20px;
}
#header .header_nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; /* 右寄せ。centerにすると中央寄せ */
  margin: 0 50px 0 0; /* 右に少しマージン */
  padding: 0;
  list-style: none;
  gap: 40px; /* li同士の間隔 */
}
#header .header_nav_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* 横方向中央揃え */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; /* 縦並び */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* 縦方向中央揃え（必要なら） */
  text-align: center;
  text-decoration: none;
  color: #ff5984;
  font-size: 1.6rem;
  /* ログイン・お気に入りの画像サイズ */
  /* テキストの調整（任意） */
}
#header .header_nav_list li a .login_img img {
  width: 24px;
  height: 24px;
  margin-bottom: 4px; /* 画像とテキストの間隔 */
}
#header .header_nav_list li a .login_text {
  font-size: 1.4rem;
}

#human_keyvisual {
  width: 100%;
  background-color: #fff6eb;
  height: 165px;
}
#human_keyvisual .human_keyvisual_img {
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#human_main {
  margin-top: 65px;
}
#human_main .human_inner .mail_box {
  height: 90px;
  margin: 30px 0;
  padding: 10px 0;
  background-image: url(/../images/humansearch/mailbg.png);
  background-repeat: no-repeat;
}
#human_main .human_inner .mail_box .mail_box_img {
  margin: 0 auto;
}
#human_main .human_inner .flow_wrap {
  margin-bottom: 50px;
}
#human_main .human_inner .flow_wrap .flow_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 92px;
  padding: 5px 10px 10px 10px;
  background-image: url(/../images/humansearch/mailbg.png);
  background-repeat: no-repeat;
}
#human_main .human_inner .flow_wrap .flow_box .flow_left .flow_left_img {
  margin-top: 8px;
  margin-right: 10px;
}
#human_main .human_inner .flow_wrap .flow_box .flow_center {
  width: 60%;
}
#human_main .human_inner .flow_wrap .flow_box .flow_center .flow_center_headline {
  font-size: 1.8rem;
  color: #ff5984;
  line-height: 2;
}
#human_main .human_inner .flow_wrap .flow_box .flow_center .flow_center_text {
  font-size: 1.3rem;
  color: #3f3f3f;
  line-height: 1.5;
}
#human_main .human_inner .flow_wrap .flow_box .flow_right .flow_right_img {
  margin-top: 12px;
}
#human_main .human_inner .flow_wrap .triangle_box {
  padding: 15px 0;
}
#human_main .human_inner .flow_wrap .triangle_box .triangle_img {
  margin: 0 auto;
}
#human_main .human_inner .flow_wrap .flow_box2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 5px 10px 10px 10px;
  background-image: url(/../images/humansearch/mailbg.png);
  background-repeat: no-repeat;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#human_main .human_inner .flow_wrap .flow_box2 .flow_left .flow_left_img {
  margin-top: 10px;
}
#human_main .human_inner .flow_wrap .flow_box2 .flow_center2 {
  width: 87%;
}
#human_main .human_inner .flow_wrap .flow_box2 .flow_center2 .flow_center_headline2 {
  font-size: 1.8rem;
  color: #ff5984;
  line-height: 2;
}
#human_main .human_inner .flow_wrap .flow_box2 .flow_center2 .flow_center_text2 {
  font-size: 1.3rem;
  color: #3f3f3f;
  line-height: 1.5;
}
#human_main .human_inner .flow_wrap .flow_box2 .flow_right .flow_right_img {
  margin-top: 12px;
}
#human_main .human_inner .flow_wrap .triangle_box {
  padding: 15px 0;
}
#human_main .human_inner .flow_wrap .triangle_box .triangle_img {
  margin: 0 auto;
}
#human_main .human_inner .note_point .note_point_headline {
  font-size: 1.6rem;
  color: #3f3f3f;
  border-bottom: 1px solid #fa817e;
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-top: 20px;
}
#human_main .human_inner .note_point .note_point_text {
  font-size: 1.4rem;
  color: #3f3f3f;
}
#human_main .human_inner .note_point .note_point_list {
  font-size: 1.4rem;
  color: #3f3f3f;
  list-style: disc;
  padding-left: 20px;
  margin-top: 15px;
}
#human_main .human_inner .note_point .goto_btnbox .gotobtn {
  margin-top: 40px;
  margin-left: auto;
}

/*==============================================================================================================================================================================================
*
*
* footer
*
*
==============================================================================================================================================================================================*/
#footer {
  width: 100%;
  background-color: #f9e9e5;
  padding: 10px 0;
  margin-top: 110px;
}
#footer .inner .copyright {
  font-size: 1.2rem;
  color: #000;
  text-align: center;
}

/*==============================================================================================================================================================================================
*
*
* ...
*
*
==============================================================================================================================================================================================*/
/*---------------
*
*
*
/*---------------
*
* じんざいプラス　facility_search.html
*
/*---------------
*
*
*
---------------*/
/*==============================================================================================================================================================================================
*
*
*Parts（共通）
*
*
====================================================================================*/
.facility_headline {
  height: 53px;
  margin-bottom: 20px;
  padding: 8px 0 15px;
  color: #7ac943;
  border-bottom: 2px solid #7ac943;
  font-size: 2.1rem;
}

.facility_text, about_text {
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
}

.facility_text_c {
  text-align: center;
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
}

/*==============================================================================================================================================================================================
*
*
* facility_main
*
*
==============================================================================================================================================================================================*/
#header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  /* nav全体の幅と余白調整（任意） */
  /* ulの設定：ナビメニューを横並びに */
  /* すべてのliの中のaタグに共通する縦レイアウトと中央揃え */
}
#header .logobox {
  width: 60%;
}
#header .header_nav {
  width: 40%;
  margin-top: 20px;
}
#header .header_nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; /* 右寄せ。centerにすると中央寄せ */
  margin: 0 50px 0 0; /* 右に少しマージン */
  padding: 0;
  list-style: none;
  gap: 40px; /* li同士の間隔 */
}
#header .header_nav_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* 横方向中央揃え */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; /* 縦並び */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* 縦方向中央揃え（必要なら） */
  text-align: center;
  text-decoration: none;
  color: #ff5984;
  font-size: 1.6rem;
  /* ログイン・お気に入りの画像サイズ */
  /* テキストの調整（任意） */
}
#header .header_nav_list li a .login_img img {
  width: 24px;
  height: 24px;
  margin-bottom: 4px; /* 画像とテキストの間隔 */
}
#header .header_nav_list li a .login_text {
  font-size: 1.4rem;
}

#facility_keyvisual {
  width: 100%;
}
#facility_keyvisual .facility_keyvisual_img {
  margin: 0 auto;
}

#facility_main {
  margin-top: 65px;
}
#facility_main .facility_inner .mail_box {
  height: 117px;
  margin: 30px 0;
  padding: 20px 0 10px;
  background-color: #d3fcb4;
}
#facility_main .facility_inner .mail_box .mail_box_img {
  margin: 0 auto;
}
#facility_main .facility_inner .flow_wrap {
  margin-bottom: 50px;
}
#facility_main .facility_inner .flow_wrap .flow_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 10px 10px 10px;
  background-color: #fffad7;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#facility_main .facility_inner .flow_wrap .flow_box .flow_left .flow_left_img {
  margin-top: 8px;
  margin-right: 10px;
}
#facility_main .facility_inner .flow_wrap .flow_box .flow_center {
  width: 60%;
}
#facility_main .facility_inner .flow_wrap .flow_box .flow_center .flow_center_headline {
  font-size: 1.8rem;
  color: #7ac943;
  line-height: 2;
}
#facility_main .facility_inner .flow_wrap .flow_box .flow_center .flow_center_text {
  font-size: 1.3rem;
  color: #3f3f3f;
  line-height: 1.5;
}
#facility_main .facility_inner .flow_wrap .flow_box .flow_right .flow_right_img {
  margin-top: 12px;
}
#facility_main .facility_inner .flow_wrap .triangle_box {
  padding: 15px 0;
}
#facility_main .facility_inner .flow_wrap .triangle_box .triangle_img {
  margin: 0 auto;
}
#facility_main .facility_inner .flow_wrap .flow_box2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 5px 10px 10px 10px;
  background-color: #fffad7;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#facility_main .facility_inner .flow_wrap .flow_box2 .flow_left .flow_left_img {
  margin-top: 10px;
}
#facility_main .facility_inner .flow_wrap .flow_box2 .flow_center2 {
  width: 87%;
}
#facility_main .facility_inner .flow_wrap .flow_box2 .flow_center2 .flow_center_headline2 {
  font-size: 1.8rem;
  color: #7ac943;
  line-height: 2;
}
#facility_main .facility_inner .flow_wrap .flow_box2 .flow_center2 .flow_center_text2 {
  font-size: 1.3rem;
  color: #3f3f3f;
  line-height: 1.5;
}
#facility_main .facility_inner .flow_wrap .flow_box2 .flow_right .flow_right_img {
  margin-top: 12px;
}
#facility_main .facility_inner .flow_wrap .triangle_box {
  padding: 15px 0;
}
#facility_main .facility_inner .flow_wrap .triangle_box .triangle_img {
  margin: 0 auto;
}
#facility_main .facility_inner .note_point .note_point_headline {
  font-size: 1.6rem;
  color: #3f3f3f;
  border-bottom: 1px solid #7ac943;
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-top: 20px;
}
#facility_main .facility_inner .note_point .note_point_text {
  font-size: 1.4rem;
  color: #3f3f3f;
}
#facility_main .facility_inner .note_point .note_point_list {
  font-size: 1.4rem;
  color: #3f3f3f;
  list-style: disc;
  padding-left: 20px;
  margin-top: 15px;
}
#facility_main .facility_inner .note_point .goto_btnbox .gotobtn {
  margin-top: 40px;
  margin-left: auto;
}

/*==============================================================================================================================================================================================
*
*
* footer
*
*
==============================================================================================================================================================================================*/
#footer {
  width: 100%;
  background-color: #f9e9e5;
  padding: 10px 0;
  margin-top: 110px;
}
#footer .inner .copyright {
  font-size: 1.2rem;
  color: #000;
  text-align: center;
}

/*==============================================================================================================================================================================================
*
*
* about.html
じんざいぷらすについて
*
*
==============================================================================================================================================================================================*/
#about_keyvisual {
  width: 100%;
  margin: 0 auto 50px;
}

#about_main .inner .goto_btnbox .gotobtn {
  margin-top: 40px;
  margin-left: auto;
}

/*==============================================================================================================================================================================================
*
*
*Parts（共通）
*
*
====================================================================================*/
.about_headline {
  height: 53px;
  margin-bottom: 20px;
  padding: 8px 0 15px;
  color: #ff5984;
  border-bottom: 2px solid #ff5984;
  font-size: 2.1rem;
}

.facility_text, about_text {
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
}

.facility_text_c {
  text-align: center;
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
}/*# sourceMappingURL=style.css.map */