/*---------------------------------------
	recruit
----------------------------------------*/

#recruit .recruit-greeting {
	max-width:800px !important;
	margin-left:auto;
	margin-right:auto;
}

#recruit .sdgs-intro {
	max-width:800px !important;
	margin-left:auto;
	margin-right:auto;
}

#recruit .recruit-greeting p+p {
	margin-top:1.25em;
}

#recruit .recruit-greeting p strong {
	font-weight:bold;
	font-size:1.2em;
}

.recruit-link-guide {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  justify-content: center;
  gap: min(3.1vw, 40px);

  max-width: 1000px;
  margin: 50px auto 0px;
}
.recruit-link-guide li {
  border: 1px solid;
  transition: background-color 0.25s ease;
}
.recruit-link-guide li a {
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 12px 0;
  transition: color 0.25s ease;
}  
.recruit-link-guide li:hover {
  background-color: #333;
}
.recruit-link-guide li:hover a {
  color: #fff;
}

/*---------------------------------------
	recruit
----------------------------------------*/
.recruit {
}

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

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


.work {
}
.work__overview {
}
.work__items {
	max-width:800px !important;
	margin-left:auto;
	margin-right:auto;
}
.work__ttl {
  font-weight: bold;
  font-size: 2rem;
  margin-top: 40px;
}
.work__text {
  margin-top: 5px;
  padding-left:1em;
}
.work__text p {
  text-indent: 1em;
  font-style: initial;
}
.work__address a {
  font-weight: bold;
}

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

@media only screen and (max-width: 767px) {
  .work__overview {
    line-height: 2.9rem !important;
    margin-top: 20px;
  }
  .work__text p {
    text-indent: initial;
    line-height: 2.9rem !important;
  }
  .work__address span {
    padding-left: 2.5em;
  }
}

/*---------------------------------------
	recruitment
----------------------------------------*/
.recruitment-link-guide {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  justify-content: center;
  gap: 0px min(3.1vw, 40px);

  max-width: 800px;
  margin: 0 auto 120px;
}
.recruitment-link-guide li {
  border: 1px solid;
  transition: background-color 0.25s ease;
}
.recruitment-link-guide li a {
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 12px 10%;
  transition: color 0.25s ease;
}  
.recruitment-link-guide li:hover {
  background-color: #333;
}
.recruitment-link-guide li:hover a {
  color: #fff;
}