@charset "UTF-8";
/**
  画像トリミング
*/
/*
* faq.css
*
*/
.ly_careers_wrapper {
  background-image: linear-gradient(to bottom, var(--bb-recruit-bg-color-white) 0%, var(--bb-recruit-bg-color-white) 49%, transparent 50%);

  padding-block-start: 0;
}

.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);
}

.un_faq {
  --_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_faq {
    --_section-skew-h: 100px;
  }
}

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

.bl_lv3KvHeading_txt::before {
  display: none;
}

.bl_lv3KvHeading_txtEn {
  display: none;
}

.un_faq_kvImg > span {
  background-image: url("/recruit/assets/img/faq/faq_kv_img.webp");
}

.un_faq_body {
  position: relative;
  margin-top: 2.5rem;
  min-height: 18.75rem;

  padding-block: 4.6875rem 5rem;
}
@media (min-width: 768px) {
  .un_faq_body {
    margin-top: 5rem;

    padding-block: 11.25rem 5rem;
  }
}
@media (min-width: 1024px) {
  .un_faq_body {
    margin-top: 14.375rem;
  }
}

.un_faq_body_bg {
  position: absolute;
  height: 101%;
  background-color: var(--bb-recruit-bg-color-white);

  inset: 0;
  clip-path: polygon(0% var(--_section-skew-h), 100% 0%, 100% 100%, 0% 100%);
}

.bl_faq_wrapper {
  padding-top: 3.5rem;
}
@media (min-width: 1024px) {
  .bl_faq_wrapper {
    display: flex;
    align-items: flex-start;
    padding-top: 6.25rem;
  }
}

@media (min-width: 1024px) {
  .bl_lv3Heading {
    min-width: 23.125rem;
  }
}

@media (min-width: 1024px) {
  .bl_faqList {
    width: 100%;
  }
}

.bl_faqList_item {
  position: relative;
  margin-top: 1.5rem;
  padding: 1.5rem 2rem;
}
@media (min-width: 1024px) {
  .bl_faqList_item {
    margin-top: 0;
    padding: 2.5rem 3.9375rem;
  }
  .bl_faqList_item + .bl_faqList_item {
    margin-top: 1.5rem;
  }
}
.bl_faqList_item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--bb-recruit-color-gray-lighter);

  --_faq-list: 50px;
  clip-path: polygon(var(--_faq-list) 0%, 100% 0%, 100% calc(100% - var(--_faq-list)), calc(100% - var(--_faq-list)) 100%, 0% 100%, 0% var(--_faq-list));
}
@media (min-width: 1024px) {
  .bl_faqList_item::before {
    --_faq-list: 72px;
  }
}
.bl_faqList_item > dt,
.bl_faqList_item > dd {
  position: relative;
}
.bl_faqList_item > dt {
  display: flex;
  align-items: center;
  padding-left: 2.0625rem;
  min-height: 1.625rem;
  font-size: 1rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .bl_faqList_item > dt {
    padding-left: 2.5rem;
    font-size: 1.375rem;
  }
}
.bl_faqList_item > dt::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.25rem;
  height: 1.875rem;
  transform: translateY(-50%);
  background: url("/recruit/assets/img/common/icon_q.svg") no-repeat 0 0/cover;
}
@media (min-width: 1024px) {
  .bl_faqList_item > dt::before {
    width: 1.75rem;
    height: 2.625rem;
  }
}
.bl_faqList_item > dd {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 2px solid var(--bb-recruit-color-gold);
  font-size: 0.875rem;
  line-height: 1.7;
}
@media (min-width: 1024px) {
  .bl_faqList_item > dd {
    margin-left: 2.5rem;
    font-size: 1rem;
  }
}