@charset "UTF-8";

/*
======== CONTENTS ==========================================
	RECRUIT - CAREER
  FAQ
============================================================
*/

/* - index
---------------------------------- */
.cr-faqIndex {
  margin: 0 0 60px 0;
}

@media screen and (max-width: 768px) {
  .cr-faqIndex {
    width: calc(340 / 375 * 100%);
    margin: 0 auto 30px auto;
  }
}

.cr-faqIndex .cr-faqIndexItem_wrap {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
}

.cr-faqIndex .cr-faqIndexItem_wrap > li {
  width: calc(100% / 5);
}

@media screen and (max-width: 768px) {
  .cr-faqIndex .cr-faqIndexItem_wrap {
    flex-flow: row wrap;
    justify-content: center;
    gap: 10px calc(10 / 340 * 100%);
  }

  .cr-faqIndex .cr-faqIndexItem_wrap > li {
    width: calc(106 / 340 * 100%);
  }
}

.cr-faqIndex .cr-faqIndexItem {
  color: #fff;
  font-size: min(calc(12 / 965 * 100vw), 12px);
  line-height: 1.5;
  text-align: center;
  display: block;
  height: 60px;
  padding: 15px 0 0 0;
  background: linear-gradient(90deg, rgba(230, 0, 18, 1) 0%, rgba(114, 0, 9, 1) 100%);
  position: relative;
}

.cr-faqIndex .cr-faqIndexItem:after {
  content: '';
  display: block;
  width: 14px;
  aspect-ratio: 2/1;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: 10px;
  left: 50%;
  translate: -50% 0;
}

@media screen and (max-width: 768px) {
  .cr-faqIndex .cr-faqIndexItem {
    font-size: calc(10 / 375 * 100vw);
    height: auto;
    aspect-ratio: 108/57;
    padding: 12% 0 0 0;
  }

  .cr-faqIndex .cr-faqIndexItem:after {
    width: calc(14 / 375 * 100vw);
    bottom: 18%;
  }
}

/* - project - sectionFq
---------------------------------- */
.cr-p-sectionFq {
  background: #fff;
  padding: 30px 0 60px 0;
  position: relative;
}

.cr-p-sectionFq + .cr-p-sectionFq {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .cr-p-sectionFq {
    width: calc(340 / 375 * 100%);
    padding: calc(30px + calc(10 / 375 * 100vw)) 0;
    margin: 0 auto;
  }

  .cr-p-sectionFq + .cr-p-sectionFq {
    margin-top: 20px;
  }
}

.cr-p-sectionFq:before {
  content: '';
  display: block;
  width: 20px;
  aspect-ratio: 1/1;
  background: #c30d23;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  position: absolute;
  top: 10px;
  left: calc(10 / 670 * 100%);
}

.cr-p-sectionFq:after {
  content: '';
  display: block;
  width: 20px;
  aspect-ratio: 1/1;
  background: #c30d23;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  position: absolute;
  bottom: 10px;
  right: calc(10 / 670 * 100%);
}

@media screen and (max-width: 768px) {
  .cr-p-sectionFq:before {
    width: calc(10 / 375 * 100vw);
    top: 10px;
    left: calc(10 / 340 * 100%);
  }

  .cr-p-sectionFq:after {
    width: calc(10 / 375 * 100vw);
    bottom: 10px;
    right: calc(10 / 340 * 100%);
  }
}

.cr-p-sectionFq .cr-p-sectionFq_title {
  font-weight: bold;
  font-size: min(calc(20 / 965 * 100vw), 20px);
  line-height: 1.5;
  border-bottom: 1px solid #231815;
  padding: 0 0 0.8em 0;
  margin: 0 calc(30 / 670 * 100%) 15px calc(30 / 670 * 100%);
}

@media screen and (max-width: 768px) {
  .cr-p-sectionFq .cr-p-sectionFq_title {
    font-size: calc(18 / 375 * 100vw);
    padding: 0 0 0.7em 0;
    margin: 0 calc(20 / 375 * 100%) 10px calc(20 / 375 * 100%);
  }
}

/* - project - faq
---------------------------------- */
.cr-p-faqItem {
  padding: 0 calc(30 / 670 * 100%);
}

@media screen and (max-width: 768px) {
  .cr-p-faqItem {
    padding: 0 0;
  }
}

.cr-p-faqItem .cr-p-faqItem_a {
  display: none;
}

.cr-p-faqItem .cr-p-faqItem_head {
  padding: 5px 0;
  position: relative;
  cursor: pointer;
}

.cr-p-faqItem .cr-p-faqItem_head:not(:first-of-type) {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .cr-p-faqItem .cr-p-faqItem_head {
    padding: 5px 0;
    margin: 0 calc(20 / 340 * 100%);
  }

  .cr-p-faqItem .cr-p-faqItem_head:not(:first-of-type) {
    margin-top: 20px;
  }
}

.cr-p-faqItem .cr-p-faqItem_switch {
  width: 20px;
  font-size: min(calc(17 / 965 * 100vw), 17px);
  line-height: 2;
  height: 1lh;
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
}

.cr-p-faqItem .cr-p-faqItem_switch:before,
.cr-p-faqItem .cr-p-faqItem_switch:after {
  content: '';
  display: block;
  width: 20px;
  height: 2px;
  background: #c30d23;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.cr-p-faqItem .cr-p-faqItem_switch:after {
  rotate: 90deg;
  transition: all 300ms;
}

.cr-p-faqItem .cr-p-faqItem_head.is-active .cr-p-faqItem_switch:after {
  rotate: 0deg;
}

@media screen and (max-width: 768px) {
  .cr-p-faqItem .cr-p-faqItem_switch {
    top: 50%;
    translate: 0 -50%;
  }
}

.cr-p-faqItem .cr-p-faqItem_text-q {
  font-weight: bold;
  font-size: min(calc(17 / 965 * 100vw), 17px);
  line-height: 2;
  padding: 0 30px 0 calc(30 / 610 * 100%);
  position: relative;
}

.cr-p-faqItem .cr-p-faqItem_text-q:before {
  content: '';
  display: block;
  width: calc(30 / 610 * 100%);
  height: 1lh;
  background: url('/recruit/career/shared/images/faq/text_q.png') no-repeat center left / auto 50%;
  position: absolute;
  top: 2%;
  left: 0;
}

@media screen and (max-width: 768px) {
  .cr-p-faqItem .cr-p-faqItem_text-q {
    font-size: calc(15 / 375 * 100vw);
    line-height: 1.8;
    padding: 0 30px 0 calc(20 / 300 * 100%);
  }

  .cr-p-faqItem .cr-p-faqItem_text-q:before {
    width: calc(20 / 300 * 100%);
    left: -2px;
  }
}

.cr-p-faqItem .cr-p-faqItem_box {
  background: #f5f0e6;
  padding: 15px calc(10 / 590 * 100%) 15px calc(40 / 590 * 100%);
  margin: 0 0 0 calc(30 / 610 * 100%);
  position: relative;
}

.cr-p-faqItem .cr-p-faqItem_box,
.cr-p-faqItem .cr-p-faqItem_box * {
  font-size: min(calc(16 / 965 * 100vw), 16px);
  line-height: 1.8;
}

.cr-p-faqItem .cr-p-faqItem_box:before {
  content: '';
  display: block;
  width: calc(40 / 590 * 100%);
  height: 1lh;
  background: url('/recruit/career/shared/images/faq/text_a.png') no-repeat center left / auto 50%;
  position: absolute;
  top: 15px;
  left: calc(15 / 590 * 100%);
}

#Contents .cr-p-faqItem .cr-p-faqItem_box a {
  color: #00a0e9;
  text-decoration: underline;
}

.cr-p-faqItem .cr-p-faqItem_text-note {
  font-size: min(calc(12 / 965 * 100vw), 12px);
  margin: 1em 0 0 0;
}

@media (any-hover: hover) {
  #Contents .cr-p-faqItem .cr-p-faqItem_box a {
    transition: all 300ms;
  }

  #Contents .cr-p-faqItem .cr-p-faqItem_box a:hover {
    opacity: 0.6;
  }
}

@media screen and (max-width: 768px) {
  .cr-p-faqItem .cr-p-faqItem_box,
  .cr-p-faqItem .cr-p-faqItem_box * {
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.8;
  }

  .cr-p-faqItem .cr-p-faqItem_box {
    padding: 15px calc(10 / 320 * 100%) 15px calc(30 / 320 * 100%);
    margin: 0 calc(10 / 340 * 100%);
  }

  .cr-p-faqItem .cr-p-faqItem_box:before {
    width: calc(30 / 320 * 100%);
    top: 15px;
    left: calc(10 / 320 * 100%);
  }

  .cr-p-faqItem .cr-p-faqItem_text-note {
    font-size: calc(12 / 375 * 100vw);
    margin: 1em 0 0 0;
  }
}