@charset "UTF-8";
/**
  画像トリミング
*/
/*
* info_category.css
*
*/
.ly_careers_wrapper {
  display: none;
}

.un_info-category {
  --_section-skew-h: 25px;
  --_anchor-skew-h: 12px;
  --_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_info-category {
    --_section-skew-h: 100px;
  }
}

@media (min-width: 768px) {
  .bl_lv3Kv_container {
    margin-top: 2.75rem;
  }
}

.bl_lv3KvHeading_txt::before {
  display: none;
}

.bl_lv3KvHeading_txtEn {
  display: none;
}

.bl_entryList {
  display: flex;
  flex-direction: column;
  margin: 2.5rem 0 5.625rem;

  gap: 1.5rem;
}
@media (min-width: 768px) {
  .bl_entryList {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 3.125rem 0 11.875rem;

    gap: 1.5rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
  .bl_entryList {
    justify-content: flex-start;

    gap: 1.5rem;
  }
}

.bl_entry {
  position: relative;
  padding: 1.875rem 2.375rem 2.5rem;
}
@media (min-width: 768px) {
  .bl_entry {
    box-sizing: border-box;
    padding: 3.125rem 2.5rem 2.5rem 3.125rem;
  }
}
.bl_entry::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0.625rem;
  left: 0.625rem;
  width: calc(100% - 0.625rem);
  height: calc(100% - 0.625rem);
  background: var(--bb-recruit-color-white);

  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0% 100%, 0% 0%);
}
@media (min-width: 768px) {
  .bl_entry::before {
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 70px), calc(100% - 70px) 100%, 0% 100%, 0% 0%);
  }
}
.bl_entry::after {
  content: "";
  position: absolute;
  top: -0.375rem;
  left: -1.75rem;
  border-style: solid;
  border-top: 0;
  border-right: 2.75rem solid transparent;
  border-bottom: 2.75rem solid #e2cea1;
  border-left: 2.75rem solid transparent;
  width: 0;
  height: 0;
  transform: rotate(-45deg);
  pointer-events: none;
}
@media (min-width: 768px) {
  .bl_entry::after {
    top: -0.625rem;
    left: -2.6875rem;
    border-right: 4rem solid transparent;
    border-bottom: 4rem solid #e2cea1;
    border-left: 4rem solid transparent;
  }
}
@media (min-width: 768px) {
  .bl_entry .bl_entry_title {
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) {
  .bl_entry:first-of-type {
    display: grid;
    width: 100%;

    grid-template-areas: "entry-title entry-title" "entry-box-1 entry-box-2";
  }
  .bl_entry:first-of-type .bl_entry_title {
    width: 100%;

    grid-area: entry-title;
  }
  .bl_entry:first-of-type .bl_entry_box {
    margin-top: 1rem;
  }
  .bl_entry:first-of-type .bl_entry_box:first-of-type {
    margin-left: -1.25rem;

    grid-area: entry-box-1;
    justify-self: end;
  }
  .bl_entry:first-of-type .bl_entry_box:last-of-type {
    grid-area: entry-box-2;
  }
}
@media (min-width: 1024px) {
  .bl_entry:first-of-type {
    display: flex;
  }
  .bl_entry:first-of-type .bl_entry_title {
    width: min(21.5277777778vw, 19.375rem);
  }
  .bl_entry:first-of-type .bl_entry_box {
    margin-top: 0;
  }
  .bl_entry:first-of-type .bl_entry_box:first-of-type {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .bl_entry:nth-child(n+2) {
    display: flex;
    flex-direction: column;
    width: 31%;
    min-width: 18.75rem;
  }
  .bl_entry:nth-child(n+2) > p {
    margin-top: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
  .bl_entry:nth-child(n+2) {
    width: 48%;
  }
}

@media (min-width: 768px) {
  .bl_entry_box {
    width: 12.5rem;
    min-width: 12.5rem;
  }
}
.bl_entry_box + .bl_entry_box {
  margin: 2.5rem -0.625rem 0;
  padding: 1.875rem 0.625rem 0;
  border-top: 0.125rem solid var(--bb-recruit-color-gray-lighter);
}
@media (min-width: 768px) {
  .bl_entry_box + .bl_entry_box {
    box-sizing: content-box;
    margin: 0 0 0 2.5rem;
    padding: 0 0 0 2.5rem;
    border-top: none;
    border-left: 0.125rem solid var(--bb-recruit-color-gray-lighter);
  }
}
.bl_entry_box .bl_entry_btn {
  margin-top: 1.1875rem;
}
@media (min-width: 768px) {
  .bl_entry_box .bl_entry_btn {
    margin-top: 1rem;
  }
}

.bl_entry_stit {
  margin-top: 0.625rem;
  text-align: center;
}

.bl_entry_btn {
  display: block;
  position: relative;
  margin-top: 1.5rem;
  padding: 0.9375rem;
  animation: ankerSkewOut 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) both;
  background: var(--bb-recruit-color-gold-dark);
  text-align: center;
  color: var(--bb-recruit-color-white);
}
@media (min-width: 768px) {
  .bl_entry_btn {
    margin: 1.25rem auto 0;
    width: 12.5rem;
  }
}
@media (min-width: 768px) {
  .bl_entry_btn:focus-visible {
    animation: ankerSkewHover 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
    color: var(--bb-recruit-color-white);
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .bl_entry_btn:hover {
    animation: ankerSkewHover 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
    color: var(--bb-recruit-color-white);
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .bl_entry_btn:hover {
    animation: ankerSkewHover 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
    color: var(--bb-recruit-color-white);
  }
}
.bl_entry_btn:active,
.bl_entry_btn:visited {
  color: var(--bb-recruit-color-white);
}
.bl_entry_btn[target=_blank]::after {
  content: "";
  position: absolute;
  top: 0;
  right: 1.25rem;
  bottom: 0;
  margin: auto;
  width: 1rem;
  height: 1rem;
  background: url(/recruit/assets/img/common/icon_blank.svg) no-repeat 0 0/contain;
}

.bl_entry_link {
  display: block;
  padding: 1.25rem 0 1.0625rem;
  border-bottom: 0.125rem solid var(--bb-recruit-color-black);
  transition: margin-inline 0.3s var(--_hover-ease);
  text-align: center;
}
@media (min-width: 768px) {
  .bl_entry_link:focus-visible {
    margin-inline: -0.625rem;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .bl_entry_link:hover {
    margin-inline: -0.625rem;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .bl_entry_link:hover {
    margin-inline: -0.625rem;
  }
}
.bl_entry_link span {
  position: relative;
  padding-right: 1.875rem;
}
.bl_entry_link[target=_blank] span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1rem;
  height: 1rem;
  background: url(/recruit/assets/img/common/icon_blank_red.svg) no-repeat 0 0/contain;
}

.bl_entry_cominsoon {
  margin-top: 1.1875rem;
}
.bl_entry_cominsoon img {
  width: 100%;
}

.bl_anchorList {
  padding-block-start: 2.5rem;
}
@media (min-width: 768px) {
  .bl_anchorList {
    padding-block-start: 3rem;
    gap: 1.5rem;
  }
}

.un_info-category_body {
  position: relative;
  z-index: var(--bb-recruit-stacking-careers);

  padding-block-end: 6.9926811944vw;
  margin-block-start: 6.9926811944vw;
}
.un_info-category_body::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--bb-recruit-bg-color-white);

  aspect-ratio: 1440/100;
  clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
  translate: 0 -99%;
}
.un_info-category_body::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 6.9926811944vw;
  left: 0;
  width: 100%;
  height: 6.9926811944vw;
  background-color: var(--bb-recruit-bg-color-white);

  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  translate: 0 98%;
}

.un_info-category_body_inner {
  position: relative;
  z-index: 2;
  min-height: 12.5rem;
  background-color: var(--bb-recruit-bg-color-white);

  padding-block: 2.5rem 5rem;
}
@media (min-width: 768px) {
  .un_info-category_body_inner {
    padding-block: 5rem 7.5rem;
  }
}

.job-summary_title {
  color: var(--bb-recruit-color-gold-dark);
  font-family: var(--bb-recruit-font-family-mincho);
}
.job-summary_title::before,
.job-summary_title::after {
  content: "";
  display: block;

  inline-size: 0;
  block-size: 1px;
}
.job-summary_title::before {
  margin-block-end: calc((1 - 1.5) * 0.5em);
}
.job-summary_title::after {
  margin-block-start: calc((1 - 1.5) * 0.5em);
}
@media (min-width: 768px) {
  .job-summary_title {
    min-width: 11.4375rem;
  }
}

.bl_table_wrap {
  padding-block-start: 3.5rem;
}
@media (min-width: 768px) {
  .bl_table_wrap {
    display: flex;
    flex-wrap: wrap;

    padding-block-start: 6.25rem;
    gap: 2rem 1.5rem;
  }
}

.bl_table {
  border-bottom: 1px solid var(--bb-recruit-color-gray);

  margin-block-start: 1rem;
}
@media (min-width: 768px) {
  .bl_table {
    width: calc(100% - 12.9375rem);

    margin-block-start: 0;
  }
}

.bl_table_head {
  display: block;
  padding: 0.875rem;
  border-top: 1px solid var(--bb-recruit-color-gray);
  background: var(--bb-recruit-bg-color);
  font-weight: normal;
}
@media (min-width: 768px) {
  .bl_table_head {
    display: table-cell;
    padding: 1.5rem;
    width: 21%;
    min-width: 7.5rem;
    text-align: left;
    vertical-align: top;
  }
}

.bl_table_body {
  display: block;
  font-size: 0.875rem;

  padding-block: 0.875rem 2rem;
}
@media (min-width: 768px) {
  .bl_table_body {
    display: table-cell;
    padding: 1.5rem;
    border-top: 1px solid var(--bb-recruit-color-gray);
    font-size: 1rem;
  }
}
.bl_table_body > p + p {
  margin-block-start: 1rem;
}
@media (min-width: 768px) {
  .bl_table_body > p + p {
    margin-block-start: 1.5rem;
  }
}

.el_text_link {
  text-decoration: underline;
  color: var(--bb-recruit-color-gold-dark);
}
@media (min-width: 768px) {
  .el_text_link:focus-visible {
    text-decoration: none;
    color: var(--bb-recruit-color-gold-dark);
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .el_text_link:hover {
    text-decoration: none;
    color: var(--bb-recruit-color-gold-dark);
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .el_text_link:hover {
    text-decoration: none;
    color: var(--bb-recruit-color-gold-dark);
  }
}
.el_text_link:active,
.el_text_link:visited {
  color: var(--bb-recruit-color-gold-dark);
}

.el_info_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 1rem 2.4375rem 0;
  padding: 0.375rem;
  animation: ankerSkewOut 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) both;
  background-color: var(--bb-recruit-color-gold-dark);
  text-align: center;
  color: var(--bb-recruit-color-white);
  font-size: 0.9375rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .el_info_btn {
    margin: 0 auto;
    padding: 1.125rem;
    width: 23.375rem;
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .el_info_btn:focus-visible {
    animation: ankerSkewHover 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
    color: var(--bb-recruit-color-white);
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .el_info_btn:hover {
    animation: ankerSkewHover 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
    color: var(--bb-recruit-color-white);
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .el_info_btn:hover {
    animation: ankerSkewHover 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
    color: var(--bb-recruit-color-white);
  }
}
.el_info_btn:visited {
  color: var(--bb-recruit-color-white);
}
.el_info_btn span {
  display: inline-block;
  position: relative;

  padding-inline: 1.875rem;
}
.el_info_btn[href^="#"]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5625rem;
  width: 1rem;
  height: 1rem;
  background: url(/recruit/assets/img/common/icon_arw_white.svg) no-repeat 0 0/contain;

  translate: 0 calc(-50% - 0.3125rem);
  rotate: -90deg;
}
.el_info_btn[target=_blank]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5625rem;
  width: 1rem;
  height: 1rem;
  background: url(/recruit/assets/img/common/icon_blank.svg) no-repeat 0 0/contain;

  translate: 0 -50%;
}