@charset "utf-8";

/*
   あなたに合いそうな飲食・接客の仕事は？（/career/change-to-restaurant/）
   共通部分は quit-check.css を使い、ここには結果の中身だけを書く。
   箱を重ねると読みにくくなるため、背景は敷かず罫線で区切る。
*/

/* 主な仕事内容 */
.jt-block {
  margin: 22px 0;
}
.jt-block-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: var(--lp-navy-2, #050b4e);
  margin: 0 0 10px;
}
.jt-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.jt-list li {
  position: relative;
  padding-left: 18px;
  font-size: 14.5px;
  line-height: 2;
  color: #444;
}
.jt-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 13px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--lp-orange-2, #ff6a00);
}

/* 活かせる経験と、求人で確認したい条件 */
.jt-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 32px;
  margin: 22px 0 12px;
  padding: 18px 0;
  border-top: 1px solid #e7ebf5;
  border-bottom: 1px solid #e7ebf5;
}
.jt-col-title {
  font-size: 12.5px;
  font-weight: 700;
  color: #6b7285;
  margin: 0 0 6px;
}
.jt-col-text {
  font-size: 14.5px;
  line-height: 1.85;
  font-weight: 700;
  color: var(--lp-navy-2, #050b4e);
  margin: 0;
}


/* 適性を判定するものではないことを伝える但し書き */
.jt-disclaimer {
  margin: 20px 0 0;
  font-size: 12.5px;
  line-height: 1.9;
  color: #6b7285;
}

@media screen and (max-width: 767px) {
  .jt-cols {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .jt-list li {
    font-size: 14px;
  }
  .jt-col-text {
    font-size: 14px;
  }
}