/* recruitBase
----------------------------------- */
.recruitBase {
  position: relative;
}
.recruitBase .base {
  padding: 4vw 0;
}
.recruitBase p {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  padding: 2rem 22vw;
  font-size: clamp(1.8rem, 1.5vw, 2.2rem);
  font-weight: 500;
  color: #FFF;
  transform: translateY(-50%);
}
.recruitBase .typeLeft {
  position: absolute;
  left: 0;
  top: 0;
  width: clamp(22rem, 20.8vw, 30rem);
  width: 22vw;
}
.recruitBase .typeLeft li:nth-child(even) {
  width: 60%;
}
.recruitBase .typeRight {
  position: absolute;
  right: 0;
  top: 0;
  width: 22vw;
  place-items: end;
}
.recruitBase .typeRight li:nth-child(odd) {
  width: 60%;
}
.recruitBase .typeLeft,
.recruitBase .typeRight {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2vw;
}

/* ----------------------------------- */
/* #recruitMessage  */
/* ----------------------------------- */
#recruitMessage {
  padding-left: clamp(2rem, 8vw, 12rem);
  padding-right: clamp(2rem, 8vw, 12rem);
  padding-right: clamp(2rem, 4vw, 150px);
  padding-left: clamp(2rem, 4vw, 150px);
  padding-right: clamp(2rem, 8.5vw, 8.5vw);
  padding-left: clamp(2rem, 8.5vw, 8.5vw);
}
@media screen and (max-width: 767px) {
  #recruitMessage {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
#recruitMessage {
  max-width: 1400px;
  margin: clamp(5rem, 6.9vw, 10rem) auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(0.5rem, 2.8vw, 4rem);
}
#recruitMessage section {
  padding: clamp(1rem, 2.1vw, 3rem);
  border: 1px solid #545A6D;
}
#recruitMessage section h2 {
  background: #2F1616;
  color: #FFF;
  font-size: clamp(2rem, 1.4vw, 2rem);
  text-align: center;
  margin-bottom: 2rem;
  padding: 1rem;
}
@media screen and (max-width: 768px) {
  #recruitMessage {
    grid-template-columns: 1fr;
  }
}

.goal {
  padding-left: clamp(2rem, 8vw, 12rem);
  padding-right: clamp(2rem, 8vw, 12rem);
  padding-right: clamp(2rem, 4vw, 150px);
  padding-left: clamp(2rem, 4vw, 150px);
  padding-right: clamp(2rem, 8.5vw, 8.5vw);
  padding-left: clamp(2rem, 8.5vw, 8.5vw);
}
@media screen and (max-width: 767px) {
  .goal {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.goal .lead {
  text-align: center;
  font-size: clamp(2rem, 1.9vw, 2.8rem);
  font-weight: 500;
  margin-bottom: 3rem;
}
.goal dl {
  display: grid;
  grid-template-columns: max-content max-content;
  place-content: center;
  align-items: center;
  gap: 2rem clamp(2rem, 1.9vw, 2.8rem);
}
.goal dl dt {
  background: #2F1616;
  color: #FFF;
  font-size: clamp(2rem, 1.4vw, 2rem);
  text-align: center;
  padding: 1rem 2rem;
}
.goal dl dd a {
  display: block;
  font-family: "Castoro Titling", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  padding-top: 0.2em;
  margin-block: calc((1cap - 1lh) / 2);
  font-size: clamp(4rem, 4.9vw, 7rem);
}
@media screen and (max-width: 768px) {
  .goal dl {
    grid-template-columns: 1fr;
  }
  .goal dl dd {
    text-align: center;
  }
}

/*# sourceMappingURL=recruit.css.map */