.job-list {
  display: flex;
  flex-direction: column;
  gap: 80px;
  margin: 80px 200px 150px;
}

.job-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.job-text {
  flex: 1;
}

.job-text h2 {
  font-size: clamp(20px, 3vw, 28px);
  margin-bottom: 20px;
}

.job-text p {
  font-size: clamp(16px, 2vw, 18px);
  line-height: 2;
}

.job-image {
  flex: 0 0 300px;
}

.job-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px; 
}

.culture-last {
  font-size: clamp(16px, 2vw, 20px);
  text-align: center;
  margin: 10px 200px 190px;
  line-height: 1.5;
  font-weight: bold;
}

@media screen and (max-width: 1200px) {
  .culture-last {
    margin: 60px 30px 100px 30px;
}
.job-image img {
  width: 90%;
  margin: 0 auto;
}
.job-text p {
margin: 0 20px;
}
}

@media screen and (max-width: 1200px) {
        .job-list {
    margin: 40px 10px;
  }

}
  @media screen and (max-width: 768px) {
      .job-list {
    margin: 40px 10px;
    gap: 60px;
  }

  .job-item,
  .job-item.reverse {
    flex-direction: column;
  }

  .job-item.reverse .job-image {
    order: 2; /* 画像を後に表示 */
  }
   .job-item.reverse .job-text {
    order: 1; /* テキストを先に表示 */
  }

  .job-image {
    flex: none;
    width: 100%;
  }

  .job-image img {
    max-width: 100%;
  }

}