.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1900;
  display: none;
}
.modal {
  display: none;
  overflow: auto;
  z-index: 1901;
  position: absolute;
  top: 0;
  left: 0;
  color: #333 !important;
}
/* --------------------------------
   モーダルウィンドウ内デザイン・アイテム（※フォーム選択肢）
-------------------------------- */
.detailItemWrap div.detailItemSec {
	width: 268px;
	padding: 6px;
	background: #8ba2c1;
	-webkit-box-shadow: 9px 9px 0px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    9px 9px 0px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         9px 9px 0px 0px rgba(0, 0, 0, 0.15);
  line-height: 1.75;
}
#side .detailItemSecWide,
.detailItemWrap #quick-selectItems.detailItemSecWide,
.detailItemWrap div.detailItemSec.detailItemSecWide,
.detailItemWrap div.detailItemSec.detailItemSecWide04,
.pid10039 .detailItemWrap div.detailItemSec,
.pid10040 .detailItemWrap div.detailItemSec {
	width: 800px;
}
#subjectSearch .detailItemWrap div.detailItemSec {
  width: 548px;
}
.detailItemWrap div.detailItemSec.detailItemSecWide02{
	width: 450px;
}/*-- 2014.04.03 追加（TOP 仕事内容を選ぶ→HTML class名も） --*/
.detailItemWrap div.detailItemSec.detailItemSecWide03{
	width: 450px;
}
/*-- 2017.11.21 追加（Top簡易検索 都道府県） --*/
.detailItemInner {
	position: relative;
	padding: 15px 10px;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.detailItemInner h4 {
	margin-bottom: 0.5em;
	font-size: 133.33%;
	width: 100%;
}
.detailItemInner h5 label{
	display: block;
	margin-bottom: 0.3em;
	padding: 5px 10px;
	background: #d6dfeb;
	font-size: 116.67%;
}
.detailItemInner h5 span{
	display: block;
	margin-bottom: 0.3em;
	padding: 0.18em 13px;
	background: #d6dfeb;
	font-size: 116.67%;
}
.detailItemInner ul.itemList {margin-bottom: 10px;}
.detailItemInner div ul.itemList {
  margin: 0 10px;
  display: flex;
  flex-wrap: wrap;
}
.detailItemInner ul.itemList li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	width: calc(100% / 6);
}
.detailItemInner ul.itemList li.cl2 {width: calc(100% / 3);}
.detailItemInner ul.itemList.areaItemList li.cl2 ,
.detailItemInner ul.itemList.itemList02 li.cl2{
	width: 148px !important;
}
.detailItemInner ul.itemList.itemList03 li {
	width: 116px !important;
}
.detailItemInner ul.itemList.itemList03 li.cl2{
	width: 232px !important;
}
.detailItemInner ul.itemList.itemList04 li {
	width: 140px !important;
}
.detailItemInner ul.itemList.itemList04 li.cl2{
	width: 280px !important;
}
.detailItemInner input{
	vertical-align: baseline;
	margin-right: 3px;
}
.detailItemInner label{
	cursor: pointer;
	display: flex;
	align-items: center;
}
.detailItemInner label:hover{
	text-decoration: underline;
}
.detailItemInner .itemSetting {
	display: flex;
	width: 160px;
	margin: 10px auto 0;
	justify-content: space-between;
}
.detailItemInner .itemSetting li.close{
	position: absolute;
	top: 10px;
	right: 10px;
}
#contact .detailItemInner .itemList,
#clipContact .detailItemInner .itemList,
#contact_index_page_section .detailItemInner .itemList {
  display: flex;
  flex-wrap: wrap;
}
#contact .detailItemInner .itemList li,
#clipContact .detailItemInner .itemList li,
#contact_index_page_section .detailItemInner .itemList li {
  margin-bottom: 5px;
  width: calc(100% / 5);
}
#contact .detailItemInner .itemList li.cl2,
#clipContact .detailItemInner .itemList li.cl2,
#contact_index_page_section .detailItemInner .itemList li.cl2{
	width: calc(100% / 5 * 2);
}
.detailItemInner .mapItems {width: calc(50% - 5px);}
.detailItemSec #mapItems1,
#quick-mapItems1 {width: 90px;}
.detailItemSec #mapItems2,
.detailItemSec #mapItems3,
#quick-mapItems2,
#quick-mapItems3 {width: calc(50% - 55px);}
.detailItemInner > div {
  margin-bottom: 10px;
  width: 100%;
}
.detailItemInner ul.itemList.areaItemList li {width: 6em;}
.detailItemInner ul.itemList.checkAll li {width: auto;}
.detailItemInner ul.itemList. li label {width: max-content;}
#quick-selectItems .detailItemInner ul.itemList li {width: 90px;}
#quick-selectItems .detailItemInner ul.itemList li.cl2 {width: 180px;}

#mapItemsCity .detailItemInner{
  max-height: 80vh;
  overflow-y: scroll;
}
#mapItemsCity .detailItemInner ul.itemList.areaItemList li{
  width: 12em;
}
/* モーダルウィンドウ内 */
.detailItemWrap div.detailItemSec{
  text-align: left;
}
.detailItemInner label{
  cursor: pointer;
}
.detailItemInner .itemCat label{
  display: block;
  padding: 0.2em 7px;
  background: #cfdbeb;
  vertical-align: middle;
}
.detailItemInner .itemDetail{
  margin-bottom: 1.5em;
  padding-left: 15px;
}
.detailItemInner ul.itemList{
  letter-spacing: -0.34em;
}
.detailItemInner ul.itemList li{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
/* --------------------------------
   求人情報を探す（希望勤務地/通勤時間）
   -------------------------------- */
.placeMap .map1 { position: absolute; top: 0;     left: 181px; }
.placeMap .map2 { position: absolute; top: 60px;  left: 181px; }
.placeMap .map3 { position: absolute; top: 116px; left: 181px; }
.placeMap .map4 { position: absolute; top: 90px;  left: 140px; }
.placeMap .map5 { position: absolute; top: 141px; left: 140px; }
.placeMap .map6 { position: absolute; top: 90px;  left: 99px; }
.placeMap .map7 { position: absolute; top: 90px;  left: 52px; }
.placeMap .map8 { position: absolute; top: 146px; left: 52px; }
.placeMap .map9 { position: absolute; top: 90px;  left: 0; }
.commute .address,
.commute .time{
  padding: 4px;
  height: 20px;
  font-size: 116.66%;
  color: #999;
  border: 1px solid #cbcbcb;
}
.commute .focused {
  color:#333;
}
.commute .address {
  width: 201px;
}
.commute .time {
  width: 79px;
}
.commute .vehicle {
  height: 30px;
}
.commute .vehicle li {
  float: left;
  display: inline-block;
  line-height: 30px;
  background: #8ba2c1;
}
.commute .vehicle li:last-child {
  padding-left: 6px;
  background: none;
}
.commute .vehicle input[type="radio"]{
  display: none;
}
.commute .vehicle input[type="radio"] + label.train img {
  margin: 1px;
}
.commute .vehicle input[type="radio"] + label.car img{
  margin: 1px 1px 1px 0;
}
.commute .vehicle input[type="radio"] + label img {
  background: #fff;
}
.commute .vehicle input[type="radio"]:checked + label img {
  background: #d4f0fa;
}


/*--2021/03/08 追加----------------------*/
.detailMapFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	flex-wrap: wrap;
}
.detailMapWrap01 {
	width: 34%;
}
.detailCheckWrap01 {
	width: 66%;
	height: 490px;
	overflow-y: auto;
}

.modalMap01 {
  position: relative;
  top: 0; left: 0px;
	width: 240px;
	height: 210px;
	margin: auto;
}
.modalMap01 .map1 { position: absolute; top: 0;     left: 181px; }
.modalMap01 .map2 { position: absolute; top: 60px;  left: 181px; }
.modalMap01 .map3 { position: absolute; top: 116px; left: 181px; }
.modalMap01 .map4 { position: absolute; top: 90px;  left: 140px; }
.modalMap01 .map5 { position: absolute; top: 141px; left: 140px; }
.modalMap01 .map6 { position: absolute; top: 90px;  left: 99px; }
.modalMap01 .map7 { position: absolute; top: 90px;  left: 52px; }
.modalMap01 .map8 { position: absolute; top: 146px; left: 52px; }
.modalMap01 .map9 { position: absolute; top: 90px;  left: 0; }

.modalMap01 .tabMap .tabMapImgOn {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}
.modalMap01 .tabMap.is-active .tabMapImgOn {
	display: block;
}

.contentMap {
	display: none;
}
.contentMap.is-show {
	display: block;
}

.acContWrap01 {
	display: none;
	padding-left: 10px;
}

.acWrap {
	padding-left: 10px;
}
.acWrapAc {
	position: relative;
}
.acWrapAc .ac {
	/*display: table;*/
    display: none;
    width: 22px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -11px;
}
.acWrapAc .ac span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 22px;
	font-size: 14px;
	line-height: 1.0em;
	font-weight: bold;
	color: #ffffff;
	background-color: var(--primary-color);
}
.acItemListIn01 {
	border: 1px solid #d6dfeb;
}

.detailItemInner h5.acInnerH501 label{
	margin-bottom: 0px;
}

@media (max-width: 768px) {
	#side .detailItemSecWide,
	.detailItemWrap #quick-selectItems.detailItemSecWide,
	.detailItemWrap div.detailItemSec.detailItemSecWide,
	.detailItemWrap div.detailItemSec.detailItemSecWide04,
	.pid10039 .detailItemWrap div.detailItemSec,
	.pid10040 .detailItemWrap div.detailItemSec {
		width: 100%;
	}

	.detailItemWrap div.detailItemSec.detailItemSecWide02 {
		width: 100%;
	}

	.detailMapWrap01 {
		width: 100%;
	}
	.detailCheckWrap01 {
		width: 100%;
	}
	
}

/*------------------------*/