@charset "UTF-8";
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  @media screen and (min-width: 768px) {
    .pc {
      display: block;
    }
    .sp {
      display: none;
    }
    body {
      font-size: 16px;
    }
    body p, body span, body div, table th, table td {
      line-height: 1.7;
    }
    /*     page top   */
    .ec-blockTopBtn {
      width: 80px;
      height: 80px;
      right: 30px;
      bottom: 30px;
      font-size: 40px;
      border: solid 7px #c44866;
    }
    /*                    トップページ　　　　*/
    /*　　共通　　　*/
    .top_box {
      padding: 90px 15px;
    }
    .top_business {
      padding-top: 120px !important;
    }
    .pt0 {
      padding-top: 0;
    }
    .top_midasi {
      font-size: 37px;
      margin-bottom: 65px;
      letter-spacing: 2px;
      padding-bottom: 5px;
	    border-bottom: solid 7px #2996b9;

    }
    .top_midasi span {
      font-size: 28px;
    }
    .more {
      margin: 60px 0 0 0;
    }
    .more a {
      padding: 5px;
      letter-spacing: 1px;
      font-size: 24px;
      height: 78px;
      border: solid 7px #c44866;
    }
    .more a:before {
      width: 64px;
      left: 0;
    }
    .more a:after {
      right: 20px;
      font-size: 30px;
    }
    .panel_green:before {
      height: 320px;
    }
    /*  検索欄　    */
    .search_box_wrap {
      padding: 60px 15px;
    }
    .search_box_wrap .inner {}
    .search_box_wrap .inner > div {
      width: 24%
    }
    .search_btn {
      font-size: 24px;
      height: 78px;
    }
    .search_btn:before {
      width: 64px;
      left: 0px;
    }
    /*  ログイン　誘導    */
    .login_yudo_LR {}
    .login_yudo_LR > div {
      padding: 50px 25px;
    }
    .login_yudo_LR .L {
      border-right: solid 5px #fff;
    }
    .login_yudo_LR .R {
      border-left: solid 5px #fff;
    }
    .login_more_wrap {
      gap: 15px;
      margin: 30px auto 0 auto;
    }
    .login_yudo_LR .top_midasi {
      margin-bottom: 30px;
    }
    .login_more a {
      height: 60px;
      font-size: 18px;
    }
    .login_yudo_LR p {
      font-size: 16px;
    }
    /*   企業様    */
    .label_wrap {
      border: solid 7px #2996b9;
      padding: 60px 15px 70px 15px;
    }
    .label_wrap:before {
      width: 78px;
      top: -39px;
    }
    .label_midasi {
      font-size: 30px;
      line-height: 1.1;
    }
    .label_txt_01 {
      margin: 30px 0 30px 0;
    }
    /*   特定技能外国人の方はこちら 　日本人の方はこちら  */
    .jp_caution {
      top: -53px;
      font-size: 18px;
    }
    .type_list_01 {
      row-gap: 40px;
    }
    .type_list_01 li {
      width: 23%;
    }
    .type_list_01:after {
      display: block;
      content: "";
      width: 23%;
    }
    .type_list_01:before {
      content: "";
      display: block;
      width: 23%;
      order: 1;
    }
    .type_list_01 .title {
      margin: 15px 0 0 0;
      font-size: 18px;
    }
    .type_list_01 .img:before {
      width: 42px;
      right: 15px;
      bottom: 15px;
    }
    .type_list_02 {
      row-gap: 25px;
    }
	
	.type_list_02 li,
	.type_list_02:before,
.type_list_02:after {
      width: 23%;
    }
.type_list_02:after {
display: block;
content:"";
}

.type_list_02:before{
content:"";
  display: block;
  order:1;
}
    /*   お知らせ   */
    .news_list_wrap {
      border: solid 7px #2996b9;
      padding: 45px 90px;
    }
    .news_list li a {
      padding: 20px 30px 20px 20px;
    }
    .news_list li .date {
      width: 180px;
    }
    .news_list li .title {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    /*   新着案件    */
    .anken_list_wrap {
      padding: 45px 50px;
    }
    .anken_list_wrap .news_list {
      width: 47%;
    }
    /*   お役立ち情報-    */
.useful_list li,
.useful_list:after,
.useful_list:before{
width: 24%;


}
.useful_list:after {
display: block;
content: "";
}

.useful_list:before{
content:"";
display: block;
order:1;
}	
    /*   勤務地か探す    */
	
	.place_table_wrap{
    border: solid 7px #2996b9;
    padding: 60px 20px 60px 20px;

}

	.place_table th {
  width: 170px;
}
.place_table td {
  padding-left: 30px;
}

	.place_table a{
font-size: 16px;
} 
.place_table .pt_01 a {
  height: 50px;
  border: solid 3px #2996B9;
}	
	.place_table .pt_02 {
  gap: 20px;
}





	
    .place_list {
      row-gap: 20px;
    }
    .place_list:after {
      display: block;
      content: "";
      width: 31%;
    }
    .place_list li {
      width: 31%;
    }
    .place_list a {
      height: 78px;
      font-size: 22px;
      padding: 0 0 0 43px;
    }
    /*　返金　　　*/
    .label_midasi {
      font-size: 48px;
      margin: 10px 0;
      line-height: 1.5;
    }
    /*   arrow   カスタマイズ　　*/
    #arrows_02, #arrows {
      width: 1300px;
    }
    #arrows_02 .slick-arrow, #arrows .slick-arrow {
      top: -45px;
    }
    #arrows_02 .arrow_left, #arrows .arrow_left {
      left: -75px;
    }
    #arrows_02 .arrow_right, #arrows .arrow_right {
      right: -75px;
    }
    /*   footer    */
    .footer .ue, .footer .sita {
      height: 128px;
    }
    .footer_nav_list {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 35px;
    }
    .footer_nav_list a {
      font-size: 16px;
    }
    .footer .sita {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .footer_logo {
      margin-bottom: 0px;
    }
    .footer .copy {
      font-size: 14px;
    }
  }
  
  @media screen and (min-width:1400px) {
  .header_nav_list a {
    font-size: 14px;
}
.header_R, .header_login, .header_nav_list {
    gap: 25px;
}
.header_pro a {
  width: 236px;
}

  
  }
  
  /* media min1024
******************************************************** */
  @media screen and (min-width:1024px) {
    /*  私たちの思い    */
    .omoi_wrap {
      margin-top: 100px;
    }
    .omoi_detail {
      width: 32.5%;
    }
    .omoi_detail .midasi {
      font-size: 40px;
      height: 170px;
      padding-top: 15px;
    }
    .omoi_detail .midasi span {
      font-size: 27px;
      margin-top: 12px;
    }
    .omoi_detail .text {
      padding: 90px 86px;
      line-height: 2.5;
    }
  }
  /* media max1300
******************************************************** */
  @media screen and (max-width: 1400px) {
    #arrows_02, #arrows {
      display: none;
    }
  }
  @media screen and (min-width:1070px) and (max-width:1200px) {
    .omoi_detail .text {
      padding: 50px 48px;
      line-height: 1.8;
    }
	.header_logo img{
	max-width: 130px;
	}
.header_R, .header_login, .header_nav_list {
    gap: 16px;
}
.header_pro a {
    width: 174px;
    text-align: center;
}
.header_login {
    column-gap: 5px;
}

	
	
	
	
	
	
	
	
  }

  
  @media screen and (min-width:768px) and (max-width:1070px) {
    .top_box {
      padding: 50px 15px;
    }
    .top_midasi {
      font-size: 31px;
      margin-bottom: 44px;
    }
    .chumoku_item {
      margin: 0 5px;
    }
    .chumoku_item a {
      height: 270px;
      padding: 15px 15px;
    }
    .chumoku_item a:before {
      right: 13px;
      bottom: 12px;
      width: 28px;
    }
    .chumoku_item .title {
      font-size: 16px;
      margin-bottom: 15px;
    }
    .chumoku_item .spec > span {
      font-size: 12px;
    }
    .news_list_wrap, .anken_list_wrap {
      padding: 30px 30px;
    }
    .omoi_detail .text {
      padding: 60px 50px 110px;
      line-height: 2.5;
    }
    .label_midasi {
      font-size: 39px;
      line-height: 1.3;
    }
    .panel_green:before {
      height: 214px;
    }
    .type_list_01 {
      row-gap: 0;
    }
    .type_list_02 li a, .type_list_01 .title {
      font-size: 14px;
    }
    .type_list_01 .img:before {
      width: 24px;
      right: 9px;
      bottom: 8px;
    }
    .place_list {
      row-gap: 13px;
    }
    .place_list li {
      width: 32%;
    }
    .place_list a {
      height: 56px;
      font-size: 17px;
      padding: 0 0 0 21px;
    }
    .sita {
      height: 100px;
    }
    .footer_nav_list {
              gap: 0 25px;
    }
    .footer_nav_list a {
      font-size: 14px;
    }
  }
  @media screen and (max-width: 767.666px) {
    .slider_item, .top_slider {
      height: 300px;
    }
    .slider_item img {
      object-fit: cover !important;
      height: 300px !important;
      width: 100% !important;
    }
    .slider_txt_01 {
      margin-bottom: 22px;
    }
    .chumoku_slider_wrap {
      margin-bottom: 70px;
    }
    .chumoku_item {
      margin: 0;
      border: solid 4px #2996B9;
    }
    .arrow_right, .arrow_left {
      width: 20px;
      display: none !important;
    }
    .slick-dots {
      bottom: -42px !important;
    }
  }


	.zdo_drawer_menu{
	display: none;
	}

  @media screen and (max-width: 1070px) {
    /* spのヘッダー
********************** */
.zdo_drawer_menu{
display: block;
}
    .header {
      position: static;
    }
    .header .inner {
      padding: 10px;
    }
    .header_logo img {
      max-width: 170px;
    }
    .header_R {
      display: none;
    }
    .top_slider_wrap {
      margin-top: 0;
    }
    .sp_login_wrap {
      padding: 30px 15px 20px;
      background: #f4f4f4;
    }
    .sp_login_wrap .header_pro {
      width: 100%;
      margin-bottom: 15px;
    }
    .sp_login_wrap .header_pro a {
      color: #fff !important;
      height: 58px;
      width: 100%;
    }
    .sp_login_wrap .header_login {
      width: 100%;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      column-gap: 10 !important;
    }
    .sp_login_wrap .header_login li {
      border: none !important;
    }
    .sp_login_wrap .header_login a {
      padding: 0 !important;
    }
	.sp_lang_switch{
    position: fixed;
    right: 52px;
    top: 12px;
    background: #2996b9;
       z-index: 10;
    letter-spacing: 1px;
    color: #fff;
    height: 42px;
    padding: 0 15px;
	}
	
	
	
	
    .zdo_drawer_button * {
      margin: 0;
      padding: 0;
      outline: none;
      border: none;
      font: inherit;
      font-family: inherit;
      font-size: 100%;
      font-style: inherit;
      font-weight: inherit;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      text-align: left;
      text-decoration: none;
      list-style: none;
    }
    .zdo_drawer_button {
      display: block;
      padding: 0;
      width: 42px;
      height: 42px;
      border-radius: 0px;
      padding: 5px;
      position: relative;
      background: none;
      border: none;
      text-align: center;
      letter-spacing: 0.1em;
      cursor: pointer;
      outline: none;
      background: #2996b9;
    }
    .zdo_drawer_button .zdo_drawer_bar {
      display: block;
      width: 28px;
      height: 2px;
      transition: all 0.2s;
      transform-origin: 0% 0%;
      transform: translateY(-50%);
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
    }
    .zdo_drawer_button .zdo_drawer_bar1 {
      top: 13px;
    }
    .zdo_drawer_button .zdo_drawer_bar2 {
      top: 50%;
    }
    .zdo_drawer_button .zdo_drawer_bar3 {
      top: 70%;
    }
    .zdo_drawer_button.active .zdo_drawer_bar {
      width: 22px;
      left: 8px;
    }
    .zdo_drawer_button.active .zdo_drawer_bar1 {
      transform: rotate(0.7853981634rad) translateY(-50%);
      top: 14px;
    }
    .zdo_drawer_button.active .zdo_drawer_bar2 {
      opacity: 0;
    }
    .zdo_drawer_button.active .zdo_drawer_bar3 {
      transform: rotate(-0.7853981634rad) translateY(-50%);
      top: 30px;
    }
    .zdo_drawer_button.active .zdo_drawer_menu_text {
      display: none;
    }
    .zdo_drawer_button.active .zdo_drawer_close {
      display: block;
    }
    .zdo_drawer_text {
      width: 100%;
      position: absolute;
      bottom: -20px;
      left: 0;
      text-align: center;
      font-size: 10px;
    }
    .zdo_drawer_close {
      letter-spacing: 0.08em;
      display: none;
    }
    /*+++ Default Button Color +++*/
    .zdo_drawer_button {
      color: #fff;
    }
    .zdo_drawer_button .zdo_drawer_bar {
      background-color: #fff;
    }
    /* === Hambuerger Button's Style End === */
    .zdo_drawer_menu .zdo_drawer_button {
      /*+++ Hamburger Button Position +++*/
      position: fixed;
      top: 12px;
      right: 10px;
      z-index: 10;
      opacity: 1 !important;
    }
    .zdo_drawer_menu a {
      color: inherit;
      text-decoration: none;
    }
    .zdo_drawer_menu a:visited {
      color: inherit;
    }
    .zdo_drawer_menu .zdo_drawer_bg {
      width: 100%;
      height: 100%;
      position: fixed;
      z-index: 7;
      background-color: rgba(51, 51, 51, 0.5);
      display: none;
      top: 57px;
      left: 0;
    }
    .zdo_drawer_menu .zdo_drawer_nav_wrapper {
      width: 100%;
      height: 100%;
      transition: all 0.2s;
      transform: translate(100%);
      position: fixed;
      top: 0px;
      right: 0;
      z-index: 7;
      background-color: #fff;
      overflow: auto;
      padding-bottom: 60px;
      padding-top: 60px;
    }
    .zdo_drawer_menu .zdo_drawer_nav_wrapper.open {
      transform: translate(0);
    }
    .zdo_drawer_menu.left .zdo_drawer_button {
      right: auto;
      left: 32px;
    }
    .zdo_drawer_menu.left .zdo_drawer_nav_wrapper {
      transform: translate(-100%);
      right: auto;
      left: 0;
    }
    .zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open {
      transform: translate(0);
    }
    .zdo_drawer_menu .zdo_drawer_nav {}
    .zdo_drawer_menu .zdo_drawer_nav li {
      font-size: 15px;
    }
    .zdo_drawer_menu .zdo_drawer_nav li a {
      display: block;
      padding: 10px 15px;
    }
    .sub-menu > li a:before, .zdo_drawer_menu .sp_nav_list li a:before {
      content: '';
      width: 10px;
      height: 10px;
      border-top: solid 2px #093C84;
      border-right: solid 2px #093C84;
      position: relative;
      right: 21px;
      top: 0;
      border-color: #2996b9;
      transform: rotate(45deg);
      bottom: 0;
      margin: auto;
      position: absolute;
    }
    .menu__multi > a:before {
      display: none !important;
    }
    .sub-menu > li a:before {
      border-color: #fff !important;
    }
    .child_btn {}
    .zdo_drawer_menu .zdo_drawer_nav li .sub-menu {
      display: none;
      background: #fff;
    }
    .zdo_drawer_menu .zdo_drawer_nav li {
      border-bottom: 1px solid #E6E6E6;
      margin-top: -1px;
      position: relative;
    }
    .accordionBtn {
      position: absolute;
      right: 0;
      top: 0;
      width: 57px;
      height: 53px;
      text-align: center;
      flex-direction: column;
      justify-content: center;
      display: flex;
    }
    .accordionBtn:before {
      content: '';
      width: 10px;
      height: 10px;
      border-top: solid 2px #2996b9;
      border-right: solid 2px #2996b9;
      position: relative;
      left: 26px;
      top: 1px;
      transform: rotate(135deg);
    }
    .accordionBtn.active:before {
      transform: rotate(315deg);
    }
    .zdo_drawer_menu .zdo_drawer_nav li a {
      line-height: 1.5;
      font-size: 16px;
      padding: 15px 15px 15px 35px;
      color: #333;
      font-weight: bold;
    }
    .zdo_drawer_menu .sub-menu li a {
      background: #2996b9;
      color: #fff;
    }
    .zdo_drawer_menu .sub-menu .sub-menu li a {
      background: #005DB3;
      color: #fff;
    }
    .sub-menu .accordionBtn:before {
      border-top: solid 2px #fff;
      border-right: solid 2px #fff;
    }
    .zdo_drawer_nav .header_contact {
      border: none !important;
    }
    .zdo_drawer_menu .header_contact a {
      padding-left: 0 !important;
      padding-right: 0 !important;
      height: 100%;
      width: 100%;
      font-weight: bold;
      justify-content: center;
      align-items: center;
      display: flex;
      background: #DD6A25;
      color: #fff !important;
      border-radius: 100px;
      text-align: center;
      margin: 30px auto 0 auto;
      max-width: 70%;
    }
  }
  
  @media screen and (max-width: 767.888px) {

.useful_list li > a{

    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	column-gap: 15px;
	align-items: flex-start;
}
.useful_list li .img{
width: 100px;
aspect-ratio: 1 / 1!important;
height: auto;

}
.useful_list li .text{
flex:1;
}
.useful_list .date {
    font-size: 12px;
    margin: 0 0 10px 0;
}

.useful_list .title {
    font-size: 15px;
}
.useful_list .cat_name {
    margin-bottom: 5px;
}
.useful_list .cat_name a {

    font-size: 12px;
    padding: 0px 10px;
}
  
  
  }