@charset "UTF-8";

.recruit_message {
  color: #FFF;
  padding-top: 12.0rem;
  padding-left: 10rem;
  padding-right: 2.0rem;
  background-image:  url("../images/recruit/recruit_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  column-gap: 4%;
  justify-content: space-around;
}
.recruit_message h2 {
  font-size: 4.0rem;
  font-weight: 500;
  padding-top: 4%;
  white-space: nowrap;
  width: 50%;
}
.recruit_text {
  width: 50%;
  line-height: 3.0;
  padding-top: 4%;
  padding-bottom: 5%;
  font-weight: 500;
}
.recruit_text p {
  font-size: 1.6rem;
}
.recruit_decoration h3 {
  position: relative;
}
.recruit_decoration h3::before {
  content:"";
  position: absolute;
  background-image: url("../images/recruit/recruit.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 42vw;
  height: 10vw;
  top: 6.0rem;
  left: 0;
}
.recruit_decoration {
  margin-top: 6rem;
  height: 652px;
}
.recruit_decoration h3 {
  margin-left: 10.0rem;
  font-size: 3.2rem;
}
.decoration {
  position: relative;
}
.decoration_inner {
  display: grid;
  column-gap: 4px;
  width: 100%;
  /* min-width: 1400px; */
  height: 100%;
  position: absolute;
  top: 22.0rem;
  left: 50%;
  transform: translateX(-50%);
  grid-template-columns: repeat(5,1fr);
}
.person {
  margin-top: 24.0rem;
  margin-left: 10.0rem;
  margin-right: 10.0rem;
}
.person h4 {
  font-size: 2.8rem;
  font-weight: 500;
}
.personality {
  color: #003F8E;
  font-weight: 700;
  font-size: 1.4rem;
}
.personality_img {
  margin-top: 2.0rem;
  display: block;
  width: 50vw;
  margin: 2.0rem auto 16.0rem;
}
.condition {
  margin-left: 10.0rem;
  margin-right: 10.0rem;
}
.condition h4 {
  font-size: 2.8rem;
  font-weight: 500;
}
.condition dl {
  display: flex;
  flex-wrap: wrap;
  border-top: 1.6px solid #DEDFE0;
  border-bottom: 1.6px solid #DEDFE0;
  margin-top: 2.0rem;
  margin-bottom: 5.4rem;
}
.condition dt {
  width: 20%;
  border-right: 1.6px solid #DEDFE0;
  border-bottom: 1.6px solid #DEDFE0;
  background-color: #F5F7F9;
  padding-top: 3.0rem;
  padding-left: 2.0rem;
}
.condition dd {
  border-bottom: 1.6px solid #DEDFE0;
  width: 80%;
  padding: 3.0rem;
}
.condition dt:last-of-type {
  border-bottom: none;
}

.condition dd:last-of-type {
  border-bottom: none;
}
.recruit_mgb6 p {
  margin-bottom: 0.6rem;
}
.recruit_mgb6 p:last-child {
  margin-bottom: 0;
}
.paid_wrapper {
  margin-left: 0.8rem;
}
.paid_title {
  font-size: 1.8rem;
  margin-left: -1.0rem;
}
.paid {
  margin-bottom: 2.4rem;
}
.recruit_mgl1{
  margin-left: 1rem;
}
.apply_text {
  width: 90%;
}
@media screen and (max-width: 768px) {
  .recruit_message {
    flex-direction: column;
    padding-top: 12rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .recruit_message h2 {
    font-size: 3.0rem;
    white-space: normal;
    width: 100%;
  }
  .recruit_text {
    width: 100%;
    padding-top: 3.0rem;
    line-height: 2.0;
    padding-bottom: 6.0rem;
  }
  .recruit_decoration h3 {
    margin-left: 2.0rem;
    font-size: 2.6rem;
  }
  .recruit_decoration {
  height: 512px;
  }
  .person {
    margin-top: 0;
    margin-left: 2.0rem;
    margin-right: 2.0rem;
  }
  .personality_img {
    width: 90vw;
    margin: 4.0rem auto 12.0rem;
  }
  .condition {
    margin-left: 2.0rem;
    margin-right: 2.0rem;
  }
  .condition dd {
    padding: 3.0rem 2.0rem;
  }
  .condition dt {
    padding-left: 1.0rem;
  }
  .apply_text {
    width: 100%;
  }
}
@media screen and (max-width: 390px) {
    .n1 {
    display: none;
  }
  .n5 {
    display: none;
  }
  .decoration_inner {
    transform: translateX(-30%);
    min-width: 640px;
    top: 12.0rem;
    left: 50%;
  }
}
/* フェードイン用のCSS */
.fade-in {
  opacity: 0;
	transform: translate(20px, 0);
  transition: all 1.0s 1.0s cubic-bezier(0, 0.31, 0.35, 1.07);
}