/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.p_works01 {
  padding: 60px 0;
}
@media screen and (min-width: 768px) {
  .p_works01 {
    padding: 86px 0 98px 0;
  }
}
.p_works01 .c_title {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p_works01 .c_title {
    margin-bottom: clamp(
      1.25rem,
      2.1484375vw + 0.21875rem,
      1.9375rem
  );
  }
}
.p_works01 .c_ttl01 {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .p_works01 .c_ttl01 {
    margin-bottom: clamp(
      0.9375rem,
      0.390625vw + 0.75rem,
      1.0625rem
  );
  }
}
.p_works01__container {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p_works01__container {
    max-width: 1400px;
  }
}
.p_works01__inner {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  .p_works01__inner {
    display: flex;
    max-width: clamp(
      80rem,
      50vw + 40.03125rem,
      83.75rem
  );
    padding-left: 40px;
    padding-right: 0;
    margin-left: auto;
  }
}
.p_works01__content {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p_works01__content {
    margin-bottom: 0;
    width: calc(100% - clamp(
      20rem,
      69.6202531646vw + -13.417721519rem,
      47.5rem
  ));
    padding-right: clamp(
      1.875rem,
      8.7025316456vw + -2.3022151899rem,
      5.3125rem
  );
  }
}
@media screen and (min-width: 768px) {
  .p_works01__img {
    margin-top: 8px;
    width: clamp(
      20rem,
      69.6202531646vw + -13.417721519rem,
      47.5rem
  );
  }
}
.p_works02 {
  background-color: #F2F4FA;
  padding: 60px 0;
}
@media screen and (min-width: 768px) {
  .p_works02 {
    padding: clamp(
      5rem,
      3.3203125vw + 3.40625rem,
      6.0625rem
  ) 0 clamp(
      6.25rem,
      2.5390625vw + 5.03125rem,
      7.0625rem
  ) 0;
  }
}
.p_works02 .c_box::after {
  background-color: #fff;
}
.p_works02 .c_listpost {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_works02 .c_listpost {
    margin-top: 69px;
  }
}
.p_works02 .c_ticker {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .p_works02 .c_ticker {
    margin-top: 50px;
  }
}
.p_works03 {
  padding: 60px 0;
}
@media screen and (min-width: 768px) {
  .p_works03 {
    padding: clamp(
      5rem,
      1.3671875vw + 4.34375rem,
      5.4375rem
  ) 0 clamp(
      6.25rem,
      9.5703125vw + 1.65625rem,
      9.3125rem
  ) 0;
  }
}
.p_works03 .c_listpost {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_works03 .c_listpost {
    margin-top: 50px;
  }
}
.p_works03 .c_ticker {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .p_works03 .c_ticker {
    margin-top: 50px;
  }
}
.p_works04 {
  background-color: #F2F4FA;
  padding: 60px 0;
}
@media screen and (min-width: 768px) {
  .p_works04 {
    padding: clamp(
      5rem,
      3.3203125vw + 3.40625rem,
      6.0625rem
  ) 0 80px 0;
  }
}
.p_works04 .c_box::after {
  background-color: #fff;
}
.p_works04 .c_listpost {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_works04 .c_listpost {
    margin-top: clamp(
      3.125rem,
      3.3203125vw + 1.53125rem,
      4.1875rem
  );
  }
}
.p_works04 .c_ticker {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .p_works04 .c_ticker {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) {
  .p_works04 .c_box {
    padding-bottom: clamp(
      3.75rem,
      4.296875vw + 1.6875rem,
      5.125rem
  );
  }
}
@media screen and (min-width: 768px) {
  .p_works04 .c_box__content .c_ttl01_dot {
    margin-left: 5px;
    padding-left: 35px;
  }
}
.p_works05 {
  padding: 60px 0;
}
@media screen and (min-width: 768px) {
  .p_works05 {
    padding: clamp(
      5rem,
      5.078125vw + 2.5625rem,
      6.625rem
  ) 0 clamp(
      6.25rem,
      10.7421875vw + 1.09375rem,
      9.6875rem
  ) 0;
  }
}
.p_works05 .c_title {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .p_works05 .c_title {
    margin-bottom: 50px;
  }
}
.p_works05__inner {
  width: 100%;
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (min-width: 768px) {
  .p_works05__inner {
    padding: 0 40px;
  }
}
.p_works .c_recruit01 {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .p_works .c_recruit01 {
    margin-top: 33px;
  }
}
/*# sourceMappingURL=works.css.map */