@charset "utf-8";

.container {
  padding-inline: 2rem;
}

.m-section-nav__wrapper li:nth-child(1) {
  width: 27.16%;
}

.m-section-nav__wrapper li:nth-child(2) {
  width: 27.16%;
}

.m-section-nav__wrapper li:nth-child(3) {
  width: 40.16%;
}

.m-about {
  padding-block: 10rem;
}

.m-column-hdg {
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
  padding-block: 1rem 5rem;
}

@media screen and (max-width: 767px) {
  .m-section-nav__wrapper li:nth-child(1), .m-section-nav__wrapper li:nth-child(2), .m-section-nav__wrapper li:nth-child(3) {
    width: 100%;
  }

  .m-column-hdg {
    font-size: 2rem;
    padding-block: 3rem;
  }

  .m-about {
    padding-block: 6rem;
  }
}

/* 各種研修制度 */
.m-various {
  background-image: url(../img/bg_training.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 12.5rem 2rem 13.5rem;
}

.m-various-hdg {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 2;
  text-align: center;
}

.m-various-txt__wrap {
  display: grid;
  gap: 2rem;
  margin-top: 5rem;
}

.m-various-txt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .m-various {
    padding-block: 8.5rem 9.5rem;
  }
}

/* 新入社員向け研修 役割・職種・キャリアに応じた研修/制度  */
.m-training--newgraduates {
  border-bottom: 0.1rem solid #f2f2f2;
  padding-block: 10rem 6rem;
}

.m-training--by-role {
  padding-block: 6rem 10rem;
}

.m-training-sub-hdg {
  background-color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
  padding: 1.3rem 2rem;
  width: fit-content;
}

.m-training-list {
  display: grid;
  gap: 6rem;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 2.8rem;
}

.m-training-list__info {
  background-color: var(--color-white);
  margin-left: 0.1rem;
  padding: 2.5rem 2rem 2.425rem;
}

.m-training-list__item-hdg {
  color: var(--color-black);
  font-size: 2rem;
  font-weight: 700;
}

.m-training-list__item-period {
  border: 0.1rem solid var(--color-black);
  border-radius: 0.4rem;
  color: var(--color-black);
  font-size: 1.4rem;
  font-weight: 700;
  margin-top: 2rem;
  padding: 0.6rem 1rem;
  width: fit-content;
}

.m-training-list__item-txt {
  color: var(--color-black);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  line-height: 1.8;
  margin-top: 2.2rem;
}

@media screen and (max-width: 1024px) {
  .m-training-list {
    gap: 3rem;
  }
}

@media screen and (max-width: 850px) {
  .m-training-list {
    gap: 2rem;
  }

  .m-training-list__info {
    padding-inline: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .m-training--newgraduates {
    padding-block: 8rem 6rem;
  }

  .m-training--by-role {
    padding-block: 6rem 8rem;
  }

  .m-training-list {
    gap: 3rem;
    grid-template-columns: 1fr;
    margin-top: 4rem;
  }

  .m-training-sub-hdg {
    font-size: 2.4rem;
  }

  .m-training-list__info {
    padding-inline: 2rem;
  }
}