/*
 Theme Name:   Pinovista Child
 Template:     pinovista
 Version:      1.0.0
 Description:  Pinovista の子テーマ
 Author:       Pinovista
*/

/* 会社情報：イントロと次セクションの間隔を詰める */
.page-company .companyIntro { margin-bottom: -300px !important; }
.page-company .companyIntro + .company { margin-top: 0 !important; }

/* 必要なら内側パディングもオフ */
.page-company .companyIntro .container { padding-bottom: 0 !important; }
.page-company .company .container { padding-top: 0 !important; }

.jobs .dlTable {
  display: grid;
  grid-template-columns: 150px 1fr; /* 左:項目 / 右:内容 */
  gap: 8px 16px;
  align-items: start;
}

.jobs .dlTable dt {
  font-weight: bold;
  margin: 0;
}

.jobs .dlTable dd {
  margin: 0;
}

/* ========== 採用情報：項目と本文を横並び ========== */
.page-careers .jobMeta {
  display: grid !important;
  grid-template-columns: 100px 1fr !important;
  gap: 4px 8px !important;
  align-items: start !important;
  margin: 8px 0 !important;
}

.page-careers .jobMeta dt,
.page-careers .jobMeta dd {
  margin: 0 !important;
  padding: 4px 0 !important;
}

.page-careers .jobMeta dt {
  font-weight: 700 !important;
  color: #333 !important;
}

@media (max-width: 768px) {
  .page-careers .jobMeta {
    grid-template-columns: 1fr !important;
  }
}

/* 求人情報あり時の応募ボタンも丸く統一 */
.page-careers .jobCard__cta .btn {
  border-radius: 9999px !important; /* pill 形状を強制 */
  display: inline-block;
  padding: 26px 100px; /* 必要なら揃える */
}