/********** recruit_common **********/
.wrapper_recruit {
  min-width: 1366px;
  background-color: var(--text-color1);
  margin:0 auto 80px auto;
  padding-top: 208px;
}
.recruit {
  min-width: 1366px;
  margin:0 auto;
}
.wrapper_recruit .content{
  width:800px;
  margin:0 auto;
}

.main-title{
  width:100%;
  margin:0 auto;
}
.main-title img{
  display: block;
  margin:0 auto;
}
.main-title h1{
  color:var(--text-color3);
  font-size:32px;
  margin:18px auto 45px auto;
  text-align: center;
}

.recruit_exp{
  font-size: 15px;
  font-weight: 500;
  color:var(--text-color2);
  text-align: center;
  line-height: 1.7;
}
.recruit_items{
  width: 800px;
  margin:65px auto 0 auto;
}
.recruit_item{
  width: 100%;
  background-color: var(--bk-color1);
  color:var(--text-color1);
  border-radius: 15px;
  padding:50px 48px 25px 48px;
  margin-bottom: 65px;
}
.recruit_item h3{
  font-size: 24px;
  font-weight: 500;
  color: var(--text-color4);
  text-align: center;
  margin:0 auto 50px auto;
}

.recruit_item .part{
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  margin: 0 auto 25px auto;
}
.recruit_item .part p{
  font-size: 15px;
  font-weight:500;
  color:var(--text-color2);
  background-color: var(--bk-color7);
  padding:20px 25px;
  margin:0 auto;
  border-radius: 8px;
  border:1px solid var(--bk-color2);
}
.recruit_item .part p:first-child{
  flex:0 0 150px;
  margin: 0 15px 0 0;
  color: var(--text-color2);
  display: flex;
  align-items: center;
}
.recruit_item .part p:nth-child(2){
  flex:0 0 530px;
  margin:0;
}
.recruit_item .part span{
  font-size: 13px;
  margin-top: 5px;
  display: block;
}
.no_recruit{
  padding:25px 48px;
}


/********** ここからスマホ **********/
@media only screen and (max-width:599px){

  .wrapper_recruit {
    min-width: 100vw;
    margin:0 auto 60px auto;
    padding-top: 120px;
  }
  .recruit {
    min-width: 100vw;
  }
  .wrapper_recruit .content{
    width: 90%;
  }
  .main-title h1{
    font-size:24px;
    font-weight: 700;
    margin:12px auto 40px auto;
  }
  
  .recruit_exp{
    font-size: 14px;
  }
  .recruit_items{
    width: 100%;
    margin:48px auto 0 auto;
  }
  .recruit_item{
    padding:22px;
    margin: 0 auto 48px auto;
  }
  .recruit_item h3{
    font-size: 18px;
    margin:0 auto 25px auto;
  }
  
  .recruit_item .part{
    margin: 0 auto 16px auto;
  }
  .recruit_item .part p{
    font-size: 14px;
    padding:18px 12px;
  }
  .recruit_item .part p:first-child{
    flex:0 0 102px;
  }
  .recruit_item .part p:nth-child(2){
    flex:0 0 208px;
  }
  .recruit_item .part span{
    font-size: 12px;
  }

}