@charset "utf-8";

@media print,screen and (min-width : 501px) {


.recruit-intro{
  text-align: center;
}


.recruit-step__grid{
  background-color: #f7f7e2;
  margin-top: 20px;
  padding: 20px;
}
.recruit-step__grid section{
  background-color: #fff;
  padding: 20px;
  margin: 20px 10px;

}
.recruit-step__grid h5{
  font-family:"NotoSansJP-5";
  font-size:2.0rem;
}
.recruit-step__grid h5 span{
  background-color: #dc386f;
  color: #fff;
  padding: 0 10px;
  border-radius:5px;
  margin-right: 10px;
  font-size:1.6rem;
}
.recruit-step__grid ul{
  margin-top: 20px;
}
.recruit-step__grid li{
  list-style-type: disc;
  margin-left: 24px;
}


.recruit-features ul{
  margin-top: 20px;
}
.recruit-features li{
  margin-top: 10px;
  background-color: #f5f5f5;
  padding: 6px 20px;
}


.recruit-ideal-hygienist ul{
  margin-top: 20px;
}
.recruit-ideal-hygienist li{
  margin-top: 10px;
  background-color: #f5f5f5;
  padding: 6px 20px;
}



}
@media screen and (max-width : 500px) {

.recruit-intro{
  text-align: center;
}


.recruit-step__grid{
  background-color: #f7f7e2;
  margin-top: 20px;
  padding: 10px;
}
.recruit-step__grid section{
  background-color: #fff;
  padding: 14px;
  margin: 10px 0px;

}
.recruit-step__grid h5{
  font-family:"NotoSansJP-5";
  font-size:1.8rem;
}
.recruit-step__grid h5 span{
  background-color: #dc386f;
  color: #fff;
  padding: 0 10px;
  border-radius:5px;
  margin-right: 10px;
  font-size:1.4rem;
}
.recruit-step__grid ul{
  margin-top: 10px;
}
.recruit-step__grid li{
  list-style-type: disc;
  margin-left: 24px;
}


.recruit-features ul{
  margin-top: 20px;
}
.recruit-features li{
  margin-top: 10px;
  background-color: #f5f5f5;
  padding: 6px 20px;
}


.recruit-ideal-hygienist ul{
  margin-top: 20px;
}
.recruit-ideal-hygienist li{
  margin-top: 10px;
  background-color: #f5f5f5;
  padding: 6px 20px;
}

}