@charset "UTF-8";

/*
======== CONTENTS ==========================================
	RECRUIT - CAREER
  WorkStyle
============================================================
*/

/* - index
---------------------------------- */
#cr-workstyle .cr-wsIndex {
  margin-block: 0 min(calc(60 / 980 * 100%), 60px);
}

@media screen and (width <= 768px) {
  #cr-workstyle .cr-wsIndex {
    width: calc(340 / 375 * 100%);
    margin-block: 0 calc(40 / 375 * 100%);
    margin-inline: auto;
  }
}

#cr-workstyle .cr-wsIndexItem_wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px calc(30 / 980 * 100%);
}

@media screen and (width <= 768px) {
  #cr-workstyle .cr-wsIndexItem_wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px calc(35 / 340 * 100%);
    justify-content: center;
  }
}

#cr-workstyle .cr-wsIndexItem {
  position: relative;
  display: block;
  height: min(calc(60 / 1080 * 100vw), 60px);
  padding: 4% 0 0;
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background: linear-gradient(90deg, rgb(230 0 18 / 100%) 0%, rgb(114 0 9 / 100%) 100%);
}

#cr-workstyle .cr-wsIndexItem::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: min(calc(14 / 1080 * 100vw), 14px);
  aspect-ratio: 2/1;
  content: '';
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  translate: -50% -150%;
}

@media screen and (width <= 768px) {
  #cr-workstyle .cr-wsIndexItem {
    height: calc(80 / 375 * 100vw);
    padding: 16% 0 0;
    font-size: calc(14 / 375 * 100vw);
  }

  #cr-workstyle .cr-wsIndexItem::after {
    width: calc(14 / 375 * 100vw);
  }
}

/* - section
---------------------------------- */
#cr-workstyle .cr-wsSection {
  position: relative;
  padding: calc(50 / 980 * 100%) calc(45 / 980 * 100%);;
  background: #fff;
}

@media screen and (width <= 768px) {
  #cr-workstyle .cr-wsSection {
    width: calc(340 / 375 * 100%);
    padding: calc(30 / 375 * 100%) calc(20 / 375 * 100%);
    margin-inline: auto;
  }
}

#cr-workstyle .cr-wsSection:not(:first-of-type) {
  margin-block: calc(50 / 980 * 100%) 0;
}

@media screen and (width <= 768px) {
  #cr-workstyle .cr-wsSection:not(:first-of-type) {
    margin-block: calc(50 / 375 * 100%) 0;
  }
}

#cr-workstyle .cr-wsSection_title {
  position: relative;
  padding-block: 0 0.8em;
  margin-block: 0 calc(30 / 890 * 100%);
  font-size: min(calc(24 / 1080 * 100vw), 24px);
  font-weight: bold;
  line-height: 1.5;
}

#cr-workstyle .cr-wsSection_title::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: min(calc(70 / 1080 * 100vw), 70px);
  height: 2px;
  content: '';
  background: #e20c2f;
}

@media screen and (width <= 768px) {
  #cr-workstyle .cr-wsSection_title {
    padding-block: 0 0.7em;
    margin-block: 0 calc(25 / 300 * 100%);
    font-size: calc(18 / 375 * 100vw);
  }

  #cr-workstyle .cr-wsSection_title::before {
    width: calc(65 / 375 * 100vw);
  }
}

/* - item
---------------------------------- */
#cr-workstyle .cr-wsItem * {
  color: #333;
}

#cr-workstyle .cr-wsItem {
  position: relative;
  display: grid;
  grid-template-columns: calc(220 / 890 * 100%) 1fr;
  align-items: center;
  padding-block: calc(15 / 890 * 100%);
  border-bottom: 1px solid #dadada;
}

#cr-workstyle .cr-wsItem:first-of-type {
  border-top: 1px solid #dadada;
}

@media screen and (width <= 768px) {
  #cr-workstyle .cr-wsItem {
    display: grid;
    grid-template-columns: 1fr;
    gap: calc(10 / 375 * 100vw) 0;
    align-items: start;
    padding-block: calc(15 / 300 * 100%);
  }
}

#cr-workstyle .cr-wsItem_title {
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

@media screen and (width <= 768px) {
  #cr-workstyle .cr-wsItem_title {
    font-size: calc(16 / 375 * 100vw);
  }
}

#cr-workstyle .cr-wsItem_contents,
#cr-workstyle .cr-wsItem_contents * {
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  line-height: 1.8;
}

@media screen and (width <= 768px) {
  #cr-workstyle .cr-wsItem_contents,
  #cr-workstyle .cr-wsItem_contents * {
    font-size: calc(16 / 375 * 100vw);
  }
}

#cr-workstyle .cr-wsItem_contents .cr-wsItem_text-s,
#cr-workstyle .cr-wsItem_contents .cr-wsItem_text-s * {
  font-size: min(calc(13 / 1080 * 100vw), 13px);
  line-height: 1.8;
}

#cr-workstyle .cr-wsItem_contents .cr-wsItem_text-s {
  margin-top: 0.3em;
}

@media screen and (width <= 768px) {
  #cr-workstyle .cr-wsItem_contents .cr-wsItem_text-s,
  #cr-workstyle .cr-wsItem_contents .cr-wsItem_text-s * {
    font-size: calc(16 / 375 * 100vw);
  }

  #cr-workstyle .cr-wsItem_contents .cr-wsItem_text-s {
    margin-top: 0;
  }
}

#cr-workstyle .cr-wsItem_contents .cr-wsItem_block:not(:first-of-type) {
  margin-top: calc(15 / 670 * 100%);
}

@media screen and (width <= 768px) {
  #cr-workstyle .cr-wsItem_contents .cr-wsItem_block:not(:first-of-type) {
    margin-top: calc(10 / 300 * 100%);
  }
}

#cr-workstyle .cr-wsItem_contents .cr-wsItem_text-astarisk {
  text-indent: -1em;
  padding-left: 1em;
}

#cr-workstyle .cr-wsItem_contents .cr-wsItem_list > li {
  text-indent: -1em;
  padding-left: 1em;
}

#cr-workstyle .cr-wsItem_contents .cr-wsItem_list > li::before {
  content: '・';
}