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

.serch_recruit_area{
margin-bottom:80px;
}

.top_slide {
  max-width: 1920px;
  width: 100%;
  height: auto;

}

.threepoint{
  display:none;
}


.top_slide img{
  width: 100%;
}

.jigyou_concept{
  max-width: 700px;
  margin: 50px auto 90px;
  text-align: center;
}

.jigyou_concept_b{
  max-width: 700px;
  margin: 50px auto 40px;
  text-align: center;
}

.jigyou_title_img {
  width: 49px;
  margin: 0 auto 40px;
}

.jigyou_title_img img{
  width: 100%;
}

.jigyou_concept_text h4{
  font-size: 19px;
  letter-spacing: 0;
  font-weight: bold;
  margin-bottom:40px;
  color:#1D823B;
}

.jigyou_concept_text{
  max-width: 731px;
  margin: 0 auto;
  text-align: center;
  line-height: 25px;
  font-size: 14px;

}

.serch_group{

}


.serch_group.pickup_group{
  padding:0px;
}
.serch_group.pickup_group .pickup_child{
  width:100%;
  margin-top:16px;
  padding-right:16px;
  padding-left:16px;
}



.pager {
  overflow: hidden;
  margin: 40px auto 80px;
}

.pager ul {
  list-style: none;
  position: relative;
  left: 50%;
  float: left;
}

.pager ul li {
  margin: 0 5px;
  position: relative;
  left: -50%;
  float: left;
}

.pager ul li span,
.pager ul li a {
  display: block;
  font-size: 14px;
  padding: 0.6em 1em;

}

.pager ul li a {
  background: #fff;
  color: #1D5682;
  border: 1px solid #1D5682;
  text-decoration: none;
  transition:0.5s;
}

.pager ul li a:hover {
  background: #1D5682;
  color: #FFF;
  transition:0.5s;
}

section .pager ul li .pager_button {
  background: none;
  border: none;
}

.pager ul .current span{
  background-color: #1D5682;
  border: 1px solid #1D5682;
  color:#fff;
}



.serch_area{

}
.serch_title{
  border: 1px solid #fff;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 17px;
}

.title_background{
  padding: 11px;
  /*background-color: #1D5682;*/
  background-color:#1D5682;
  margin-top: 20px;
}

.form {
  padding: 15px;
  border-bottom: 4px solid #1D5682;
  border-left: 4px solid #1D5682;
  border-right: 4px solid #1D5682;
  position: relative;
}

.select_group_flex_01 {
  display: flex;
  justify-content: space-around;
  margin-bottom: 15px;
}
.select_group_flex_02{
  display: flex;
  justify-content: space-around;
}

.select_group_child {
  width: 47%;
}

.select_group_child span,
.select_group_child span{
  letter-spacing: 7px;
  color: #fff;
  line-height: 28px;
  font-size: 19px !important;
  display:flex;
  justify-content:center;
  align-items:center;
}

hr.grape {
  border-top: 1px solid #bbb;
  margin: 5px 0px 10px;
}

.serch_button_recruit{
  /*	    padding: 7px;*/
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align: center;
  background-color: #417196;
  font-size: 16px;
  letter-spacing: 7px;
  color: #fff;
  line-height: 28px;
  font-weight: bold;
  position: relative;
  /*    box-shadow: 0px 8px 0px #1D5682;*/
  margin-bottom: 21px;
  cursor:pointer;
  border-radius:4px;
  overflow:hidden;
  z-index:1;
}

.serch_button_recruit:before{
  content:"";
  height:26px;
  position:absolute;
  bottom:0px;
  left:0px;
  width:450px;
  background-color:#1D5682;
  z-index:-1;
}

.serch_button_recruit span{
  color: #fff;
  position: relative;
  top: 3px;
  right: 6px;
  font-size: 26px;
}

.serch_button_recruit span::before{
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-image: url("/img/cb_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right:16px;
}





.serch_button_recruit:active{
  /*	box-shadow: 0px 0px 0px #1D5682;
  top: 8px;*/


}

.output-text{
  line-height: 200%;
  display: block;
  margin: 10px 0 0;
  font-size: 14px;
}

.serch_sub_title{
  border-radius:4px;
  padding: 13px;
  text-align: center;
  background-color: #1D5682;
  font-size: 16px;
  letter-spacing: 7px;
  color: #fff;
  line-height: 28px;
  font-weight: bold;
  position:relative;
}

.search_sub_title:before{
  content: "";
  height: 26px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 450px;
  background-color: #1D5682;
}


.serch_sub_title span{
  color: #fff;
  position: relative;
  top: 3px;
  right: 6px;
  font-size: 26px;
}



.input-front-search{
  border: 1px solid #bbb;
  height: 35px;
  text-indent: 1em;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  margin-top: 13px;
}

body.page-id-100 .input-front-search {
  border: 1px solid #bbb;
  border-radius: 5px;
  height: 35px;
  text-indent: 1em;
  font-size: 16px;
  width: 100%;
}


.button_background_area{
  text-align: center;
  margin-bottom: 90px;
  margin-top:32px;
}

.btn-front-search{
/*  padding: 14px 6px;*/
  text-align: center;
/*  background-color: #1D5682;*/
  background-color:#1D823B;
  font-size: 16px;
  letter-spacing: 5px;
  line-height: 28px;
  position: relative;
  border: 0px solid #fff;
  /*box-shadow: 0px 8px 0px #0F294F;*/
  margin-bottom: 21px;
  box-sizing: inherit;
  cursor:pointer;
  width:446px;
  max-width:100%;
  height:56px;
  z-index:1;
  border-radius:4px;
}

.btn-front-search:before{
  content:"";
  background-color:#41965B;
  left:0;
  top:0;
  width:240px;
  height:30px;
  position:absolute;
  display:inline-block;
  z-index:-1;
  border-radius:4px;
}

.btn-front-search:active{
  /*box-shadow: 0px 0px 0px #0F294F;
  top: 8px;*/
}




.btn-front-search span{
  /*border: 1px solid #fff;*/
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 11px 42px 13px;
  z-index:3;
}



.area_open_window{
  display: none;
  max-width: 460px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border: 4px solid #1D5682;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 79px;
  right: 45px;
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.68);
  z-index:10;
}

.area_open_window label{
  margin-left:4px;
}


.open_windouw{
  display: -webkit-box;/* Android4.3以前ブラウザ用 */
  display: -webkit-flex;/* iOS8以前Safari用 */
  display: flex;
  justify-content: flex-start;
  overflow:hidden;
}

.open_windouw label{
  margin-left:4px;
}

.recruit_form{
  position: relative;
  max-width: 1020px;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 auto;
}


.open_windouw span{
  margin-bottom: 10px;
  font-size: 14px;
  width: 50%;
}


.btn_close{
  width: 150px;
  margin: 10px auto 0;
  text-align: center;
  padding: 9px 0;
  background-color: #1D5682;
  color: #fff;
  cursor:pointer;
}


.syokusyu_open_window{
  display: none;
  max-width: 460px;
  width: 100%;
  z-index:100;
  padding: 20px;
  box-sizing: border-box;
  border: 4px solid #1D5682;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 79px;
  left: 45px;
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.68);
}


.kodawari_open_window{
  display: none;
  max-width: 460px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border: 4px solid #1D5682;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 79px;
  right: 45px;
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.68);
  z-index:2;
}


.all_count{
  text-align: right;
  max-width: 1020px;
  width: 100%;
  box-sizing: border-box;
  /*padding: 0 20px;*/
  text-align:center;
  color:#1D823B;
  margin: 0 auto 10px;
}

.pickup_group{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1035px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 auto;
  transition:0.2s;

}






.menu {
  max-width: 400px;
  margin: 0 auto;
  padding: 0;
  transition:0.2s;

}

.menu a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #000;
  line-height: 1;
  transition:0.2s;

}

.arearegi label.big,
.arearegi label.small {
  display: block;
  margin: 0 0 2px 0;
  padding :12px;
  line-height: 1;
  color :#fff;
  background :#1D5682;
  cursor :pointer;
  text-align:left;
  position:relative;
  transition:0.2s;
  border-radius:4px;
}

.arearegi input.checks {
  display: none;
  transition:0.2s;

}

.arearegi #master_contain ul{
  width:90%;
  margin-top:10px;
  margin-bottom:20px;
  transition:0.2s;

}

.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  transition:0.2s;
  display:flex;
  flex-wrap:wrap;
}

.menu.sub{
  margin-left:15px;
  transition:0.2s;

}

.menu li {
/*  max-height: 0px;*/
  overflow-y: hidden;
  transition:0.2s;
  width:50%;
  padding-top:2px;
  padding-bottom:2px;
}


.menu ul.flex{
  display:flex;
  flex-wrap:wrap;
  transition:0.2s;

}

.menu ul.flex li{
  flex-wrap:wrap;
  width:48%;
  font-size: 100%;
  vertical-align: baseline;
  font-weight: 500;
  font-family: helvetica, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 游ゴシック, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:15px;
  transition:0.2s;

}

input.checks + label:hover{
  opacity:.8;
}

input.checks + label.small:after{
  content:"▼";
  position:absolute;
  right:10px;
  transition:0.2s;

}

input.checks:checked + label.small:after{
  /*content:"▲";*/
  content:"";
  transition:0.2s;

}

input.checks + label.big:after{
  /*content:"▼";*/
  content:"";
  position:absolute;
  right:10px;
  transition:0.2s;

}

input.checks:checked + label.big:after{
/*  content:"▲";*/

  transition:0.2s;

}

input.checks + label.small + ul.flex{
  margin-bottom:0px;
  transition:0.2s;
}

input.checks:checked + label.small + ul.flex{
  margin-top:5px;
  margin-bottom:10px;
}

input.checks:checked + label.small + ul.flex li{
  padding-top:5px;
  padding-bottom:5px;
}

#menu_bar0 ~ #links0 > li,
#menu_bar1 ~ #links1 > li,
#menu_bar2 ~ #links2 > li,
#menu_bar3 ~ #links3 > li,
#menu_bar4 ~ #links4 > li,
#menu_bar5 ~ #links5 > li,
#menu_bar6 ~ #links6 > li,
#menu_bar7 ~ #links7 > li,
#menu_bar8 ~ #links8 > li,
#menu_bar9 ~ #links9 > li,
#menu_bar10 ~ #links10 > li,
#menu_bar11 ~ #links11 > li,
#menu_bar12 ~ #links12 > li,
#menu_bar13 ~ #links13 > li,
#menu_bar14 ~ #links14 > li,
#menu_bar15 ~ #links15 > li,
#menu_bar16 ~ #links16 > li,
#menu_bar17 ~ #links17 > li,
#menu_bar18 ~ #links18 > li,
#menu_bar19 ~ #links19 > li,
#menu_bar20 ~ #links20 > li,
#menu_bar21 ~ #links21 > li,
#menu_bar22 ~ #links22 > li,
#menu_bar23 ~ #links23 > li,
#menu_bar24 ~ #links24 > li,
#menu_bar25 ~ #links25 > li,
#menu_bar26 ~ #links26 > li,
#menu_bar27 ~ #links27 > li,
#menu_bar28 ~ #links28 > li,
#menu_bar29 ~ #links29 > li,
#menu_bar30 ~ #links30 > li,
#menu_bar31 ~ #links31 > li,
#menu_bar32 ~ #links32 > li,
#menu_bar33 ~ #links33 > li,
#menu_bar34 ~ #links34 > li,
#menu_bar35 ~ #links35 > li,
#menu_bar36 ~ #links36 > li,
#menu_bar37 ~ #links37 > li,
#menu_bar38 ~ #links38 > li,
#menu_bar39 ~ #links39 > li,
#menu_bar40 ~ #links40 > li,
#menu_bar41 ~ #links41 > li,
#menu_bar42 ~ #links42 > li,
#menu_bar43 ~ #links43 > li,
#menu_bar44 ~ #links44 > li,
#menu_bar45 ~ #links45 > li,
#menu_bar46 ~ #links46 > li,
#menu_bar47 ~ #links47 > li,
#menu_bar48 ~ #links48 > li,
#menu_bar49 ~ #links49 > li,
#menu_bar50 ~ #links50 > li,
#menu_bar41 ~ #links51 > li,
#menu_bar42 ~ #links52 > li,
#menu_bar43 ~ #links53 > li,
#menu_bar44 ~ #links54 > li,
#menu_bar45 ~ #links55 > li,
#menu_bar46 ~ #links56 > li,
#menu_bar47 ~ #links57 > li,
#menu_bar48 ~ #links58 > li,
#menu_bar49 ~ #links59 > li
{
/*  opacity:0;*/
  transition:0.2s;
}

#menu_bar0:checked ~ #links0 > li,
#menu_bar1:checked ~ #links1 > li,
#menu_bar2:checked ~ #links2 > li,
#menu_bar3:checked ~ #links3 > li,
#menu_bar4:checked ~ #links4 > li,
#menu_bar5:checked ~ #links5 > li,
#menu_bar6:checked ~ #links6 > li,
#menu_bar7:checked ~ #links7 > li,
#menu_bar8:checked ~ #links8 > li,
#menu_bar9:checked ~ #links9 > li,
#menu_bar10:checked ~ #links10 > li,
#menu_bar11:checked ~ #links11 > li,
#menu_bar12:checked ~ #links12 > li,
#menu_bar13:checked ~ #links13 > li,
#menu_bar14:checked ~ #links14 > li,
#menu_bar15:checked ~ #links15 > li,
#menu_bar16:checked ~ #links16 > li,
#menu_bar17:checked ~ #links17 > li,
#menu_bar18:checked ~ #links18 > li,
#menu_bar19:checked ~ #links19 > li,
#menu_bar20:checked ~ #links20 > li,
#menu_bar21:checked ~ #links21 > li,
#menu_bar22:checked ~ #links22 > li,
#menu_bar23:checked ~ #links23 > li,
#menu_bar24:checked ~ #links24 > li,
#menu_bar25:checked ~ #links25 > li,
#menu_bar26:checked ~ #links26 > li,
#menu_bar27:checked ~ #links27 > li,
#menu_bar28:checked ~ #links28 > li,
#menu_bar29:checked ~ #links29 > li,
#menu_bar30:checked ~ #links30 > li,
#menu_bar31:checked ~ #links31 > li,
#menu_bar32:checked ~ #links32 > li,
#menu_bar33:checked ~ #links33 > li,
#menu_bar34:checked ~ #links34 > li,
#menu_bar35:checked ~ #links35 > li,
#menu_bar36:checked ~ #links36 > li,
#menu_bar37:checked ~ #links37 > li,
#menu_bar38:checked ~ #links38 > li,
#menu_bar39:checked ~ #links39 > li,
#menu_bar40:checked ~ #links40 > li,
#menu_bar41:checked ~ #links41 > li,
#menu_bar42:checked ~ #links42 > li,
#menu_bar43:checked ~ #links43 > li,
#menu_bar44:checked ~ #links44 > li,
#menu_bar45:checked ~ #links45 > li,
#menu_bar46:checked ~ #links46 > li,
#menu_bar47:checked ~ #links47 > li,
#menu_bar48:checked ~ #links48 > li,
#menu_bar49:checked ~ #links49 > li,
#menu_bar50:checked ~ #links50 > li,
#menu_bar41:checked ~ #links51 > li,
#menu_bar42:checked ~ #links52 > li,
#menu_bar43:checked ~ #links53 > li,
#menu_bar44:checked ~ #links54 > li,
#menu_bar45:checked ~ #links55 > li,
#menu_bar46:checked ~ #links56 > li,
#menu_bar47:checked ~ #links57 > li,
#menu_bar48:checked ~ #links58 > li,
#menu_bar49:checked ~ #links59 > li
{
  max-height: 100%;
  opacity: 1;
  transition:0.2s;
}

#menu_bar_sp0 ~ #links0 > li,
#menu_bar_sp1 ~ #links1 > li,
#menu_bar_sp2 ~ #links2 > li,
#menu_bar_sp3 ~ #links3 > li,
#menu_bar_sp4 ~ #links4 > li,
#menu_bar_sp5 ~ #links5 > li,
#menu_bar_sp6 ~ #links6 > li,
#menu_bar_sp7 ~ #links7 > li,
#menu_bar_sp8 ~ #links8 > li,
#menu_bar_sp9 ~ #links9 > li,
#menu_bar_sp10 ~ #links10 > li,
#menu_bar_sp11 ~ #links11 > li,
#menu_bar_sp12 ~ #links12 > li,
#menu_bar_sp13 ~ #links13 > li,
#menu_bar_sp14 ~ #links14 > li,
#menu_bar_sp15 ~ #links15 > li,
#menu_bar_sp16 ~ #links16 > li,
#menu_bar_sp17 ~ #links17 > li,
#menu_bar_sp18 ~ #links18 > li,
#menu_bar_sp19 ~ #links19 > li,
#menu_bar_sp20 ~ #links20 > li,
#menu_bar_sp21 ~ #links21 > li,
#menu_bar_sp22 ~ #links22 > li,
#menu_bar_sp23 ~ #links23 > li,
#menu_bar_sp24 ~ #links24 > li,
#menu_bar_sp25 ~ #links25 > li,
#menu_bar_sp26 ~ #links26 > li,
#menu_bar_sp27 ~ #links27 > li,
#menu_bar_sp28 ~ #links28 > li,
#menu_bar_sp29 ~ #links29 > li,
#menu_bar_sp30 ~ #links30 > li,
#menu_bar_sp31 ~ #links31 > li,
#menu_bar_sp32 ~ #links32 > li,
#menu_bar_sp33 ~ #links33 > li,
#menu_bar_sp34 ~ #links34 > li,
#menu_bar_sp35 ~ #links35 > li,
#menu_bar_sp36 ~ #links36 > li,
#menu_bar_sp37 ~ #links37 > li,
#menu_bar_sp38 ~ #links38 > li,
#menu_bar_sp39 ~ #links39 > li,
#menu_bar_sp40 ~ #links40 > li,
#menu_bar_sp41 ~ #links41 > li,
#menu_bar_sp42 ~ #links42 > li,
#menu_bar_sp43 ~ #links43 > li,
#menu_bar_sp44 ~ #links44 > li,
#menu_bar_sp45 ~ #links45 > li,
#menu_bar_sp46 ~ #links46 > li,
#menu_bar_sp47 ~ #links47 > li,
#menu_bar_sp48 ~ #links48 > li,
#menu_bar_sp49 ~ #links49 > li,
#menu_bar_sp50 ~ #links50 > li,
#menu_bar_sp41 ~ #links51 > li,
#menu_bar_sp42 ~ #links52 > li,
#menu_bar_sp43 ~ #links53 > li,
#menu_bar_sp44 ~ #links54 > li,
#menu_bar_sp45 ~ #links55 > li,
#menu_bar_sp46 ~ #links56 > li,
#menu_bar_sp47 ~ #links57 > li,
#menu_bar_sp48 ~ #links58 > li,
#menu_bar_sp49 ~ #links59 > li
{
  /*opacity:0;*/
  transition:0.2s;
}

#menu_bar_sp0{
  background-color:red;
}

#menu_bar_sp0:checked ~ #links0 > li,
#menu_bar_sp1:checked ~ #links1 > li,
#menu_bar_sp2:checked ~ #links2 > li,
#menu_bar_sp3:checked ~ #links3 > li,
#menu_bar_sp4:checked ~ #links4 > li,
#menu_bar_sp5:checked ~ #links5 > li,
#menu_bar_sp6:checked ~ #links6 > li,
#menu_bar_sp7:checked ~ #links7 > li,
#menu_bar_sp8:checked ~ #links8 > li,
#menu_bar_sp9:checked ~ #links9 > li,
#menu_bar_sp10:checked ~ #links10 > li,
#menu_bar_sp11:checked ~ #links11 > li,
#menu_bar_sp12:checked ~ #links12 > li,
#menu_bar_sp13:checked ~ #links13 > li,
#menu_bar_sp14:checked ~ #links14 > li,
#menu_bar_sp15:checked ~ #links15 > li,
#menu_bar_sp16:checked ~ #links16 > li,
#menu_bar_sp17:checked ~ #links17 > li,
#menu_bar_sp18:checked ~ #links18 > li,
#menu_bar_sp19:checked ~ #links19 > li,
#menu_bar_sp20:checked ~ #links20 > li,
#menu_bar_sp21:checked ~ #links21 > li,
#menu_bar_sp22:checked ~ #links22 > li,
#menu_bar_sp23:checked ~ #links23 > li,
#menu_bar_sp24:checked ~ #links24 > li,
#menu_bar_sp25:checked ~ #links25 > li,
#menu_bar_sp26:checked ~ #links26 > li,
#menu_bar_sp27:checked ~ #links27 > li,
#menu_bar_sp28:checked ~ #links28 > li,
#menu_bar_sp29:checked ~ #links29 > li,
#menu_bar_sp30:checked ~ #links30 > li,
#menu_bar_sp31:checked ~ #links31 > li,
#menu_bar_sp32:checked ~ #links32 > li,
#menu_bar_sp33:checked ~ #links33 > li,
#menu_bar_sp34:checked ~ #links34 > li,
#menu_bar_sp35:checked ~ #links35 > li,
#menu_bar_sp36:checked ~ #links36 > li,
#menu_bar_sp37:checked ~ #links37 > li,
#menu_bar_sp38:checked ~ #links38 > li,
#menu_bar_sp39:checked ~ #links39 > li,
#menu_bar_sp40:checked ~ #links40 > li,
#menu_bar_sp41:checked ~ #links41 > li,
#menu_bar_sp42:checked ~ #links42 > li,
#menu_bar_sp43:checked ~ #links43 > li,
#menu_bar_sp44:checked ~ #links44 > li,
#menu_bar_sp45:checked ~ #links45 > li,
#menu_bar_sp46:checked ~ #links46 > li,
#menu_bar_sp47:checked ~ #links47 > li,
#menu_bar_sp48:checked ~ #links48 > li,
#menu_bar_sp49:checked ~ #links49 > li,
#menu_bar_sp50:checked ~ #links50 > li,
#menu_bar_sp41:checked ~ #links51 > li,
#menu_bar_sp42:checked ~ #links52 > li,
#menu_bar_sp43:checked ~ #links53 > li,
#menu_bar_sp44:checked ~ #links54 > li,
#menu_bar_sp45:checked ~ #links55 > li,
#menu_bar_sp46:checked ~ #links56 > li,
#menu_bar_sp47:checked ~ #links57 > li,
#menu_bar_sp48:checked ~ #links58 > li,
#menu_bar_sp49:checked ~ #links59 > li
{
  max-height: 100%;
  opacity: 1;
  transition:0.2s;
}