@charset "UTF-8";


.job_narrow--list{
	display: flex;
/*	max-width: 900px;*/
justify-content: center;
	margin-left: auto;
	margin-right: auto;
}
.job_narrow--list label{
	font-size: 18px;
	font-weight: 700;
}
.job_narrow--list select{
	width: 182px;
	height: 42px;
	font-size: 16px;
	margin-left: 20px;
	padding: 0 10px;
	background: url(../img/common/btn_arrow_u.svg) right 10px center / 15px 7px no-repeat;
}

.job_narrow--btn {
  border: none;
  border-radius: 30px;
  max-width: 350px;
  width: 80%;
  height: 50px;
  padding: 0.6em 2em;
  background-color: var(--col01);
  color: var(--white);
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 140px;
  cursor: pointer;
  transition: .3s;
}

.job_list {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 100px;
  display: flex;
  flex-wrap: wrap;
  gap: 60px 6%;

	li{
 		max-width: 400px;
	 	width: 29%;
	 	a {
      width: 100%;
      height: 100%;
      box-shadow: 0px 0px 7px 0px rgba(182, 203, 205, 1);
      border-radius: 6px;
      font-size: 16px;
    	font-weight: 700;
  		line-height: 2.25;
      display: flex;
      flex-direction: column;
      background: var(--white);
      padding: 25px 5% 35px;
      & > *:nth-last-child(2) {
			  margin-bottom: 30px;
			}
      .cat_wrap{

      }
    	.job_ttl_s{
    		/*font-size: 16px;
    		font-weight: 700;
    		line-height: 2.25;*/
    		overflow: hidden;
			  display: -webkit-box;
			  -webkit-box-orient: vertical;
			  -webkit-line-clamp: 2;
			  /*margin-bottom: 30px;*/
    	}
      .btn01 {
        width: 166px;
        background-color: var(--col02);
        border-radius: 6px;
    		color: var(--white);
    		padding: 0.2em 15px 0.3em;
    		margin: auto auto 0;
    		display: flex;
    		justify-content: space-between;
    		align-items: center;
    		position: relative;
    	}
    	.btn01::after{
    		content: '';
    		width: 10px;
    		height: 17px;
				background: url(../img/common/arrow_w.svg) center / cover no-repeat;	
    	}
    	
    }
 }

}

.page_nav_wrap{
	padding-bottom: 95px;
}


/*connect_wakita*/
.connect_wakita{
	background-color: #f7f0e8;
	padding: 70px 0 60px;
}
.connect_wakita--h2{
	font-size: 36px;
	text-align: center;
}
.connect_wakita--txt{
	margin-top: 65px;
	text-align: center;
}
.connect_wakita--link{
  border-radius: 30px;
  max-width: 350px;
  width: 80%;
  height: 50px;
  padding: 0.6em 2em;
  background-color: var(--orange);
  color: var(--white);
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
	margin-top: 30px;
}
/*--------------------PCmax--------------------*/
@media all and (min-width:1481px){
}
/*--------------------PC--------------------*/
@media all and (min-width:768px){
	.job_narrow--list label + label{
		margin-left: 120px;
	}
	.job_narrow--btn:hover {
    	background-color: #5abce9;
  }
  .job_list a:hover{
  	opacity: .7;
  }
  .connect_wakita--link:hover {
      background-color: #faad5a;
  }

}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
	.job_narrow--list{
		flex-direction: column;
		align-items: center;
	}
	.job_narrow--list label{
		width: 280px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
	}
	.job_narrow--list label + label{
		margin-top: 15px;
	}
	.job_narrow--btn{
		margin-top: 50px;
	}
	.job_list {
    gap: 30px 0;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    padding-top: 50px;
			li {
        max-width: 100%;
        width: 100%;
      }
	}
	.page_nav_wrap{
		padding-bottom: 80px;
	}

	/*connect_wakita*/
	.connect_wakita{
		padding: 40px 0;
	}
	.connect_wakita--h2{
		font-size: 28px;
	}
	.connect_wakita--txt{
		font-size: 14px;
		line-height: 1.75;
		margin-top: 30px;
	}

  

}



/*//////////////////////////// aaa ////////////////////////////*/

/*--------------------PCmax--------------------*/
@media all and (min-width:1481px){
}
/*--------------------PC--------------------*/
@media all and (min-width:768px){
}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
}