@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;
}
.lead {
  text-align: center;
  font-size: 2.91vw;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 7.27vw;
}
.contents a {
  display: block;
}
.contents a:hover {
  opacity: 1;
}
.contents ul {
  position: relative;
  width: 100%;
  padding: 14.18vw 0 0 54.85vw;
}
.contents a:nth-child(odd) ul {
  padding: 14.18vw 0 0 11.21vw;
}
.contents ul li:nth-child(1) {
  position: absolute;
  width: 59.39vw;
  height: 24.24vw;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 0 10px 10px 0;
  z-index: 1;
}
.contents ul li:nth-child(1) img {
  border-radius: 0 10px 10px 0;
  transition: all 0.7s ease;
}
.contents a:nth-child(odd) li:nth-child(1) {
  top: 0;
  left: inherit;
  right: 0;
  border-radius: 10px 0 0 10px;
  z-index: 1;
}
.contents a:hover ul li:nth-child(1) img {
  transform:scale(1.05,1.05);
  transition: all 0.7s ease;
}
.contents ul li:nth-child(2) {
  position: relative;
  width: 33.94vw;
  padding: 1.82vw 2.12vw;
  background: #fff;
  border-radius: 10px;
  z-index: 5;
  margin-bottom: 6.06vw;
}
.contents ul li:nth-child(2) dl dt {
  font-size: 1.45vw;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1.21vw;
  color: #0d62aa;
}
.contents ul li:nth-child(2) dl dd {
  font-size: 1.7vw;
  font-weight: 700;
}
.contents ul li:nth-child(2) dl span {
  display: inline-block;
  font-size: 1.21vw;
  font-weight: 700;
  padding-left: 1em;
}
.contents ul li:nth-child(2) div {
  position: absolute;
  right: 2.62vw;
  bottom: 1.82vw;
  font-size: clamp(13px, 0.97vw, 16px);
  transition: all 0.7s ease;
}
.contents a:hover ul li:nth-child(2) div {
  right: 2.12vw;
  font-weight: 700;
  color: #0d62aa;
}
.contents ul li:nth-child(3) {
  position: absolute;
  font-size: 4.61vw;
  font-weight: 600;
  text-align: right;
  color: #fff;
  line-height: 0.8;
  opacity: 0.1;
  top: 7.07vw;
  right: 11.21vw;
  z-index: 1;
}
.contents a:nth-child(odd) li:nth-child(3) {
  text-align: left;
  left: 11.21vw;
  z-index: 1;
}

/* Smartphone
----------------------------------------------- */
@media print,screen and (max-width: 999px) {
.contents {
  padding: 20.25vw 0 30.38vw;
}
.contents::after {
  height: 30.38vw;
}
.lead {
  font-size: 6.08vw;
  margin-bottom: 11.39vw;
}
.contents ul {
  padding: 43.04vw 0 0 18.99vw;
}
.contents a:nth-child(odd) ul {
  padding: 43.04vw 0 0 7.59vw;
}
.contents ul li:nth-child(1) {
  width: 73.42vw;
  height: 50.63vw;
}
.contents a:hover ul li:nth-child(1) img {
  transform:scale(1.0,1.0);
}
.contents ul li:nth-child(2) {
  width: 73.42vw;
  padding: 3.8vw 3.8vw;
  margin-bottom: 13.92vw;
}
.contents ul li:nth-child(2) dl dt {
  font-size: 4.56vw;
  margin-bottom: 3.16vw;
  text-align: left;
}
.contents ul li:nth-child(2) dl dd {
  font-size: 3.54vw;
}
.contents ul li:nth-child(2) dl span {
  font-size: 2.78vw;
}
.contents ul li:nth-child(2) div {
  right: 4.43vw;
  bottom: 3.8vw;
  font-size: 2.78vw;
}
.contents a:hover ul li:nth-child(2) div {
  right: 4.43vw;
  color: #080404;
  font-weight: 400;
}
.contents ul li:nth-child(3) {
  font-size: 9.62vw;
  top: 28.32vw;
  right: 7.59vw;
}
.contents a:nth-child(odd) li:nth-child(3) {
  left: 7.59vw;
}

}/* Smartphone End */