@charset "UTF-8";
/*=======================================================
共通
=======================================================*/
.bl_job_list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 40px;
}
.bl_job_item {
  border: 1px solid #dddddd;
  background: #fff;
  padding: 24px 23px;
  width: calc((100% - 16px) / 2);
}
.bl_job_item .bl_item_ttl {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 3em;
}
.bl_job_item .bl_item_company {
  font-size: 16px;
  letter-spacing: 0.04em;
  margin-bottom: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.bl_job_item .bl_item_def {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.bl_job_item .bl_item_def > div {
  width: 100%;
  display: flex;
  gap: 16px;
}
.bl_job_item .bl_item_def > div > dt {
  flex: 0 1 100px;
  padding: 0 0 1px 25px;
  background: #a7ddd5;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  position: relative;
}
.bl_job_item .bl_item_def > div > dt::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.bl_job_item .bl_item_def > div > dd {
  flex: 1;
  letter-spacing: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.bl_job_item .bl_item_txt {
  margin-bottom: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 5em;
}
.bl_job_item .bl_item_btn {
  width: 358px;
  height: 48px;
  font-size: 16px;
}
#job_list_salary > dt::before {
  background: url("../images/job/icon_money.svg") top center/contain no-repeat;
}
#job_list_location > dt::before {
  background: url("../images/job/icon_pin.svg") top center/contain no-repeat;
}
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .bl_job_list {
    gap: 1.25vw;
    margin-bottom: 3.125vw;
  }
  .bl_job_item {
    border: 0.078125vw solid #dddddd;
    padding: 1.875vw 1.796875vw;
    width: calc((100% - 1.25vw) / 2);
  }
  .bl_job_item .bl_item_ttl {
    font-size: 1.5625vw;
    margin-bottom: 1.25vw;
  }
  .bl_job_item .bl_item_company {
    font-size: 1.25vw;
    margin-bottom: 1.25vw;
  }
  .bl_job_item .bl_item_def {
    gap: 0.625vw;
    margin-bottom: 1.25vw;
  }
  .bl_job_item .bl_item_def > div {
    gap: 1.25vw;
  }
  .bl_job_item .bl_item_def > div > dt {
    flex: 0 1 7.8125vw;
    padding: 0 0 calc(1 / 1280 * 100vw) calc(25 / 1280 * 100vw);
    height: 2.1875vw;
    font-size: 1.25vw;
  }
  .bl_job_item .bl_item_def > div > dt::before {
    width: 1.5625vw;
    height: 1.5625vw;
    left: 0.78125vw;
  }
  .bl_job_item .bl_item_txt {
    margin-bottom: 1.875vw;
  }
  .bl_job_item .bl_item_btn {
    width: 27.96875vw;
    height: 3.75vw;
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 750px) {
  .bl_job_list {
    gap: 48px;
    margin-bottom: 56px;
  }
  .bl_job_item {
    border-width: 2px;
    padding: 32px 30px 40px;
    width: 100%;
  }
  .bl_job_item .bl_item_ttl {
    font-size: 32px;
    margin-bottom: 24px;
  }
  .bl_job_item .bl_item_company {
    font-size: 26px;
    margin-bottom: 24px;
  }
  .bl_job_item .bl_item_def {
    gap: 14px;
    margin-bottom: 24px;
  }
  .bl_job_item .bl_item_def > div > dt {
    flex: 0 1 130px;
    padding: 0 0 3px 28px;
    height: 44px;
    font-size: 26px;
  }
  .bl_job_item .bl_item_def > div > dt::before {
    width: 28px;
    height: 28px;
    left: 6px;
  }
  .bl_job_item .bl_item_txt {
    height: inherit;
  }
  .bl_job_item .bl_item_btn {
    width: 630px;
    height: 88px;
    font-size: 30px;
  }
}
/*=======================================================
sidebar
=======================================================*/
.bl_sidebar .bl_single_conts {
  border: 2px solid #d06730;
  background: #fffeef;
  padding: 20px 34px 24px;
  margin-bottom: 24px;
}
.bl_sidebar .bl_single_conts .bl_conts_ttl {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: 16px;
}
.bl_sidebar .bl_single_conts .bl_conts_txt {
  font-size: 16px;
  text-align: center;
  margin-bottom: 12px;
  display: flex;
  gap: 4px;
  align-items: center;
}
.bl_sidebar .bl_single_conts .bl_conts_txt::before,
.bl_sidebar .bl_single_conts .bl_conts_txt::after {
  content: "";
  width: 8px;
  height: 16px;
  background: url("../images/common/side_info_line.svg") top center/contain
    no-repeat;
}
.bl_sidebar .bl_single_conts .bl_conts_txt::after {
  transform: scale(-1, 1);
}
.bl_sidebar .bl_single_conts .bl_conts_btn {
  width: 272px;
  height: 56px;
  font-size: 18px;
  padding-bottom: 2px;
}
.bl_sidebar .bl_single_conts .bl_bulletList {
  display: inline-flex;
  flex-direction: column;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 700;
}
.bl_sidebar .bl_single_conts .bl_bulletListWrapper {
  display: flex;
  justify-content: center;
  padding-bottom: 147px;
  margin-bottom: 13px;
  position: relative;
}
.bl_sidebar .bl_single_conts .bl_bulletListWrapper::after {
  position: absolute;
  content: "";
  width: 186px;
  height: 134px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url("../images/common/side_registration_illust.svg") top
    center/contain no-repeat;
}
.bl_sidebar .bl_single_conts .bl_bulletList span {
  font-weight: 400;
}
.bl_sidebar .bl_bnr_list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.bl_sidebar .bl_bnr_item .bl_item_link {
  width: 340px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.bl_sidebar .bl_bnr_item .bl_item_ttl {
  order: 2;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  line-height: 1.5;
}
.bl_sidebar .bl_bnr_item .bl_item_ttl::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #fff;
}
.bl_sidebar .bl_bnr_item .bl_item_txt {
  order: 1;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  width: 320px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 4px;
  margin-bottom: 14px;
}
.bl_sidebar #side_bnr_job .bl_item_link {
  background: url("../images/common/bnr_agent.jpg") top center/cover no-repeat;
}
.bl_sidebar #side_bnr_job .bl_item_ttl {
  gap: 4px;
}
.bl_sidebar #side_bnr_job .bl_item_txt {
  background: #299383;
}
.bl_sidebar #side_bnr_service .bl_item_link {
  background: url("../images/common/bnr_service.jpg") top center/cover no-repeat;
}
.bl_sidebar #side_bnr_service .bl_item_ttl {
  gap: 12px;
}
.bl_sidebar #side_bnr_service .bl_item_txt {
  background: #d0672f;
}
.bl_sidebar #side_bnr_merit .bl_item_link {
  border: 2px solid #299383;
  background: #fff;
  gap: 12px;
  flex-direction: row;
}
.bl_sidebar #side_bnr_merit .bl_item_link::before {
  content: "";
  width: 132px;
  height: 92px;
  background: url("../images/common/side_merit_illust.png") top center/cover
    no-repeat;
}
.bl_sidebar #side_bnr_merit .bl_item_ttl {
  color: #299383;
}
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .bl_sidebar .bl_single_conts {
    border-width: 0.15625vw;
    padding: 1.5625vw 2.65625vw 1.875vw;
    margin-bottom: 1.875vw;
  }
  .bl_sidebar .bl_single_conts .bl_conts_ttl {
    font-size: 1.875vw;
    margin-bottom: 1.25vw;
  }
  .bl_sidebar .bl_single_conts .bl_conts_txt {
    font-size: 1.25vw;
    margin-bottom: 0.9375vw;
    gap: 0.3125vw;
  }
  .bl_sidebar .bl_single_conts .bl_conts_txt::before,
  .bl_sidebar .bl_single_conts .bl_conts_txt::after {
    width: 0.625vw;
    height: 1.25vw;
  }
  .bl_sidebar .bl_single_conts .bl_conts_btn {
    width: 21.25vw;
    height: 4.375vw;
    font-size: 1.40625vw;
    padding-bottom: 0.15625vw;
  }
  .bl_sidebar .bl_single_conts .bl_bulletList {
    font-size: 1.25vw;
  }
  .bl_sidebar .bl_single_conts .bl_bulletListWrapper {
    padding-bottom: 11.484375vw;
    margin-bottom: 1.015625vw;
  }
  .bl_sidebar .bl_single_conts .bl_bulletListWrapper::after {
    width: 14.53125vw;
    height: 10.46875vw;
  }
  .bl_sidebar .bl_bnr_list {
    gap: 1.875vw;
  }
  .bl_sidebar .bl_bnr_item .bl_item_link {
    width: 26.5625vw;
    height: 7.8125vw;
  }
  .bl_sidebar .bl_bnr_item .bl_item_ttl {
    font-size: 1.40625vw;
  }
  .bl_sidebar .bl_bnr_item .bl_item_ttl::after {
    border-width: 0.546875vw 0 0.546875vw 0.78125vw;
  }
  .bl_sidebar .bl_bnr_item .bl_item_txt {
    font-size: 1.40625vw;
    width: 25vw;
    height: 2.5vw;
    padding-bottom: 0.3125vw;
    margin-bottom: 1.09375vw;
  }
  .bl_sidebar #side_bnr_job .bl_item_ttl {
    gap: 0.3125vw;
  }
  .bl_sidebar #side_bnr_service .bl_item_ttl {
    gap: 0.9375vw;
  }
  .bl_sidebar #side_bnr_merit .bl_item_link {
    border-width: 0.15625vw;
    gap: 0.9375vw;
  }
  .bl_sidebar #side_bnr_merit .bl_item_link::before {
    width: 10.3125vw;
    height: 7.1875vw;
  }
}
@media screen and (max-width: 750px) {
  .bl_sidebar .bl_single_conts {
    border-width: 3px;
    padding: 48px 33px 48px 29px;
    margin-bottom: 36px;
  }
  .bl_sidebar .bl_single_conts .bl_conts_ttl {
    font-size: 40px;
  }
  .bl_sidebar .bl_single_conts .bl_conts_txt {
    font-size: 28px;
    margin-bottom: 24px;
    gap: 8px;
    justify-content: center;
    align-items: end;
  }
  .bl_sidebar .bl_single_conts .bl_conts_txt::before,
  .bl_sidebar .bl_single_conts .bl_conts_txt::after {
    width: 15px;
    height: 30px;
  }
  .bl_sidebar .bl_single_conts .bl_conts_btn {
    width: 630px;
    height: 96px;
    font-size: 30px;
    padding-bottom: 4px;
  }
  .bl_sidebar .bl_single_conts .bl_bulletList {
    margin: 0;
    font-size: 28px;
  }
  .bl_sidebar .bl_single_conts .bl_bulletListWrapper {
    padding-bottom: 0;
    margin-bottom: 60px;
    align-items: center;
    gap: 29px;
  }
  .bl_sidebar .bl_single_conts .bl_bulletListWrapper::before {
    position: static;
    content: "";
    width: 316px;
    height: 228px;
    bottom: initial;
    left: initial;
    transform: none;
    background: url("../images/common/side_registration_illust.svg") top
      center/contain no-repeat;
  }
  .bl_sidebar .bl_single_conts .bl_bulletListWrapper::after {
    display: none;
  }
  .bl_sidebar .bl_bnr_list {
    gap: 36px;
  }
  .bl_sidebar .bl_bnr_item.sp {
    display: block;
  }
  .bl_sidebar .bl_bnr_item .bl_item_link {
    width: 100%;
    height: 202px;
  }
  .bl_sidebar .bl_bnr_item .bl_item_ttl {
    font-size: 32px;
  }
  .bl_sidebar .bl_bnr_item .bl_item_ttl::after {
    border-width: 10.5px 0 10.5px 15px;
  }
  .bl_sidebar .bl_bnr_item .bl_item_txt {
    font-size: 28px;
    width: 630px;
    height: 54px;
    padding-bottom: 4px;
    margin-bottom: 32px;
  }
  .bl_sidebar #side_bnr_job .bl_item_ttl {
    gap: 6px;
  }
  .bl_sidebar #side_bnr_service .bl_item_ttl {
    gap: 18px;
  }
}
/*=======================================================
一覧ページ、詳細ページ共通
=======================================================*/
.bl_job {
  padding: 40px 0 80px;
}
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .bl_job {
    padding: 3.3333333333vw 0 6.6666666667vw;
  }
}
/*=======================================================
archive
=======================================================*/
.bl_job.archive .bl_job_num {
  display: flex;
  align-items: end;
  margin-bottom: 16px;
}
.bl_job.archive .bl_job_num .bl_num_total {
  font-size: 32px;
  margin-right: 6px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #299383;
  line-height: 1;
  margin-bottom: 1px;
}
.bl_job.archive .bl_job_num .bl_num_current {
  font-size: 20px;
  margin: 0 6px 2px 9px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #299383;
  line-height: 1;
}
.bl_job.archive .bl_job_num .bl_num_normal {
  line-height: 1.5;
}
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .bl_job.archive .bl_job_num {
    margin-bottom: 1.25vw;
  }
  .bl_job.archive .bl_job_num .bl_num_total {
    font-size: 2.5vw;
    margin-right: 0.46875vw;
    margin-bottom: 0.078125vw;
  }
  .bl_job.archive .bl_job_num .bl_num_current {
    font-size: 1.5625vw;
    margin: 0 0.46875vw 0.234375vw 0.703125vw;
  }
}
@media screen and (max-width: 750px) {
  .bl_job.archive .bl_job_num {
    margin: 0 auto 48px;
  }
  .bl_job.archive .bl_job_num .bl_num_total {
    font-size: 56px;
    margin-bottom: 1px;
  }
  .bl_job.archive .bl_job_num .bl_num_current {
    font-size: 34px;
    margin: 0 8px 4px 16px;
  }
}
.custom-breadcrumb-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.custom-breadcrumb-scroll::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.custom-breadcrumb-scroll .bl_breadcrumbs_inner {
  white-space: nowrap;
  display: flex;
  width: max-content;
  min-width: 1200px;
  margin: 0 auto;
}

.custom-heading-anchor {
  width: 1200px;
  margin: 0 auto;
}

@media screen and (min-width: 751px) and (max-width: 1279px) {
  .custom-breadcrumb-scroll .bl_breadcrumbs_inner {
    min-width: calc(1200 / 1280 * 100vw);
  }

  .custom-heading-anchor {
    width: calc(1200 / 1280 * 100vw);
  }
}

@media screen and (max-width: 750px) {
  .custom-breadcrumb-scroll .bl_breadcrumbs_inner {
    min-width: 690px;
  }

  .custom-heading-anchor {
    width: 690px;
  }
}
/*=======================================================
jobs_head（一覧見出し・キャプション）
=======================================================*/
.bl_jobs_head {
  padding-bottom: 24px;
}
.bl_jobs_head .bl_head_ttl {
  margin-bottom: 16px;
}
.bl_jobs_head .bl_head_free {
  font-size: 14px;
  line-height: 1.7;
}
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .bl_jobs_head {
    padding-bottom: 1.875vw;
  }
  .bl_jobs_head .bl_head_ttl {
    margin-bottom: 1.25vw;
  }
  .bl_jobs_head .bl_head_free {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 750px) {
  .bl_jobs_head {
    padding-bottom: 32px;
  }
  .bl_jobs_head .bl_head_ttl {
    margin-bottom: 24px;
  }
  .bl_jobs_head .bl_head_free {
    font-size: 26px;
    line-height: 1.7;
  }
}
/*=======================================================
pagenavi
=======================================================*/
.bl_pagenavi {
  width: 100%;
}

.bl_pagenavi nav {
  display: block;
}

.bl_pagenavi ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.bl_pagenavi li {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  width: 30px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0;
  padding-bottom: 3px;
  background: #a5a5a5;
}

.bl_pagenavi .active {
  background: #299383;
}
.bl_pagenavi .disabled {
  color: #a5a5a5;
  background-color: inherit;
}
/* .bl_pagenavi .prev,
.bl_pagenavi .next {
  position: relative;
}
.bl_pagenavi .prev::after,
.bl_pagenavi .next::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 13px;
  background: url("../images/common/pagenavi_arrow.svg") top center/contain no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bl_pagenavi .next::after {
  transform: translate(-50%, -50%) scale(-1, 1);
} */
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .bl_pagenavi ul {
    gap: 0.625vw;
  }
  .bl_pagenavi li {
    font-size: 1.40625vw;
    width: 2.34375vw;
    height: 2.5vw;
    padding-bottom: 0.234375vw;
  }
}
@media screen and (max-width: 750px) {
  .bl_pagenavi ul {
    gap: 16px;
  }
  .bl_pagenavi li {
    font-size: 28px;
    width: 48px;
    height: 56px;
    padding-bottom: 4px;
  }
}
/*=======================================================
conditions
=======================================================*/
.bl_conditions {
  padding: 56px 0;
}
.bl_conditions_list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.bl_conditions_item {
  width: 100%;
}
.bl_conditions_item .bl_item_def {
  display: grid;
  gap: 16px;
}
.bl_conditions_item .bl_item_def > dt {
  font-size: 16px;
  font-weight: 700;
  padding: 0 0 8px 16px;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
.bl_conditions_item .bl_item_def > dt::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #d06730 0%, #299383 100%);
}
.bl_conditions_item .bl_item_def > dd .bl_dd_list {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  gap: 12px 28px;
}
.bl_conditions_item .bl_item_def > dd .bl_dd_item > a {
  text-decoration: underline;
  position: relative;
  color: #1a1a1a;
}
.bl_conditions_item .bl_item_def > dd .bl_dd_item > a::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 14px;
  background: #cccccc;
  top: 50%;
  right: -14px;
  transform: translateY(-50%);
}
.bl_conditions_item .bl_item_def > dd .bl_dd_item:last-of-type > a::after {
  display: none;
}
.bl_conditions_item .bl_item_def > dd .bl_ddItem_list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
}
.bl_conditions_item .bl_item_def > dd .bl_ddItem_item > a {
  text-decoration: underline;
  position: relative;
  color: #1a1a1a;
}
.bl_conditions_item .bl_item_def > dd .bl_ddItem_item > a::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 14px;
  background: #cccccc;
  top: 50%;
  right: -14px;
  transform: translateY(-50%);
}
.bl_conditions_item .bl_item_def > dd .bl_ddItem_item:last-of-type > a::after {
  display: none;
}
#conditions_location .bl_dd_list {
  display: grid;
}
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .bl_conditions {
    padding: 4.375vw 0;
  }
  .bl_conditions_list {
    gap: 1.875vw;
  }
  .bl_conditions_item .bl_item_def > dt {
    font-size: 1.25vw;
    padding: 0 0 0.625vw 1.25vw;
  }
  .bl_conditions_item .bl_item_def > dd .bl_dd_list {
    font-size: 1.09375vw;
    gap: 0.9375vw 2.1875vw;
  }
  .bl_conditions_item .bl_item_def > dd .bl_dd_item > a::after {
    right: -1.09375vw;
  }
  .bl_conditions_item .bl_item_def > dd .bl_ddItem_list {
    gap: 0.9375vw 2.1875vw;
  }
  .bl_conditions_item .bl_item_def > dd .bl_ddItem_item > a::after {
    right: -1.09375vw;
  }
}
@media screen and (max-width: 750px) {
  .bl_conditions {
    background: #f7f7f7;
    padding: 64px 0;
  }
  .bl_conditions_list {
    gap: 40px;
  }
  .bl_conditions_item .bl_item_def {
    gap: 16px;
  }
  .bl_conditions_item .bl_item_def > dt {
    font-size: 28px;
    padding: 0 0 14px 24px;
    border-width: 2px;
  }
  .bl_conditions_item .bl_item_def > dt::before {
    width: 8px;
  }
  .bl_conditions_item .bl_item_def > dd .bl_dd_list {
    gap: 16px 32px;
    font-size: 24px;
  }
  .bl_conditions_item .bl_item_def > dd .bl_dd_item > a::after {
    width: 2px;
    height: 28px;
    right: -16px;
  }
  .bl_conditions_item .bl_item_def > dd .bl_ddItem_list {
    gap: 16px 32px;
  }
  .bl_conditions_item .bl_item_def > dd .bl_ddItem_item > a::after {
    width: 2px;
    height: 28px;
    right: -16px;
  }
  #conditions_location .bl_dd_list {
    display: grid;
  }
}
/*=======================================================
cta
=======================================================*/
.bl_cta {
  padding: 56px 0;
  background: url("../images/common/cta_bg.jpg") top center/cover no-repeat;
}
.bl_cta .el_sec_mainTtl {
  margin-bottom: 28px;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.5;
}
.bl_cta_txt {
  text-align: center;
  margin-bottom: 28px;
}
.bl_cta_btn {
  width: 340px;
  height: 56px;
  margin: 0 auto;
}
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .bl_cta {
    padding: 4.375vw 0;
  }
  .bl_cta .el_sec_mainTtl {
    margin-bottom: 2.1875vw;
    font-size: 2.5vw;
  }
  .bl_cta_txt {
    margin-bottom: 2.1875vw;
  }
  .bl_cta_btn {
    width: 26.5625vw;
    height: 4.375vw;
  }
}
@media screen and (max-width: 750px) {
  .bl_cta {
    padding: 64px 0;
    background: #299383;
  }
  .bl_cta .el_sec_mainTtl {
    font-size: 38px;
    margin-bottom: 40px;
    color: #fff;
  }
  .bl_cta .el_sec_mainTtl span {
    color: #fff14e;
  }
  .bl_cta_txt {
    margin-bottom: 32px;
    color: #fff;
  }
  .bl_cta_imgWrapper {
    width: 308px;
    margin: 0 auto 40px;
  }
  .bl_cta_imgWrapper.sp {
    display: flex;
  }
  .bl_cta_registration {
    color: #fff;
    text-align: center;
    margin-bottom: 24px;
    font-weight: 700;
  }
  .bl_cta_registration.sp {
    display: block;
  }
  .bl_cta_btn {
    width: 630px;
    height: 96px;
    border: 3px solid #d06730;
    color: #d06730;
  }
  .bl_cta_btn.el__orange {
    background: #fff;
  }
}
/*=======================================================
single
=======================================================*/
.bl_job.single .bl_job {
  padding: 40px 0 80px;
}
.bl_job.single .ly_cont_col {
  align-items: flex-start;
}
.bl_job.single .bl_sidebar {
  position: sticky;
  top: 120px;
  left: 0;
}
.bl_job.single .ly_cont_main {
  margin-left: auto;
}
.bl_job.single .ly_cont_main .bl_single_head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 21px;
  margin-bottom: 24px;
  border-bottom: 1px solid #cccccc;
}
.bl_job.single .ly_cont_main .bl_single_head .bl_head_ttl {
  order: 2;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.bl_job.single .ly_cont_main .bl_single_head .bl_head_company {
  order: 1;
  font-weight: 700;
  padding-left: 30px;
  position: relative;
}
.bl_job.single .ly_cont_main .bl_single_head .bl_head_company::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url("../images/common/icon_building.svg") top center/contain
    no-repeat;
}
.bl_job.single .ly_cont_main .bl_cat_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}
.bl_job.single .ly_cont_main .bl_cat_item {
  padding: 1px 8px 2px;
  border: 1px solid #299383;
  color: #299383;
  background: #fff;
  font-size: 16px;
  letter-spacing: 0.04em;
}
.bl_job.single .ly_cont_main .bl_cat_item.emphasis {
  background: #299383;
  color: #fff;
  border: none;
}
.bl_job.single .ly_cont_main .bl_info_def {
  margin-bottom: 24px;
}
.bl_job.single .ly_cont_main .bl_info_def > div {
  display: flex;
  width: 100%;
  border: 1px solid #dddddd;
}
.bl_job.single .ly_cont_main .bl_info_def > div:not(:first-of-type) {
  border-top: none;
}
.bl_job.single .ly_cont_main .bl_info_def > div > dt {
  background: #d4f4ee;
  padding: 6px 12px 9px;
  display: flex;
  align-items: center;
  flex: 0 1 140px;
  gap: 8px;
  line-height: 1.5;
}
.bl_job.single .ly_cont_main .bl_info_def > div > dt::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-top: 3px;
}
.bl_job.single .ly_cont_main .bl_info_def > div > dd {
  flex: 1;
  padding: 6px 16px 9px;
  border-left: 1px solid #dddddd;
  background: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.bl_job.single .ly_cont_main .bl_info_def #single_info_salary > dt::before {
  background: url("../images/common/icon_money__gray.svg") top center/contain
    no-repeat;
}
.bl_job.single .ly_cont_main .bl_info_def #single_info_location > dt::before {
  background: url("../images/common/icon_pin__gray.svg") top center/contain
    no-repeat;
}
.bl_job.single .ly_cont_main .bl_info_def #single_info_time > dt::before {
  background: url("../images/job/icon_time.svg") top center/contain no-repeat;
}
.bl_job.single .ly_cont_main .bl_info_def #single_info_holiday > dt::before {
  background: url("../images/job/icon_calendar.svg") top center/contain
    no-repeat;
}
.bl_job.single .ly_cont_main .bl_conts {
  border: 1px solid #299383;
  margin-bottom: 24px;
}
.bl_job.single .ly_cont_main .bl_conts_headTtl {
  background: #299383;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 4px 12px 7px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.bl_job.single .ly_cont_main .bl_conts_headTtl::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-top: 1px;
}
.bl_job.single
  .ly_cont_main
  .bl_conts.bl_jobDescription
  .bl_conts_headTtl::before {
  background: url("../images/common/icon_bag__white.svg") top center/contain
    no-repeat;
}
.bl_job.single
  .ly_cont_main
  .bl_conts.bl_applicationRequirements
  .bl_conts_headTtl::before {
  background: url("../images/common/icon_check__white.svg") top center/contain
    no-repeat;
}
.bl_job.single .ly_cont_main .bl_conts.bl_salary .bl_conts_headTtl::before {
  background: url("../images/common/icon_money__white.svg") top center/contain
    no-repeat;
}
.bl_job.single .ly_cont_main .bl_conts.bl_employment .bl_conts_headTtl::before {
  background: url("../images/common/icon_human__white.svg") top center/contain
    no-repeat;
}
.bl_job.single .ly_cont_main .bl_conts.bl_location .bl_conts_headTtl::before {
  background: url("../images/common/icon_pin__white.svg") top center/contain
    no-repeat;
}
.bl_job.single .ly_cont_main .bl_conts.bl_time .bl_conts_headTtl::before {
  background: url("../images/common/icon_time__white.svg") top center/contain
    no-repeat;
}
.bl_job.single .ly_cont_main .bl_conts.bl_holiday .bl_conts_headTtl::before {
  background: url("../images/common/icon_calendar__white.svg") top
    center/contain no-repeat;
}
.bl_job.single .ly_cont_main .bl_conts.bl_welfare .bl_conts_headTtl::before {
  background: url("../images/common/icon_heart__white.svg") top center/contain
    no-repeat;
}
.bl_job.single .ly_cont_main .bl_conts.bl_background .bl_conts_headTtl::before {
  background: url("../images/common/icon_human_search__white.svg") top
    center/contain no-repeat;
}
.bl_job.single .ly_cont_main .bl_conts.bl_sideJob .bl_conts_headTtl::before {
  background: url("../images/common/icon_wallet__white.svg") top center/contain
    no-repeat;
}
.bl_job.single .ly_cont_main .bl_conts.bl_smoking .bl_conts_headTtl::before {
  background: url("../images/common/icon_smoking__white.svg") top center/contain
    no-repeat;
}
.bl_job.single .ly_cont_main .bl_conts_inner {
  padding: 18px 24px 24px;
}
.bl_job.single .ly_cont_main .bl_conts_ttl {
  margin-bottom: 12px;
  padding: 0 16px 13px 22px;
  border-bottom: 1px solid #dddddd;
  position: relative;
  font-size: 18px;
  letter-spacing: 0.04em;
}
.bl_job.single .ly_cont_main .bl_conts_ttl + .bl_conts_txt {
  margin-top: 12px;
}
.bl_job.single .ly_cont_main .bl_conts_ttl::before {
  position: absolute;
  content: "";
  width: 6px;
  height: calc(100% - 8px);
  background: #299383;
  top: 0;
  left: 0;
}
.bl_job.single .ly_cont_main .bl_conts_txt + .bl_conts_ttl,
.bl_job.single .ly_cont_main .bl_conts_txt + .bl_conts_txt {
  margin-top: 25px;
}
.bl_job.single .ly_cont_main .bl_conts_def {
  display: flex;
}
.bl_job.single .ly_cont_main .bl_conts .bl_bulletList {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bl_job.single .ly_cont_main .bl_conts .el_lbl {
  display: inline-block;
  background: #299383;
  padding: 1px 8px 4px;
  color: #fff;
  font-weight: 700;
  min-width: 80px;
  text-align: center;
}
.bl_job.single .ly_cont_main .bl_conts .el_lbl + * {
  margin-top: 12px;
}
.bl_job.single .ly_cont_main .bl_conts .el_att {
  font-size: 14px;
}
.bl_job.single .ly_cont_main .bl_conts .el_att + .el_att {
  margin-top: 2px;
}
.bl_job.single .ly_cont_main .bl_conts * + .bl_conts_ttl,
.bl_job.single .ly_cont_main .bl_conts * + .el_lbl {
  margin-top: 25px;
}
.bl_job.single .ly_cont_main .bl_conts * + .el_att {
  margin-top: 10px;
}
.bl_job.single .ly_cont_main .bl_singleMain_btn {
  text-align: center;
  width: 300px;
  height: 76px;
  margin: 0 auto 24px;
}
.bl_job.single .ly_cont_main .bl_companyInfo {
  margin: 40px auto;
  background: #fffeef;
}
.bl_job.single .ly_cont_main .bl_companyInfo_headTtl {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
}
.bl_job.single .ly_cont_main .bl_other_ttl {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
  padding: 6px 16px 9px;
  background: #299383;
  color: #fff;
  margin-bottom: 24px;
  line-height: 1.5;
}
.bl_job.single .ly_cont_main .bl_other .bl_job_list {
  margin-bottom: 0;
}
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .bl_job.single .bl_job {
    padding: 3.125vw 0 6.25vw;
  }
  .bl_job.single .bl_sidebar {
    top: 9.375vw;
  }
  .bl_job.single .ly_cont_main .bl_single_head {
    gap: 0.625vw;
    padding-bottom: 1.640625vw;
    margin-bottom: 1.875vw;
    border-width: 0.078125vw;
  }
  .bl_job.single .ly_cont_main .bl_single_head .bl_head_ttl {
    font-size: 1.71875vw;
  }
  .bl_job.single .ly_cont_main .bl_single_head .bl_head_company {
    padding-left: 2.34375vw;
  }
  .bl_job.single .ly_cont_main .bl_single_head .bl_head_company::before {
    width: 1.875vw;
    height: 1.875vw;
  }
  .bl_job.single .ly_cont_main .bl_cat_list {
    gap: 0.625vw;
    margin-bottom: 1.875vw;
  }
  .bl_job.single .ly_cont_main .bl_cat_item {
    padding: 0.078125vw 0.625vw calc(2 / 1280 * 100vw);
    border-width: 0.078125vw;
    font-size: 1.25vw;
  }
  .bl_job.single .ly_cont_main .bl_info_def {
    margin-bottom: 1.875vw;
  }
  .bl_job.single .ly_cont_main .bl_info_def > div {
    border-width: 0.078125vw;
  }
  .bl_job.single .ly_cont_main .bl_info_def > div > dt {
    padding: 0.46875vw 0.9375vw 0.703125vw;
    flex: 0 1 10.9375vw;
    gap: 0.625vw;
  }
  .bl_job.single .ly_cont_main .bl_info_def > div > dt::before {
    width: 1.875vw;
    height: 1.875vw;
    margin-top: 0.234375vw;
  }
  .bl_job.single .ly_cont_main .bl_info_def > div > dd {
    padding: 0.46875vw 1.25vw 0.703125vw;
    border-width: 0.078125vw;
  }
  .bl_job.single .ly_cont_main .bl_conts {
    border-width: 0.078125vw;
    margin-bottom: 1.875vw;
  }
  .bl_job.single .ly_cont_main .bl_conts_headTtl {
    font-size: 1.5625vw;
    padding: 0.3125vw 0.9375vw 0.546875vw;
    gap: 0.9375vw;
  }
  .bl_job.single .ly_cont_main .bl_conts_headTtl::before {
    width: 1.875vw;
    height: 1.875vw;
    margin-top: 0.078125vw;
  }
  .bl_job.single .ly_cont_main .bl_conts_inner {
    padding: 1.40625vw 1.875vw 1.875vw;
  }
  .bl_job.single .ly_cont_main .bl_conts_ttl {
    margin-bottom: 0.9375vw;
    padding: 0 1.25vw 1.015625vw 1.71875vw;
    border-width: 0.078125vw;
    font-size: 1.40625vw;
  }
  .bl_job.single .ly_cont_main .bl_conts_ttl + .bl_conts_txt {
    margin-top: 0.9375vw;
  }
  .bl_job.single .ly_cont_main .bl_conts_ttl::before {
    width: 0.46875vw;
    height: calc(100% -calc(0.625vw));
  }
  .bl_job.single .ly_cont_main .bl_conts_txt + .bl_conts_ttl,
  .bl_job.single .ly_cont_main .bl_conts_txt + .bl_conts_txt {
    margin-top: 1.953125vw;
  }
  .bl_job.single .ly_cont_main .bl_conts .bl_bulletList {
    gap: 0.3125vw;
  }
  .bl_job.single .ly_cont_main .bl_conts .el_lbl {
    padding: 0.078125vw 0.625vw 0.3125vw;
    min-width: 6.25vw;
  }
  .bl_job.single .ly_cont_main .bl_conts .el_lbl + * {
    margin-top: 0.9375vw;
  }
  .bl_job.single .ly_cont_main .bl_conts .el_att {
    font-size: 1.09375vw;
  }
  .bl_job.single .ly_cont_main .bl_conts .el_att + .el_att {
    margin-top: 0.15625vw;
  }
  .bl_job.single .ly_cont_main .bl_conts * + .bl_conts_ttl,
  .bl_job.single .ly_cont_main .bl_conts * + .el_lbl {
    margin-top: 1.953125vw;
  }
  .bl_job.single .ly_cont_main .bl_conts * + .el_att {
    margin-top: 0.78125vw;
  }
  .bl_job.single .ly_cont_main .bl_singleMain_btn {
    width: 23.4375vw;
    height: 5.9375vw;
    margin: 0 auto 1.875vw;
  }
  .bl_job.single .ly_cont_main .bl_companyInfo {
    margin: 3.125vw auto;
  }
  .bl_job.single .ly_cont_main .bl_companyInfo_headTtl {
    margin-bottom: 1.25vw;
    font-size: 1.5625vw;
  }
  .bl_job.single .ly_cont_main .bl_other_ttl {
    font-size: 2.03125vw;
    padding: 0.46875vw 1.25vw 0.703125vw;
    margin-bottom: 1.875vw;
  }
}
@media screen and (max-width: 750px) {
  .bl_job.single .bl_job {
    padding: 40px 0 80px;
  }
  .bl_job.single .ly_cont_main .bl_single_head {
    gap: 25px;
    padding-bottom: 26px;
    margin-bottom: 32px;
    border-width: 2px;
  }
  .bl_job.single .ly_cont_main .bl_single_head .bl_head_ttl {
    font-size: 32px;
  }
  .bl_job.single .ly_cont_main .bl_single_head .bl_head_company {
    padding-left: 56px;
  }
  .bl_job.single .ly_cont_main .bl_single_head .bl_head_company::before {
    width: 40px;
    height: 40px;
  }
  .bl_job.single .ly_cont_main .bl_cat_list {
    display: none;
  }
  .bl_job.single .ly_cont_main .bl_info_def {
    margin-bottom: 40px;
  }
  .bl_job.single .ly_cont_main .bl_info_def > div {
    border-width: 2px;
  }
  .bl_job.single .ly_cont_main .bl_info_def > div > dt {
    padding: 5px 10px 8px 16px;
    flex: 0 1 186px;
    gap: 10px;
  }
  .bl_job.single .ly_cont_main .bl_info_def > div > dt::before {
    width: 32px;
    height: 32px;
    margin-top: 6px;
  }
  .bl_job.single .ly_cont_main .bl_info_def > div > dd {
    padding: 5px 24px 8px;
    border-width: 2px;
  }
  #single_info_time > dd,
  #single_info_holiday > dd {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 5em;
    white-space: normal;
  }
  .bl_job.single .ly_cont_main .bl_conts {
    border-width: 2px;
    margin-bottom: 48px;
  }
  .bl_job.single .ly_cont_main .bl_conts_headTtl {
    font-size: 32px;
    padding: 7px 16px 11px;
    gap: 16px;
  }
  .bl_job.single .ly_cont_main .bl_conts_headTtl::before {
    width: 34px;
    height: 34px;
    margin-top: 3px;
  }
  .bl_job.single .ly_cont_main .bl_conts_inner {
    padding: 30px 30px 40px;
  }
  .bl_job.single .ly_cont_main .bl_conts_ttl {
    margin-bottom: 12px;
    padding: 0 16px 14px 24px;
    border-width: 2px;
    font-size: 30px;
  }
  .bl_job.single .ly_cont_main .bl_conts_ttl + .bl_conts_txt {
    margin-top: 24px;
  }
  .bl_job.single .ly_cont_main .bl_conts_ttl::before {
    width: 8px;
    height: calc(100% - 14px);
  }
  .bl_job.single .ly_cont_main .bl_conts_txt + .bl_conts_ttl,
  .bl_job.single .ly_cont_main .bl_conts_txt + .bl_conts_txt {
    margin-top: 42px;
  }
  .bl_job.single .ly_cont_main .bl_conts .bl_bulletList {
    gap: 6px;
  }
  .bl_job.single .ly_cont_main .bl_conts .el_lbl {
    padding: 1px 16px 5px;
    min-width: 120px;
  }
  .bl_job.single .ly_cont_main .bl_conts .el_lbl + * {
    margin-top: 16px;
  }
  .bl_job.single .ly_cont_main .bl_conts .el_att {
    font-size: 24px;
  }
  .bl_job.single .ly_cont_main .bl_conts .el_att + .el_att {
    margin-top: 3px;
  }
  .bl_job.single .ly_cont_main .bl_conts * + .bl_conts_ttl,
  .bl_job.single .ly_cont_main .bl_conts * + .el_lbl {
    margin-top: 42px;
  }
  .bl_job.single .ly_cont_main .bl_conts * + .el_att {
    margin-top: 15px;
  }
  .bl_job.single .ly_cont_main .bl_singleMain_btn {
    width: 630px;
    height: 120px;
    margin: 0 auto 48px;
  }
  .bl_job.single .ly_cont_main .bl_companyInfo {
    margin: 64px auto;
  }
  .bl_job.single .ly_cont_main .bl_companyInfo_headTtl {
    margin-bottom: 24px;
    font-size: 32px;
  }
  .bl_job.single .ly_cont_main .bl_other_ttl {
    font-size: 36px;
    padding: 9px 24px 13.5px;
    margin-bottom: 36px;
  }
}
/*=======================================================
corporation
=======================================================*/
.bl_corporation.single .ly_cont_main .bl_companyInfo {
  margin: 0 auto 56px;
  background: #fff;
  border: 1px solid #299383;
}
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .bl_corporation.single .ly_cont_main .bl_companyInfo {
    margin: 0 auto 4.375vw;
    border-width: 0.078125vw;
  }
}
@media screen and (max-width: 750px) {
  .bl_corporation.single .ly_cont_main .bl_companyInfo {
    margin-bottom: 80px;
    border-width: 2px;
  }
}
/*=======================================================
faq
=======================================================*/
.bl_faq {
  /* 求人一覧とのpaddingを調整する */
  margin-top: -80px;
  padding: min(calc(24 / 1280 * 100vw), 24px) 0
    min(calc(72 / 1280 * 100vw), 72px);
}
.bl_faq_ttl {
  font-size: min(20 / 1280 * 100vw, 20px);
  font-weight: 700;
  margin-bottom: min(40 / 1280 * 100vw, 40px);
  text-align: center;
}
.bl_faq_def {
  display: grid;
  gap: min(32 / 1280 * 100vw, 32px);
}
.bl_faq_def > div {
  display: grid;
  gap: min(8 / 1280 * 100vw, 8px);
}
.bl_faq_def > div > dt {
  padding: 0 min(calc(62 / 1280 * 100vw), 62px) 0
    min(calc(16 / 1280 * 100vw), 16px);
  position: relative;
  background: #299383;
  cursor: pointer;
}
.bl_faq_def > div > dt::before {
  position: absolute;
  content: "";
  width: min(calc(30 / 1280 * 100vw), 30px);
  height: min(calc(30 / 1280 * 100vw), 30px);
  background: #fff;
  border-radius: min(calc(2 / 1280 * 100vw), 2px);
  top: 50%;
  right: min(calc(16 / 1280 * 100vw), 16px);
  transform: translateY(-50%);
}
.bl_faq_def > div > dt::after {
  position: absolute;
  content: "";
  width: min(calc(14 / 1280 * 100vw), 14px);
  height: min(calc(12 / 1280 * 100vw), 12px);
  background: url("../images/common/faq_arrow.svg") top center / contain
    no-repeat;
  top: 50%;
  right: min(calc(24 / 1280 * 100vw), 24px);
  transform: translateY(-50%) scale(1, -1);
}
.bl_faq_def > div > dt.open::after {
  transform: translateY(-50%);
}
.bl_faq_def > div > dt span {
  font-weight: 700;
  color: #fff;
  position: relative;
  padding: min(12 / 1280 * 100vw, 12px) 0 min(12 / 1280 * 100vw, 12px)
    min(48 / 1280 * 100vw, 48px);
  font-size: min(16 / 1280 * 100vw, 16px);
  display: block;
}
.bl_faq_def > div > dt span::before {
  position: absolute;
  content: "";
  width: min(calc(32 / 1280 * 100vw), 32px);
  height: min(calc(32 / 1280 * 100vw), 32px);
  background: #fff;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.bl_faq_def > div > dt span::after {
  position: absolute;
  content: "Q";
  top: 50%;
  transform: translateY(calc(-50% - 2.5px));
  left: min(calc(8 / 1280 * 100vw), 8px);
  font-size: min(calc(22 / 1280 * 100vw), 22px);
  line-height: 1.5;
  font-weight: 400;
  color: #299383;
}
.bl_faq_def > div > dd {
  font-size: min(calc(14 / 1280 * 100vw), 14px);
  padding: min(calc(5 / 1280 * 100vw), 5px) 0 0
    min(calc(64 / 1280 * 100vw), 64px);
  position: relative;
  display: block;
}
.bl_faq_def > div > dd::before {
  position: absolute;
  content: "";
  width: min(calc(32 / 1280 * 100vw), 32px);
  height: min(calc(32 / 1280 * 100vw), 32px);
  background: #fff;
  border-radius: 50%;
  top: 0;
  left: min(calc(16 / 1280 * 100vw), 16px);
  border: 1px solid #299383;
}
.bl_faq_def > div > dd::after {
  position: absolute;
  content: "A";
  top: min(calc(-2 / 1280 * 100vw), -2px);
  left: min(calc(25 / 1280 * 100vw), 25px);
  font-size: min(calc(22 / 1280 * 100vw), 22px);
  line-height: 1.5;
  font-weight: 400;
  color: #299383;
}
@media screen and (min-width: 751px) {
  .bl_faq_box {
    width: min(828 / 1280 * 100vw, 828px);
    margin-left: auto;
  }
}
@media screen and (max-width: 750px) {
  .bl_faq {
    padding: 24px 0 80px;
  }
  .bl_faq_ttl {
    font-size: 30px;
    margin-bottom: 64px;
  }
  .bl_faq_def {
    gap: 36px;
  }
  .bl_faq_def > div {
    gap: 20px;
  }
  .bl_faq_def > div > dt {
    padding: 0 70px 0 16px;
  }
  .bl_faq_def > div > dt::before {
    width: 40px;
    height: 40px;
    right: 14px;
  }
  .bl_faq_def > div > dt::after {
    width: 18px;
    height: 16px;
    right: 25px;
  }
  .bl_faq_def > div > dt span {
    font-size: 28px;
    padding: 14px 0 18px 64px;
  }
  .bl_faq_def > div > dt span::before {
    width: 48px;
    height: 48px;
  }
  .bl_faq_def > div > dt span::after {
    font-size: 33px;
    left: 12px;
  }
  .bl_faq_def > div > dd {
    padding: 0 0 0 80px;
    font-size: 24px;
  }
  .bl_faq_def > div > dd::before {
    width: 48px;
    height: 48px;
    border-width: 2px;
    left: 16px;
  }
  .bl_faq_def > div > dd::after {
    font-size: 33px;
    top: -3px;
    left: 30px;
  }
}
/*=======================================================
connection
=======================================================*/
.bl_connection {
  padding: min(24 / 1280 * 100vw, 24px) 0;
}
.bl_connection_ttl {
  font-size: min(16 / 1280 * 100vw, 16px);
  font-weight: 700;
  padding: 0 0 min(7 / 1280 * 100vw, 7px) min(16 / 1280 * 100vw, 16px);
  position: relative;
  width: 100%;
  border-bottom: 1px solid #d6bcbc;
  margin-bottom: min(24 / 1280 * 100vw, 24px);
}
.bl_connection_ttl::before {
  position: absolute;
  content: "";
  width: min(4 / 1280 * 100vw, 4px);
  height: min(24 / 1280 * 100vw, 24px);
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #d06730 0%, #299383 100%);
}
.bl_connection_jobs_wrapper {
  display: grid;
  gap: min(40 / 1280 * 100vw, 40px);
}
.bl_connection_jobs .bl_jobs_ttl {
  font-size: min(15 / 1280 * 100vw, 15px);
  margin-bottom: min(16 / 1280 * 100vw, 16px);
}
.bl_connection_jobs .bl_jobs_link_wrapper + .bl_jobs_link_wrapper {
  margin-top: min(8 / 1280 * 100vw, 8px);
}
.bl_connection_jobs .bl_jobs_link {
  display: block;
}
.bl_connection_jobs .bl_jobs_link_inner {
  line-height: calc(20 / 14);
  font-size: min(14 / 1280 * 100vw, 14px);
  color: #0000ff;
  position: relative;
  display: inline-block;
  text-decoration: underline;
  max-width: min(828 / 1280 * 100vw, 828px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bl_connection_jobs .bl_jobs_link.--new .bl_jobs_link_inner {
  padding-right: min(60 / 1280 * 100vw, 60px);
}
.bl_connection_jobs .bl_jobs_link.--new .bl_jobs_link_inner::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "NEW";
  flex: 1;
  background: #299383;
  padding: 0 min(6 / 1280 * 100vw, 6px) min(1 / 1280 * 100vw, 1px);
  font-size: min(12 / 1280 * 100vw, 12px);
  color: #fff;
  line-height: calc(20 / 14);
}
@media screen and (min-width: 751px) {
  .bl_connection .ly_cont_inner {
    width: min(828 / 1280 * 100vw, 828px);
  }
}
@media screen and (max-width: 750px) {
  .bl_connection {
    padding: 64px 0;
  }
  .bl_connection_ttl {
    font-size: 32px;
    padding: 0 0 14px 28px;
    border-width: 2px;
    margin-bottom: 36px;
  }
  .bl_connection_ttl::before {
    width: 8px;
    height: calc(100% - 12px);
  }
  .bl_connection_jobs_wrapper {
    gap: 64px;
  }
  .bl_connection_jobs .bl_jobs_ttl {
    font-size: 26px;
    margin-bottom: 24px;
  }
  .bl_connection_jobs .bl_jobs_link_wrapper + .bl_jobs_link_wrapper {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #d6bcbc;
  }
  .bl_connection_jobs .bl_jobs_link_inner {
    display: initial;
    text-decoration: none;
    font-size: 24px;
    width: 100%;
    white-space: initial;
    text-overflow: initial;
  }
  .bl_connection_jobs .bl_jobs_link.--new .bl_jobs_link_inner::after {
    right: -55px;
    padding: 0 9px 3px;
    font-size: 20px;
  }
}
