@charset "UTF-8";

/* =========================================================
   フッター PC
   ========================================================= */
@media screen and (min-width: 768px) {

  /* 左：主催・共催・運営 / 右：お問合せ */
  .footer_info_item_group {
    display: grid;
    grid-template-columns: 45fr 55fr;
    column-gap: 60px;
    padding-right: 0;
  }

  /* 主催・共催・運営を左列へ */
  .footer_info_item:nth-child(1),
  .footer_info_item:nth-child(2),
  .footer_info_item:nth-child(3) {
    grid-column: 1;
  }

  /* お問合せを右列へ
     主催と同じ高さから開始 */
  .footer_info_item:nth-child(4) {
    grid-column: 2;
    grid-row: 1 / 4;
    align-self: start;
    align-items: flex-start;
  }

  /* 元の余白を解除 */
  .footer_info_item:not(:last-child) {
    padding-right: 0;
  }


  /* -----------------------------------------
     お問合せ
     ----------------------------------------- */

  /* 「お問合せ」を1行にする */
  .footer_info_item:nth-child(4) > dt {
    width: auto;
    margin: 0.14em 1em 0 0;
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 1.57;
  }

  /* 元々入っている margin-top: 6px を解除
     TELを「北九州市」と同じ高さにする */
  .footer_info_item:nth-child(4) .detail_item_group {
    margin-top: 0;
  }

  /* TEL・受付時間・メール */
  .footer_info_item:nth-child(4) .detail_item {
    font-size: 1.6rem;
    line-height: 1.57;
    white-space: nowrap;
  }

  .footer_info_item:nth-child(4) .detail_item p {
    margin: 0;
  }

  /* 右側が不必要に縮まないようにする */
  .footer_info_item:nth-child(4) > dd {
    min-width: 0;
  }
}


/* =========================================================
   フッター スマートフォン
   ========================================================= */
@media screen and (max-width: 767px) {

  /* 「お問合せ」の4文字を改行させない */
  .footer_info_item:nth-child(4) > dt {
    width: auto;
    white-space: nowrap;
  }
}


.top_schedule_pr_label {
  color: #888888;
  white-space: nowrap;
  font-size: 12px;

  width: 42px;
  flex-shrink: 0;
}




/* PC・共通 */
.checkbox-options {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
  padding: 0 24px;
}

/* プラグインによって生成される各選択肢 */
.checkbox-options label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  white-space: nowrap;
  cursor: pointer;
  line-height: 1.5;
}

/* チェックボックスの大きさを統一 */
.checkbox-options input[type="checkbox"] {
  appearance: auto;
  -webkit-appearance: checkbox;

  display: inline-block;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;

  margin: 0;
  padding: 0;
  border-radius: 2px;
  vertical-align: middle;
  cursor: pointer;
}

/* スマートフォン */
@media screen and (max-width: 767px) {
  .checkbox-options {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
  }

  .checkbox-options input[type="checkbox"] {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
  }
}


/* 雇用形態を1行表示 */
.select_item > dt {
    white-space: nowrap;
}