@charset "UTF-8";
/*=======================================================
共通
=======================================================*/
.bl_breadcrumbs {
  margin-bottom: min(calc(40 / 1280 * 100vw), 40px);
}
@media screen and (max-width: 750px) {
  .bl_breadcrumbs {
    margin-bottom: 64px;
  }
}
.ly_head,
.ly_foot {
  font-size: min(14 / 1280 * 100vw, 14px);
  line-height: calc(20 / 14);
}

@media screen and (max-width: 750px) {
  .ly_head,
  .ly_foot {
    font-size: 24px;
    line-height: calc(35 / 24);
  }
}
/*=======================================================
company
=======================================================*/
.bl_company {
  padding-bottom: min(56 / 1256 * 100vw, 80px);
  background: #f3f4f4;
}
.bl_company .el_sec_mainTtl {
  font-size: min(32 / 1280 * 100vw, 32px);
  margin-bottom: min(40 / 1280 * 100vw, 40px);
}
.bl_company_conts {
  padding: min(40 / 1280 * 100vw, 40px) min(56 / 1280 * 100vw, 56px);
  background: #fff;
}
.bl_company_conts .bl_conts_list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: min(40 / 1280 * 100vw, 40px);
  gap: min(16 / 1280 * 100vw, 16px) min(40 / 1280 * 100vw, 40px);
}
.bl_company_conts .bl_conts_item {
  width: calc((100% - min(40 / 1280 * 100vw, 40px)) / 2);
}
.bl_company_conts .bl_conts_item > a {
  text-decoration: underline;
}
.bl_company_conts .bl_conts_btn {
  width: min(calc(300 / 1280 * 100vw), 300px);
  height: min(calc(48 / 1280 * 100vw), 48px);
  border-radius: min(calc(2 / 1280 * 100vw), 2px);
  box-shadow: 0px min(calc(6 / 1280 * 100vw), 6px) 0px #ce5339;
}
.bl_company_conts .bl_conts_btn::after {
  position: absolute;
  content: "";
  background: url("../images/company/company_conts_btn_arrow.svg") top center /
    contain no-repeat;
  top: 50%;
  right: min(calc(16 / 1280 * 100vw), 16px);
  width: min(calc(13 / 1280 * 100vw), 13px);
  height: min(calc(8 / 1280 * 100vw), 8px);
  transform: translateY(-50%);
}
.bl_company_conts .bl_conts_btn.close::after {
  transform: translateY(-50%) scale(1, -1);
}
@media only screen and (min-device-width: 1025px) {
  .bl_company_conts .bl_conts_btn:hover {
    transform: translateY(6px);
    box-shadow: none;
  }
}
@media screen and (max-width: 750px) {
  .bl_company {
    padding-bottom: 80px;
  }
  .bl_company .el_sec_mainTtl {
    font-size: 44px;
    margin-bottom: 48px;
  }
  .bl_company_conts {
    padding: 40px 32px 48px;
  }
  .bl_company_conts .bl_conts_list {
    margin-bottom: 64px;
    gap: 24px 40px;
  }
  .bl_company_conts .bl_conts_item {
    width: calc((100% - 40px) / 2);
  }
  .bl_company_conts .bl_conts_btn {
    width: 450px;
    height: 72px;
    border-radius: 3px;
    box-shadow: 0px 8px 0px #ce5339;
  }
  .bl_company_conts .bl_conts_btn::after {
    right: 24px;
    width: 19.5px;
    height: 12px;
  }
}