/*=======================================================
modal
=======================================================*/
.bl_modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5019607843);
}
.bl_modal.is-active {
  display: block;
  z-index: 9999;
}
.bl_modal_window {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: min(150 / 1280 * 100vw, 150px) 0;
  width: 100%;
  height: 100%;
  overflow: scroll;
}
.bl_modal_content {
  margin: 0 auto;
  padding: min(64 / 1280 * 100vw, 64px) 0;
  background: #fff;
  width: min(1200 / 1280 * 100vw, 1200px);
  position: relative;
}
.bl_modal_close {
  position: absolute;
  top: min(14 / 988 * 100vw, 14px);
  right: min(17 / 988 * 100vw, 17px);
}
.bl_modal .bl_content_conts {
  width: min(828 / 988 * 100vw, 828px);
  margin: 0 auto;
  font-size: min(calc(14 / 988 * 100vw), 14px);
}
.bl_modal .bl_content_ttl {
  font-size: min(24 / 988 * 100vw, 24px);
  font-weight: 700;
  letter-spacing: 0.06em;
  padding-bottom: min(16 / 988 * 100vw, 16px);
  border-bottom: 1px solid #cccccc;
  margin-bottom: min(24 / 988 * 100vw, 24px);
}
.bl_modal .bl_content_free-word {
  margin-bottom: min(24 / 988 * 100vw, 24px);
}
.bl_modal .bl_content_free-word .bl_free-word_ttl {
  font-size: min(16 / 988 * 100vw, 16px);
  margin-bottom: min(8 / 988 * 100vw, 8px);
}
.bl_modal .bl_content_free-word .bl_free-word_input {
  padding: min(11 / 988 * 100vw, 11px) min(12 / 988 * 100vw, 12px)
    min(13 / 988 * 100vw, 13px);
  border: min(1 / 988 * 100vw, 1px) solid #adadad;
  border-radius: min(2 / 988 * 100vw, 2px);
  width: 100%;
}
.bl_modal .bl_content_free-word .bl_free-word_input::placeholder {
  color: #adadad;
}
.bl_modal .bl_content_box {
  border: 1px solid #707070;
}
.bl_modal .bl_content_boxs {
  display: grid;
  gap: min(24 / 988 * 100vw, 24px);
}
.bl_modal .bl_content_box .bl_box_ttl {
  background: #f0dede;
  font-size: min(calc(16 / 988 * 100vw), 16px);
  padding: min(8 / 988 * 100vw, 8px) min(12 / 988 * 100vw, 12px)
    min(11 / 988 * 100vw, 11px);
}
.bl_modal .bl_content_box .bl_box_list {
  padding: min(16 / 988 * 100vw, 16px);
  background: #fff;
}
.bl_modal .bl_content_box.job-type .bl_box_list {
  display: grid;
  gap: min(16 / 988 * 100vw, 16px);
}
.bl_modal .bl_content_box.job-type .bl_box_item > label {
  font-weight: 700;
}
.bl_modal .bl_content_box.job-type .bl_item_list {
  margin: min(8 / 988 * 100vw, 8px) 0 0 min(36 / 988 * 100vw, 36px);
  display: flex;
  flex-wrap: wrap;
  gap: min(24 / 988 * 100vw, 24px);
}
.bl_modal .bl_content_box.industry .bl_box_list {
  display: flex;
  flex-wrap: wrap;
  gap: min(16 / 988 * 100vw, 16px) min(24 / 988 * 100vw, 24px);
}
.bl_modal .bl_content_box.location .bl_box_list {
  padding: 0;
}
.bl_modal .bl_content_box.location .bl_box_item .bl_item_dwrap {
  display: flex;
}
.bl_modal .bl_content_box.location .bl_box_item .bl_item_dttl {
  flex: 0 1 min(160 / 988 * 100vw, 160px);
  background: #eaeaea;
  border: 1px solid #adadad;
  border-left: none;
  display: flex;
  align-items: center;
  padding: 0 min(16 / 988 * 100vw, 16px) min(2 / 988 * 100vw, 2px);
}
.bl_modal .bl_content_box.location .bl_box_item .bl_item_ditem {
  flex: 1;
}
.bl_modal .bl_content_box.location .bl_box_item .bl_item_ditem .bl_dd_list {
  display: flex;
  gap: min(12 / 988 * 100vw, 12px) min(28 / 988 * 100vw, 28px);
  flex-wrap: wrap;
  padding: min(12 / 988 * 100vw, 12px) min(17 / 988 * 100vw, 17px);
  border: 1px solid #adadad;
  border-left: none;
  border-right: none;
}
.bl_modal
  .bl_content_box.location
  .bl_box_item
  .bl_item_ditem
  .bl_dd_item:nth-of-type(5n) {
  display: flex;
}
.bl_modal
  .bl_content_box.location
  .bl_box_item
  .bl_item_ditem
  .bl_dd_item:nth-of-type(5n)::after {
  content: "";
  width: 100px;
}
.bl_modal
  .bl_content_box.location
  .bl_box_item
  .bl_item_ditem
  .bl_dd_item:nth-of-type(5n + 2) {
  min-width: min(89 / 988 * 100vw, 89px);
}
.bl_modal
  .bl_content_box.location
  .bl_box_item:not(:first-of-type)
  .bl_item_dttl,
.bl_modal
  .bl_content_box.location
  .bl_box_item:not(:first-of-type)
  .bl_dd_list {
  border-top: none;
}
.bl_modal .bl_content_box.location .bl_box_item:last-of-type .bl_item_dttl,
.bl_modal .bl_content_box.location .bl_box_item:last-of-type .bl_dd_list {
  border-bottom: none;
}
.bl_modal .bl_content_box.particulars .bl_box_list {
  display: flex;
  flex-wrap: wrap;
  gap: min(16 / 988 * 100vw, 16px) min(24 / 988 * 100vw, 24px);
}
.bl_modal .bl_content_btn {
  margin: min(24 / 988 * 100vw, 24px) auto 0;
  width: min(300 / 988 * 100vw, 300px);
  height: min(48 / 988 * 100vw, 48px);
  font-size: min(16 / 988 * 100vw, 16px);
}
.bl_modal .bl_content_btn::after {
  width: min(7 / 988 * 100vw, 7px);
  height: min(14 / 988 * 100vw, 14px);
}
label {
  display: flex;
  gap: min(10 / 988 * 100vw, 10px);
  align-items: center;
  letter-spacing: 0.06em;
}
input[type="checkbox"] {
  width: min(20 / 988 * 100vw, 20px);
  height: min(20 / 988 * 100vw, 20px);
  display: block;
  border-radius: 2px;
  background: #fff;
  border: 1px solid #707070;
  position: relative;
}
input[type="checkbox"]:checked {
  border: none;
}
input[type="checkbox"]:checked::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #9b1613;
}
input[type="checkbox"]:checked::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 60%;
  background: url(../images/common/checkbox_checked.svg) top center/contain
    no-repeat;
}