@charset "UTF-8";
/**
  画像トリミング
*/
/*
* job_careermodel.css
*
*/
@media (min-width: 768px) {
  .ly_grid-2col_img.ly_grid-2col_img__sticky .ly_grid-2col_imgInner {
    position: static;
    top: 0;
  }
}

.un_job-careermodel {
  --_section-skew-h: 25px;
}
@media (min-width: 768px) {
  .un_job-careermodel {
    --_section-skew-h: 100px;
  }
}

.un_job-careermodel_kvImg > span {
  background-image: url("/recruit/assets/img/job_careermodel/careermodel_kv_img.webp");
}

.un_lead {
  padding-block-start: 3.5rem;
}
@media (min-width: 768px) {
  .un_lead {
    padding-block-start: 6.25rem;
  }
}

.un_lead_ttlBlock {
  text-align: center;

  padding-inline: 1.125rem;
}
@media (min-width: 768px) {
  .un_lead_ttlBlock {
    padding-inline: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .un_lead_ttlBlock {
    padding-inline: 5rem;
  }
}

.un_lead_txt {
  line-height: 1.7;
}
@media (min-width: 768px) {
  .un_lead_txt {
    line-height: 1.8;
  }
}
.un_lead_txt:is(.un_lead_ttl + *) {
  margin-block-start: 2rem;
}

.un_job-careermodel_body {
  position: relative;

  margin-block-start: 2rem;
  padding-block: calc(3.125rem + var(--_section-skew-h)) 7.5rem;
}
@media (min-width: 768px) {
  .un_job-careermodel_body {
    margin-block-start: 2.5rem;
    padding-block: calc(5rem + var(--_section-skew-h)) 7.5rem;
  }
}

.un_job-careermodel_bg {
  position: absolute;
  background-color: var(--bb-recruit-bg-color-white);

  inset: 0;
  clip-path: polygon(0% var(--_section-skew-h), 100% 0%, 100% 100%, 0% 100%);
}
@media (min-width: 768px) {
  .un_job-careermodel_bg {
    padding-block: 5rem 7.5rem;
    clip-path: polygon(0% var(--_section-skew-h), 100% 0%, 100% 100%, 0% 100%);
  }
}

.un_job-careermodel_section {
  position: relative;
  z-index: var(--bb-recruit-lower-zIndex);

  padding-block-start: 3.25rem;
}
@media (min-width: 768px) {
  .un_job-careermodel_section {
    padding-block-start: 6.25rem;
  }
}
.un_job-careermodel_section + .un_job-careermodel_section {
  padding-block-start: 2.5rem;
}
@media (min-width: 768px) {
  .un_job-careermodel_section + .un_job-careermodel_section {
    padding-block-start: 5rem;
  }
}

.un_job-careermodel_sectionBody {
  padding-block-start: 6.25rem;
  margin-block-start: calc(-1 * 6.25rem);
}
@media (min-width: 768px) {
  .un_job-careermodel_sectionBody {
    padding-block-start: 7.5rem;
    margin-block-start: calc(-1 * 7.5rem);
  }
}

.un_job-careermodel_sectionHeading {
  word-break: keep-all;

  margin-block-end: 1.875rem;
}
@media (min-width: 768px) {
  .un_job-careermodel_sectionHeading {
    margin-block-end: 3rem;
  }
}

.un_job-careermodel_sectionHeading_icon {
  display: block;
  width: 3.75rem;
  height: 3.75rem;
}
@media (min-width: 768px) {
  .un_job-careermodel_sectionHeading_icon {
    width: 6.75rem;
    height: 6.75rem;

    margin-block-end: 0;
  }
}

.un_job-careermodel_sectionHeading_txt {
  word-break: keep-all;

  margin-block: calc((1em - 1lh) / 2);
}

.un_job-careermodel_sectionHeading_txt-sub {
  font-size: 1rem;
  font-weight: 600;
}
@media (min-width: 768px) {
  .un_job-careermodel_sectionHeading_txt-sub {
    font-size: 1.5rem;
  }
}
.un_job-careermodel_sectionHeading_txt-sub:is(.un_job-careermodel_sectionHeading_txt + *) {
  margin-block-start: 0.875rem;
}
@media (min-width: 768px) {
  .un_job-careermodel_sectionHeading_txt-sub:is(.un_job-careermodel_sectionHeading_txt + *) {
    margin-block-start: 0.75rem;
  }
}

.un_job-careermodel_grid-2col {
  --_imgGrid-aspect-width: 310;
  --_imgGrid-aspect-height: 310;
  --_imgGrid-width: min(30.2734375vw, 19.375rem);
  --_grid-gap: 2.5rem;
}

.un_job-careermodel_careerDesc_cont {
  padding-inline-start: 0.5rem;
}
@media (min-width: 768px) {
  .un_job-careermodel_careerDesc_cont {
    padding-inline-start: 0;
  }
}

.un_job-careermodel_careerDesc_contTxt_block {
  margin-block-start: 0.375rem;
}
.un_job-careermodel_careerDesc_list {
  display: grid;

  --_grid-gap: 2.75rem;
  gap: var(--_grid-gap);
}
@media (min-width: 1024px) {
  .un_job-careermodel_careerDesc_list {
    --_grid-gap: 1.5rem;
  }
}

.un_job-careermodel_careerDesc_contNote {
  margin-block-start: 0.5rem;
}

.un_job-careermodel_careerDesc {
  display: flex;
  flex-direction: column;
  position: relative;

  --_desc-gap: 0.75rem;
  --_term-size: 7.5rem;
  gap: var(--_desc-gap);
}
@media (min-width: 1024px) {
  .un_job-careermodel_careerDesc {
    flex-direction: row;

    --_desc-gap: 1.5rem;
  }
}
.un_job-careermodel_careerDesc::before {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(-1 * var(--_desc-gap) / 2 - 0.3125rem);
  left: calc(var(--_term-size) / 2 - 0.0625rem);
  width: 0.125rem;
  height: 1.5rem;
  background: linear-gradient(to bottom, var(--bb-recruit-color-gold-light), var(--bb-recruit-color-gold-light));

  translate: 0 100%;
}
@media (min-width: 1024px) {
  .un_job-careermodel_careerDesc::before {
    top: 0;
    left: calc(var(--_term-size) / 2 - 0.0625rem);
    width: 0.125rem;
    height: calc(100% + var(--_desc-gap));

    translate: 0 0;
  }
}
@media (max-width: 1023.98px) {
  .un_job-careermodel_careerDesc:last-of-type::before {
    height: 2.5rem;
    background: linear-gradient(to bottom, var(--bb-recruit-color-gold-light) 0, var(--bb-recruit-color-gold-light) 0.25rem, transparent 0.25rem, transparent 100%);
    background-repeat: repeat-y;
    background-position: left top;
    background-size: 0.125rem 0.5rem;
  }
}
@media (min-width: 1024px) {
  .un_job-careermodel_careerDesc:last-of-type::before {
    height: 100%;
  }
}
.un_job-careermodel_careerDesc::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: calc(var(--_term-size) / 2 - 0.0625rem);
  width: 0.125rem;
  height: 3.75rem;
  background: linear-gradient(to bottom, var(--bb-recruit-color-gold-light) 0, var(--bb-recruit-color-gold-light) 0.25rem, transparent 0.25rem, transparent 100%);
  background-repeat: repeat-y;
  background-position: left top;
  background-size: 0.125rem 0.5rem;

  translate: 0 100%;
}
@media (max-width: 1023.98px) {
  .un_job-careermodel_careerDesc::after {
    display: none;
  }
}

.un_job-careermodel_careerDesc_term {
  display: inline-grid;
  align-self: start;
  padding: 0 var(--_tag-skew-h) 0.125rem;
  min-width: var(--_term-size);
  min-height: 2.125rem;
  background-color: var(--bb-recruit-bg-color-white);

  --_tag-skew-h: 10px;
  place-content: center;
  clip-path: polygon(var(--_tag-skew-h) 0%, 100% 0%, 100% calc(100% - var(--_tag-skew-h)), calc(100% - var(--_tag-skew-h)) 100%, 0% 100%, 0% var(--_tag-skew-h));
}
@media (min-width: 1024px) {
  .un_job-careermodel_careerDesc_term {
    align-self: flex-start;
    flex-shrink: 0;
  }
}

.un_job-careermodel_careerDesc_contName {
  font-weight: 600;

  margin-block-start: calc((1em - 1lh) / 2);
}

.un_job-careermodel_careerBox {
  padding: 1.5rem;
  background-color: var(--bb-recruit-bg-color-white);

  --_box-skew-h: 30px;
  margin-block-start: 3.125rem;
  clip-path: polygon(var(--_box-skew-h) 0%, 100% 0%, 100% calc(100% - var(--_box-skew-h)), calc(100% - var(--_box-skew-h)) 100%, 0% 100%, 0% var(--_box-skew-h));
}
@media (min-width: 1024px) {
  .un_job-careermodel_careerBox {
    margin-block-start: 2.5rem;
  }
}

.un_job-careermodel_careerBox_ttl {
  margin-block-end: 0.375rem;
}

.un_job-careermodel_careerLink_wrapper {
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .un_job-careermodel_careerLink_wrapper {
    justify-content: flex-start;
  }
}

.un_job-careermodel_careerLink {
  margin-block-start: 2.625rem;
}