@charset "utf-8";

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

.recruit-intro{
  text-align: center;
}
.recruit-intro__buttons a{
  display: inline-block;
  background-color: #e1f6f1;
  border:solid 1px #a4b8b4;
  padding: 10px 10px;
  border-radius:5px;
  margin: 20px 10px 0 10px;
  width: 200px;
  font-size:1.8rem;
  font-family:"NotoSansJP-4";
  color: #505050;
}


.recruit-features__grid{
  background-color: #fbf2e9;
  padding: 10px;
  margin-top: 20px;
}
.recruit-features__grid .feature{
  background-color: #fff;
  margin: 20px 10px;
  border-radius:10px;
  padding: 20px
}
.recruit-features__grid .feature dt{
  font-family:"NotoSansJP-5";
  border-bottom:solid 1px #c8c8c8;
  color: #dc386f;
  font-size:2.0rem;
  margin-bottom: 10px;
}


.recruit-career-step li{
  margin-top: 20px;
  padding: 20px;
  border:solid 1px #8c8c8c;
  border-radius:10px;
  display:flex;
  align-items: center;
  background-color: #fafff9;
}
.recruit-career-step .fb-l{
  width: 120px;
  font-size:2.0rem;
 font-family:"NotoSansJP-5";
 color: #008080;
}
.recruit-career-step td{
  border: none;
  padding: 10px;
}


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


.recruit-links a{
  display: block;
  font-size:1.8rem;
  font-family:"NotoSansJP-4";
  color: #505050;
  padding: 16px 20px;
  border-radius:6px;
  background-color: #e1f6f1;
  border:solid 1px #a4b8b4;
}
.recruit-links .fb{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
.recruit-links .fb-r{
  width: 240px;
}
.recruit-links .fb-l{
  flex: 1;
  margin-right: 20px;
}
.recruit-links .fb-l li{
  margin-top: 16px;
}
.recruit-links .fb-l li:first-child{
  margin-top: 0px;
}



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

.recruit-intro{
  text-align: center;
  margin: 20px 0 0 0;
}
.recruit-intro__buttons {
  display:flex;
  justify-content: space-between;
}
.recruit-intro__buttons a{
  display: inline-block;
  background-color: #e1f6f1;
  border:solid 1px #a4b8b4;
  padding: 10px 10px;
  border-radius:5px;
  margin: 20px 10px 0 10px;
  width: 48%;
  font-size:1.6rem;
  color: #505050;
}


.recruit-features__grid{
  background-color: #fbf2e9;
  padding: 10px;
  margin-top: 20px;
}
.recruit-features__grid .feature{
  background-color: #fff;
  margin: 20px 10px;
  border-radius:10px;
  padding: 20px
}
.recruit-features__grid .feature dt{
  font-family:"NotoSansJP-5";
  border-bottom:solid 1px #c8c8c8;
  color: #dc386f;
  font-size:1.8rem;
  margin-bottom: 10px;
  line-height: 1.4;
  padding-bottom: 6px;
}


.recruit-career-step li{
  margin-top: 20px;
  padding: 20px;
  border:solid 1px #8c8c8c;
  border-radius:10px;
  display:flex;
  align-items: center;
  background-color: #fafff9;
}
.recruit-career-step .fb-r{
  flex: 1;
}
.recruit-career-step .fb-l{
  width: 100px;
  font-size:1.6rem;
 font-family:"NotoSansJP-5";
 color: #008080;
}
.recruit-career-step td{
  border: none;
  padding: 10px;
}


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


.recruit-links ul{
  margin-top: 20px;
}
.recruit-links a{
  display: block;
  font-size:1.6rem;
  font-family:"NotoSansJP-4";
  color: #505050;
  padding: 10px 10px;
  border-radius:6px;
  background-color: #e1f6f1;
  border:solid 1px #a4b8b4;
  margin-top: 10px;
}
.recruit-links .fb-r{
  padding: 20px 20px 0 20px;
}

}