#content h2 {
  margin-bottom: min(6.333vw, 76px);
  font-size: min(2.5vw, 30px);
  font-weight: var(--weight-bold);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #content h2 {
    margin-bottom: 19.231vw;
    text-align: center;
    font-size: 5.641vw;
  }
}
#content h3 {
  margin-bottom: min(4.583vw, 55px);
}
@media only screen and (max-width: 767px) {
  #content h3 {
    margin-bottom: 10.256vw;
  }
}
@media only screen and (max-width: 767px) {
  #content .pageTop {
    margin: 10.256vw 0;
    text-align: right;
  }
}
#content .text01 {
  margin-bottom: min(3.333vw, 40px);
  color: var(--gray_text);
  font-size: min(1.333vw, 16px);
}
@media only screen and (max-width: 767px) {
  #content .text01 {
    margin-bottom: 10.256vw;
    font-size: 4.103vw;
  }
}
#content .graphList {
  display: flex;
  flex-wrap: wrap;
  gap: min(2.083vw, 25px);
  margin-bottom: min(8.667vw, 104px);
}
@media only screen and (max-width: 767px) {
  #content .graphList {
    flex-direction: column;
    gap: 6.154vw;
    margin-bottom: 10.256vw;
  }
}
#content .graphList li {
  padding: min(2.5vw, 30px) min(4.167vw, 50px);
  width: min(44.75vw, 537px);
  border-radius: min(1.333vw, 16px);
  background: var(--light_green_1);
  list-style-type: none;
}
@media only screen and (max-width: 767px) {
  #content .graphList li {
    padding: 6.154vw 6.154vw 3.846vw;
    width: 100%;
    border-radius: 4.103vw;
  }
}
#content .graphList li:nth-child(1) {
  padding: min(3.75vw, 45px) min(5vw, 60px);
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #content .graphList li:nth-child(1) {
    padding: 6.154vw 6.154vw 9.231vw;
  }
}
#content .graphList li:nth-child(1) p {
  margin: 0 0 min(2.417vw, 29px);
}
@media only screen and (max-width: 767px) {
  #content .graphList li:nth-child(1) p {
    margin: 0 0 5.128vw;
  }
}
#content .graphList li p {
  margin: 0 0 min(0.583vw, 7px);
}
@media only screen and (max-width: 767px) {
  #content .graphList li p {
    margin-bottom: 5.641vw;
  }
}
@media only screen and (max-width: 767px) {
  #content .graphList li .c-headlineDot {
    margin-bottom: 2.564vw;
    font-size: 5.128vw;
  }
}
@media only screen and (max-width: 767px) {
  #content .graphList li .c-headlineDot::before {
    margin-right: 3.846vw;
    width: 3.846vw;
    height: 4.615vw;
    position: relative;
    top: 0.513vw;
    background-size: 3.846vw auto;
  }
}
#content .graphList li .col {
  display: flex;
  gap: min(3.667vw, 44px);
}
@media only screen and (max-width: 767px) {
  #content .graphList li .col {
    flex-direction: column;
    gap: 5.128vw;
  }
}
#content .graphList li .col .numberArea .people {
  padding-left: min(20.667vw, 248px);
  background: url("/assets/img/strength/engineer_img01.png") no-repeat left center;
  background-size: min(17.5vw, 210px) auto;
  font-size: min(3.75vw, 45px);
  font-weight: var(--weight-bold);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  #content .graphList li .col .numberArea .people {
    padding-left: 0;
    padding-bottom: 35.897vw;
    background-position: center bottom;
    background-size: 53.846vw auto;
    font-size: 11.538vw;
    text-align: center;
  }
}
#content .graphList li .col .numberArea .people .number {
  color: var(--dark_green_primary);
  font-family: var(--family-en);
  font-size: min(10vw, 120px);
  font-weight: var(--weight-bold);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  #content .graphList li .col .numberArea .people .number {
    font-size: 30.769vw;
  }
}
#content .graphList li .col .numberArea .people .fs {
  display: block;
  color: var(--dark_green_primary);
  text-align: center;
  font-size: min(1.167vw, 14px);
  font-weight: normal;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  #content .graphList li .col .numberArea .people .fs {
    font-size: 3.59vw;
  }
}
#content .graphList li .col .textArea {
  flex: 1;
  width: min(34.667vw, 416px);
  font-size: min(1.333vw, 16px);
}
@media only screen and (max-width: 767px) {
  #content .graphList li .col .textArea {
    margin-bottom: 0;
    width: auto;
    font-size: 4.103vw;
  }
}
#content .graphList li .img {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #content .graphList li .img {
    margin: 0 -3.846vw;
  }
}
#content .graphList li .img img {
  width: 100%;
  height: auto;
}
#content .engineerList li {
  position: relative;
  list-style-type: none;
}
#content .engineerList li .number {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: min(19.333vw, 232px);
  height: min(4.833vw, 58px);
  border-radius: min(1.167vw, 14px) 0;
  background: var(--dark_green_primary);
  font-size: min(1.667vw, 20px);
  font-weight: var(--weight-bold);
}
@media only screen and (max-width: 767px) {
  #content .engineerList li .number {
    width: 59.487vw;
    height: 14.872vw;
    border-radius: 3.59vw 0;
    font-size: 5.128vw;
  }
}
#content .engineerList li .number::before {
  position: relative;
  top: min(0.083vw, 1px);
}
#content .engineerList li .number .num {
  padding-left: min(0.667vw, 8px);
  font-size: min(2vw, 24px);
}
@media only screen and (max-width: 767px) {
  #content .engineerList li .number .num {
    padding-left: 2.051vw;
    font-size: 6.154vw;
  }
}
#content .engineerList li .col {
  display: flex;
  align-items: center;
  gap: min(8.167vw, 98px);
}
@media only screen and (max-width: 767px) {
  #content .engineerList li .col {
    flex-direction: column;
    gap: 5.128vw;
  }
}
#content .engineerList li .col .imgArea {
  width: min(15.833vw, 190px);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #content .engineerList li .col .imgArea {
    width: auto;
  }
}
#content .engineerList li .col .imgArea img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  #content .engineerList li .col .imgArea img {
    display: block;
    margin: auto;
    width: 48.718vw;
    height: auto;
  }
}
#content .engineerList li .col .imgArea .job {
  display: inline-block;
  margin: min(2.083vw, 25px) 0 0;
  padding: min(0.833vw, 10px) min(1.833vw, 22px);
  border-radius: min(4.167vw, 50px);
  background: var(--light_green_2);
  color: var(--gray_text);
  font-size: min(1.417vw, 17px);
  font-weight: var(--weight-bold);
}
@media only screen and (max-width: 767px) {
  #content .engineerList li .col .imgArea .job {
    margin-top: 6.41vw;
    padding: 2.564vw 6.923vw;
    border-radius: 12.821vw;
    font-size: 4.359vw;
  }
}
#content .engineerList li .col .textArea {
  flex: 1;
}
#content .engineerList li .col .textArea h4 {
  margin-bottom: min(1.25vw, 15px);
  color: var(--dark_green_primary);
  font-size: min(1.667vw, 20px);
  font-weight: var(--weight-bold);
}
@media only screen and (max-width: 767px) {
  #content .engineerList li .col .textArea h4 {
    margin-bottom: 8.974vw;
    font-size: 5.128vw;
    text-align: center;
    line-height: 1.5;
  }
}
#content .engineerList li .col .textArea h4 .fs {
  font-size: min(1.333vw, 16px);
}
@media only screen and (max-width: 767px) {
  #content .engineerList li .col .textArea h4 .fs {
    font-size: 4.103vw;
  }
}
#content .engineerList li .col .textArea .history dt {
  margin-bottom: min(0.833vw, 10px);
  font-size: min(1.333vw, 16px);
  font-weight: var(--weight-bold);
}
@media only screen and (max-width: 767px) {
  #content .engineerList li .col .textArea .history dt {
    margin-bottom: 1.282vw;
    font-size: 4.103vw;
  }
}
#content .engineerList li .col .textArea .history dd li {
  margin-bottom: min(0.333vw, 4px);
  padding-left: min(1.5vw, 18px);
  position: relative;
  font-size: min(1.333vw, 16px);
}
@media only screen and (max-width: 767px) {
  #content .engineerList li .col .textArea .history dd li {
    margin-bottom: 1.026vw;
    padding-left: 4.615vw;
    font-size: 4.103vw;
  }
}
#content .engineerList li .col .textArea .history dd li::before {
  content: "";
  display: block;
  width: min(0.417vw, 5px);
  height: min(0.083vw, 1px);
  position: absolute;
  top: min(1.25vw, 15px);
  left: 0;
  background-color: var(--black);
}
@media only screen and (max-width: 767px) {
  #content .engineerList li .col .textArea .history dd li::before {
    width: 1.282vw;
    height: 0.256vw;
    top: 3.846vw;
  }
}
#content .engineerList > li {
  margin-bottom: min(4.333vw, 52px);
  padding: min(8.333vw, 100px) min(5.833vw, 70px) min(4.167vw, 50px);
  border-radius: min(1.333vw, 16px);
  border: 1px solid var(--dark_green_primary);
}
@media only screen and (max-width: 767px) {
  #content .engineerList > li {
    margin-bottom: 5.128vw;
    padding: 23.077vw 6.154vw 7.692vw;
    border-radius: 4.103vw;
  }
}
#content .engineerList > li:last-child {
  margin-bottom: 0;
}
#content #recruit {
  margin-top: min(11.333vw, 136px);
}
@media only screen and (max-width: 767px) {
  #content #recruit {
    margin-top: 10.256vw;
  }
}

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