.p_mechanical01__item .item_ttl,
.p_mechanical01__item .item_txt {
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .p_mechanical01__item .item_ttl,
  .p_mechanical01__item .item_txt {
    font-size: 2rem;
  }
}

.p_mechanical__tag, .p_mechanical02__item .item_ttl, .p_mechanical05__btn .c_btn01 {
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .p_mechanical__tag, .p_mechanical02__item .item_ttl, .p_mechanical05__btn .c_btn01 {
    font-size: 2.4rem;
  }
}

.c_mv01__ttl {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  padding: 5px 10px;
}
@media screen and (min-width: 768px) {
  .c_mv01__ttl {
    padding: 15px 20px 20px;
    font-size: 4rem;
  }
}
.c_mv01__img {
  position: relative;
}
.c_mv01__img img {
  min-height: 320px;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .c_mv01__img img {
    min-height: 480px;
  }
}
.c_mv01 .c_btn {
  position: relative;
  top: -36px;
}
@media screen and (min-width: 768px) {
  .c_mv01 .c_btn {
    top: -50px;
  }
}
.c_mv01 .c_btn .c_btn01 {
  padding-left: 15px;
}
@media screen and (min-width: 768px) {
  .c_mv01 .c_btn .c_btn01 {
    padding-left: 0;
  }
}

.c_recruit {
  display: none;
}

.p_mechanical {
  --mechanical-bg: #e5eef2;
  --mechanical-bg-btn: #005981;
  padding-bottom: 60px;
  border-bottom: 1px solid #efefef;
}
@media screen and (min-width: 768px) {
  .p_mechanical {
    padding-bottom: 100px;
  }
}
.p_mechanical .p_mechanical02__content {
  background-color: var(--mechanical-bg);
}
@media screen and (min-width: 768px) {
  .p_mechanical .p_mechanical02__content {
    background-color: unset;
  }
}
.p_mechanical.p_electrical {
  --mechanical-bg: #fef8f0;
  --mechanical-bg-btn: #e89f2f;
}
@media screen and (min-width: 768px) {
  .p_mechanical.p_electrical .p_mechanical01 {
    padding-top: 19px;
  }
}
@media screen and (min-width: 768px) {
  .p_mechanical.p_electrical .p_mechanical04__txt {
    padding-top: 55px;
  }
}
@media screen and (min-width: 768px) {
  .p_mechanical.p_electrical .p_mechanical05__btn {
    margin-top: clamp(
        6rem,
        9.375vw + -1.2rem,
        13.8rem
    );
  }
}
.p_mechanical.p_electrical .p_mechanical02__content {
  background-color: var(--mechanical-bg);
}
@media screen and (min-width: 768px) {
  .p_mechanical.p_electrical .p_mechanical02__content {
    background-color: unset;
  }
}
.p_mechanical.p_architecture {
  --mechanical-bg: #e7f1ef;
  --mechanical-bg-btn: #137762;
}
@media screen and (min-width: 768px) {
  .p_mechanical.p_architecture .p_mechanical01 {
    padding-top: 18px;
  }
}
@media screen and (min-width: 768px) {
  .p_mechanical.p_architecture .p_mechanical04__txt {
    padding-bottom: 63px;
  }
}
@media screen and (min-width: 768px) {
  .p_mechanical.p_architecture .p_mechanical05__btn {
    margin-top: 80px;
  }
}
.p_mechanical.p_architecture .p_mechanical02__content {
  background-color: var(--mechanical-bg);
}
@media screen and (min-width: 768px) {
  .p_mechanical.p_architecture .p_mechanical02__content {
    background-color: unset;
  }
}
.p_mechanical.p_architecture .c_employee__item__desc {
  display: block;
  overflow: unset;
}
.p_mechanical .c_mv01__ttl {
  background-color: var(--mechanical-bg-btn);
  color: #fff;
}
.p_mechanical__tag {
  font-weight: 500;
  padding: 5px 20px;
  background-color: var(--mechanical-bg-btn);
  color: #fff;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p_mechanical__tag {
    padding: 7px 40px 5px;
  }
}
.p_mechanical__list {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_mechanical__list {
    padding-top: 60px;
  }
}
.p_mechanical__list .list_item {
  font-weight: 500;
  line-height: 1.5;
  padding-left: 10px;
  position: relative;
}
.p_mechanical__list .list_item + .list_item {
  margin-top: 20px;
}
.p_mechanical__list .list_item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #2a2e45;
}
@media screen and (min-width: 768px) {
  .p_mechanical__list .list_item::after {
    top: 11px;
  }
}
.p_mechanical01 {
  padding: 21px 0 60px;
}
@media screen and (min-width: 768px) {
  .p_mechanical01 {
    padding: 21px 0 98px;
  }
}
.p_mechanical01__content {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_mechanical01__content {
    margin-top: 60px;
  }
}
.p_mechanical01__inner {
  padding: 40px 20px;
  background-color: var(--mechanical-bg);
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p_mechanical01__inner {
    padding: 40px clamp(
        3rem,
        3.6057692308vw + 0.2307692308rem,
        6rem
    );
  }
}
.p_mechanical01__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p_mechanical01__item + .p_mechanical01__item {
  margin-top: 8px;
}
.p_mechanical01__item .item_ttl,
.p_mechanical01__item .item_txt {
  background-color: #fff;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.6;
  padding: 10px 20px;
  text-align: center;
  position: relative;
}
.p_mechanical01__item .item_ttl::before,
.p_mechanical01__item .item_txt::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 5px;
  top: 50%;
  background-color: #dfdfdf;
}
.p_mechanical01__item .item_ttl {
  width: 230px;
}
@media screen and (min-width: 768px) {
  .p_mechanical01__item .item_ttl {
    width: clamp(
        28rem,
        9.6153846154vw + 20.6153846154rem,
        36rem
    );
  }
}
.p_mechanical01__item .item_ttl::before {
  left: 100%;
  width: 20px;
}
@media screen and (min-width: 768px) {
  .p_mechanical01__item .item_ttl::before {
    width: 35px;
  }
}
.p_mechanical01__item .item_content {
  position: relative;
}
.p_mechanical01__item .item_content::before {
  content: "";
  position: absolute;
  height: calc(100% - 41px);
  left: -32px;
  top: calc(50.5% + 2px);
  transform: translateY(-50%);
  width: 5px;
  background-color: #dfdfdf;
}
@media screen and (min-width: 768px) {
  .p_mechanical01__item .item_content::before {
    left: -35px;
    height: calc(100% - 47px);
    top: calc(50.5% + 2px);
  }
}
.p_mechanical01__item .item_txt {
  width: 370px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_mechanical01__item .item_txt {
    width: clamp(
        44rem,
        4.8076923077vw + 40.3076923077rem,
        48rem
    );
  }
}
.p_mechanical01__item .item_txt + .item_txt {
  margin-top: 8px;
}
.p_mechanical01__item .item_txt::before {
  right: 100%;
}
.p_mechanical02__inner {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_mechanical02__inner {
    margin-top: 60px;
  }
}
.p_mechanical02__inner + .p_mechanical02__inner {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_mechanical02__inner + .p_mechanical02__inner {
    margin-top: 54px;
  }
}
.p_mechanical02__content {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
  padding: 34px 20px 20px;
}
@media screen and (min-width: 768px) {
  .p_mechanical02__content {
    grid-template-columns: 1fr 1fr;
    gap: 30px 40px;
    padding: 0;
  }
}
.p_mechanical02__item .item_ttl {
  font-weight: 700;
  padding-bottom: 9px;
}
.p_mechanical02__item .item_txt {
  font-weight: 500;
}
.p_mechanical03 {
  margin: 60px 0;
}
@media screen and (min-width: 768px) {
  .p_mechanical03 {
    margin: 97px 0 100px;
  }
}
.p_mechanical04 {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .p_mechanical04 {
    margin-bottom: 96px;
  }
}
.p_mechanical04__txt {
  padding: 40px 0;
}
@media screen and (min-width: 768px) {
  .p_mechanical04__txt {
    padding: 56px 0;
  }
}
.p_mechanical04__img img {
  width: 840px;
}
@media screen and (min-width: 768px) {
  .p_mechanical04__img img {
    width: 100%;
  }
}
.p_mechanical04__txt {
  font-weight: 500;
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p_mechanical04__txt {
    padding-top: 56px;
  }
}
.p_mechanical04__sub {
  padding-top: 20px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .p_mechanical04__sub {
    padding-top: 29px;
  }
}
.p_mechanical05 .c_employee {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_mechanical05 .c_employee {
    margin-top: 75px;
    padding-left: clamp(
        0rem,
        2.9513888889vw + -3.0222222222rem,
        1.7rem
    );
  }
}
.p_mechanical05 .c_employee__item {
  max-width: clamp(
        15.7rem,
        26.2755102041vw + 5.8466836735rem,
        26rem
    );
}
.p_mechanical05__btn {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_mechanical05__btn {
    margin-top: 88px;
  }
}
.p_mechanical05__btn .c_btn01 {
  max-width: 100%;
  font-weight: 700;
  background-color: var(--mechanical-bg-btn);
  border: 2px solid var(--mechanical-bg-btn);
}
@media screen and (min-width: 768px) {
  .p_mechanical05__btn .c_btn01 {
    min-height: clamp(
        8rem,
        19.4711538462vw + -11.9384615385rem,
        16.1rem
    );
  }
}
@media screen and (min-width: 768px) {
  .p_mechanical05__btn .c_btn01:hover {
    color: var(--mechanical-bg-btn);
  }
  .p_mechanical05__btn .c_btn01:hover .icon::after {
    background-color: var(--mechanical-bg-btn);
  }
}

@media screen and (min-width: 768px) {
  .footer {
    padding: 68px 0 0;
  }
}
/*# sourceMappingURL=carrer-mechanical.css.map */