@charset "UTF-8";
/* ----------------------------------------------------------------
	#recruit target
---------------------------------------------------------------- */

/* ------------------------------------
 .contents
------------------------------------- */
.contents {
  position: relative;
  width: 100%;
  padding: 9.7vw 0 14.55vw;
}
.contents::after {
  content: "";
  display: block;
  width: 100%;
  height: 14.55vw;
  background: #e8f7f9;
  position: absolute;
  left: 0;
  bottom: 0;
}
.cont {
  width: 77.58%;
  margin: 0 auto 6.06vw;
}
.cont h2 {
  font-size: 3.88vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
  margin-bottom: 4.55vw;
}
.cont h2 span {
  display: inline;
  font-weight: 700;
  border-bottom: 4px solid #fff;
}
.cont ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
}
.cont ul li {
  width: 48.5%;
  border-radius: 10px;
  border: 2px solid #fff;
  padding: 2.12vw;
  color: #fff;
}
.cont ul li dl dt {
  font-size: clamp(18px, 1.7vw, 28px);
  margin-bottom: 1.21vw;
  font-weight: 700;
}
.cont ul li dl dd {
  font-size: clamp(13px, 0.97vw, 16px);
  line-height: 2;
}
.cont p {
  font-size: clamp(13px, 0.97vw, 16px);
  line-height: 2;
  color: #fff;
}

/* Smartphone
----------------------------------------------- */
@media print,screen and (max-width: 999px) {
.contents {
  padding: 20.25vw 0 30.38vw;
}
.contents::after {
  height: 30.38vw;
}
.cont {
  width: 84.81%;
  margin: 0 auto 15.19vw;
}
.cont h2 {
  font-size: 6.33vw;
  margin-bottom: 5.06vw;
  line-height: 2;
}
.cont h2 span {
  border-bottom: 4px solid #fff;
}
.cont ul li {
  width: 100%;
  padding: 5.06vw;
  margin-bottom: 5.06vw;
}
.cont ul li:last-child {
  margin-bottom: 0;
}
.cont ul li dl dt {
  font-size: 4.56vw;
  margin-bottom: 3.8vw;
}
.cont ul li dl dd {
  font-size: 3.8vw;
}
.cont p {
  font-size: 3.8vw;
}

}/* Smartphone End */