@charset "UTF-8";
/* CSS Document */

.diversity_box>div>p {
  margin: 0 0 30px;
}

.diversity_box>div>div {
  display: flex;
  flex-flow: column;
  gap: 50px;
}

.diversity_box>div>div>section {
  background: #F1F1F1;
  padding: 50px;
}

.diversity_box>div>div>section>h3 {
  color: #B10F41;
  padding: 0;
  margin: 0 0 30px;
}

.diversity_box>div>div>section>h3::before {
  display: none;
}

.diversity_box>div>div>section>h4 {
  width: fit-content;
  color: #fff;
  background: #B10F41;
  padding: 0 10px 0 0;
  margin: 0 0 30px;
}

.diversity_box>div>div>section img {
  max-width: 350px;
  display: block;
  margin: 0 auto;
}

.diversity_box>div>div>section .g_r_img {
  display: grid;
  grid-template-columns: 1fr 350px;
  gap: 30px;
  margin: 0 0 40px;
}

.diversity_box>div>div>section .g_p {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 30px;
}

.diversity_box>div>div>section .g_p img {
  max-width: 150px;
}

.diversity_box>div>div>section:nth-of-type(2)>p {
  margin: 0 0 40px;
}

.diversity_box>div>div>section:nth-of-type(2)>ul {
  display: flex;
  flex-flow: column;
  gap: 40px;
  margin: 0 0 40px;
}

.diversity_box>div>div>section:nth-of-type(2)>ul>li {
  display: grid;
  grid-template-columns: 350px 1fr;
  gap: 10px 30px;
}

.diversity_box>div>div>section:nth-of-type(2)>ul>li h4 {
  font-size: 1.2rem;
  margin: 0 0 10px;
}

.diversity_box>div>div>section:nth-of-type(3) .g_r_img {
  margin: 0;
}

.environment_box>div>ul>li:nth-of-type(1) {
  background: url(/recruit/2026/assets/images/common/environment_box_welfare.jpg) no-repeat top center / cover;
}

.environment_box>div>ul>li:nth-of-type(2) {
  background: url(/recruit/2026/assets/images/common/environment_box_conversation.jpg) no-repeat top center / cover;
}

@media (max-width: 1024px) {

  .diversity_box>div>div>section {
    padding: 30px 20px;
  }

  .diversity_box>div>div>section .g_r_img,
  .diversity_box>div>div>section .g_p {
    grid-template-columns: 1fr;
  }

  .diversity_box>div>div>section:nth-of-type(2)>ul>li {
    grid-template-columns: 1fr;
  }

  .diversity_box>div>div>section:nth-of-type(2)>ul>li>div:nth-of-type(1) {
    order: 2;
  }

}

@media (max-width: 768px) {}