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


/* requirements
==========================================================*/
.p-search-filter__title::before{
	right:40px;
}
.pg-requirements-result__list-item-table tr th{
	width: 165px;
}
.p-search-filter{
	padding: 20px 45px 20px;
}
.p-search-filter__table{
	width: calc(100% - 180px);
	margin-right:0;
}
.p-search-filter__tableDesc{
	padding-bottom: 10px;
}
.p-search-filter__tableTerm{
	width: 165px;
	padding: 0 30px 10px 0;
	font-size: 16px;
}
.p-search-filter__table .search-filter-field__input{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0 20px;
}
.search-filter-input-radio__label{
	padding:0 0 0 3px;
	font-size: 16px;
}
.pg-session-contents__tab-title {
	width: auto;
	margin: 0 auto;
}
@media screen and (max-width:1000px){
	.p-search-filter{
		width: auto;
		padding: 30px 20px 20px;
	}
	.p-search-filter__table{
		width: 100%;
	}
	.p-search-filter__tableTerm{
		width: 180px;
		padding: 0 20px 10px 0;
	}
}
@media screen and (max-width:768px){
	.p-search-filter__title::before{
		right:0px;
	}
	.pg-requirements-result__list-item-table tr th{
		width: 100px;
	}
	.search-filter-input-checkbox__label{
		font-size: clamp(0.875rem, 1rem + 0vw, 1rem);
	}
	.p-search-filter__tableTerm{
		float: left;
		width: 100%;
	}
	.p-search-filter__tableDesc{
		float: left;
		width: 100%;
		padding-bottom: 20px;
	}
}


/* 求人検索 職種グループ表示調整
================================================ */

/* 左列の幅 */
.p-search-filter__tableRow--job {
  --job-label-width: 160px;
  --job-column-gap: 20px;
}

/* 職種行全体 */
.p-search-filter__tableRow--job > td {
  padding: 0;
  width: 100%;
}

.p-search-filter__tableRow--job .p-search-filter__input,
.p-search-filter__tableRow--job .search-filter-field--id-6 {
  width: 100%;
}

/* 職種フィールド全体 */
.p-search-filter__tableRow--job
.search-filter-field--id-6 > .search-filter-input-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

/* 交通事業・不動産事業・コーポレート部門を2列に */
.p-search-filter__tableRow--job
.search-filter-field--id-6 > .search-filter-input-group
> .search-filter-input-radio[data-option-value^="base_"] {
  display: grid;
  grid-template-columns: var(--job-label-width) minmax(0, 1fr);
  column-gap: var(--job-column-gap);
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0 0 8px;
}

/* 親カテゴリーのラジオボタンを非表示 */
.p-search-filter__tableRow--job
.search-filter-field--id-6 > .search-filter-input-group
> .search-filter-input-radio[data-option-value^="base_"]
> input[type="radio"] {
  display: none !important;
}

/* 親カテゴリー名を見出しとして表示 */
.p-search-filter__tableRow--job
.search-filter-field--id-6 > .search-filter-input-group
> .search-filter-input-radio[data-option-value^="base_"]
> .search-filter-input-radio__container {
  display: flex;
  grid-column: 1;
  grid-row: 1;
  align-items: center;
  margin: 0;
  font-weight: 700;
  cursor: default;
  pointer-events: none;
}
.p-search-filter__tableRow--job
.search-filter-field--id-6 > .search-filter-input-group
> .search-filter-input-radio[data-option-value^="base_"]
> .search-filter-input-radio__container .search-filter-input-radio__label{
	padding:0;
}

/* 親カテゴリー名のラジオアイコンを非表示 */
.p-search-filter__tableRow--job
.search-filter-field--id-6 > .search-filter-input-group
> .search-filter-input-radio[data-option-value^="base_"]
> .search-filter-input-radio__container
> .search-filter-input-radio__control {
  display: none;
}

/* 子カテゴリー（各職種）を横並びに */
.p-search-filter__tableRow--job
.search-filter-field--id-6 > .search-filter-input-group
> .search-filter-input-radio[data-option-value^="base_"]
> .search-filter-input-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  grid-column: 2;
  grid-row: 1;
  align-items: center;
  gap: 12px 20px;
  min-width: 0;
  margin: 0;
  padding: 0;
}

/* 子カテゴリーの幅を自動調整 */
.p-search-filter__tableRow--job
.search-filter-field--id-6 > .search-filter-input-group
> .search-filter-input-radio[data-option-value^="base_"]
> .search-filter-input-group
> .search-filter-input-radio {
  flex: 0 0 auto;
  width: auto;
  margin: 0;
}

/* 「すべて」の選択肢を職種の下に表示 */
.p-search-filter__tableRow--job
.search-filter-field--id-6 > .search-filter-input-group
> .search-filter-input-radio:not([data-option-value^="base_"]) {
  order: 10;
  align-self: flex-start;
  margin-left: calc(var(--job-label-width) + var(--job-column-gap));
  padding: 8px 0;
}


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

  .p-search-filter__tableRow--job
  .search-filter-field--id-6 > .search-filter-input-group
  > .search-filter-input-radio[data-option-value^="base_"] {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
    padding: 0 0 20px;
  }

  /* 親カテゴリー名 */
  .p-search-filter__tableRow--job
  .search-filter-field--id-6 > .search-filter-input-group
  > .search-filter-input-radio[data-option-value^="base_"]
  > .search-filter-input-radio__container {
    grid-column: 1;
    grid-row: auto;
    padding-left: 0;
  }

  /* 子カテゴリー */
  .p-search-filter__tableRow--job
  .search-filter-field--id-6 > .search-filter-input-group
  > .search-filter-input-radio[data-option-value^="base_"]
  > .search-filter-input-group {
    grid-column: 1;
    grid-row: auto;
    gap: 12px 16px;
  }

  /* すべて */
  .p-search-filter__tableRow--job
  .search-filter-field--id-6 > .search-filter-input-group
  > .search-filter-input-radio:not([data-option-value^="base_"]) {
    margin-left: 0;
  }

}
