@charset "UTF-8";
/**
  画像トリミング
*/
/*
* job_category.css
*
*/
.un_job-category {
  --_section-skew-h: 25px;
  --_hover-in-duration: 0.3s;
  --_hover-out-duration: 0.25s;
  --_hover-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (min-width: 768px) {
  .un_job-category {
    --_section-skew-h: 100px;
  }
}

.un_job-category_kvImg > span {
  background-image: url("/recruit/assets/img/job_category/category_kv_img.jpg");
}

.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_ttl {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .un_lead_ttl {
    font-size: 2rem;
  }
}

.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_lead_body {
  position: relative;
  z-index: var(--bb-recruit-lower-zIndex);
  padding: 4.375rem 0 4.375rem;
  text-align: center;

  margin-block-start: 3.5rem;
}
@media (min-width: 768px) {
  .un_lead_body {
    padding: 7.75rem 0 7.125rem;

    margin-block-start: 2rem;
  }
}

.un_lead_bg {
  position: absolute;
  background: url("/recruit/assets/img/job_category/lead_bg_img_sm.webp") no-repeat left calc(50% + 38vw) top 50%/auto 100%;

  inset: 0;
  clip-path: polygon(0% var(--_section-skew-h), 100% 0, 100% calc(100% - var(--_section-skew-h)), 0% 100%);
}
@media screen and (min-width: 500px) {
  .un_lead_bg {
    background: url("/recruit/assets/img/job_category/lead_bg_img_sm.webp") no-repeat left 50% top 50%/auto 100%;
  }
}
@media (min-width: 768px) {
  .un_lead_bg {
    background: url("/recruit/assets/img/job_category/lead_bg_img_lg.webp") no-repeat center/cover;

    clip-path: polygon(0% var(--_section-skew-h), 100% 0, 100% calc(100% - var(--_section-skew-h)), 0% 100%);
    mix-blend-mode: multiply;
  }
}

.un_lead_imgBlock {
  position: relative;
  z-index: 10;
  width: 100%;

  aspect-ratio: 311/865;
}
.un_lead_imgBlock img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .un_lead_imgBlock {
    aspect-ratio: 1200/718;
  }
}

.un_lead_img-main {
  position: absolute;
  top: 50.4%;
  left: 50%;
  width: 73.63%;

  translate: -50% -50%;
}
@media (min-width: 768px) {
  .un_lead_img-main {
    top: 46%;
    left: 50%;
    width: 58.16%;
  }
}
@media (min-width: 1024px) {
  .un_lead_img-main {
    top: 48%;
  }
}

.un_lead_imgList {
  display: grid;
  position: relative;

  grid-template-areas: "img01 img01" "img02 img03";
}
@media (min-width: 768px) {
  .un_lead_imgList {
    display: flex;
    right: -2.2%;
  }
}

.un_lead_imgTtl {
  opacity: 0;
  margin-bottom: 7%;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .un_lead_imgTtl {
    margin-bottom: 3.45%;
    width: 72.35%;
  }
}
@media (min-width: 1024px) {
  .un_lead_imgTtl {
    margin-bottom: 4.45%;
  }
}

.un_lead_img {
  opacity: 0;
  position: relative;
}
.un_lead_img__01 {
  grid-area: img01;
}
@media (max-width: 767.98px) {
  .un_lead_img__01 {
    right: -20%;
    width: 76%;
  }
}
@media (min-width: 768px) {
  .un_lead_img__01 {
    margin-right: 2%;
  }
}
.un_lead_img__02 {
  grid-area: img02;
}
@media (max-width: 767.98px) {
  .un_lead_img__02 {
    top: -15%;
    left: -33%;
    width: 131%;
  }
}
@media (min-width: 768px) {
  .un_lead_img__02 {
    margin-right: 0.57%;
  }
}
.un_lead_img__03 {
  grid-area: img03;
}
@media (max-width: 767.98px) {
  .un_lead_img__03 {
    top: -15%;
    left: -3%;
    width: 140%;
  }
}

.un_lead_img-category {
  opacity: 0;
  position: absolute;
  width: 28.94%;

  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .un_lead_img-category {
    width: 12.5%;
  }
}
.un_lead_img-category__01 {
  top: 2.8%;
  left: 4.34%;

  translate: 0 0;
}
@media (min-width: 768px) {
  .un_lead_img-category__01 {
    top: 0;
    left: 50%;

    translate: -50% 0;
  }
}
.un_lead_img-category__02 {
  top: 0;
  left: 49.5%;

  translate: -50% 0;
}
@media (min-width: 768px) {
  .un_lead_img-category__02 {
    top: 2.8%;
    left: 68%;

    translate: -50% 0;
  }
}
.un_lead_img-category__03 {
  top: 2.8%;
  right: 4.9%;

  translate: 0 0;
}
@media (min-width: 768px) {
  .un_lead_img-category__03 {
    top: 11.8%;
    right: auto;
    left: 85.45%;

    translate: -50% 0;
  }
}
.un_lead_img-category__04 {
  top: 13.86%;
  left: 4.34%;

  translate: 0 0;
}
@media (min-width: 768px) {
  .un_lead_img-category__04 {
    top: 48.5%;
    right: 0;
    left: auto;

    translate: 0 -50%;
  }
}
.un_lead_img-category__05 {
  top: 10.9%;
  left: 49.5%;

  translate: -50% 0;
}
@media (min-width: 768px) {
  .un_lead_img-category__05 {
    top: auto;
    bottom: 14.6%;
    left: 85.45%;

    translate: -50% 0;
  }
}
.un_lead_img-category__06 {
  top: 13.86%;
  right: 4.9%;

  translate: 0 0;
}
@media (min-width: 768px) {
  .un_lead_img-category__06 {
    top: auto;
    right: auto;
    bottom: 5.7%;
    left: 68%;

    translate: -50% 0;
  }
}
.un_lead_img-category__07 {
  bottom: 13.86%;
  left: 4.34%;

  translate: 0 0;
}
@media (min-width: 768px) {
  .un_lead_img-category__07 {
    bottom: 0;
    left: 50%;

    translate: -50% 0;
  }
}
.un_lead_img-category__08 {
  bottom: 10.9%;
  left: 49.5%;

  translate: -50% 0;
}
@media (min-width: 768px) {
  .un_lead_img-category__08 {
    right: 68%;
    bottom: 5.7%;
    left: auto;

    translate: 50% 0;
  }
}
.un_lead_img-category__09 {
  right: 4.9%;
  bottom: 13.86%;

  translate: 0 0;
}
@media (min-width: 768px) {
  .un_lead_img-category__09 {
    right: 85.45%;
    bottom: 14.6%;

    translate: 50% 0;
  }
}
.un_lead_img-category__10 {
  bottom: 2.8%;
  left: 4.34%;

  translate: 0 0;
}
@media (min-width: 768px) {
  .un_lead_img-category__10 {
    top: 48.5%;
    bottom: auto;
    left: 0;

    translate: 0 -50%;
  }
}
.un_lead_img-category__11 {
  bottom: 0;
  left: 49.5%;

  translate: -50% 0;
}
@media (min-width: 768px) {
  .un_lead_img-category__11 {
    top: 11.8%;
    right: 85.45%;
    bottom: auto;
    left: auto;

    translate: 50% 0;
  }
}
.un_lead_img-category__12 {
  right: 4.9%;
  bottom: 2.8%;

  translate: 0 0;
}
@media (min-width: 768px) {
  .un_lead_img-category__12 {
    top: 2.8%;
    right: 68%;
    bottom: auto;

    translate: 50% 0;
  }
}

.un_job-category_body {
  background-color: var(--bb-recruit-bg-color-white);

  margin-block-start: calc(-1 * var(--_section-skew-h));
  padding-block: 6.5625rem 7.5rem;
}
@media (min-width: 768px) {
  .un_job-category_body {
    padding-block: 11.25rem 7.5rem;
  }
}

.un_job-category_section {
  padding-block-start: 3.5rem;
}
@media (min-width: 768px) {
  .un_job-category_section {
    margin-block-start: 1.25rem;
    padding-block-start: 5.625rem;
  }
}
@media (min-width: 768px) {
  .un_job-category_section + .un_job-category_section {
    margin-block-start: 3.5rem;
  }
}

.un_job-category_sectionHeading {
  margin-block-end: 0.5rem;
}
@media (min-width: 768px) {
  .un_job-category_sectionHeading {
    margin-block-end: 0.75rem;
  }
}

@media (min-width: 768px) {
  .un_job-category_sectionHeading_txt {
    margin-block-start: calc((1em - 1lh) / 2);
  }
}

.un_job-category_sectionHeading_txt-en {
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.3;

  padding-inline-start: 0.125rem;
}
@media (min-width: 768px) {
  .un_job-category_sectionHeading_txt-en {
    font-size: 0.75rem;
  }
}

.un_job-category_sectionCopy {
  word-break: keep-all;
}

.un_job-category_grid-2col {
  max-width: 73.75rem;

  --_imgGrid-aspect-width: 350;
  --_imgGrid-aspect-height: 493;
  --_imgGrid-width: min(34.1796875vw, 21.875rem);
}
.un_job-category_grid-2col .ly_grid-2col_img.ly_grid-2col_img__sticky .ly_grid-2col_imgInner {
  width: auto;
}
@media (min-width: 768px) {
  .un_job-category_grid-2col .ly_grid-2col_imgInner {
    margin-inline-end: -2.5rem;
  }
}
@media (min-width: 1024px) {
  .un_job-category_grid-2col .ly_grid-2col_imgInner {
    margin-inline-end: 0;
  }
}
@media (min-width: 768px) {
  .un_job-category_grid-2col .ly_grid-2col_imgInner img {
    height: auto;

    -o-object-fit: contain;

       object-fit: contain;
  }
}
@media (min-width: 1024px) {
  .un_job-category_grid-2col .ly_grid-2col_imgInner img {
    width: 30.8125rem;
    max-width: none;
  }
}

@media (min-width: 768px) {
  .un_job-category_sectionCont {
    margin-block-start: 1.25rem;
  }
}

.un_job-category_sectionCont_name {
  font-size: 1.25rem;
  line-height: 1.5;

  margin-block-end: 0.625rem;
}
@media (min-width: 768px) {
  .un_job-category_sectionCont_name {
    font-size: 1.125rem;

    margin-block-end: 0.375rem;
  }
}
@media (min-width: 768px) {
  .un_job-category_sectionCont_name.un_job-category_sectionCont_name__lg {
    font-size: 1.5rem;
  }
}

.un_job-category_sectionCont_boxList {
  margin-block-start: 1.5rem;
}
@media (min-width: 768px) {
  .un_job-category_sectionCont_boxList {
    margin-block-start: 2.5rem;
  }
}

.un_job-category_sectionCont_txt {
  line-height: 1.6;
}
@media (min-width: 768px) {
  .un_job-category_sectionCont_txt {
    line-height: 1.8;
  }
}

.un_job-category_sectionCont_box {
  padding: 1.6875rem 1.5rem 1.5rem;
  background-color: var(--bb-recruit-bg-color);
}
@media (min-width: 768px) {
  .un_job-category_sectionCont_box {
    padding: 2rem 1.75rem 1.75rem;
  }
}
.un_job-category_sectionCont_box + .un_job-category_sectionCont_box {
  margin-block-start: 0.75rem;
}
@media (min-width: 768px) {
  .un_job-category_sectionCont_box + .un_job-category_sectionCont_box {
    margin-block-start: 1rem;
  }
}

.un_job-category_sectionCont_boxTxt {
  line-height: 1.8;
}

.un_job-category_sectionCont_boxTtl {
  margin-block-end: 0.5625rem;
}

.un_job-category_sectionCont_link {
  margin-block-start: 2.25rem;
}
@media (min-width: 768px) {
  .un_job-category_sectionCont_link {
    margin-block-start: 2.5rem;
  }
}
@media (min-width: 768px) {
  .un_job-category_sectionCont_link::before {
    transform-origin: left;
  }
}
@media (min-width: 768px) {
  .un_job-category_sectionCont_link:focus-visible::before {
    transition: scale var(--_hover-in-duration) var(--_hover-ease);

    scale: 1.05 1;
  }
  .un_job-category_sectionCont_link:focus-visible::after {
    transition: translate var(--_hover-in-duration) var(--_hover-ease);

    translate: 0.25rem 0;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .un_job-category_sectionCont_link:hover::before {
    transition: scale var(--_hover-in-duration) var(--_hover-ease);

    scale: 1.05 1;
  }
  .un_job-category_sectionCont_link:hover::after {
    transition: translate var(--_hover-in-duration) var(--_hover-ease);

    translate: 0.25rem 0;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .un_job-category_sectionCont_link:hover::before {
    transition: scale var(--_hover-in-duration) var(--_hover-ease);

    scale: 1.05 1;
  }
  .un_job-category_sectionCont_link:hover::after {
    transition: translate var(--_hover-in-duration) var(--_hover-ease);

    translate: 0.25rem 0;
  }
}

.un_job-category_figureCont {
  --_padding-inline: 1.5rem;
  margin-block-start: 1.75rem;
}
@media (min-width: 768px) {
  .un_job-category_figureCont {
    margin-block-start: 3.125rem;
  }
}
@media (max-width: 767.98px) {
  .un_job-category_figureCont {
    margin-block-start: 2.5rem;
  }
}

.un_job-category_figureCont_ttl {
  margin-block-end: 0.625rem;
}
@media (max-width: 767.98px) {
  .un_job-category_figureCont_ttl {
    padding-inline: var(--_padding-inline);
  }
}

.un_job-category_figure {
  padding-block-end: 1rem;
}
.un_job-category_figure .os-scrollbar {
  --os-size: 7px;
  --os-handle-border-radius: 0;
  --os-track-border-radius: 0;
  --os-handle-bg-hover: var(--bb-recruit-color-scrollbar-gray);
  --os-handle-bg-active: var(--bb-recruit-color-scrollbar-gray);
  --os-track-bg-hover: var(--bb-recruit-bg-color);
  --os-track-bg-active: var(--bb-recruit-bg-color);
}
.un_job-category_figure .os-scrollbar.os-scrollbar-horizontal {
  padding-inline: var(--_padding-inline);
}
.un_job-category_figure .os-scrollbar.os-scrollbar-vertical {
  display: none;
}
.un_job-category_figure .os-scrollbar-track {
  border-radius: 0;
  background-color: var(--bb-recruit-bg-color);
}
.un_job-category_figure .os-scrollbar-handle {
  background-color: var(--bb-recruit-color-scrollbar-gray);
}
@media (max-width: 767.98px) {
  .un_job-category_figure {
    overflow-x: auto;
  }
}

@media (max-width: 767.98px) {
  .un_job-category_figureCont_img {
    width: calc(208.8888888889vw + var(--_padding-inline) * 2);

    padding-inline: var(--_padding-inline);
  }
}