.page-recruit .container {

  max-width: 150rem;

  width: 100%;

  padding: 0 3rem;

  margin: auto;

}

.page-recruit .main-title .blue {
  color: var(--blue);
}


.page-recruit .sub-title {

  margin-bottom: clamp(4.8rem, calc(48px + (80 - 48) * var(--vw-desktop-range)), 8rem);

}



.page-recruit .sec-about {
  padding: 0 3rem;
  /* margin: clamp(12rem, calc(120px + (200 - 120) * var(--vw-desktop-range)), 20rem) 0 clamp(9rem, calc(90px + (150 - 90) * var(--vw-desktop-range)), 15rem) 0; */
  margin: clamp(3rem, calc(30px + (50 - 30) * var(--vw-desktop-range)), 5rem) 0 100px 0;
}



.page-recruit .flex {

  display: flex;

}

.page-recruit .sec-about {}

.page-recruit .sec-about p {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 4rem;
  letter-spacing: 0.01em;
  text-align: center;
  margin-top: 2rem;
}

.page-recruit .sec-about p:first-child {
  margin-top: 0;
}

.page-recruit .sec-about .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: clamp(0.1rem, calc(1px + (2 - 1) * var(--vw-desktop-range)), 0.2rem) solid var(--black);
  background: var(--black);
  transition: .3s;

  height: var(--btn-height);
  width: clamp(28rem, calc(280px + (360 - 280) * var(--vw-desktop-range)), 36rem);
  max-width: 100%;
  font-size: var(--fs-body-md);
  letter-spacing: 0;
  padding-inline: clamp(1.2rem, calc(12px + (20 - 12) * var(--vw-desktop-range)), 2rem);
  position: relative;
  margin: var(--space-40-80) auto 0;
  color: var(--white);
}

.page-recruit .sec-about .btn svg {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
}

.page-recruit .sec-about .btn:hover {
  background: var(--lightblue);
  border-color: var(--lightblue);
  color: var(--black);
}

@media screen and (max-width: 1025px) {
  .page-recruit .sec-about .btn {
    margin: 4rem auto 0;
    height: var(--btn-height);
    width: var(--btn-width);
  }

  .page-recruit .sec-about p {
    font-size: clamp(1.08rem, calc(16 * var(--vw390)), 1.8rem);
    line-height: clamp(1.62rem, calc(24 * var(--vw390)), 2.7rem);
  }
}

.page-recruit .sec-about .flex {

  justify-content: center;

  gap: clamp(4rem, calc(40px + (80 - 40) * var(--vw-desktop-range)), 8rem);

  max-width: 160rem;

  margin: 0 auto;

}



.page-recruit .sec-about .left {

  text-align: left;

  font-size: clamp(1.8rem, calc(18px + (24 - 18) * var(--vw-desktop-range)), 2.4rem);

  line-height: clamp(2.6rem, calc(26px + (50 - 26) * var(--vw-desktop-range)), 5rem);

  max-width: 79rem;

  width: 100%;

}



.page-recruit .sec-about .left p:nth-child(1),

.page-recruit .sec-about .left p:nth-child(2) {

  font-size: clamp(2.6rem, calc(26px + (40 - 26) * var(--vw-desktop-range)), 4rem);

  line-height: clamp(3.8rem, calc(38px + (60 - 38) * var(--vw-desktop-range)), 6rem);

  font-weight: 500;

}



.page-recruit .sec-about .left p:nth-child(2) {

  margin-top: clamp(1.2rem, calc(12px + (20 - 12) * var(--vw-desktop-range)), 2rem);

}



.page-recruit .sec-about .left p:last-child {

  letter-spacing: 2.4px;

  font-size: clamp(1.8rem, calc(18px + (24 - 18) * var(--vw-desktop-range)), 2.4rem);

  line-height: clamp(2.6rem, calc(26px + (50 - 26) * var(--vw-desktop-range)), 5rem);

  margin-top: clamp(3rem, calc(30px + (50 - 30) * var(--vw-desktop-range)), 5rem);

}



.page-recruit .strength {

  max-width: 160rem;

  width: 100%;

  margin: auto;

  margin-bottom: clamp(9rem, calc(90px + (150 - 90) * var(--vw-desktop-range)), 15rem);

  padding: 0 3rem;

}



.page-recruit .strength .sub-title {

  margin-top: clamp(9rem, calc(90px + (150 - 90) * var(--vw-desktop-range)), 15rem);

}



.page-recruit .strength .cards {

  margin-top: clamp(4.5rem, calc(45px + (80 - 45) * var(--vw-desktop-range)), 8rem);

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  gap: clamp(4rem, calc(40px + (80 - 40) * var(--vw-desktop-range)), 8rem);

}



.page-recruit .strength .card {

  padding: clamp(3rem, calc(30px + (50 - 30) * var(--vw-desktop-range)), 5rem) clamp(2.4rem, calc(24px + (38 - 24) * var(--vw-desktop-range)), 3.8rem) clamp(2.4rem, calc(24px + (40 - 24) * var(--vw-desktop-range)), 4rem);

  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.15);

  border: 1px solid var(--lightgray);

  border-top: 5px solid var(--blue);

}



.page-recruit .strength .card h6 {

  font-size: clamp(2.6rem, calc(26px + (40 - 26) * var(--vw-desktop-range)), 4rem);

  line-height: clamp(3.4rem, calc(34px + (50 - 34) * var(--vw-desktop-range)), 5rem);

  font-weight: 500;

  text-align: center;

  margin: 0 0 clamp(3rem, calc(30px + (50 - 30) * var(--vw-desktop-range)), 5rem) 0;

  color: var(--blue);

}



.page-recruit .strength .card p {

  font-size: clamp(1.8rem, calc(18px + (24 - 18) * var(--vw-desktop-range)), 2.4rem);

  line-height: clamp(2.6rem, calc(26px + (50 - 26) * var(--vw-desktop-range)), 5rem);

  letter-spacing: 2.4px;

}



.page-recruit img {

  width: 100%;

  height: auto;

}



.page-recruit .sec-recruit {

  margin-bottom: clamp(12rem, calc(120px + (200 - 120) * var(--vw-desktop-range)), 20rem);

}



.page-recruit .sec-recruit p {

  text-align: center;

  margin-bottom: clamp(4.8rem, calc(48px + (80 - 48) * var(--vw-desktop-range)), 8rem);

  font-size: clamp(1.8rem, calc(18px + (24 - 18) * var(--vw-desktop-range)), 2.4rem);

  line-height: clamp(2.6rem, calc(26px + (50 - 26) * var(--vw-desktop-range)), 5rem);

  letter-spacing: 2.4px;

}



.page-recruit .sec-recruit dl {

  border-bottom: 1px solid var(--black);

  padding: clamp(2rem, calc(20px + (30 - 20) * var(--vw-desktop-range)), 3rem) clamp(2.4rem, calc(24px + (40 - 24) * var(--vw-desktop-range)), 4rem);

  font-size: clamp(1.8rem, calc(18px + (24 - 18) * var(--vw-desktop-range)), 2.4rem);

  line-height: clamp(3.4rem, calc(34px + (60 - 34) * var(--vw-desktop-range)), 6rem);

  display: flex;

  margin: auto;

}



.page-recruit .sec-recruit dl dt {

  min-width: clamp(12rem, calc(120px + (200 - 120) * var(--vw-desktop-range)), 20rem);

  margin-right: clamp(4rem, calc(40px + (95 - 40) * var(--vw-desktop-range)), 9.5rem);

}



.page-recruit .sec-recruit dl:first-of-type {

  border-top: 1px solid var(--black);

}

@media screen and (min-width: 1025px) {

  .page-recruit .sec-about {
    overflow: hidden;
  }

  .page-recruit .sec-about .left {
    width: 55%;
  }

  .page-recruit .sec-about .right {
    width: 41%;
    position: relative;
  }

  .page-recruit .sec-about .right img {
    width: 135%;
  }
}





@media screen and (max-width:1025px) {



  .page-recruit .sec-about {

    padding: 0 clamp(1.6rem, calc(16px + (30 - 16) * var(--vw390)), 3rem);

    margin: clamp(3rem, calc(30px + (50 - 30) * var(--vw390)), 5rem) 0 clamp(6rem, calc(60px + (90 - 60) * var(--vw390)), 9rem) 0;

  }



  .page-recruit .sec-about .flex {

    flex-direction: column-reverse;

    gap: clamp(2.4rem, calc(24px + (32 - 24) * var(--vw390)), 3.2rem);

  }



  .page-recruit .sec-about .left {

    max-width: 100%;

    font-size: clamp(1.5rem, calc(15px + (16 - 15) * var(--vw390)), 1.6rem);

    line-height: clamp(2.2rem, calc(22px + (26 - 22) * var(--vw390)), 2.6rem);

  }

  .page-recruit .sec-about .left p:nth-child(1) .blue_tytle,

  .page-recruit .sec-about .left p:nth-child(2) .blue_tytle {

    font-size: clamp(2.6rem, calc(26px + (40 - 26) * var(--vw-desktop-range)), 4rem);


  }



  .page-recruit .strength {

    padding: 0 clamp(1.6rem, calc(16px + (30 - 16) * var(--vw390)), 3rem);

    margin-bottom: clamp(7rem, calc(70px + (100 - 70) * var(--vw390)), 10rem);

  }



  .page-recruit .strength .cards {

    grid-template-columns: 1fr;

    gap: clamp(2.4rem, calc(24px + (32 - 24) * var(--vw390)), 3.2rem);

    margin-top: clamp(3rem, calc(30px + (40 - 30) * var(--vw390)), 4rem);

  }



  .page-recruit .strength .card {

    padding: clamp(2rem, calc(20px + (28 - 20) * var(--vw390)), 2.8rem) clamp(1.6rem, calc(16px + (24 - 16) * var(--vw390)), 2.4rem) clamp(1.8rem, calc(18px + (24 - 18) * var(--vw390)), 2.4rem);

  }



  .page-recruit .strength .card h6 {

    font-size: clamp(1.8rem, calc(18px + (20 - 18) * var(--vw390)), 2rem);

    line-height: clamp(2.4rem, calc(24px + (28 - 24) * var(--vw390)), 2.8rem);

    margin-bottom: clamp(2rem, calc(20px + (28 - 20) * var(--vw390)), 2.8rem);

  }



  .page-recruit .strength .card p {

    font-size: clamp(1.5rem, calc(15px + (16 - 15) * var(--vw390)), 1.6rem);

    line-height: clamp(2.2rem, calc(22px + (26 - 22) * var(--vw390)), 2.6rem);

  }



  .page-recruit .sec-recruit {

    margin-bottom: clamp(8rem, calc(80px + (120 - 80) * var(--vw390)), 12rem);

    /* padding:0 clamp(1.6rem, calc(16px + (30 - 16) * var(--vw390)), 3rem); */

  }



  .page-recruit .sec-recruit p {

    font-size: clamp(1.5rem, calc(15px + (16 - 15) * var(--vw390)), 1.6rem);

    line-height: clamp(2.2rem, calc(22px + (26 - 22) * var(--vw390)), 2.6rem);

    margin-bottom: clamp(3rem, calc(30px + (40 - 30) * var(--vw390)), 4rem);

  }



  .page-recruit .sec-recruit .flex {

    flex-direction: column-reverse;

  }



  .page-recruit .sec-recruit div:has(dl) dl {

    flex-direction: column;

    padding: clamp(1.2rem, calc(12px + (18 - 12) * var(--vw390)), 1.8rem);

    font-size: clamp(1.5rem, calc(15px + (16 - 15) * var(--vw390)), 1.6rem);

    line-height: clamp(2.2rem, calc(22px + (26 - 22) * var(--vw390)), 2.6rem);

  }



  .page-recruit .sec-recruit div:has(dl) dl dt {

    width: 100%;

    min-width: auto;

    margin-right: 0;

    margin-bottom: clamp(0.4rem, calc(4px + (8 - 4) * var(--vw390)), 0.8rem);

  }



}