@charset "Shift_JIS";
/* ----------------------------------------
 * BASE
/* -------------------------------------- */
:root {
  --color-red-1: #fa000f;
  --color-red-2: #c00;
  --color-white: #fff;
  --color-gray-1: #f4f4f4;
  --color-gray-2: #d9d9d9;
  --color-gray-3: #b3b3b3;
  --color-gray-4: #737373;
  --color-gray-5: #4d4d4d;
  --color-gray-6: #2c2c2c;
  --color-black: #0c0c0c;
  --gradient-1: linear-gradient(135deg, rgb(255 255 255 / 80%) 0%, 87%, rgb(250 0 15 / 80%) 100%);
  --gradient-2: linear-gradient(135deg, rgb(255 255 255 / 80%) 0%, 87%, rgb(115 115 115 / 80%) 100%);
  --gradient-3: linear-gradient(135deg, rgb(255 255 255 / 100%) 0%, 87%, rgb(250 0 15 / 100%) 100%);
  --easeout: cubic-bezier(0.33, 1, 0.68, 1);
  --easeinout: cubic-bezier(0.7, 0, 0.3, 1);
  --drawernavbutton-height-pc: min(calc(98 / 1440 * 100vw), 90px);
  --drawernavbutton-height-sp: calc(90 / 750 * 100vw);
}

:where(#hcr) :where(*, *::before, *::after) {
  box-sizing: border-box;
}
:where(#hcr) :where(p, table, blockquote, address, pre, iframe, form, figure, dl) {
  margin: 0;
}
:where(#hcr) :where(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}
:where(#hcr) :where(ul, ol) {
  padding: 0;
  margin: 0;
  list-style: none;
}
:where(#hcr) :where(dt) {
  font-weight: bold;
}
:where(#hcr) :where(dd) {
  margin-left: 0;
}
:where(#hcr) :where(a) {
  color: inherit;
  text-decoration: none;
}
:where(#hcr) :where(b, strong) {
  font-weight: bolder;
}
:where(#hcr) :where(small) {
  font-size: 80%;
}
:where(#hcr) :where(sub, sup) {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
:where(#hcr) :where(sub) {
  bottom: -0.25em;
}
:where(#hcr) :where(sup) {
  top: -0.5em;
}
:where(#hcr) :where(img, svg, video) {
  display: block;
  max-width: 100%;
  height: auto;
}
:where(#hcr) :where(button, input, optgroup, select, textarea) {
  padding: 0;
  margin: 0;
  font: inherit;
  vertical-align: middle;
  color: inherit;
  text-align: inherit;
  text-transform: inherit;
  appearance: none;
  background: transparent;
  border-radius: 0;
}
:where(#hcr) :where(button) {
  padding: 0;
  cursor: pointer;
  background: none;
  border: 0;
}
:where(#hcr) :where(button:disabled) {
  cursor: default;
}
:where(#hcr) :where(table) {
  border-spacing: 0;
  border-collapse: collapse;
}

html {
  min-height: 100%;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: var(--drawernavbutton-height-pc);
}

@media screen and (width <= 767px) {
  html {
    scroll-padding-top: var(--drawernavbutton-height-sp);
  }
}
body {
  min-height: 100%;
}

body.-isOpen {
  overscroll-behavior: none;
}

img {
  width: 100%;
  height: auto;
}

.disp-sp {
  display: none;
}

.disp-pc {
  display: block;
}

@media screen and (width <= 767px) {
  .disp-sp {
    display: block;
  }
  .disp-pc {
    display: none;
  }
}
:where(#hcr) {
  color: var(--color-black);
}
:where(#hcr) a:link,
:where(#hcr) a:visited {
  color: inherit;
  text-decoration: none;
}
:where(#hcr) table {
  all: revert;
}
:where(#hcr) table thead,
:where(#hcr) table tbody,
:where(#hcr) table tfoot,
:where(#hcr) table tr,
:where(#hcr) table th,
:where(#hcr) table td,
:where(#hcr) table caption {
  all: revert;
}

#hcr h2 {
  padding: 0;
  margin: 0;
  background: transparent;
}
@media screen and (width <= 767px) {
  #hcr h2 {
    padding: 0;
    margin: 0;
  }
}
#hcr h2 span {
  padding: 0;
  margin: 0;
  background: transparent;
}
@media screen and (width <= 767px) {
  #hcr h2 span {
    padding: 0;
    margin: 0;
  }
}
#hcr h3 {
  padding: 0;
  margin: 0;
  background: transparent;
}
@media screen and (width <= 767px) {
  #hcr h3 {
    padding: 0;
    margin: 0;
  }
}

/* ----------------------------------------
 * UTILITY
/* -------------------------------------- */
.u-svg-fit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.u-fadeup {
  opacity: 0;
  translate: 0 30px;
  transition: all 0.5s;
}

.u-fadeup.is-inview {
  opacity: 1;
  translate: 0 0;
}

.u-hover-op {
  transition: opacity 0.4s;
}
@media (hover: hover) {
  .u-hover-op .u-hover-op:hover {
    opacity: 0.6;
  }
}

.u-hover-root .u-hover-scale {
  transition-timing-function: var(--easeout);
  transition-duration: 0.3s;
  transition-property: scale;
}
@media (hover: hover) {
  .u-hover-root:hover .u-hover-scale {
    scale: 1.1;
  }
}

.u-text-upp {
  text-transform: uppercase;
}

.u-text-upp {
  text-transform: uppercase;
}

.u-list-disc > li {
  padding-left: 1em;
  text-indent: -1em;
}
.u-list-disc > li::before {
  content: "�E";
}

/* ----------------------------------------
 * LAYOUT
/* -------------------------------------- */
/*
 * wrapper
 * ------------------------------ */
#hcr {
  position: relative;
  padding-top: 0;
  background: #fff;
}
/*
 * pagetop
 * ------------------------------ */
.hcr-pageTop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  pointer-events: none;
}

/*
 * header
 * ------------------------------ */
.hcr-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 100px;
  pointer-events: none;
  transition: translate 0.3s;
}
.hcr-header.-isFixed {
  position: fixed;
}
.hcr-header:has(.hcr-header_drawerNavButton.-isOpen) {
  position: fixed;
}

.header2-show .hcr-header:not(:has(.hcr-header_drawerNavButton.-isOpen)) {
  translate: 0 60px;
}

.header1-show .hcr-header:not(:has(.hcr-header_drawerNavButton.-isOpen)) {
  translate: 0 45px;
}

.hcr-header_drawerNavButton {
  position: absolute;
  z-index: 15;
  pointer-events: auto;
}
@media screen and (width > 767px) {
  .hcr-header_drawerNavButton {
    top: 0;
    right: 0;
  }
}
@media screen and (width <= 767px) {
  .hcr-header_drawerNavButton {
    top: 0;
    left: 0;
    width: 100%;
    height: var(--drawernavbutton-height-sp);
    background: var(--color-red-2);
  }
}

.hcr-header_drawerNavModal {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 14;
  visibility: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.hcr-header_drawerNavModal.-isOpen {
  visibility: visible;
  pointer-events: auto;
}

body:has(.hcr-header_drawerNavModal.-isOpen) {
  overscroll-behavior: none;
}

/*
 * pageBottom
 * ------------------------------ */
.hcr-pageBottom {
  width: 100%;
  height: 1px;
  pointer-events: none;
}

/*
 * footer
 * ------------------------------ */
.hcr-footer {
  padding-top: min(6.9444444444vw, 100px);
}
@media screen and (width <= 767px) {
  .hcr-footer {
    padding-top: 13.3333333333vw;
  }
}

/*
 * drawerNavButton
 * ------------------------------ */
@media screen and (width > 767px) {
  .hcr-drawerNavButton {
    width: var(--drawernavbutton-height-pc);
    height: var(--drawernavbutton-height-pc);
  }
}
@media screen and (width <= 767px) {
  .hcr-drawerNavButton {
    width: var(--drawernavbutton-height-sp);
    height: var(--drawernavbutton-height-sp);
  }
}
.hcr-drawerNavButton > .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--color-red-2);
  transition: all 0.4s;
}
@media screen and (hover: hover) {
  .hcr-drawerNavButton:hover > .bg {
    background-color: var(--color-red-1);
  }
}
.hcr-drawerNavButton > .line {
  position: relative;
  display: block;
  width: 55.5555555556%;
  height: 47.7777777778%;
  margin: auto;
}
.hcr-drawerNavButton > .line > * {
  position: absolute;
  left: 50%;
  z-index: 1;
  display: block;
  width: 100%;
  height: 3px;
  background-color: var(--color-white);
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (width <= 767px) {
  .hcr-drawerNavButton > .line > * {
    height: 2px;
  }
}
.hcr-drawerNavButton > .line > *:nth-child(1) {
  top: 0;
  translate: -50% 0;
}
.hcr-drawerNavButton > .line > *:nth-child(2) {
  top: 50%;
  translate: -50% -50%;
}
.hcr-drawerNavButton > .line > *:nth-child(3) {
  bottom: 0;
  translate: -50% 0;
}

.hcr-drawerNavButton.-isOpen > .bg {
  background-color: transparent;
}
@media screen and (width > 767px) {
  .hcr-drawerNavButton.-isOpen > .line > * {
    background-color: var(--color-black);
  }
}
.hcr-drawerNavButton.-isOpen > .line > *:nth-child(1) {
  top: 50%;
  rotate: 45deg;
  translate: -50% -50%;
}
.hcr-drawerNavButton.-isOpen > .line > *:nth-child(2) {
  opacity: 0;
}
.hcr-drawerNavButton.-isOpen > .line > *:nth-child(3) {
  bottom: 50%;
  rotate: -45deg;
  translate: -50% 50%;
}
@media screen and (hover: hover) {
  .hcr-drawerNavButton.-isOpen:hover > .line > * {
    background-color: var(--color-red-2);
  }
}

/*
 * drawerNavModal
 * ------------------------------ */
.hcr-drawerNavModal {
  position: fixed;
  inset: 0;
  visibility: hidden;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.hcr-drawerNavModal :where([data-modal-content]) {
  overscroll-behavior: contain;
}
.hcr-drawerNavModal :where([data-modal-content-inner]) {
  width: 100%;
  min-height: calc(100% + 1px);
}
.hcr-drawerNavModal :where([data-modal-backdrop]) {
  overflow-y: scroll;
  overscroll-behavior: none;
  scrollbar-width: none;
}
.hcr-drawerNavModal [data-modal-backdrop]::-webkit-scrollbar {
  display: none;
}
.hcr-drawerNavModal [data-modal-backdrop]::after {
  display: block;
  min-height: calc(100% + 1px);
  content: "";
}
.hcr-drawerNavModal > .inner {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  margin: auto;
  overflow-y: auto;
  scrollbar-width: none;
}
@media screen and (width > 767px) {
  .hcr-drawerNavModal > .inner {
    padding-block: min(8.3333333333vw, 120px);
  }
}
@media screen and (width <= 767px) {
  .hcr-drawerNavModal > .inner {
    padding-block: 9.3333333333vw 18.6666666667vw;
  }
}
.hcr-drawerNavModal > .inner::-webkit-scrollbar {
  display: none;
}
.hcr-drawerNavModal .backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-gray-1);
  opacity: 0;
  transform: scale(0.99);
  transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0s, opacity 0.2s linear 0.1s;
}

.hcr-drawerNavModal.-isOpen {
  visibility: visible;
}

.hcr-drawerNavModal.-isShow .backdrop {
  pointer-events: auto;
  opacity: 1;
  transform: scale(1);
  transition-delay: 0s, 0.2s;
  transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1), linear;
  transition-duration: 1s, 0.2s;
}

/*
 * drawerNav
 * ------------------------------ */
.hcr-drawerNav.showEffectElement > * {
  opacity: 0;
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.hcr-drawerNav.showEffectElement.-isShow > * {
  opacity: 1;
}

.hcr-drawerNav {
  position: relative;
  color: var(--color-black);
}
.hcr-drawerNav .container-entryBtn {
  display: grid;
  gap: min(1.0416666667vw, 15px);
  margin-block: min(1.3888888889vw, 20px) min(0.3472222222vw, 5px);
  margin-inline: min(0.6944444444vw, 10px);
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .container-entryBtn {
    gap: 4.6666666667vw;
    width: 86.6666666667vw;
    margin-block: 9.3333333333vw;
    margin-inline: auto;
  }
}
.hcr-drawerNav .entryBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: min(3.4722222222vw, 50px);
  font-size: min(1.5277777778vw, 22px);
  color: var(--color-red-2);
  background: #fff;
  border-radius: min(0.6944444444vw, 10px);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
}
@media (hover: hover) {
  .hcr-drawerNav .entryBtn:hover {
    color: var(--color-black);
  }
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .entryBtn {
    height: 13.3333333333vw;
    font-size: 3.7333333333vw;
    border-radius: 2.1333333333vw;
    box-shadow: none;
  }
}
.hcr-drawerNav .itemA {
  display: inline-block;
  margin: 0 0 min(2.7777777778vw, 40px);
  font-size: min(1.6666666667vw, 24px);
  line-height: 1.4;
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .itemA {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 16vw;
    padding: 0 0 0 6.6666666667vw;
    margin: 0;
    font-size: 4vw;
    border-top: 1px solid var(--color-gray-3);
    border-bottom: 1px solid var(--color-gray-3);
  }
  .hcr-drawerNav .itemA::after, .hcr-drawerNav .itemA::before {
    position: absolute;
    top: 50%;
    right: 5.0666666667vw;
    display: block;
    width: 4.2666666667vw;
    height: 1px;
    content: "";
    background: var(--color-black);
    translate: 0 -50%;
  }
  .hcr-drawerNav .itemA::after {
    rotate: 90deg;
    transition: all 0.3s;
  }
}
.hcr-drawerNav .itemA.-isDropdownOpen::after {
  rotate: 0deg;
}
.hcr-drawerNav .itemB {
  position: relative;
  display: inline-block;
  font-size: min(1.3888888889vw, 20px);
  line-height: 1.4;
  transition: all 0.3s;
}
@media screen and (width > 767px) {
  .hcr-drawerNav .itemB:has(.arrow) {
    padding-right: min(2.0833333333vw, 30px);
  }
  .hcr-drawerNav .itemB:has(.icon-blank) {
    padding-right: min(2.4305555556vw, 35px);
  }
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .itemB {
    display: flex;
    align-items: center;
    width: 100%;
    height: 13.3333333333vw;
    padding: 0 0 0 6.6666666667vw;
    margin: 0;
    font-size: 3.2vw;
  }
}
.hcr-drawerNav .itemB > .arrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: min(0.6944444444vw, 10px);
  aspect-ratio: 10/18;
  translate: 0 -50%;
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .itemB > .arrow {
    right: 3.3333333333vw;
    width: 1.3333333333vw;
  }
}
.hcr-drawerNav .itemB > .arrow svg {
  stroke: var(--color-black);
  stroke-width: 1.5px;
  transition: all 0.3s;
}
.hcr-drawerNav .itemB > .icon-blank {
  position: absolute;
  top: 50%;
  right: 0;
  width: min(1.3888888889vw, 20px);
  aspect-ratio: 1/1;
  translate: 0 -50%;
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .itemB > .icon-blank {
    right: 3.3333333333vw;
    width: 2.6666666667vw;
  }
}
.hcr-drawerNav .itemB > .icon-blank svg {
  stroke: var(--color-black);
  stroke-width: 1.5px;
  transition: all 0.3s;
}
@media (hover: hover) {
  .hcr-drawerNav .itemB:hover {
    color: var(--color-red-2);
  }
  .hcr-drawerNav .itemB:hover > .arrow svg {
    stroke: var(--color-red-2);
  }
  .hcr-drawerNav .itemB:hover > .icon-blank svg {
    stroke: var(--color-red-2);
  }
}
.hcr-drawerNav .list-itemB {
  display: grid;
  gap: min(1.7361111111vw, 25px);
  margin: 0 0 0 min(2.7777777778vw, 40px);
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .list-itemB {
    display: block;
    margin: 0 3.3333333333vw;
  }
}
.hcr-drawerNav .list-itemB > li {
  line-height: 1;
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .list-itemB > li + li {
    border-top: 1px solid var(--color-gray-3);
  }
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .list-itemB > li:last-child {
    border-bottom: 1px solid var(--color-gray-3);
  }
}
.hcr-drawerNav .container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: min(1440px, 100%);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .container {
    display: flex;
    flex-flow: column wrap;
    width: 100%;
  }
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .blockWrapper {
    display: contents;
  }
}
.hcr-drawerNav .block {
  position: relative;
  padding: 0 0 0 min(2.0833333333vw, 30px);
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .block {
    padding: 0;
    margin-top: -1px;
  }
}
.hcr-drawerNav :where(.block + .block) {
  margin-top: min(4.1666666667vw, 60px);
}
@media screen and (width <= 767px) {
  .hcr-drawerNav :where(.block + .block) {
    margin-top: 0;
  }
}
@media screen and (width > 767px) {
  .hcr-drawerNav .block-project {
    margin: min(1.3888888889vw, 20px) 0 0 min(2.7777777778vw, 40px);
  }
  .hcr-drawerNav .block-project .itemA {
    margin: 0 0 min(1.7361111111vw, 25px);
    font-size: min(1.3888888889vw, 20px);
  }
}
@media screen and (width > 767px) {
  .hcr-drawerNav .block-recruitment {
    padding: 0 0 0 min(6.9444444444vw, 100px);
    border-left: 1px solid var(--color-black);
  }
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .dropdownContainer {
    display: grid;
    grid-template-rows: 0fr;
    pointer-events: none;
    transition: grid-template-rows 0.4s ease-in-out;
  }
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .dropdownContainer_inner {
    overflow: hidden;
  }
}
@media screen and (width <= 767px) {
  .hcr-drawerNav .-isDropdownOpen + .dropdownContainer {
    grid-template-rows: 1fr;
    pointer-events: auto;
  }
}

/*
 * cvNav
 * ------------------------------ */
.hcr-cvNav {
  position: fixed;
  bottom: 0;
  z-index: 400;
  visibility: hidden;
  width: 100%;
  opacity: 0;
  translate: 0 100%;
  transition: translate 0.5s, opacity 0.3s, visibility 0.3s;
}
.hcr-cvNav.-noTransition {
  transition: translate 0s, opacity 0.3s, visibility 0.3s;
}
.hcr-cvNav.-isVisible {
  visibility: visible;
  opacity: 1;
}
.hcr-cvNav.-isOpen {
  translate: 0 0;
}
.hcr-cvNav.-isBottom {
  position: relative;
  bottom: auto;
  left: auto;
}

.hcr-cvNav.-isBottom .hcr-cvNavButton .arrow {
  opacity: 0;
}

.hcr-cvNavButton {
  position: absolute;
  bottom: calc(100% - 1px);
  left: max((100vw - 1440px) / 2 + 50px, 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(25vw, 360px);
  height: min(4.8611111111vw, 70px);
  padding-inline: 0 min(1.3888888889vw, 20px);
  font-size: min(1.8055555556vw, 26px);
  color: var(--color-white);
  background: var(--color-red-2);
  border-radius: min(1.1111111111vw, 16px) min(1.1111111111vw, 16px) 0 0;
}
@media screen and (width <= 767px) {
  .hcr-cvNavButton {
    left: 6.6666666667vw;
    width: 46.6666666667vw;
    height: 9.3333333333vw;
    padding-inline: 0 3.3333333333vw;
    font-size: 3.7333333333vw;
    border-radius: 2.1333333333vw 2.1333333333vw 0 0;
  }
}
.hcr-cvNavButton .arrow {
  position: absolute;
  top: 50%;
  right: min(2.0833333333vw, 30px);
  display: block;
  width: min(0.9722222222vw, 14px);
  aspect-ratio: 10/18;
  transform-origin: center center;
  rotate: -90deg;
  translate: 0 -50%;
}
@media screen and (width <= 767px) {
  .hcr-cvNavButton .arrow {
    right: 4vw;
    width: 2vw;
  }
}
.hcr-cvNavButton .arrow svg {
  stroke: var(--color-white);
  stroke-width: 1.5px;
}
.hcr-cvNavButton.-isOpen .arrow {
  scale: -1;
}

.hcr-cvNavContainer {
  padding-block: min(3.4722222222vw, 50px);
  background: var(--color-gray-2);
}
@media screen and (width <= 767px) {
  .hcr-cvNavContainer {
    padding-block: 8.6666666667vw;
    border-radius: 4.2666666667vw 4.2666666667vw 0 0;
  }
}
.hcr-cvNavContainer .list-itemA {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: min(1.0416666667vw, 15px);
  width: min(100%, 1440px);
  padding-inline: min(2.0833333333vw, 30px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-cvNavContainer .list-itemA {
    grid-template-columns: repeat(2, 1fr);
    gap: 4vw 3.3333333333vw;
    width: 86.6666666667vw;
    padding-inline: 0;
  }
}
.hcr-cvNavContainer .itemA {
  display: flex;
  align-items: center;
  justify-content: center;
  height: min(4.1666666667vw, 60px);
  font-size: min(1.3194444444vw, 19px);
  color: var(--color-red-2);
  background: var(--color-white);
  border: 1px solid var(--color-red-2);
  border-radius: 100vh;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-cvNavContainer .itemA {
    height: 10.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
@media (hover: hover) {
  .hcr-cvNavContainer .itemA:hover {
    color: var(--color-black);
    border: 1px solid var(--color-black);
  }
}
.hcr-cvNavContainer .list-itemB {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(2.0833333333vw, 30px);
  width: min(100%, 1440px);
  padding-inline: min(2.0833333333vw, 30px);
  margin-block: min(2.0833333333vw, 30px) 0;
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-cvNavContainer .list-itemB {
    grid-template-columns: 1fr;
    gap: 4.6666666667vw;
    width: 86.6666666667vw;
    padding-inline: 0;
    margin-block: 7.3333333333vw 0;
  }
}
.hcr-cvNavContainer .itemB {
  display: flex;
  align-items: center;
  justify-content: center;
  height: min(5.5555555556vw, 80px);
  font-size: min(1.8055555556vw, 26px);
  color: var(--color-red-2);
  background: var(--color-white);
  border: 1px solid var(--color-red-2);
  border-radius: min(1.1111111111vw, 16px);
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-cvNavContainer .itemB {
    height: 13.3333333333vw;
    font-size: 3.7333333333vw;
    border-radius: 2.1333333333vw;
  }
}
.hcr-cvNavContainer .itemB:not(:is(a)) {
  color: var(--color-gray-3);
  border: 1px solid var(--color-gray-3);
}
@media (hover: hover) {
  .hcr-cvNavContainer .itemB:is(a):hover {
    color: var(--color-black);
    border: 1px solid var(--color-black);
  }
}

.hcr-cvNavContainer .itemA.type-comingsoon {
  flex-direction: column;
  color: var(--color-gray-3);
  pointer-events: none;
  border: 1px solid var(--color-gray-3);
}
.hcr-cvNavContainer .itemA.type-comingsoon::after {
  display: block;
  font-size: min(0.9722222222vw, 14px);
  line-height: 1;
  content: "coming soon";
}
@media screen and (width <= 1024px) {
  .hcr-cvNavContainer .itemA.type-comingsoon::after {
    margin-top: -5px;
  }
}
@media screen and (width <= 767px) {
  .hcr-cvNavContainer .itemA.type-comingsoon::after {
    font-size: 2.4vw;
  }
}

/*
 * main
 * ------------------------------ */
.hcr-main {
  overflow: hidden;
}

/* ----------------------------------------
 * COMPONENT
/* -------------------------------------- */
.hcr-c-circleArrow {
  position: relative;
  width: min(3.2291666667vw, 62px);
  aspect-ratio: 1/1;
  background: #fff;
  border: 1px solid var(--color-black);
  border-radius: 100vh;
  transition: border-color 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-c-circleArrow {
    width: 8vw;
  }
}
.hcr-c-circleArrow .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 53.3333333333%;
  aspect-ratio: 1/1;
  translate: -50% -50%;
}
.hcr-c-circleArrow .arrow svg {
  stroke: var(--color-black);
  stroke-width: 2px;
  transition: stroke 0.3s;
}

@media (hover: hover) {
  .hcr-c-arrow-root:hover .hcr-c-circleArrow {
    border-color: var(--color-red-1);
  }
  .hcr-c-arrow-root:hover .hcr-c-circleArrow svg {
    stroke: var(--color-red-1);
  }
}

.hcr-c-circleToggle {
  position: relative;
  width: min(3.2291666667vw, 62px);
  aspect-ratio: 1/1;
  background: #fff;
  border: 1px solid var(--color-black);
  border-radius: 100vh;
  transition: border-color 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-c-circleToggle {
    width: 8vw;
  }
}
.hcr-c-circleToggle::before, .hcr-c-circleToggle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(1.5625vw, 30px);
  height: 2px;
  content: "";
  background: var(--color-black);
  translate: -50% -50%;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-c-circleToggle::before, .hcr-c-circleToggle::after {
    width: 4vw;
  }
}
.hcr-c-circleToggle::after {
  rotate: 90deg;
}

.hcr-c-toggle-root.-isAccordionOpen .hcr-c-circleToggle::after {
  rotate: 0deg;
}
@media (hover: hover) {
  .hcr-c-toggle-root:hover .hcr-c-circleToggle {
    border-color: var(--color-red-1);
  }
  .hcr-c-toggle-root:hover .hcr-c-circleToggle::before, .hcr-c-toggle-root:hover .hcr-c-circleToggle::after {
    background: var(--color-red-1);
  }
}

.hcr-c-navPL {
  position: relative;
  padding-block: min(7.2916666667%, 140px);
}
@media screen and (width <= 767px) {
  .hcr-c-navPL {
    padding-block: 0 6.6666666667%;
  }
}
.hcr-c-navPL::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: min(75%, 1440px);
  height: 1px;
  content: "";
  background: var(--color-gray-3);
  translate: -50% 0;
}
@media screen and (width <= 767px) {
  .hcr-c-navPL::before {
    content: none;
  }
}
.hcr-c-navPL .hcr-c-navPL_slider {
  margin-block: min(3.90625%, 75px) 0;
}
@media screen and (width <= 767px) {
  .hcr-c-navPL .hcr-c-navPL_slider {
    margin-block: 13.3333333333% 0;
  }
}

.hcr-c-navPLButton {
  position: relative;
  display: flex;
  align-items: center;
  width: min(33.8541666667vw, 650px);
  height: min(5.2083333333vw, 100px);
  padding-inline: min(3.6458333333vw, 80px) 0;
  margin-inline: auto;
  border: 1px solid var(--color-red-2);
  border-radius: 100vh;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-c-navPLButton {
    flex-flow: column nowrap;
    justify-content: center;
    width: 86.6666666667vw;
    height: 24vw;
    padding-inline: 0;
  }
}
.hcr-c-navPLButton > p:nth-of-type(1) {
  font-size: min(1.09375vw, 21px);
  font-weight: bold;
  line-height: 1;
  color: var(--color-red-2);
  text-transform: uppercase;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-c-navPLButton > p:nth-of-type(1) {
    margin-block: 0 0.8em;
    font-size: 4.5333333333vw;
  }
}
.hcr-c-navPLButton > p:nth-of-type(2) {
  margin-left: 0.7em;
  font-size: min(2.7083333333vw, 52px);
  font-weight: 500;
  line-height: 1;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-c-navPLButton > p:nth-of-type(2) {
    margin-left: 0;
    font-size: 6.6666666667vw;
  }
}
.hcr-c-navPLButton > .circle {
  position: absolute;
  top: 50%;
  right: 4.6153846154%;
  translate: 0 -50%;
}
@media screen and (width <= 767px) {
  .hcr-c-navPLButton > .circle {
    width: 12vw;
  }
}

.hcr-c-itemPLP {
  position: relative;
  display: block;
  padding-block: min(0.5208333333vw, 10px);
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-c-itemPLP {
    padding-block: 1.3333333333vw;
  }
}
.hcr-c-itemPLP .item_thumb {
  position: relative;
  aspect-ratio: 400/500;
  overflow: hidden;
  border: 1px solid var(--color-white);
  border-radius: min(1.6666666667vw, 32px);
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (width <= 767px) {
  .hcr-c-itemPLP .item_thumb {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
.hcr-c-itemPLP .item_thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hcr-c-itemPLP .item_text-1 {
  margin-block: 0.8em 0;
  font-size: clamp(16px, 1.4583333333vw, 28px);
  line-height: 1.5;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-c-itemPLP .item_text-1 {
    font-size: 3.7333333333vw;
  }
}
.hcr-c-itemPLP .item_text-2 {
  margin-block: 0.3em 0;
  font-size: clamp(12px, 1.0416666667vw, 21px);
  line-height: 1.7;
  letter-spacing: -0.05em;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-c-itemPLP .item_text-2 {
    font-size: 3.2vw;
  }
}
.hcr-c-itemPLP .item_circle {
  margin-block: 5% 0;
}
@media screen and (hover: hover) {
  .hcr-c-itemPLP:hover .item_text-1,
  .hcr-c-itemPLP:hover .item_text-2 {
    color: var(--color-gray-3);
  }
}

a.hcr-c-itemPLP.-isCurrent {
  pointer-events: none;
  opacity: 0.4;
}

@media screen and (width <= 767px) {
  [data-hcr-page=people-index] .hcr-c-itemPLP .item_thumb {
    margin-inline: 6.6666666667vw;
  }
}
@media screen and (width <= 767px) {
  [data-hcr-page=people-index] .hcr-c-itemPLP .item_text-1,
  [data-hcr-page=people-index] .hcr-c-itemPLP .item_text-2 {
    margin-inline: 6.6666666667vw 3.3333333333vw;
  }
}
@media screen and (width <= 767px) {
  [data-hcr-page=people-index] .hcr-c-itemPLP .item_circle {
    display: none;
  }
}

@media screen and (width > 767px) {
  .hcr-c-sliderPL:not([data-slider-sp-only]) .hcr-c-itemPLP .item_thumb {
    margin-inline: min(1.5625vw, 30px);
  }
  .hcr-c-sliderPL:not([data-slider-sp-only]) .hcr-c-itemPLP .item_text-1,
  .hcr-c-sliderPL:not([data-slider-sp-only]) .hcr-c-itemPLP .item_text-2 {
    margin-inline: min(1.5625vw, 30px);
  }
  .hcr-c-sliderPL:not([data-slider-sp-only]) .hcr-c-itemPLP .item_circle {
    margin-inline: min(1.5625vw, 30px) 0;
  }
}
@media screen and (width <= 767px) {
  .hcr-c-sliderPL .hcr-c-itemPLP .item_thumb {
    margin-inline: 3.3333333333vw;
  }
}
@media screen and (width <= 767px) {
  .hcr-c-sliderPL .hcr-c-itemPLP .item_text-1,
  .hcr-c-sliderPL .hcr-c-itemPLP .item_text-2 {
    margin-inline: 3.3333333333vw 0.2em;
  }
}
@media screen and (width <= 767px) {
  .hcr-c-sliderPL .hcr-c-itemPLP .item_circle {
    margin-inline: 3.3333333333vw 0;
  }
}

.hcr-c-sliderPL {
  position: relative;
}
@media screen and (width > 767px) {
  .hcr-c-sliderPL:not([data-slider-sp-only]) {
    width: min(78.125vw, 1500px);
    margin-inline: auto;
  }
}
@media screen and (width <= 767px) {
  .hcr-c-sliderPL {
    width: 86.6666666667%;
    margin-inline: auto;
  }
}
.hcr-c-sliderPL .swiper {
  overflow: visible;
}
@media screen and (width > 767px) {
  .hcr-c-sliderPL[data-slider-sp-only] .slider_button {
    display: none;
  }
}
.hcr-c-sliderPL .slider_button {
  position: absolute;
  top: min(13.28125vw, 255px);
  right: 0;
  z-index: 1;
  display: block;
  width: min(3.125vw, 60px);
  aspect-ratio: 1/1;
  cursor: pointer;
  background: var(--color-white);
  border-radius: 100vh;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  translate: 0 -50%;
}
@media screen and (width <= 767px) {
  .hcr-c-sliderPL .slider_button {
    top: 24vw;
    width: 8.6666666667vw;
    translate: 50% -50%;
  }
}
.hcr-c-sliderPL .slider_button .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: min(0.625vw, 12px);
  aspect-ratio: 10/18;
  translate: -50% -50%;
}
@media screen and (width <= 767px) {
  .hcr-c-sliderPL .slider_button .arrow {
    width: 1.8666666667vw;
  }
}
.hcr-c-sliderPL .slider_button .arrow svg {
  stroke: var(--color-black);
  stroke-width: 1.5px;
  transition: all 0.3s;
}
@media screen and (hover: hover) {
  .hcr-c-sliderPL .slider_button:hover .arrow svg {
    stroke: var(--color-red-1);
  }
}
.hcr-c-sliderPL .slider_button.-prev {
  right: auto;
  left: 0;
}
@media screen and (width <= 767px) {
  .hcr-c-sliderPL .slider_button.-prev {
    translate: -50% -50%;
  }
}
.hcr-c-sliderPL .slider_button.-prev .arrow {
  scale: -1;
}

.hcr-c-accContainer {
  display: grid;
  grid-template-rows: 0fr;
  pointer-events: none;
  transition: grid-template-rows 0.4s ease-in-out;
}
.hcr-c-accContainer_inner {
  overflow: hidden;
}

.-isAccordionOpen + .hcr-c-accContainer {
  grid-template-rows: 1fr;
  pointer-events: auto;
}

.hcr-c-mvA {
  position: relative;
  height: min(36.4583333333vw, 710px);
}
@media screen and (width <= 767px) {
  .hcr-c-mvA {
    height: 93.3333333333vw;
  }
}
.hcr-c-mvA::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: min(2.6041666667vw + 1px, 51px);
  content: "";
  background: url("/recruit/assets/images/common/border_01.svg") repeat-x left center/auto 100%;
}
@media screen and (width <= 767px) {
  .hcr-c-mvA::after {
    bottom: 0;
    height: 3.3333333333vw;
  }
}
.hcr-c-mvA.-border-01::after {
  background: url("/recruit/assets/images/common/border_01.svg") repeat-x left center/auto 100%;
}
.hcr-c-mvA.-border-02::after {
  background: url("/recruit/assets/images/common/border_02.svg") repeat-x left center/auto 100%;
}
.hcr-c-mvA.-border-03::after {
  background: url("/recruit/assets/images/common/border_03.svg") repeat-x left center/auto 100%;
}
.hcr-c-mvA.-border-04::after {
  background: url("/recruit/assets/images/common/border_04.svg") repeat-x left center/auto 100%;
}
.hcr-c-mvA .mv_bg {
  position: absolute;
  width: 100%;
  height: min(33.8541666667vw, 660px);
}
@media screen and (width <= 767px) {
  .hcr-c-mvA .mv_bg {
    height: 90vw;
  }
}
.hcr-c-mvA .mv_bg img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hcr-c-mvA .mv_container-title {
  position: relative;
  width: min(75%, 1440px);
  padding-block: min(4.1666666667vw, 80px) 0;
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-c-mvA .mv_container-title {
    width: 100%;
    padding-block: 6.6666666667% 0;
    padding-inline: 6.6666666667% 2.6666666667%;
  }
}
.hcr-c-mvA .mv_container-title:not(:has(.mv_textA)) {
  padding-top: min(4.9479166667vw, 95px);
}
@media screen and (width <= 767px) {
  .hcr-c-mvA .mv_container-title:not(:has(.mv_textA)) {
    padding-top: 6.6666666667%;
  }
}
.hcr-c-mvA .mv_textA {
  margin-block: 0 0.5em;
  font-size: min(1.5625vw, 30px);
  font-weight: bold;
  line-height: 1.5;
  color: var(--color-red-2);
}
@media screen and (width <= 767px) {
  .hcr-c-mvA .mv_textA {
    font-size: 4vw;
  }
}
.hcr-c-mvA .mv_titleA {
  font-size: min(2.7083333333vw, 52px);
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (width <= 767px) {
  .hcr-c-mvA .mv_titleA {
    font-size: 5.6vw;
  }
}
.hcr-c-mvA .mv_titleA .-small {
  font-size: 92%;
}
@media screen and (width <= 767px) {
  .hcr-c-mvA .mv_titleA .-small {
    font-size: 100%;
  }
}
.hcr-c-mvA .mv_textB {
  margin-block: 0.5em 0;
  font-size: min(1.6666666667vw, 32px);
  font-feature-settings: "palt";
  line-height: 1.75;
}
@media screen and (width <= 767px) {
  .hcr-c-mvA .mv_textB {
    font-size: 3.4666666667vw;
  }
}

/* ----------------------------------------
 * PAGE
/* -------------------------------------- */
/* ----------------------------------------
 * PAGE
 * top
/* -------------------------------------- */
/*
 * mv
 * ------------------------------ */
.hcr-topMv {
  --mv-height-pc: min(calc(643 / 1920 * 100vw), 643px);
  --mv-height-sp: calc(544 / 750 * 100vw);
  position: relative;
}
.hcr-topMv .mv_inner {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: min(75%, 1440px);
  translate: -50% 0;
}
@media screen and (width <= 767px) {
  .hcr-topMv .mv_inner {
    display: contents;
  }
}
.hcr-topMv::after {
  position: relative;
  display: block;
  width: 100%;
  height: min(2.6041666667vw, 50px);
  content: "";
  background: url("/recruit/assets/images/top/mv_bg_01.svg") no-repeat center center/cover;
}
@media screen and (width <= 767px) {
  .hcr-topMv::after {
    height: 3.3333333333vw;
  }
}
.hcr-topMv .mv_marquee {
  position: relative;
  height: var(--mv-height-pc);
}
@media screen and (width <= 767px) {
  .hcr-topMv .mv_marquee {
    height: var(--mv-height-sp);
  }
}

.hcr-topMarquee {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.hcr-topMarquee .hcr-topMarquee_viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hcr-topMarquee .hcr-topMarquee_track {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: max-content;
}
.hcr-topMarquee .hcr-topMarquee_track > * {
  flex: 0 0 auto;
}
.hcr-topMarquee .hcr-topMarquee_track > * img {
  display: block;
  width: auto;
  height: var(--mv-height-pc);
}
@media screen and (width <= 767px) {
  .hcr-topMarquee .hcr-topMarquee_track > * img {
    height: var(--mv-height-sp);
  }
}

.hcr-topMvCopy {
  position: absolute;
  top: min(5.2083333333vw, 100px);
  left: 0;
  display: flex;
  align-items: center;
  justify-content: start;
  width: min(60.4166666667vw, 1160px);
  height: min(6.25vw, 120px);
  font-size: min(3.3854166667vw, 65px);
  font-weight: bold;
  font-feature-settings: "palt";
  color: var(--color-white);
  letter-spacing: 0.07em;
}
@media screen and (width <= 767px) {
  .hcr-topMvCopy {
    inset: auto 0 3.3333333333vw;
    justify-content: center;
    width: 100%;
    height: 10.6666666667vw;
    font-size: 5.0666666667vw;
    translate: none;
  }
}
.hcr-topMvCopy > span {
  position: relative;
}
@media screen and (width <= 767px) {
  .hcr-topMvCopy > span {
    width: 89.3333333333%;
  }
}
.hcr-topMvCopy::before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: max(72.9166666667vw, (100vw - 1920px) / 2 + 72.9166666667vw);
  height: 100%;
  content: "";
  background: url("/recruit/assets/images/top/mv_bg_02.png") no-repeat center right/cover;
}
@media screen and (width <= 767px) {
  .hcr-topMvCopy::before {
    width: 100%;
    background: url("/recruit/assets/images/top/mv_bg_02_sp.png") no-repeat center center/cover;
  }
}

/*
 * entry
 * ------------------------------ */
.hcr-topEntry {
  width: min(75%, 1440px);
  padding-block: min(2.6041666667vw, 50px);
  margin-inline: auto;
}

.hcr-topEntryItem {
  position: relative;
  display: block;
  height: min(10.4166666667vw, 200px);
  background: url("/recruit/assets/images/top/entry_item_01.png") no-repeat center center/cover;
  border-radius: min(1.6666666667vw, 32px);
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.hcr-topEntryItem_wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: min(1.5625vw, 30px);
}
.hcr-topEntryItem:nth-child(1) {
  background-image: url("/recruit/assets/images/top/entry_item_01.png");
}
.hcr-topEntryItem:nth-child(2) {
  background-image: url("/recruit/assets/images/top/entry_item_02.png");
}
.hcr-topEntryItem:nth-child(3) {
  background-image: url("/recruit/assets/images/top/entry_item_03.png");
}
.hcr-topEntryItem:nth-child(4) {
  background-image: url("/recruit/assets/images/top/entry_item_04.png");
}
.hcr-topEntryItem:nth-child(5) {
  background-image: url("/recruit/assets/images/top/entry_item_05.png");
}
.hcr-topEntryItem::before {
  position: absolute;
  inset: 0;
  display: block;
  content: "";
  background: var(--color-white);
  border: 1px solid var(--color-red-1);
  border-radius: min(1.6666666667vw, 32px);
  opacity: 0;
  transition: all 0.3s;
}
.hcr-topEntryItem > p {
  position: relative;
  padding: 0.6em 0 0 0.7em;
  font-size: min(1.3541666667vw, 26px);
  font-weight: bold;
  line-height: 1.3;
  color: var(--color-white);
  transition: all 0.3s;
}
.hcr-topEntryItem .circle {
  position: absolute;
  bottom: 0;
  left: 0;
  translate: 40% -30%;
}
.hcr-topEntryItem.type-comingsoon {
  pointer-events: none;
}
.hcr-topEntryItem.type-comingsoon::after {
  position: relative;
  display: block;
  padding: 0.6em 0 0 min(1.1458333333vw, 22px);
  font-size: min(0.9722222222vw, 14px);
  line-height: 1;
  color: var(--color-white);
  content: "coming soon";
}
@media screen and (hover: hover) {
  .hcr-topEntryItem:hover > p {
    color: var(--color-red-1);
  }
  .hcr-topEntryItem:hover::before {
    opacity: 1;
  }
}

/*
 * intro
 * ------------------------------ */
.hcr-topIntro {
  padding-block: min(4.1666666667vw, 80px);
  background: url("/recruit/assets/images/top/intro_bg_01.png") no-repeat center center/cover;
}
@media screen and (width <= 767px) {
  .hcr-topIntro {
    padding-block: 6.6666666667vw;
    background: url("/recruit/assets/images/top/intro_bg_01_sp.png") no-repeat center center/cover;
  }
}
.hcr-topIntro .intro_text {
  width: min(75%, 1440px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-topIntro .intro_text {
    width: 89.3333333333%;
  }
}
.hcr-topIntro .intro_text p {
  font-size: min(1.4583333333vw, 28px);
  line-height: 2.2;
  color: var(--color-white);
}
@media screen and (width <= 767px) {
  .hcr-topIntro .intro_text p {
    font-size: 3.6vw;
    line-height: 2.1;
    letter-spacing: -0.18vw;
  }
}

/*
 * layout, component
 * ------------------------------ */
.hcr-top-l-inner {
  width: min(75%, 1440px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-top-l-inner {
    width: 100%;
  }
}

#hcr .hcr-top-c-titleA {
  position: relative;
  width: fit-content;
  padding-right: 1em;
  font-size: min(3.6458333333vw, 70px);
  line-height: 1.3;
}
@media screen and (width <= 767px) {
  #hcr .hcr-top-c-titleA {
    padding: 0 6.6666666667vw 8vw;
    font-size: 8vw;
  }
}
#hcr .hcr-top-c-titleA::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: block;
  width: min(100vw, 1920px);
  height: min(2.6041666667vw, 50px);
  content: "";
  background: url("/recruit/assets/images/common/border_01.svg") no-repeat center left/auto 100%;
  translate: 0 -50%;
}
@media screen and (width <= 767px) {
  #hcr .hcr-top-c-titleA::after {
    top: auto;
    bottom: 0;
    left: 26.6666666667vw;
    width: 100vw;
    height: 3.3333333333vw;
    translate: 0 0;
  }
}
#hcr .hcr-top-c-titleA span {
  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
  color: var(--color-red-2);
}
#hcr .hcr-top-c-titleA.-border-a::after {
  background: url("/recruit/assets/images/common/border_01.svg") repeat-x left center/auto 100%;
}
#hcr .hcr-top-c-titleA.-border-b::after {
  background: url("/recruit/assets/images/common/border_02.svg") repeat-x left center/auto 100%;
}
#hcr .hcr-top-c-titleA.-border-c::after {
  background: url("/recruit/assets/images/common/border_03.svg") repeat-x left center/auto 100%;
}
#hcr .hcr-top-c-titleA.-border-d::after {
  background: url("/recruit/assets/images/common/border_04.svg") repeat-x left center/auto 100%;
}

#hcr .hcr-top-c-titleB {
  position: relative;
  font-size: min(2.1875vw, 42px);
  line-height: 1;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  #hcr .hcr-top-c-titleB {
    font-size: 5.6vw;
  }
}

.hcr-top-c-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(15.625vw, 300px);
  height: min(3.125vw, 60px);
  font-size: min(1.8229166667vw, 35px);
  line-height: 1;
  color: var(--color-white);
  background: var(--color-gray-4);
  border-radius: 100vh;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-top-c-button {
    width: 40vw;
    height: 8vw;
    font-size: 4.6666666667vw;
  }
}

a.hcr-top-c-button {
  color: var(--color-white);
}
@media screen and (hover: hover) {
  a.hcr-top-c-button:hover {
    background: var(--color-gray-3);
  }
}

/*
 * section
 * ------------------------------ */
.hcr-topSection {
  position: relative;
}

.hcr-topSection.-company {
  padding-block: min(7.8125%, 150px) min(10.4166666667%, 200px);
}
@media screen and (width <= 767px) {
  .hcr-topSection.-company {
    padding-block: 13.3333333333% 16%;
  }
}
.hcr-topSection.-company .section_list-itemCOM {
  margin-block: min(6.25vw, 120px) 0;
}
@media screen and (width <= 767px) {
  .hcr-topSection.-company .section_list-itemCOM {
    padding-inline: 6.6666666667vw;
    margin-block: 13.3333333333% 0;
  }
}

.hcr-topSection.-business {
  padding-block: min(7.8125%, 150px) min(10.4166666667%, 200px);
}
@media screen and (width <= 767px) {
  .hcr-topSection.-business {
    padding-block: 13.3333333333% 20%;
  }
}
.hcr-topSection.-business::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  content: "";
  background: url("/recruit/assets/images/top/bg_01.png") no-repeat center top/cover;
  translate: -50% 0;
}
@media screen and (width <= 767px) {
  .hcr-topSection.-business::before {
    background: url("/recruit/assets/images/top/bg_01_sp.png") no-repeat center top/100% auto;
  }
}
.hcr-topSection.-business .section_list-itemBUS {
  margin-block: min(6.25vw, 120px) 0;
}
@media screen and (width <= 767px) {
  .hcr-topSection.-business .section_list-itemBUS {
    padding-inline: 6.6666666667%;
    margin-block: 13.3333333333% 0;
  }
}
.hcr-topSection.-business .section_header-project {
  margin-block: min(7.8125vw, 150px) 0;
}
@media screen and (width <= 767px) {
  .hcr-topSection.-business .section_header-project {
    padding-inline: 6.6666666667% 0;
    margin-block: 13.3333333333% 0;
  }
}
.hcr-topSection.-business .section_list-itemPJT {
  margin-block: min(3.6458333333vw, 70px) 0;
}
@media screen and (width <= 767px) {
  .hcr-topSection.-business .section_list-itemPJT {
    margin-block: 6.6666666667% 0;
  }
}

.hcr-topSection.-people {
  padding-block: min(7.8125%, 150px) min(10.4166666667%, 200px);
}
@media screen and (width <= 767px) {
  .hcr-topSection.-people {
    padding-block: 13.3333333333% 20%;
  }
}
.hcr-topSection.-people::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  content: "";
  background: var(--color-gray-1);
  translate: -50% 0;
}
.hcr-topSection.-people .section_header-people {
  display: flex;
  gap: 3.4722222222%;
  align-items: center;
  margin-block: min(5.2083333333vw, 100px) 0;
}
@media screen and (width <= 767px) {
  .hcr-topSection.-people .section_header-people {
    flex-flow: column nowrap;
    gap: 4vw;
    align-items: flex-start;
    padding-inline: 6.6666666667% 0;
    margin-block: 13.3333333333% 0;
  }
}
.hcr-topSection.-people .section_container-itemPLP {
  margin-block: min(2.6041666667vw, 50px) 0;
}
@media screen and (width <= 767px) {
  .hcr-topSection.-people .section_container-itemPLP {
    margin-block: 6.6666666667% 0;
  }
}
.hcr-topSection.-people .section_list-itemSSN {
  margin-block: min(10.4166666667vw, 200px) 0;
}
@media screen and (width <= 767px) {
  .hcr-topSection.-people .section_list-itemSSN {
    width: 86.6666666667%;
    margin-block: 13.3333333333% 0;
    margin-inline: auto;
  }
}
.hcr-topSection.-people .section_list-itemSSN-2 {
  position: relative;
  padding-block: min(6.25vw, 120px) 0;
  margin-block: min(6.25vw, 120px) 0;
  border-top: 1px solid var(--color-gray-3);
}
@media screen and (width <= 767px) {
  .hcr-topSection.-people .section_list-itemSSN-2 {
    width: 86.6666666667%;
    padding-block: 10.6666666667% 0;
    margin-block: 13.3333333333% 0;
    margin-inline: auto;
  }
}

.hcr-topSection.-welfare {
  padding-block: min(7.8125%, 150px) min(10.4166666667%, 200px);
}
@media screen and (width <= 767px) {
  .hcr-topSection.-welfare {
    padding-block: 13.3333333333% 20%;
  }
}
.hcr-topSection.-welfare::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  content: "";
  background: url("/recruit/assets/images/top/bg_02.png") no-repeat center top/cover;
  translate: -50% 0;
}
@media screen and (width <= 767px) {
  .hcr-topSection.-welfare::before {
    background: url("/recruit/assets/images/top/bg_02_sp.png") no-repeat center top/100% auto;
  }
}
.hcr-topSection.-welfare .section_list-itemWF1 {
  margin-block: min(6.25vw, 120px) 0;
}
@media screen and (width <= 767px) {
  .hcr-topSection.-welfare .section_list-itemWF1 {
    padding-inline: 6.6666666667%;
    margin-block: 13.3333333333% 0;
  }
}
.hcr-topSection.-welfare .section_list-itemWF2 {
  margin-block: min(5.2083333333vw, 100px) 0;
}
@media screen and (width <= 767px) {
  .hcr-topSection.-welfare .section_list-itemWF2 {
    margin-block: 20% 0;
  }
}

/*
 * item
 * ------------------------------ */
.hcr-topItemCOM {
  position: relative;
  display: block;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.hcr-topItemCOM_wrapperList {
  display: grid;
  gap: min(5.2083333333vw, 100px);
}
@media screen and (width <= 767px) {
  .hcr-topItemCOM_wrapperList {
    gap: 13.3333333333vw;
  }
}
@media screen and (width <= 767px) {
  .hcr-topItemCOM {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
.hcr-topItemCOM .item_thumb {
  position: relative;
  width: 100%;
  height: min(25vw, 480px);
  overflow: hidden;
}
@media screen and (width <= 767px) {
  .hcr-topItemCOM .item_thumb {
    height: 40vw;
  }
}
.hcr-topItemCOM .item_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hcr-topItemCOM .item_box {
  position: absolute;
  inset: min(2.0833333333vw, 40px) auto auto min(2.0833333333vw, 40px);
  display: flex;
  flex-flow: column nowrap;
  gap: min(0.78125vw, 15px);
  width: 39.5833333333%;
  height: min(13.125vw, 252px);
  padding: 1.3888888889% 0 2.7777777778% 2.0833333333%;
  color: var(--color-white);
  background: var(--color-red-2);
  border-radius: min(1.6666666667vw, 32px);
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-topItemCOM .item_box {
    position: relative;
    inset: auto;
    display: block;
    width: 100%;
    height: 34.6666666667vw;
    min-height: 0;
    padding: 5.3846153846%;
    border-radius: 0;
  }
}
.hcr-topItemCOM .item_box > p {
  font-size: min(2.1875vw, 42px);
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (width <= 767px) {
  .hcr-topItemCOM .item_box > p {
    font-size: 5.3333333333vw;
  }
}
.hcr-topItemCOM .circle {
  position: absolute;
  right: min(1.5625vw, 30px);
  bottom: min(1.5625vw, 30px);
}
@media screen and (width <= 767px) {
  .hcr-topItemCOM .circle {
    position: absolute;
    right: 5.3846153846%;
    bottom: 4.6666666667vw;
  }
}
@media screen and (hover: hover) {
  .hcr-topItemCOM:hover .item_box {
    color: var(--color-red-1);
    background: var(--color-white);
    box-shadow: inset 0 0 0 1px var(--color-red-1);
  }
}

.hcr-topItemBUS {
  position: relative;
  display: block;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.hcr-topItemBUS_wrapperList {
  display: grid;
  gap: min(5.2083333333vw, 100px);
}
@media screen and (width <= 767px) {
  .hcr-topItemBUS_wrapperList {
    gap: 13.3333333333vw;
  }
}
@media screen and (width <= 767px) {
  .hcr-topItemBUS {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
.hcr-topItemBUS .item_thumb {
  position: relative;
  width: 100%;
  height: min(25vw, 480px);
  overflow: hidden;
}
@media screen and (width <= 767px) {
  .hcr-topItemBUS .item_thumb {
    height: 40vw;
  }
}
.hcr-topItemBUS .item_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hcr-topItemBUS .item_box {
  position: absolute;
  inset: min(1.3020833333vw, 25px) auto auto min(1.3020833333vw, 25px);
  display: flex;
  flex-flow: column nowrap;
  gap: min(1.5625vw, 30px);
  width: 43.0555555556%;
  min-height: min(15.625vw, 300px);
  padding: 2.0833333333% 0 2.7777777778% 2.0833333333%;
  color: var(--color-black);
  background: var(--gradient-1);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
}
@media screen and (width <= 767px) {
  .hcr-topItemBUS .item_box {
    position: relative;
    inset: auto;
    display: block;
    width: 100%;
    height: 34.6666666667vw;
    min-height: 0;
    padding: 5.3846153846%;
    border: none;
    border-radius: 0;
  }
}
.hcr-topItemBUS .item_box > p {
  font-size: min(2.1875vw, 42px);
  font-weight: bold;
  line-height: 1.5;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-topItemBUS .item_box > p {
    font-size: 5.3333333333vw;
  }
}
.hcr-topItemBUS .circle {
  position: relative;
}
@media screen and (width <= 767px) {
  .hcr-topItemBUS .circle {
    position: absolute;
    right: 5.3846153846%;
    bottom: 4.6666666667vw;
  }
}
@media screen and (hover: hover) {
  .hcr-topItemBUS:hover .item_box {
    color: var(--color-red-1);
    border-color: var(--color-red-1);
  }
}

.hcr-topItemPJT {
  position: relative;
  display: block;
  width: 93.75%;
}
.hcr-topItemPJT_wrapperList {
  display: grid;
  gap: min(5.2083333333vw, 100px);
}
@media screen and (width <= 767px) {
  .hcr-topItemPJT_wrapperList {
    gap: 13.3333333333vw;
  }
}
@media screen and (width <= 767px) {
  .hcr-topItemPJT {
    width: 100%;
  }
}
.hcr-topItemPJT .item_thumb {
  position: relative;
  width: min(47.5vw, 912px);
  height: min(25vw, 480px);
  margin-inline: auto 0;
  overflow: hidden;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (width <= 767px) {
  .hcr-topItemPJT .item_thumb {
    width: 93.3333333333vw;
    height: 46.6666666667vw;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
.hcr-topItemPJT .item_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hcr-topItemPJT .item_box {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  flex-flow: column nowrap;
  gap: min(1.5625vw, 30px);
  width: min(29.6875vw, 570px);
  min-height: min(15.625vw, 300px);
  padding: min(1.5625vw, 30px) 0 min(2.0833333333vw, 40px) min(1.5625vw, 30px);
  color: var(--color-black);
  background: var(--gradient-1);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
  translate: 0 -50%;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-topItemPJT .item_box {
    position: relative;
    inset: auto;
    gap: 4vw;
    width: 69.3333333333vw;
    height: 36.6666666667vw;
    min-height: 0;
    padding: 4.6666666667vw;
    margin: -13.3333333333vw auto 0;
    border-radius: 4.2666666667vw;
    translate: 0 0;
  }
}
.hcr-topItemPJT .item_box > p {
  font-size: min(2.1875vw, 42px);
  font-weight: bold;
  line-height: 1.5;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-topItemPJT .item_box > p {
    font-size: 5.3333333333vw;
  }
}
.hcr-topItemPJT .circle {
  position: relative;
}
.hcr-topItemPJT_wrapper {
  display: flex;
}
.hcr-topItemPJT_wrapper:nth-child(even) {
  justify-content: flex-end;
}
.hcr-topItemPJT_wrapper:nth-child(even) .item_thumb {
  margin-inline: 0 auto;
}
.hcr-topItemPJT_wrapper:nth-child(even) .item_box {
  right: 0;
  left: auto;
}
@media screen and (hover: hover) {
  .hcr-topItemPJT:hover .item_box {
    color: var(--color-red-1);
    border-color: var(--color-red-1);
  }
}

.hcr-topItemWF1 {
  position: relative;
  display: block;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.hcr-topItemWF1_wrapperList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(1.5625vw, 30px);
}
@media screen and (width <= 767px) {
  .hcr-topItemWF1_wrapperList {
    grid-template-columns: 1fr;
    gap: 13.3333333333vw;
  }
}
@media screen and (width <= 767px) {
  .hcr-topItemWF1 {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
.hcr-topItemWF1 .item_thumb {
  position: relative;
  width: 100%;
  height: min(25vw, 480px);
  overflow: hidden;
}
@media screen and (width <= 767px) {
  .hcr-topItemWF1 .item_thumb {
    height: 46.6666666667vw;
  }
}
.hcr-topItemWF1 .item_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hcr-topItemWF1 .item_box {
  position: absolute;
  top: min(1.3020833333vw, 25px);
  left: 5.4347826087%;
  display: flex;
  flex-flow: column nowrap;
  gap: min(1.5625vw, 30px);
  width: 80%;
  height: min(13.0208333333vw, 250px);
  padding: 6.5217391304% 0 8.6956521739% 6.5217391304%;
  color: var(--color-black);
  background: var(--gradient-1);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-topItemWF1 .item_box {
    top: 3.3333333333vw;
    left: 3.8461538462%;
    gap: 4vw;
    width: 64.6153846154%;
    height: 30vw;
    padding: 5.3846153846%;
    border-radius: 4.2666666667vw;
  }
}
.hcr-topItemWF1 .item_box > p {
  font-size: min(2.1875vw, 42px);
  font-weight: bold;
  line-height: 1.5;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-topItemWF1 .item_box > p {
    font-size: 5.3333333333vw;
  }
}
.hcr-topItemWF1 .circle {
  position: absolute;
  bottom: min(1.5625vw, 30px);
  left: 8.152173913%;
}
@media screen and (width <= 767px) {
  .hcr-topItemWF1 .circle {
    bottom: 4vw;
    left: 6.9230769231%;
  }
}
@media screen and (hover: hover) {
  .hcr-topItemWF1:hover .item_box {
    color: var(--color-red-1);
    border-color: var(--color-red-1);
  }
}

.hcr-topItemWF2 {
  position: relative;
  display: block;
}
.hcr-topItemWF2_wrapperList {
  display: grid;
  gap: min(5.2083333333vw, 100px);
}
@media screen and (width <= 767px) {
  .hcr-topItemWF2_wrapperList {
    gap: 13.3333333333vw;
  }
}
.hcr-topItemWF2 .item_thumb {
  position: relative;
  width: 65.9722222222%;
  height: min(25vw, 480px);
  margin-inline: auto 0;
  overflow: hidden;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (width <= 767px) {
  .hcr-topItemWF2 .item_thumb {
    width: 100%;
    height: 46.6666666667vw;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
.hcr-topItemWF2 .item_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hcr-topItemWF2 .item_box {
  position: absolute;
  top: min(1.3020833333vw, 25px);
  left: 1.7361111111%;
  display: flex;
  flex-flow: column nowrap;
  gap: min(1.5625vw, 30px);
  width: 39.5833333333%;
  min-height: min(15.625vw, 300px);
  padding: 2.0833333333% 0 2.7777777778% 2.0833333333%;
  color: var(--color-black);
  background: var(--gradient-1);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-topItemWF2 .item_box {
    position: relative;
    inset: auto;
    gap: 4vw;
    width: 69.3333333333%;
    height: 36.6666666667vw;
    min-height: 0;
    padding: 4.6666666667%;
    margin: -13.3333333333% auto 0;
    border-radius: 4.2666666667vw;
  }
}
.hcr-topItemWF2 .item_box > p {
  font-size: min(2.1875vw, 42px);
  font-weight: bold;
  line-height: 1.5;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-topItemWF2 .item_box > p {
    font-size: 5.3333333333vw;
  }
}
.hcr-topItemWF2 .circle {
  position: relative;
}
.hcr-topItemWF2_wrapper {
  display: flex;
}
.hcr-topItemWF2_wrapper:nth-child(even) {
  justify-content: flex-end;
}
.hcr-topItemWF2_wrapper:nth-child(even) .item_thumb {
  margin-inline: 0 auto;
}
.hcr-topItemWF2_wrapper:nth-child(even) .item_box {
  right: 0;
  left: auto;
}
@media screen and (hover: hover) {
  .hcr-topItemWF2:hover .item_box {
    color: var(--color-red-1);
    border-color: var(--color-red-1);
  }
}

.hcr-topItemSSN {
  position: relative;
  display: block;
  width: 93.75%;
}
.hcr-topItemSSN_wrapperList {
  display: grid;
  gap: min(5.2083333333vw, 100px);
}
@media screen and (width <= 767px) {
  .hcr-topItemSSN_wrapperList {
    gap: 13.3333333333vw;
  }
}
@media screen and (width <= 767px) {
  .hcr-topItemSSN {
    display: flex;
    flex-flow: row wrap;
    gap: 4.6666666667vw 0;
    justify-content: space-between;
    width: 100%;
  }
}
.hcr-topItemSSN .item_thumb {
  position: relative;
  width: min(47.5vw, 912px);
  height: min(25vw, 480px);
  margin-inline: auto 0;
  overflow: hidden;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (width <= 767px) {
  .hcr-topItemSSN .item_thumb {
    order: 3;
    width: 100%;
    height: 48vw;
    border-radius: 3.3333333333vw;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
.hcr-topItemSSN .item_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hcr-topItemSSN .item_box {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  flex-flow: column nowrap;
  gap: min(1.5625vw, 30px);
  width: min(29.6875vw, 570px);
  min-height: min(15.625vw, 300px);
  padding: min(1.5625vw, 30px) 0 min(2.0833333333vw, 40px) min(1.5625vw, 30px);
  color: var(--color-black);
  background: var(--gradient-1);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
  translate: 0 -50%;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-topItemSSN .item_box {
    display: contents;
  }
}
.hcr-topItemSSN .item_title {
  font-size: min(2.1875vw, 42px);
  font-weight: bold;
  line-height: 1.5;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-topItemSSN .item_title {
    order: 1;
    font-size: 5.3333333333vw;
  }
}
.hcr-topItemSSN .circle {
  position: relative;
}
@media screen and (width <= 767px) {
  .hcr-topItemSSN .circle {
    order: 2;
  }
}
.hcr-topItemSSN .item_text {
  font-size: min(1.4583333333vw, 28px);
  line-height: 1.7;
  text-align: justify;
  letter-spacing: -0.01em;
}
@media screen and (width <= 767px) {
  .hcr-topItemSSN .item_text {
    order: 4;
    font-size: 3.4666666667vw;
    line-height: 2.1;
  }
}
@media screen and (width > 767px) {
  .hcr-topItemSSN.-typeS {
    position: relative;
    width: 100%;
    margin-inline: auto;
  }
  .hcr-topItemSSN.-typeS::before {
    position: absolute;
    top: min(1.3020833333vw, 25px);
    left: min(1.3020833333vw, 25px);
    z-index: 1;
    width: 43.0555555556%;
    min-height: min(15.625vw, 300px);
    content: "";
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid var(--color-gray-3);
    border-radius: min(1.6666666667vw, 32px);
    transition: border-color 0.3s;
  }
  .hcr-topItemSSN.-typeS .item_title-area {
    position: absolute;
    top: min(2.6041666667vw, 50px);
    left: min(2.8645833333vw, 55px);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 38.8888888889%;
  }
  .hcr-topItemSSN.-typeS .item_thumb {
    width: 100%;
    height: min(25vw, 480px);
    margin: 0;
  }
  .hcr-topItemSSN.-typeS .item_text {
    position: absolute;
    top: min(7.8125vw, 150px);
    left: min(2.8645833333vw, 55px);
    z-index: 2;
    width: 38.8888888889%;
  }
}
@media screen and (width <= 767px) {
  .hcr-topItemSSN.-typeS::before {
    display: none;
  }
  .hcr-topItemSSN.-typeS .item_title-area {
    position: relative;
    inset: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-block: 0 4.6666666667vw;
  }
  .hcr-topItemSSN.-typeS .item_title {
    font-size: 5.3333333333vw;
  }
  .hcr-topItemSSN.-typeS .circle {
    position: relative;
    right: auto;
    bottom: auto;
    flex-shrink: 0;
  }
  .hcr-topItemSSN.-typeS .item_thumb {
    height: 40vw;
    border-radius: 3.3333333333vw;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
  .hcr-topItemSSN.-typeS .item_text {
    position: relative;
    inset: auto;
    margin-block: 6.6666666667vw 0;
    font-size: 3.4666666667vw;
    font-weight: normal;
    line-height: 2;
  }
}
.hcr-topItemSSN_wrapper {
  display: flex;
}
.hcr-topItemSSN_wrapper:nth-child(even) {
  justify-content: flex-end;
}
.hcr-topItemSSN_wrapper:nth-child(even) .item_thumb {
  margin-inline: 0 auto;
}
.hcr-topItemSSN_wrapper:nth-child(even) .item_box {
  right: 0;
  left: auto;
}
.hcr-topItemSSN.type-comingsoon {
  color: var(--color-white);
  pointer-events: none;
}
.hcr-topItemSSN.type-comingsoon::after {
  display: block;
  padding: 0.6em 0 0 min(1.1458333333vw, 22px);
  font-size: min(0.9722222222vw, 14px);
  line-height: 1;
  content: "coming soon";
}
@media screen and (hover: hover) {
  .hcr-topItemSSN:not(.-typeS):hover .item_box {
    color: var(--color-red-1);
    border-color: var(--color-red-1);
  }
  .hcr-topItemSSN:not(.-typeS):hover .item_title {
    color: var(--color-red-1);
  }
  .hcr-topItemSSN.-typeS:hover::before {
    border-color: var(--color-red-1);
  }
  .hcr-topItemSSN.-typeS:hover .item_title {
    color: var(--color-red-1);
  }
}

/* ----------------------------------------
 * PAGE
 * business
/* -------------------------------------- */
/*
 * mv
 * ------------------------------ */
.hcr-busMv {
  position: relative;
}
.hcr-busMv::before {
  position: absolute;
  inset: 0 0 min(3.3854166667vw, 65px);
  content: "";
  background: url("/recruit/assets/images/business/mv_01.png") no-repeat center top/cover;
}
@media screen and (width <= 767px) {
  .hcr-busMv::before {
    inset: 0 0 4.6666666667vw;
    background: url("/recruit/assets/images/business/mv_01_sp.png") no-repeat center top/cover;
  }
}
.hcr-busMv::after {
  position: absolute;
  bottom: min(0.78125vw - 1px, 14px);
  left: 0;
  display: block;
  width: 100%;
  height: min(2.6041666667vw + 1px, 51px);
  content: "";
  background: url("/recruit/assets/images/common/border_02.svg") repeat-x left center/auto 100%;
}
@media screen and (width <= 767px) {
  .hcr-busMv::after {
    bottom: 1.3333333333vw;
    height: 3.3333333333vw;
  }
}
.hcr-busMv .mv_container-title {
  position: relative;
  width: min(75%, 1440px);
  padding-block: min(3.3854166667vw, 65px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-busMv .mv_container-title {
    width: 86.6666666667%;
    padding-block: 5.3333333333% 8%;
  }
}
.hcr-busMv .mv_text {
  margin: 0.5em 0 0;
  font-size: min(1.6666666667vw, 32px);
  line-height: 1.7;
  color: var(--color-white);
}
@media screen and (width <= 767px) {
  .hcr-busMv .mv_text {
    font-size: 3.4666666667vw;
  }
}
.hcr-busMv .mv_title {
  font-size: min(2.7604166667vw, 53px);
  font-weight: bold;
  line-height: 1.5;
  color: var(--color-white);
}
@media screen and (width <= 767px) {
  .hcr-busMv .mv_title {
    font-size: 5.6vw;
  }
}
.hcr-busMv .mv_title > span {
  font-size: 94%;
}

/*
 * tab
 * ------------------------------ */
.hcr-busTabA {
  position: relative;
  z-index: 1;
  border-bottom: min(0.78125vw, 15px) solid var(--color-red-2);
}
@media screen and (width <= 767px) {
  .hcr-busTabA {
    border-bottom-width: 1.3333333333vw;
  }
}
.hcr-busTabA .tab_list-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: min(75%, 1440px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-busTabA .tab_list-item {
    width: 93.3333333333%;
  }
}
.hcr-busTabA .tabItem {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  gap: 2.5%;
  height: min(18.75vw, 360px);
  padding: 4.1666666667% 5.5555555556%;
  color: var(--color-gray-4);
  background: var(--color-white);
  border: 1px solid var(--color-gray-3);
  border-bottom: none;
}
@media screen and (width <= 767px) {
  .hcr-busTabA .tabItem {
    display: grid;
    grid-template-rows: 24vw auto;
    gap: 0;
    height: 51.3333333333vw;
    padding: 0 7.1428571429%;
  }
}
.hcr-busTabA .tabItem:nth-child(odd) {
  border-radius: min(1.6666666667vw, 32px) 0 0;
}
@media screen and (width <= 767px) {
  .hcr-busTabA .tabItem:nth-child(odd) {
    border-radius: 4.2666666667vw 0 0;
  }
}
.hcr-busTabA .tabItem:nth-child(even) {
  margin-left: -1px;
  border-radius: 0 min(1.6666666667vw, 32px) 0 0;
}
@media screen and (width <= 767px) {
  .hcr-busTabA .tabItem:nth-child(even) {
    border-radius: 0 4.2666666667vw 0 0;
  }
}
.hcr-busTabA .tabItem:nth-child(even) .item_title {
  text-align: right;
}
.hcr-busTabA .tabItem:nth-child(even) .item_text {
  text-align: right;
}
.hcr-busTabA .tabItem:nth-child(even) .item_circle {
  inset: auto 0 0 auto;
  translate: -80% -60%;
}
@media screen and (width <= 767px) {
  .hcr-busTabA .tabItem:nth-child(even) .item_circle {
    translate: -70% -55%;
  }
}
@media screen and (width <= 767px) {
  .hcr-busTabA .tabItem .item_title {
    align-self: center;
  }
}
.hcr-busTabA .tabItem .item_title > h2 {
  font-size: min(2.1875vw, 42px);
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1.4;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-busTabA .tabItem .item_title > h2 {
    font-size: 4vw;
    line-height: 1.6;
  }
}
.hcr-busTabA .tabItem .item_text {
  margin: 0.6em 0 0;
  font-size: min(1.25vw, 24px);
  font-feature-settings: "palt";
  line-height: 1.5;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-busTabA .tabItem .item_text {
    align-self: start;
    margin: 0;
    font-size: 2.6666666667vw;
    line-height: 1.5;
  }
}
.hcr-busTabA .tabItem .item_circle {
  position: absolute;
  inset: auto auto 0 0;
  translate: 80% -60%;
}
@media screen and (width <= 767px) {
  .hcr-busTabA .tabItem .item_circle {
    translate: 70% -55%;
  }
}
.hcr-busTabA .tabItem .item_circle .arrow {
  rotate: 90deg;
}
.hcr-busTabA .tabItem.-isCurrent {
  position: relative;
  z-index: 1;
  color: var(--color-red-2);
  background: var(--gradient-3);
  border-color: var(--color-red-2);
}
.hcr-busTabA .tabItem.-isCurrent .item_text {
  color: var(--color-black);
}
.hcr-busTabA .tabItem.-isCurrent .item_circle {
  border-color: var(--color-red-2);
}
.hcr-busTabA .tabItem.-isCurrent .item_circle svg {
  stroke: var(--color-red-2);
}
@media screen and (hover: hover) {
  .hcr-busTabA .tabItem:not(.-isCurrent):hover {
    border-color: var(--color-red-2);
  }
  .hcr-busTabA .tabItem:not(.-isCurrent):hover .item_title {
    color: var(--color-red-2);
  }
  .hcr-busTabA .tabItem:not(.-isCurrent):hover .item_text {
    color: var(--color-red-2);
  }
  .hcr-busTabA .tabItem:not(.-isCurrent):hover .item_circle {
    border-color: var(--color-red-2);
  }
  .hcr-busTabA .tabItem:not(.-isCurrent):hover .item_circle svg {
    stroke: var(--color-red-2);
  }
}

.hcr-busTabB {
  position: relative;
  z-index: 1;
  border-top: min(0.78125vw, 15px) solid var(--color-red-2);
}
@media screen and (width <= 767px) {
  .hcr-busTabB {
    border-top-width: 1.3333333333vw;
  }
}
.hcr-busTabB .tab_list-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: min(75%, 1440px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-busTabB .tab_list-item {
    width: 93.3333333333%;
  }
}
.hcr-busTabB .tabItem {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  height: min(8.3333333333vw, 160px);
  padding: 0 5.5555555556%;
  color: var(--color-gray-4);
  background: var(--color-white);
  border: 1px solid var(--color-gray-3);
  border-top: none;
}
@media screen and (width <= 767px) {
  .hcr-busTabB .tabItem {
    display: grid;
    grid-template-rows: 22.6666666667vw;
    height: 34.6666666667vw;
    padding: 0 7.1428571429%;
  }
}
.hcr-busTabB .tabItem .item_title {
  font-size: min(1.9791666667vw, 38px);
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1.5;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-busTabB .tabItem .item_title {
    align-self: center;
    font-size: 4vw;
  }
}
.hcr-busTabB .tabItem .item_circle {
  position: absolute;
  inset: 50% 0 auto auto;
  translate: -80% -50%;
}
@media screen and (width <= 767px) {
  .hcr-busTabB .tabItem .item_circle {
    inset: auto auto 0 0;
    translate: 70% -45%;
  }
}
.hcr-busTabB .tabItem .item_circle .arrow {
  rotate: -90deg;
}
.hcr-busTabB .tabItem:nth-child(odd) {
  border-radius: 0 0 0 min(1.6666666667vw, 32px);
}
@media screen and (width <= 767px) {
  .hcr-busTabB .tabItem:nth-child(odd) {
    border-radius: 0 0 0 4.2666666667vw;
  }
}
.hcr-busTabB .tabItem:nth-child(even) {
  margin-left: -1px;
  border-radius: 0 0 min(1.6666666667vw, 32px);
}
@media screen and (width <= 767px) {
  .hcr-busTabB .tabItem:nth-child(even) {
    border-radius: 0 0 4.2666666667vw;
  }
}
.hcr-busTabB .tabItem:nth-child(even) .item_title {
  text-align: right;
}
.hcr-busTabB .tabItem:nth-child(even) .item_circle {
  inset: 50% auto auto 0;
  translate: 80% -50%;
}
@media screen and (width <= 767px) {
  .hcr-busTabB .tabItem:nth-child(even) .item_circle {
    inset: auto 0 0 auto;
    translate: -70% -45%;
  }
}
.hcr-busTabB .tabItem.-isCurrent {
  position: relative;
  z-index: 1;
  color: var(--color-red-2);
  background: var(--gradient-3);
  border-color: var(--color-red-2);
}
.hcr-busTabB .tabItem.-isCurrent .item_text {
  color: var(--color-black);
}
.hcr-busTabB .tabItem.-isCurrent .item_text {
  color: var(--color-black);
}
.hcr-busTabB .tabItem.-isCurrent .item_circle {
  border-color: var(--color-red-2);
}
.hcr-busTabB .tabItem.-isCurrent .item_circle svg {
  stroke: var(--color-red-2);
}
@media screen and (hover: hover) {
  .hcr-busTabB .tabItem:not(.-isCurrent):hover .item_title {
    color: var(--color-red-2);
  }
  .hcr-busTabB .tabItem:not(.-isCurrent):hover .item_text {
    color: var(--color-red-2);
  }
  .hcr-busTabB .tabItem:not(.-isCurrent):hover .item_circle {
    border-color: var(--color-red-2);
  }
  .hcr-busTabB .tabItem:not(.-isCurrent):hover .item_circle svg {
    stroke: var(--color-red-2);
  }
}

/*
 * banner
 * ------------------------------ */
.hcr-busBannerA {
  display: grid;
  grid-template-columns: 6.9444444444% auto;
  grid-auto-flow: dense;
  gap: min(1.5625vw, 30px) 0;
  align-items: center;
  padding: 3.4722222222%;
  color: var(--color-black);
  background: var(--gradient-1);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
  transition: all 0.3s;
}
.hcr-busBannerA_wrapper {
  width: min(75%, 1440px);
  margin-block: min(6.25%, 120px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-busBannerA_wrapper {
    width: 86.6666666667%;
    margin-block: 16%;
  }
}
@media screen and (width <= 767px) {
  .hcr-busBannerA {
    grid-template-columns: 13.8461538462% auto;
    gap: 2.6666666667vw;
    padding: 4.6153846154%;
    border-radius: 4.2666666667vw;
  }
}
.hcr-busBannerA .banner_title {
  grid-column: 1/3;
  font-size: min(2.1875vw, 42px);
  font-weight: bold;
  line-height: 1.5;
  color: inherit;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-busBannerA .banner_title {
    font-size: 4.2666666667vw;
  }
}
.hcr-busBannerA .banner_text {
  grid-column: 2/3;
  font-size: min(1.6666666667vw, 32px);
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 1.6;
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-busBannerA .banner_text {
    font-size: 2.6666666667vw;
    line-height: 1.7;
  }
}
@media screen and (hover: hover) {
  .hcr-busBannerA:hover {
    border-color: var(--color-red-2);
  }
  .hcr-busBannerA:hover .banner_title {
    color: var(--color-red-2);
  }
  .hcr-busBannerA:hover .banner_circle {
    border-color: var(--color-red-2);
  }
  .hcr-busBannerA:hover .banner_circle svg {
    stroke: var(--color-red-2);
  }
}

/*
 * layout, component
 * ------------------------------ */
.hcr-bus-l-inner {
  width: min(75%, 1440px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-bus-l-inner {
    width: 86.6666666667%;
  }
}

.hcr-bus-c-titleA {
  position: relative;
  font-size: min(2.1875vw, 42px);
  line-height: 1.5;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-bus-c-titleA {
    font-size: 5.3333333333vw;
  }
}

.hcr-bus-c-titleD {
  position: relative;
  font-size: min(1.6666666667vw, 32px);
  font-weight: normal;
  line-height: 1.6;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-bus-c-titleD {
    font-size: 3.7333333333vw;
    line-height: 1.7;
  }
}

.hcr-busMain {
  position: relative;
  padding-block: min(6.25%, 120px);
}
@media screen and (width <= 767px) {
  .hcr-busMain {
    padding-block: 10.6666666667%;
  }
}
.hcr-busMain::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  content: "";
  background: url("/recruit/assets/images/business/bg_01.png") no-repeat center top/100% auto;
  translate: -50% 0;
}
@media screen and (width <= 767px) {
  .hcr-busMain::before {
    background: url("/recruit/assets/images/business/bg_01_sp.png") no-repeat center top/100% auto;
  }
}

#hcr[data-hcr-page=business][data-hcr-business=group] .hcr-busMain::before {
  background-image: url("/recruit/assets/images/business/bg_02.png");
}
@media screen and (width <= 767px) {
  #hcr[data-hcr-page=business][data-hcr-business=group] .hcr-busMain::before {
    background-image: url("/recruit/assets/images/business/bg_02_sp.png");
  }
}

/*
 * section
 * ------------------------------ */
.hcr-busSection {
  position: relative;
}
.hcr-busSection:not(:first-child) {
  margin-top: 8.3333333333%;
}
@media screen and (width <= 767px) {
  .hcr-busSection:not(:first-child) {
    margin-top: 12.3076923077%;
  }
}
.hcr-busSection .section_title {
  margin-bottom: 2.7777777778%;
}
@media screen and (width <= 767px) {
  .hcr-busSection .section_title {
    margin-bottom: 6.1538461538%;
  }
}
.hcr-busSection .section_title:not(:first-child) {
  margin-top: 8.3333333333%;
}
@media screen and (width <= 767px) {
  .hcr-busSection .section_title:not(:first-child) {
    margin-top: 12.3076923077%;
  }
}
.hcr-busSection .section_title-detail {
  margin-bottom: 2.7777777778%;
}
@media screen and (width <= 767px) {
  .hcr-busSection .section_title-detail {
    margin-bottom: 3.8461538462%;
  }
}
.hcr-busSection .section_img-1 {
  margin-block: 4.1666666667% 0;
}
@media screen and (width <= 767px) {
  .hcr-busSection .section_img-1 {
    margin-inline: -7.6923076923%;
    margin-top: 6.1538461538%;
  }
}
.hcr-busSection .section_container_itemA {
  margin-block: 2.7777777778% 0;
}
@media screen and (width <= 767px) {
  .hcr-busSection .section_container_itemA {
    margin-top: 4.6153846154%;
  }
}
.hcr-busSection .section_container-chartSCP {
  margin-block: 2.7777777778% 0;
}
@media screen and (width <= 767px) {
  .hcr-busSection .section_container-chartSCP {
    margin-top: 4.6153846154%;
  }
}
.hcr-busSection .section_container-itemDET > *:not(:first-child) {
  margin-top: 3.4722222222%;
}
@media screen and (width <= 767px) {
  .hcr-busSection .section_container-itemDET > *:not(:first-child) {
    margin-top: 4.6153846154%;
  }
}

.hcr-busSection-det_wrapper {
  display: flex;
  flex-flow: column wrap;
  gap: min(6.25vw, 120px) 0;
  margin-top: 5.5555555556%;
}
@media screen and (width <= 767px) {
  .hcr-busSection-det_wrapper {
    gap: 10.6666666667vw;
    margin-top: 7.6923076923%;
  }
}

#hcr[data-hcr-page=business][data-hcr-business=index] .hcr-busSection-det_wrapper {
  flex-direction: column-reverse;
}

#hcr[data-hcr-page=business][data-hcr-business=group] .hcr-busSection-det_wrapper {
  flex-direction: column;
}

/*
 * item
 * ------------------------------ */
.hcr-busBoxA {
  display: flex;
  align-items: center;
  justify-content: center;
  height: min(10.4166666667vw, 200px);
  font-size: min(1.4583333333vw, 28px);
  line-height: 1.6;
  color: var(--color-black);
  text-align: center;
  background: var(--color-white);
  border: 1px solid var(--color-red-2);
}
.hcr-busBoxA_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(1.5625vw, 30px) 2.0833333333%;
}
@media screen and (width <= 767px) {
  .hcr-busBoxA_wrapper {
    gap: 4vw 4.6153846154%;
  }
}
@media screen and (width <= 767px) {
  .hcr-busBoxA {
    height: 26vw;
    font-size: 2.6666666667vw;
    line-height: 1.7;
  }
}
.hcr-busBoxA_note {
  margin-block: 1.3888888889% 0;
  font-size: min(1.0416666667vw, 20px);
  line-height: 1.5;
  text-align: right;
}
@media screen and (width <= 767px) {
  .hcr-busBoxA_note {
    margin-block: 3.0769230769%;
    font-size: 2.6666666667vw;
  }
}

.hcr-busChartSCP {
  position: relative;
}
.hcr-busChartSCP .chart_text {
  margin-block: 1em 0;
  font-size: min(1.3020833333vw, 25px);
  line-height: 1.5;
  text-align: center;
}
@media screen and (width <= 767px) {
  .hcr-busChartSCP .chart_text {
    font-size: 2.6666666667vw;
  }
}
.hcr-busChartSCP[data-hcr-business=group] .chart_text {
  padding-left: 12%;
}
@media screen and (width <= 767px) {
  .hcr-busChartSCP[data-hcr-business=group] .chart_text {
    padding-left: 7%;
  }
}
.hcr-busChartSCP .chart_list-item {
  display: flex;
  align-items: stretch;
  height: min(5.2083333333vw, 100px);
  overflow: hidden;
}
@media screen and (width <= 767px) {
  .hcr-busChartSCP .chart_list-item {
    height: 13.3333333333vw;
  }
}
.hcr-busChartSCP .chart_list-item > li {
  position: relative;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding-inline: 1em 0;
  font-size: min(1.4583333333vw, 28px);
  font-feature-settings: "palt";
  line-height: 1.5;
  color: var(--color-white);
  background: var(--color-gray-5);
}
@media screen and (width <= 767px) {
  .hcr-busChartSCP .chart_list-item > li {
    font-size: 2.6666666667vw;
  }
}
.hcr-busChartSCP .chart_list-item > li > p {
  position: relative;
  z-index: 2;
}
.hcr-busChartSCP .chart_list-item > li.-isInactive {
  background: var(--color-gray-3);
}
.hcr-busChartSCP .chart_list-item > li:not(:last-child) > i {
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  z-index: 1;
  display: block;
  height: 100%;
  aspect-ratio: 1/2;
  background: inherit;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (width <= 767px) {
  .hcr-busChartSCP .chart_list-item > li:not(:last-child) > i {
    clip-path: polygon(0 0, 50% 0, 100% 50%, 50% 100%, 0 100%);
    translate: -50% 0;
  }
}
.hcr-busChartSCP .chart_list-item > li:not(:last-child) > i::before, .hcr-busChartSCP .chart_list-item > li:not(:last-child) > i::after {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  display: block;
  width: 1px;
  height: 200%;
  content: "";
  background: var(--color-white);
  transform-origin: center center;
  translate: 0 -50%;
}
.hcr-busChartSCP .chart_list-item > li:not(:last-child) > i::before {
  rotate: -45deg;
}
@media screen and (width <= 767px) {
  .hcr-busChartSCP .chart_list-item > li:not(:last-child) > i::before {
    rotate: -26.565deg;
  }
}
.hcr-busChartSCP .chart_list-item > li:not(:last-child) > i::after {
  rotate: 45deg;
}
@media screen and (width <= 767px) {
  .hcr-busChartSCP .chart_list-item > li:not(:last-child) > i::after {
    rotate: 206.565deg;
  }
}
.hcr-busChartSCP .chart_list-item > li:not(:last-child, :first-child) p {
  padding-left: 0.5em;
}

.hcr-busItemDET {
  overflow: hidden;
  background: var(--gradient-1);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
}
@media screen and (width <= 767px) {
  .hcr-busItemDET {
    border-radius: 4.2666666667vw;
  }
}
.hcr-busItemDET .item_header {
  position: relative;
  display: flex;
  align-items: center;
  height: min(8.3333333333vw, 160px);
  padding-inline: 4.1666666667%;
  cursor: pointer;
}
@media screen and (width <= 767px) {
  .hcr-busItemDET .item_header {
    height: 20vw;
    padding-inline: 4.6153846154%;
  }
}
.hcr-busItemDET .item_header .circle {
  position: absolute;
  top: 50%;
  right: 3.4722222222%;
  translate: 0 -50%;
}
@media screen and (width <= 767px) {
  .hcr-busItemDET .item_header .circle {
    right: 4.6153846154%;
  }
}
.hcr-busItemDET .item_headerTitle {
  padding: 0;
  margin: 0;
  font-size: min(2.1875vw, 42px);
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1.35;
  color: var(--color-red-2);
}
@media screen and (width <= 767px) {
  .hcr-busItemDET .item_headerTitle {
    font-size: 4.2666666667vw;
  }
}
.hcr-busItemDET .item_body {
  display: grid;
  grid-template-columns: auto 54.8484848485%;
  gap: min(2.6041666667vw, 50px) 3.4722222222%;
  padding: 0 4.1666666667%;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-busItemDET .item_body {
    grid-template-columns: 1fr;
    gap: 5.3333333333vw;
    padding: 2.3076923077% 4.6153846154% 0;
  }
}
.hcr-busItemDET .item_body .container-bottom {
  grid-column: 1/3;
  padding: 2.6515151515% 0;
  border-top: 1px solid var(--color-gray-3);
}
@media screen and (width <= 767px) {
  .hcr-busItemDET .item_body .container-bottom {
    grid-column: 1/2;
    padding: 6.7796610169% 0;
  }
}
.hcr-busItemDET .item_text-1 {
  padding: 0;
  margin: 0;
  margin-block: 0 0.7em;
  font-size: min(1.8229166667vw, 35px);
  font-weight: bold;
  line-height: 1.7;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-busItemDET .item_text-1 {
    font-size: 4vw;
  }
}
.hcr-busItemDET .item_text {
  font-size: min(1.09375vw, 21px);
  line-height: 1.7;
  text-align: justify;
}
@media screen and (width <= 767px) {
  .hcr-busItemDET .item_text {
    font-size: 3.7333333333vw;
  }
}
.hcr-busItemDET .item_text-2 {
  font-size: min(1.8229166667vw, 35px);
  font-weight: 500;
  line-height: 1.7;
}
@media screen and (width <= 767px) {
  .hcr-busItemDET .item_text-2 {
    font-size: 4vw;
  }
}
.hcr-busItemDET .item_text-2 b {
  font-weight: inherit;
  color: var(--color-red-2);
}
.hcr-busItemDET .item_box {
  align-self: start;
  min-height: min(11.9791666667vw, 230px);
  padding: min(1.5625vw, 30px) 0;
  background: var(--color-white);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.0416666667vw, 20px);
}
.hcr-busItemDET .item_box_wrapper {
  display: flex;
  grid-template-columns: repeat(3, 1fr);
  gap: 4.1436464088%;
  justify-content: center;
}
@media screen and (width <= 767px) {
  .hcr-busItemDET .item_box_wrapper {
    gap: 2.5423728814%;
  }
}
.hcr-busItemDET .item_box_wrapper > * {
  width: 30.6629834254%;
}
@media screen and (width <= 767px) {
  .hcr-busItemDET .item_box {
    gap: 2.5423728814%;
    min-height: 30.6666666667vw;
    padding: 3.3333333333vw 0;
    border-radius: 2.6666666667vw;
  }
}
.hcr-busItemDET .item_box > dt {
  margin-block: 0 0.5em;
  font-size: min(1.25vw, 24px);
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
@media screen and (width <= 767px) {
  .hcr-busItemDET .item_box > dt {
    font-size: 3.0666666667vw;
  }
}
.hcr-busItemDET .item_box > dd ul {
  display: flex;
  flex-flow: column wrap;
  gap: 0.3em;
  padding-inline: 0.5em;
  font-size: min(1.09375vw, 21px);
  font-feature-settings: "palt";
  line-height: 1.5;
}
@media screen and (width <= 767px) {
  .hcr-busItemDET .item_box > dd ul {
    padding-inline: 0.2em;
    font-size: 2.6666666667vw;
  }
}
.hcr-busItemDET .item_box > dd ul > li {
  padding-inline: 1em 0;
  text-indent: -0.6em;
}
.hcr-busItemDET .item_box > dd ul > li::before {
  padding-right: 0.2em;
  content: "�E";
}

#hcr[data-hcr-page=business][data-hcr-business=index] .hcr-busItemDET[data-hcr-business=group] {
  background: var(--gradient-2);
}
#hcr[data-hcr-page=business][data-hcr-business=index] .hcr-busItemDET[data-hcr-business=group] .item_headerTitle {
  color: var(--color-gray-4);
}

#hcr[data-hcr-page=business][data-hcr-business=group] .hcr-busItemDET[data-hcr-business=index] {
  background: var(--gradient-2);
}
#hcr[data-hcr-page=business][data-hcr-business=group] .hcr-busItemDET[data-hcr-business=index] .item_headerTitle {
  color: var(--color-gray-4);
}

#hcr[data-hcr-page=business] .hcr-busItemDET:has(> .item_header.-isAccordionOpen) {
  background: var(--color-white);
}

/* ----------------------------------------
 * PAGE
 * people index
/* -------------------------------------- */
/*
 * mv
 * ------------------------------ */
.hcr-peopleIndex-mv {
  color: var(--color-black);
}

/*
 * nav
 * ------------------------------ */
.hcr-plxNav {
  padding-block: min(5.2083333333vw, 100px);
}
@media screen and (width <= 767px) {
  .hcr-plxNav {
    padding-block: 3.3333333333% 20%;
  }
}
.hcr-plxNav .nav_list-item {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: min(75%, 1440px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-plxNav .nav_list-item {
    grid-template-columns: 1fr;
    width: 86.6666666667%;
  }
}
.hcr-plxNav .nav_list-item > li {
  position: relative;
}
@media screen and (width <= 767px) {
  .hcr-plxNav .nav_list-item > li::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 84.6153846154%;
    height: 1px;
    content: "";
    background: var(--color-gray-3);
    translate: -50% 0;
  }
}
@media screen and (width > 767px) {
  .hcr-plxNav .nav_list-item > li:not(:first-child) {
    border-left: 1px solid var(--color-gray-3);
  }
}

.hcr-plxNavItem {
  position: relative;
  display: block;
  padding-inline: 0 16.6666666667%;
  text-align: center;
}
@media screen and (width <= 767px) {
  .hcr-plxNavItem {
    padding-block: 9.2307692308%;
    padding-inline: 0;
    text-align: left;
  }
}
.hcr-plxNavItem .item_text-a {
  margin-block: 0 0.3em;
  font-size: min(1.25vw, 24px);
  line-height: 1.5;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-plxNavItem .item_text-a {
    font-size: 4.5333333333vw;
    line-height: 1.6;
  }
}
.hcr-plxNavItem .item_title {
  display: contents;
}
@media screen and (width <= 767px) {
  .hcr-plxNavItem .item_title {
    position: relative;
    display: block;
  }
}
.hcr-plxNavItem .item_title > p {
  font-size: min(1.4583333333vw, 28px);
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-red-2);
}
@media screen and (width <= 767px) {
  .hcr-plxNavItem .item_title > p {
    font-size: 5.6vw;
    line-height: 1.6;
  }
}
.hcr-plxNavItem .item_circle {
  position: absolute;
  top: 50%;
  right: 8.3333333333%;
  translate: 0 -50%;
}
@media screen and (width <= 767px) {
  .hcr-plxNavItem .item_circle {
    right: 0;
  }
}
.hcr-plxNavItem .item_circle .arrow {
  rotate: 90deg;
}

/*
 * layout, component
 * ------------------------------ */
.hcr-plx-l-inner {
  width: min(75%, 1440px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-plx-l-inner {
    width: 86.6666666667%;
  }
}

.hcr-plx-c-header {
  position: relative;
  padding-block: min(3.125vw, 60px);
  text-align: center;
}
@media screen and (width <= 767px) {
  .hcr-plx-c-header {
    padding-block: 6.6666666667%;
  }
}
.hcr-plx-c-header::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background: var(--color-gray-3);
  translate: -50% 0;
}
@media screen and (width <= 767px) {
  .hcr-plx-c-header::after {
    width: 84.6153846154%;
  }
}
.hcr-plx-c-header .header_title {
  font-size: min(2.7083333333vw, 52px);
  font-weight: bold;
  line-height: 1.5;
  color: var(--color-red-2);
}
@media screen and (width <= 767px) {
  .hcr-plx-c-header .header_title {
    font-size: 6.6666666667vw;
  }
}
.hcr-plx-c-header .header_text {
  margin-block: 0.8em 0;
  font-size: min(1.4583333333vw, 28px);
  line-height: 1.7;
}
@media screen and (width <= 767px) {
  .hcr-plx-c-header .header_text {
    font-size: 5.6vw;
  }
}

/*
 * section
 * ------------------------------ */
.hcr-plxSection {
  position: relative;
  padding-block: min(3.125vw, 60px) min(5.2083333333vw, 100px);
}
@media screen and (width <= 767px) {
  .hcr-plxSection {
    padding-block: 13.3333333333% 20%;
  }
}
.hcr-plxSection::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  content: "";
  background: url("/recruit/assets/images/people_index/bg_01.png") no-repeat center top/100% auto;
  translate: -50% 0;
}
@media screen and (width <= 767px) {
  .hcr-plxSection::before {
    background: url("/recruit/assets/images/people_index/bg_01_sp.png") no-repeat center top/100% auto;
  }
}
.hcr-plxSection.-index-1::before {
  background-image: url("/recruit/assets/images/people_index/bg_02.png");
}
@media screen and (width <= 767px) {
  .hcr-plxSection.-index-1::before {
    background-image: url("/recruit/assets/images/people_index/bg_02_sp.png");
  }
}
.hcr-plxSection.-index-2::before {
  background-image: url("/recruit/assets/images/people_index/bg_02.png");
}
@media screen and (width <= 767px) {
  .hcr-plxSection.-index-2::before {
    background-image: url("/recruit/assets/images/people_index/bg_02_sp.png");
  }
}
.hcr-plxSection.-index-3::before {
  content: none;
}
.hcr-plxSection .section_container-boxPL {
  margin-block: min(5.2083333333%, 100px) 0;
}
@media screen and (width <= 767px) {
  .hcr-plxSection .section_container-boxPL {
    margin-block: 8% 0;
  }
}
.hcr-plxSection .section_list-boxPL {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(3.6458333333vw, 70px) 8.3333333333%;
  width: min(75%, 1440px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-plxSection .section_list-boxPL {
    grid-template-columns: repeat(2, 1fr);
    gap: 10.6666666667vw 0;
    width: 100%;
  }
}
@media screen and (width > 767px) {
  .hcr-plxSection .section_list-boxPL-spSlider .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(3.6458333333vw, 70px) 8.3333333333%;
    width: min(75vw, 1440px);
    margin-inline: auto;
  }
}

/* ----------------------------------------
 * PAGE
 * people page
/* -------------------------------------- */
[data-hcr-page=people-page] .type-a {
  background: var(--color-gray-3);
}
[data-hcr-page=people-page] .type-b {
  color: var(--color-white);
  background: var(--color-gray-5);
}
[data-hcr-page=people-page] .type-c {
  color: var(--color-white);
  background: var(--color-gray-4);
}
[data-hcr-page=people-page] .type-d {
  color: var(--color-white);
  background: var(--color-red-2);
}

/*
 * mv
 * ------------------------------ */
[data-hcr-people=tshi] .hcr-plpMvImg.mv_bg img {
  object-position: center 15%;
}

[data-hcr-people=hk] .hcr-plpMvImg.mv_bg img {
  object-position: center top;
}

[data-hcr-people=sh] .hcr-plpMvImg.mv_bg img {
  object-position: center top;
}

@media screen and (width <= 767px) {
  [data-hcr-people=ka] .hcr-plpMvImg.mv_bg img {
    object-position: 15% center;
  }
  [data-hcr-people=ta] .hcr-plpMvImg.mv_bg img {
    object-position: 18% center;
  }
  [data-hcr-people=tn] .hcr-plpMvImg.mv_bg img {
    object-position: 8% center;
  }
  [data-hcr-people=rk] .hcr-plpMvImg.mv_bg img {
    object-position: 5% center;
  }
  [data-hcr-people=su] .hcr-plpMvImg.mv_bg img {
    object-position: 8% center;
  }
  [data-hcr-people=tshi] .hcr-plpMvImg.mv_bg img {
    object-position: 10% center;
  }
  [data-hcr-people=hk] .hcr-plpMvImg.mv_bg img {
    object-position: 10% center;
  }
  [data-hcr-people=sh] .hcr-plpMvImg.mv_bg img {
    object-position: 10% center;
  }
}
.hcr-plpMv {
  position: relative;
}
.hcr-plpMv .mv_bg {
  position: absolute;
  inset: 0;
}
@media screen and (width <= 767px) {
  .hcr-plpMv .mv_bg {
    position: relative;
    height: 72vw;
  }
}
.hcr-plpMv .mv_bg img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (width <= 767px) {
  .hcr-plpMv .mv_bg img {
    object-position: 10% center;
  }
}
.hcr-plpMv .mv_container-title {
  position: relative;
  width: min(43.4895833333%, 835px + (100% - 1440px) / 2);
  min-height: min(34.375vw, 660px);
  padding-block: min(3.125%, 60px) 0;
  padding-inline: min(3.125%, 60px) 0;
  margin-inline: auto 0;
  background: var(--color-gray-3);
}
@media screen and (width <= 767px) {
  .hcr-plpMv .mv_container-title {
    width: 100%;
    min-height: 0;
    padding: 6.6666666667%;
  }
}
.hcr-plpMv .mv_textA {
  margin-block: 0 2em;
  font-size: min(1.09375vw, 21px);
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
}
@media screen and (width <= 767px) {
  .hcr-plpMv .mv_textA {
    margin-block: 0 0.5em;
    font-size: 5.3333333333vw;
  }
}
.hcr-plpMv .mv_titleA {
  min-height: min(16.6666666667vw, 320px);
  font-size: min(1.875vw, 36px);
  font-weight: bold;
  line-height: 1.7;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-plpMv .mv_titleA {
    min-height: 0;
    font-size: 6.6666666667vw;
  }
}
.hcr-plpMv .mv_textB {
  margin-block: 0.7em 0;
  font-size: min(1.3541666667vw, 26px);
  line-height: 1.5;
}
@media screen and (width <= 767px) {
  .hcr-plpMv .mv_textB {
    margin-block: 0.5em 0;
    font-size: 4.5333333333vw;
  }
}
.hcr-plpMv .mv_textC {
  margin-block: 0;
  font-size: min(1.0416666667vw, 20px);
  line-height: 1.75;
}
@media screen and (width <= 767px) {
  .hcr-plpMv .mv_textC {
    margin-block: 0.5em 0;
    font-size: 3.4666666667vw;
  }
}

/*
 * layout, component
 * ------------------------------ */
.hcr-plp-l-inner {
  width: min(75%, 1440px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-plp-l-inner {
    width: 86.6666666667%;
  }
}

.hcr-plp-c-titleA {
  position: relative;
  font-size: min(1.09375vw, 21px);
  font-weight: 500;
  line-height: 1;
  color: var(--color-red-2);
}
@media screen and (width <= 767px) {
  .hcr-plp-c-titleA {
    font-size: 5.6vw;
    text-align: center;
  }
}

.hcr-plp-c-titleB {
  position: relative;
  font-size: min(2.7083333333vw, 52px);
  line-height: 1.7;
}
@media screen and (width <= 767px) {
  .hcr-plp-c-titleB {
    font-size: 6.6666666667vw;
  }
}

.hcr-plp-c-titleA + .hcr-plp-c-titleB {
  margin-block: 0.2em 0;
}
@media screen and (width <= 767px) {
  .hcr-plp-c-titleA + .hcr-plp-c-titleB {
    margin-block: 1em 0;
  }
}

.hcr-plp-c-text {
  position: relative;
  font-size: min(1.09375vw, 21px);
  font-feature-settings: "palt";
  line-height: 2.5;
}
@media screen and (width <= 767px) {
  .hcr-plp-c-text {
    font-size: 3.4666666667vw;
    line-height: 2.1;
  }
}
.hcr-plp-c-text p {
  line-height: inherit;
}

/*
 * section
 * ------------------------------ */
.hcr-plpSection {
  position: relative;
}
.hcr-plpSection .section_title {
  margin-block: 0 2.7777777778%;
}
@media screen and (width <= 767px) {
  .hcr-plpSection .section_title {
    margin-block: 0 9.2307692308%;
  }
}
.hcr-plpSection .section_title:has(+ .section_headline) {
  margin-block: 0 1.3888888889%;
}
@media screen and (width <= 767px) {
  .hcr-plpSection .section_title:has(+ .section_headline) {
    margin-block: 0 6.1538461538%;
  }
}

.hcr-plpSection.-step {
  padding-block: min(5.2083333333%, 100px) 0;
}
@media screen and (width <= 767px) {
  .hcr-plpSection.-step {
    padding-block: 24% 0;
  }
}

.hcr-plpSection.-scope {
  padding-block: min(5.2083333333%, 100px) min(7.2916666667%, 140px);
}
@media screen and (width <= 767px) {
  .hcr-plpSection.-scope {
    padding-block: 24% 8%;
  }
}

.hcr-plpSection.-interview {
  position: relative;
  padding-block: min(5.2083333333%, 100px) min(11.4583333333%, 220px);
}
@media screen and (width <= 767px) {
  .hcr-plpSection.-interview {
    padding-block: 20% 0;
  }
}
.hcr-plpSection.-interview::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  content: "";
  background: url("/recruit/assets/images/people/bg_01.png") no-repeat center top/100% auto;
  translate: -50% 0;
}
@media screen and (width <= 767px) {
  .hcr-plpSection.-interview::before {
    background: url("/recruit/assets/images/people/bg_01_sp.png") no-repeat center top/100% auto;
  }
}

.hcr-plpSection.-schedule {
  display: grid;
  grid-template-columns: 1fr 56.9444444444%;
  padding-block: min(7.8125%, 150px);
}
@media screen and (width <= 767px) {
  .hcr-plpSection.-schedule {
    display: block;
    padding-block: 24%;
  }
}
@media screen and (width <= 767px) {
  .hcr-plpSection.-schedule .section_headline {
    text-align: center;
  }
}
@media screen and (width <= 767px) {
  .hcr-plpSection.-schedule .section_container-chart {
    margin-block: 6.1538461538%;
  }
}

.hcr-plpSectionWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 13.8888888889%;
  padding-block: min(6.25%, 150px) min(7.8125%, 150px);
  border-image: linear-gradient(var(--color-gray-1) 0 0) fill 0/0/0 100vw;
}
@media screen and (width <= 767px) {
  .hcr-plpSectionWrapper {
    grid-template-columns: 1fr;
    gap: 24vw;
    padding-block: 24%;
  }
}

.hcr-plpSection.-place .section_header {
  margin-block: 0 1.6129032258%;
}
@media screen and (width <= 767px) {
  .hcr-plpSection.-place .section_header {
    margin-block: 0 9.2307692308%;
  }
}
.hcr-plpSection.-place .section_container-1 {
  min-height: min(15.625vw, 300px);
  padding-block: 3.2258064516% 0;
}
@media screen and (width <= 767px) {
  .hcr-plpSection.-place .section_container-1 {
    min-height: 0;
    padding-block: 0;
    margin-block: 12.3076923077% 15.3846153846%;
  }
}

.hcr-plpSection.-feature .section_header {
  margin-block: 0 1.6129032258%;
}
@media screen and (width <= 767px) {
  .hcr-plpSection.-feature .section_header {
    margin-block: 0 6.1538461538%;
  }
}
@media screen and (width > 767px) {
  .hcr-plpSection.-feature:not(:has(.section_container-1)) .section_header {
    margin-block: 0 11.2903225806%;
  }
}
.hcr-plpSection.-feature .section_container-1 {
  display: flex;
  align-items: center;
  min-height: min(15.625vw, 300px);
  white-space: nowrap;
}
@media screen and (width <= 767px) {
  .hcr-plpSection.-feature .section_container-1 {
    display: block;
    min-height: 0;
    margin-block: 0 7.6923076923%;
  }
}

.hcr-plpSection.-message {
  padding-block: min(7.8125%, 150px) min(10.4166666667%, 200px);
}
@media screen and (width <= 767px) {
  .hcr-plpSection.-message {
    padding-block: 26.6666666667%;
  }
}

.hcr-plpSection-nobg-Wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 13.8888888889%;
}
@media screen and (width <= 767px) {
  .hcr-plpSection-nobg-Wrapper {
    grid-template-columns: 1fr;
    gap: 24vw;
    padding-block: 24% 0;
  }
}

/*
 * item
 * ------------------------------ */
.hcr-plpChartSCO .chart_list {
  display: flex;
  flex-flow: row nowrap;
  gap: min(1.5625vw, 30px);
}
@media screen and (width <= 767px) {
  .hcr-plpChartSCO .chart_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4vw;
  }
}
.hcr-plpChartSCO .chart_list > li {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: min(5.2083333333vw, 100px);
  font-size: min(1.09375vw, 21px);
  line-height: 1.5;
  background: var(--color-white);
  border: 2px solid var(--color-gray-2);
  border-radius: min(0.8333333333vw, 16px);
}
@media screen and (width <= 767px) {
  .hcr-plpChartSCO .chart_list > li {
    grid-template-columns: 1fr;
    height: 18.6666666667vw;
    font-size: 4.5333333333vw;
    border-radius: 1.3333333333vw;
  }
}
.hcr-plpChartSCO .chart_list > li.-isInactive {
  color: var(--color-gray-2);
  background: var(--color-gray-1);
  border: none;
}

.hcr-plpItemIV {
  position: relative;
}
.hcr-plpItemIV:not(:first-child) {
  margin-block: 10.4166666667% 0;
}
@media screen and (width <= 767px) {
  .hcr-plpItemIV:not(:first-child) {
    margin-block: 27.6923076923% 0;
  }
}
.hcr-plpItemIV .item_title {
  width: 100%;
  margin-block: 0 1.3888888889%;
}
@media screen and (width <= 767px) {
  .hcr-plpItemIV .item_title {
    margin-block: 0 6.1538461538%;
  }
}
@media screen and (width > 767px) {
  .hcr-plpItemIV:not(:has(.item_headline)) .item_title {
    margin-block: 0 4.1666666667%;
  }
}
.hcr-plpItemIV .item_headline {
  width: 100%;
  margin-block: 0 4.8611111111%;
}
@media screen and (width <= 767px) {
  .hcr-plpItemIV .item_headline {
    margin-block: 0 7.6923076923%;
  }
}
.hcr-plpItemIV .item_container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
@media screen and (width <= 767px) {
  .hcr-plpItemIV .item_container {
    display: block;
  }
}
.hcr-plpItemIV .item_container.-rev {
  flex-direction: row-reverse;
}
.hcr-plpItemIV .item_column-text {
  width: 50%;
  text-align: justify;
}
.hcr-plpItemIV .item_column-text .hcr-plp-text-hyphen {
  text-align: left;
}
.hcr-plpItemIV .item_column-text .hcr-hyphenate {
  -webkit-hyphens: manual;
  hyphens: manual;
}
@media screen and (width <= 767px) {
  .hcr-plpItemIV .item_column-text {
    width: 100%;
  }
}
.hcr-plpItemIV .item_column-text:not(:has(+ .item_column-img)) {
  width: 100%;
}
.hcr-plpItemIV .item_column-img {
  width: 41.6666666667%;
}
@media screen and (width <= 767px) {
  .hcr-plpItemIV .item_column-img {
    width: 100vw;
    margin-block: 7.6923076923% 0;
    margin-inline: -6.6666666667vw;
  }
}

.hcr-plpChartSCH {
  padding-block: 6.0975609756%;
  background: var(--color-gray-1);
  border-radius: min(1.6666666667vw, 32px);
}
@media screen and (width <= 767px) {
  .hcr-plpChartSCH {
    padding-block: 15.3846153846%;
    border-radius: 4.2666666667vw;
  }
}
.hcr-plpChartSCH .chart_table {
  width: 100%;
  font-size: min(1.09375vw, 21px);
  line-height: 1.6;
  border-collapse: collapse;
}
@media screen and (width <= 767px) {
  .hcr-plpChartSCH .chart_table {
    font-size: 4.5333333333vw;
  }
}
.hcr-plpChartSCH .chart_table th {
  padding: 0.6em 0;
  font-size: min(1.09375vw, 21px);
  font-weight: normal;
  line-height: 1.6;
  vertical-align: top;
  color: var(--color-red-2);
}
@media screen and (width <= 767px) {
  .hcr-plpChartSCH .chart_table th {
    padding: 0.5em 0;
    font-size: 3.7333333333vw;
  }
}
.hcr-plpChartSCH .chart_table td {
  padding: 0.6em 2em 0.6em 0.3em;
  font-size: min(1.09375vw, 21px);
  line-height: 1.6;
}
@media screen and (width <= 767px) {
  .hcr-plpChartSCH .chart_table td {
    font-size: 3.4666666667vw;
  }
}
.hcr-plpChartSCH .chart_table.-daily th {
  width: 21.9512195122%;
  text-align: center;
}
@media screen and (width <= 767px) {
  .hcr-plpChartSCH .chart_table.-daily th {
    width: 26.1538461538%;
  }
}
.hcr-plpChartSCH .chart_table.-weekly th {
  width: 15.3846153846%;
  text-align: center;
}
@media screen and (width <= 767px) {
  .hcr-plpChartSCH .chart_table.-weekly th {
    width: 16.9230769231%;
  }
}
.hcr-plpChartSCH .chart_table.-weekly th.column-1 {
  width: 15.3846153846%;
  text-align: right;
}
@media screen and (width <= 767px) {
  .hcr-plpChartSCH .chart_table.-weekly th.column-1 {
    width: 21.5384615385%;
  }
}

.hcr-plpChartPLC .chart_title {
  margin-block: 0 1em;
  font-size: min(1.4583333333vw, 28px);
  font-weight: bold;
  line-height: 1;
  color: var(--color-red-2);
  text-align: center;
}
@media screen and (width <= 767px) {
  .hcr-plpChartPLC .chart_title {
    margin-block: 0 1.5em;
    font-size: 4vw;
  }
}
.hcr-plpChartPLC .chart_list-week {
  display: flex;
  flex-flow: row nowrap;
  gap: 1px;
  align-items: stretch;
  height: min(3.90625vw, 75px);
}
@media screen and (width <= 767px) {
  .hcr-plpChartPLC .chart_list-week {
    height: 10.6666666667vw;
  }
}
.hcr-plpChartPLC .chart_list-week > li {
  flex: 1 1 0;
}
.hcr-plpChartPLC .chart_caption {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.6em;
  align-items: center;
  margin-block: 1.5em 0;
  font-size: min(1.09375vw, 21px);
  line-height: 1.3;
}
@media screen and (width <= 767px) {
  .hcr-plpChartPLC .chart_caption {
    margin-block: 3em 0;
    font-size: 2.9333333333vw;
  }
}
.hcr-plpChartPLC .chart_caption > dt {
  padding: 0.3em 1em;
  font-weight: normal;
}

.hcr-plpItemDiscus {
  display: grid;
  grid-template-columns: 3.5em 1fr;
  gap: 0.8em 0;
  font-size: min(1.09375vw, 21px);
}
@media screen and (width <= 767px) {
  .hcr-plpItemDiscus {
    font-size: 3.4666666667vw;
  }
}
.hcr-plpItemDiscus .item-color-a {
  color: var(--color-red-2);
}
.hcr-plpItemDiscus > dt,
.hcr-plpItemDiscus > dd {
  position: relative;
  font-size: min(1.09375vw, 21px);
  font-feature-settings: "palt";
  line-height: 2.5;
}
@media screen and (width <= 767px) {
  .hcr-plpItemDiscus > dt,
  .hcr-plpItemDiscus > dd {
    font-size: 3.4666666667vw;
    line-height: 2.1;
  }
}
.hcr-plpItemDiscus > dt {
  font-weight: normal;
}
.hcr-plpItemDiscus > dt::after {
  padding-inline: 0.2em 0;
  content: "�F";
}

.hcr-plpItemSTP .item_list {
  display: grid;
  grid-template-columns: 18.0555555556% 1fr;
  gap: min(1.5625vw, 30px) 0;
}
@media screen and (width <= 767px) {
  .hcr-plpItemSTP .item_list {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.hcr-plpItemSTP .item_list > dt {
  display: grid;
  padding: min(1.0416666667vw, 20px) 0 min(1.0416666667vw, 20px) min(2.0833333333vw, 40px);
  font-size: min(1.09375vw, 21px);
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  background: var(--color-gray-2);
  border-radius: min(0.8333333333vw, 16px) 0 0 min(0.8333333333vw, 16px);
}
@media screen and (width <= 767px) {
  .hcr-plpItemSTP .item_list > dt {
    padding: 6.1538461538% 8.4615384615% 3.8461538462%;
    font-size: 4.5333333333vw;
    border-radius: 1.3333333333vw 1.3333333333vw 0 0;
  }
}
@media screen and (width <= 767px) {
  .hcr-plpItemSTP .item_list > dt:not(:first-of-type) {
    margin-top: 3.3333333333vw;
  }
}
.hcr-plpItemSTP .item_list > dt > span {
  align-self: center;
  padding: 0.5em 0;
  background: var(--color-white);
}
@media screen and (width <= 767px) {
  .hcr-plpItemSTP .item_list > dt > span {
    justify-self: center;
    width: 40vw;
  }
}
.hcr-plpItemSTP .item_list > dt.-future {
  background: var(--color-white);
  border: 2px solid var(--color-gray-2);
  border-right: none;
}
@media screen and (width <= 767px) {
  .hcr-plpItemSTP .item_list > dt.-future {
    border: 2px solid var(--color-gray-2);
    border-bottom: none;
  }
}
.hcr-plpItemSTP .item_list > dt.-future > span {
  background: var(--color-gray-2);
}
.hcr-plpItemSTP .item_list > dd {
  display: grid;
  align-items: center;
  padding: min(1.0416666667vw, 20px) min(2.0833333333vw, 40px);
  font-size: min(1.09375vw, 21px);
  line-height: 1.7;
  background: var(--color-gray-2);
  border-radius: 0 min(0.8333333333vw, 16px) min(0.8333333333vw, 16px) 0;
}
@media screen and (width <= 767px) {
  .hcr-plpItemSTP .item_list > dd {
    padding: 0 8.4615384615% 6.1538461538%;
    font-size: 3.4666666667vw;
    line-height: 1.75;
    border-radius: 0 0 1.3333333333vw 1.3333333333vw;
  }
}
.hcr-plpItemSTP .item_list > dd.-future {
  background: var(--color-white);
  border: 2px solid var(--color-gray-2);
  border-left: none;
}
@media screen and (width <= 767px) {
  .hcr-plpItemSTP .item_list > dd.-future {
    border: 2px solid var(--color-gray-2);
    border-top: none;
  }
}

/* ----------------------------------------
 * PAGE
 * job_categories
/* -------------------------------------- */
/*
 * mv
 * ------------------------------ */
.hcr-jobCategories-mv {
  color: var(--color-white);
}

/*
 * bg
 * ------------------------------ */
.hcr-jcatArea-top {
  padding-block: min(6.25vw, 120px) min(7.8125vw, 150px);
  background: var(--color-gray-1);
}
@media screen and (width <= 767px) {
  .hcr-jcatArea-top {
    padding-block: 13.3333333333% 20%;
  }
}

/*
 * nav
 * ------------------------------ */
.hcr-jcatNav {
  margin-block: min(6.25vw, 120px) 0;
}
@media screen and (width <= 767px) {
  .hcr-jcatNav {
    margin-block: 13.3333333333% 0;
  }
}
.hcr-jcatNav .nav_list-item {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 min(1.5625%, 30px);
}
@media screen and (width <= 767px) {
  .hcr-jcatNav .nav_list-item {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6.6666666667vw;
    width: 92.3076923077%;
    margin-inline: auto;
  }
}
.hcr-jcatNav .nav_list-item > li {
  position: relative;
}

.hcr-jcatNavItem {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: min(8.3333333333vw, 160px);
  padding-inline: 0 1.5em;
  font-size: min(1.5625vw, 30px);
  line-height: 1.5;
  text-align: center;
  background: #fff;
  border: 1px solid var(--color-gray-3);
  border-radius: min(0.8333333333vw, 16px);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-jcatNavItem {
    height: 16vw;
    padding-inline: 0;
    font-size: 5.0666666667vw;
    border-radius: 2.1333333333vw;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
.hcr-jcatNavItem .item_circle {
  position: absolute;
  top: 50%;
  right: 6.5217391304%;
  translate: 0 -50%;
}
@media screen and (width <= 767px) {
  .hcr-jcatNavItem .item_circle {
    right: 7.6923076923%;
  }
}
.hcr-jcatNavItem .item_circle .arrow {
  rotate: 90deg;
}
@media screen and (hover: hover) {
  .hcr-jcatNavItem:hover {
    color: var(--color-red-1);
    border-color: var(--color-red-1);
  }
}

/*
 * layout, component
 * ------------------------------ */
.hcr-jcat-l-inner {
  width: min(75%, 1440px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-jcat-l-inner {
    width: 86.6666666667%;
  }
}

.hcr-jcat-c-sectionHeader {
  margin-bottom: 2.7777777778%;
}
@media screen and (width <= 767px) {
  .hcr-jcat-c-sectionHeader {
    margin-bottom: 6.1538461538%;
  }
}

.hcr-jcat-c-titleA {
  position: relative;
  font-size: min(2.1875vw, 42px);
  font-weight: bold;
  line-height: 1.5;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-jcat-c-titleA {
    font-size: 5.3333333333vw;
  }
}

/*
 * section
 * ------------------------------ */
.hcr-jcatSection-pct .section_header {
  margin-block: 0 3.4722222222%;
}
@media screen and (width <= 767px) {
  .hcr-jcatSection-pct .section_header {
    margin-block: 0 7.6923076923%;
  }
}

.hcr-jcatSection {
  position: relative;
}
.hcr-jcatSection .section_mv {
  width: 100%;
  height: min(26.0416666667vw, 500px);
}
@media screen and (width <= 767px) {
  .hcr-jcatSection .section_mv {
    height: 46.6666666667vw;
  }
}
.hcr-jcatSection .section_mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hcr-jcatSection .section_content {
  position: relative;
  padding-block: min(6.25vw, 120px) min(7.8125vw, 150px);
}
@media screen and (width <= 767px) {
  .hcr-jcatSection .section_content {
    padding-block: 13.3333333333% 26.6666666667%;
  }
}
.hcr-jcatSection .section_content::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  content: "";
  background: url("/recruit/assets/images/job_categories/bg_01.png") repeat-y center top/100% auto;
  translate: -50% 0;
}
.hcr-jcatSection.-index-1 .section_content::before {
  background-image: url("/recruit/assets/images/job_categories/bg_01.png");
}
@media screen and (width <= 767px) {
  .hcr-jcatSection.-index-1 .section_content::before {
    background-image: url("/recruit/assets/images/job_categories/bg_01_sp.png");
  }
}
.hcr-jcatSection.-index-2 .section_content::before {
  background-image: url("/recruit/assets/images/job_categories/bg_02.png");
}
@media screen and (width <= 767px) {
  .hcr-jcatSection.-index-2 .section_content::before {
    background-image: url("/recruit/assets/images/job_categories/bg_02_sp.png");
  }
}
.hcr-jcatSection.-index-3 .section_content::before {
  background-image: url("/recruit/assets/images/job_categories/bg_03.png");
}
@media screen and (width <= 767px) {
  .hcr-jcatSection.-index-3 .section_content::before {
    background-image: url("/recruit/assets/images/job_categories/bg_03_sp.png");
  }
}
.hcr-jcatSection .section_header {
  margin-bottom: 2.7777777778%;
}
@media screen and (width <= 767px) {
  .hcr-jcatSection .section_header {
    margin-bottom: 6.1538461538%;
  }
}
.hcr-jcatSection .section_title {
  position: relative;
  font-size: min(2.8645833333vw, 55px);
  font-weight: bold;
  line-height: 1.5;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-jcatSection .section_title {
    font-size: 5.3333333333vw;
  }
}
.hcr-jcatSection .section_text {
  position: relative;
  margin-block: 0.8em 0;
  font-size: min(1.4583333333vw, 28px);
  font-feature-settings: "palt";
  line-height: 1.75;
  text-align: justify;
}
@media screen and (width <= 767px) {
  .hcr-jcatSection .section_text {
    font-size: 3.4666666667vw;
    line-height: 2.1;
  }
}
.hcr-jcatSection .section_header-2 {
  margin-top: 8.3333333333%;
}
@media screen and (width <= 767px) {
  .hcr-jcatSection .section_header-2 {
    margin-top: 15.3846153846%;
  }
}
.hcr-jcatSection .section_container-chart {
  position: relative;
}
.hcr-jcatSection .section_container-list {
  position: relative;
  margin-block: 4.1666666667% 0;
}
@media screen and (width <= 767px) {
  .hcr-jcatSection .section_container-list {
    margin-block: 9.2307692308% 0;
  }
}

/*
 * item
 * ------------------------------ */
.hcr-jcatItemPct {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-block: 0.6944444444%;
  padding-inline: 5.9027777778%;
  background: var(--color-white);
}
@media screen and (width <= 767px) {
  .hcr-jcatItemPct {
    grid-template-columns: 1fr;
    width: 92.3076923077%;
    padding-block: 6.1538461538% 9.2307692308%;
    padding-inline: 10%;
    margin-inline: auto;
  }
}
.hcr-jcatItemPct p {
  line-height: 1.5;
}
.hcr-jcatItemPct > dl {
  position: relative;
  padding-block: min(2.0833333333vw, 40px);
  font-size: min(1.6666666667vw, 32px);
  line-height: 1.5;
  text-align: center;
}
@media screen and (width <= 767px) {
  .hcr-jcatItemPct > dl {
    padding-block: 6.6666666667%;
    font-size: 4.2666666667vw;
  }
}
.hcr-jcatItemPct > dl:not(:first-of-type)::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 55%;
  content: "";
  background: var(--color-gray-3);
  translate: 0 -50%;
}
@media screen and (width <= 767px) {
  .hcr-jcatItemPct > dl:not(:first-of-type)::after {
    top: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    translate: -50% 0;
  }
}
.hcr-jcatItemPct > dl > dt {
  margin-block: 0.3em;
  font-weight: normal;
}
@media screen and (width <= 767px) {
  .hcr-jcatItemPct > dl > dt {
    margin-block: 0.5em;
  }
}
.hcr-jcatItemPct > dl > dd b {
  font-size: 150%;
  font-weight: bold;
}
.hcr-jcatItemPct .item_total {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column: 1/4;
  align-items: center;
  padding-block: min(1.0416666667vw, 20px) min(2.6041666667vw, 50px);
  font-size: min(1.6666666667vw, 32px);
  text-align: center;
}
@media screen and (width <= 767px) {
  .hcr-jcatItemPct .item_total {
    grid-template-columns: 1fr;
    grid-column: auto;
    padding-block: 6.1538461538%;
    font-size: 4.2666666667vw;
  }
}
.hcr-jcatItemPct .item_total::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 1px;
  content: "";
  background: var(--color-gray-3);
  translate: -50% 0;
}
@media screen and (width <= 767px) {
  .hcr-jcatItemPct .item_total > p:nth-of-type(1) {
    margin-block: 0.4em;
  }
}
.hcr-jcatItemPct .item_total > p:nth-of-type(2) {
  grid-column: 3/4;
  font-size: min(1.875vw, 36px);
}
@media screen and (width <= 767px) {
  .hcr-jcatItemPct .item_total > p:nth-of-type(2) {
    grid-column: auto;
    font-size: 4.8vw;
  }
}
.hcr-jcatItemPct .item_total > p:nth-of-type(2) b {
  font-size: 150%;
  font-weight: bold;
}
.hcr-jcatItemPct .item_note {
  position: absolute;
  right: 1em;
  bottom: 1em;
  font-size: min(1.0416666667vw, 20px);
  line-height: 1.5;
  text-align: right;
}
@media screen and (width <= 767px) {
  .hcr-jcatItemPct .item_note {
    font-size: 2.6666666667vw;
  }
}

.hcr-jcatChartSCP {
  position: relative;
}
.hcr-jcatChartSCP .chart_list-item {
  display: flex;
  align-items: stretch;
  height: min(5.2083333333vw, 100px);
  overflow: hidden;
}
@media screen and (width <= 767px) {
  .hcr-jcatChartSCP .chart_list-item {
    height: 13.3333333333vw;
  }
}
.hcr-jcatChartSCP .chart_list-item > li {
  position: relative;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding-inline: 1em 0;
  font-size: min(1.4583333333vw, 28px);
  font-feature-settings: "palt";
  line-height: 1.5;
  color: var(--color-white);
  background: var(--color-gray-5);
}
@media screen and (width <= 767px) {
  .hcr-jcatChartSCP .chart_list-item > li {
    font-size: 2.4vw;
  }
}
.hcr-jcatChartSCP .chart_list-item > li > p {
  position: relative;
  z-index: 2;
}
.hcr-jcatChartSCP .chart_list-item > li:not(:last-child) > i {
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  z-index: 1;
  display: block;
  height: 100%;
  aspect-ratio: 1/2;
  background: inherit;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (width <= 767px) {
  .hcr-jcatChartSCP .chart_list-item > li:not(:last-child) > i {
    clip-path: polygon(0 0, 50% 0, 100% 50%, 50% 100%, 0 100%);
    translate: -50% 0;
  }
}
.hcr-jcatChartSCP .chart_list-item > li:not(:last-child) > i::before, .hcr-jcatChartSCP .chart_list-item > li:not(:last-child) > i::after {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  display: block;
  width: 1px;
  height: 200%;
  content: "";
  background: var(--color-white);
  transform-origin: center center;
  translate: 0 -50%;
}
.hcr-jcatChartSCP .chart_list-item > li:not(:last-child) > i::before {
  rotate: -45deg;
}
@media screen and (width <= 767px) {
  .hcr-jcatChartSCP .chart_list-item > li:not(:last-child) > i::before {
    rotate: -26.565deg;
  }
}
.hcr-jcatChartSCP .chart_list-item > li:not(:last-child) > i::after {
  rotate: 45deg;
}
@media screen and (width <= 767px) {
  .hcr-jcatChartSCP .chart_list-item > li:not(:last-child) > i::after {
    rotate: 206.565deg;
  }
}
.hcr-jcatChartSCP .chart_list-item > li:not(:last-child, :first-child) p {
  padding-left: 0.5em;
}

.hcr-jcatItemSTP {
  display: grid;
  grid-template-columns: 16.6666666667% 18.75% auto;
  align-items: center;
  padding-block: min(2.6041666667vw, 50px);
  padding-inline: 0 5.5555555556%;
  background: var(--color-white);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
}
.hcr-jcatItemSTP_wrapperList {
  display: grid;
  gap: min(1.5625vw, 30px) 0;
}
@media screen and (width <= 767px) {
  .hcr-jcatItemSTP_wrapperList {
    gap: 6.6666666667vw;
  }
}
@media screen and (width <= 767px) {
  .hcr-jcatItemSTP {
    display: flex;
    flex-flow: row wrap;
    gap: 4.6666666667vw 0;
    padding-block: 7.6923076923%;
    padding-inline: 7.6923076923%;
    border-radius: 4.2666666667vw;
  }
}
@media screen and (width > 767px) {
  .hcr-jcatItemSTP:not(:has(.item_num)) {
    grid-template-columns: 29.8611111111% auto;
    padding-inline: 6.9444444444% 5.5555555556%;
  }
}
.hcr-jcatItemSTP .item_num {
  display: flex;
  gap: 0 0.2em;
  align-items: start;
  padding-inline: min(2.6041666667vw, 50px) 0;
  font-size: min(1.3020833333vw, 25px);
}
@media screen and (width <= 767px) {
  .hcr-jcatItemSTP .item_num {
    padding-inline: 0;
    margin-inline: 0 1.5em;
    font-size: 3.3333333333vw;
  }
}
.hcr-jcatItemSTP .item_num span {
  margin-top: -0.3em;
  text-transform: uppercase;
}
@media screen and (width <= 767px) {
  .hcr-jcatItemSTP .item_num span {
    margin-top: -0.3em;
  }
}
.hcr-jcatItemSTP .item_num b {
  font-size: min(2.7083333333vw, 52px);
  font-weight: 500;
}
@media screen and (width <= 767px) {
  .hcr-jcatItemSTP .item_num b {
    font-size: 6.9333333333vw;
  }
}
.hcr-jcatItemSTP .item_title {
  font-size: min(1.71875vw, 33px);
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-jcatItemSTP .item_title {
    font-size: 4.4vw;
  }
}
@media screen and (width <= 767px) {
  .hcr-jcatItemSTP:not(:has(.item_num)) .item_title {
    width: 100%;
    text-align: center;
  }
}
.hcr-jcatItemSTP .item_text {
  font-size: min(1.4583333333vw, 28px);
  line-height: 1.75;
  text-align: justify;
}
@media screen and (width <= 767px) {
  .hcr-jcatItemSTP .item_text {
    width: 100%;
    font-size: 3.4666666667vw;
  }
}

/* ----------------------------------------
 * PAGE
 * company
/* -------------------------------------- */
/*
 * layout, component
 * ------------------------------ */
.hcr-co-l-inner {
  width: min(75%, 1440px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-co-l-inner {
    width: 86.6666666667%;
  }
}

.hcr-co-c-sectionHeader {
  margin-block: 0 2.7777777778%;
}
@media screen and (width <= 767px) {
  .hcr-co-c-sectionHeader {
    margin-block: 0 7.6923076923%;
  }
}

.hcr-co-c-titleA {
  position: relative;
  font-size: min(2.8645833333vw, 55px);
  font-weight: bold;
  line-height: 1.5;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-co-c-titleA {
    font-size: 5.3333333333vw;
  }
}

.hcr-co-c-textA {
  position: relative;
  font-size: min(1.4583333333vw, 28px);
  line-height: 1.75;
}
@media screen and (width <= 767px) {
  .hcr-co-c-textA {
    font-size: 3.4666666667vw;
    line-height: 2.1;
  }
}
.hcr-co-c-textA p {
  line-height: inherit;
}

.hcr-co-c-linkBoxA {
  position: relative;
  display: block;
  height: min(14.0625vw, 270px);
  padding-block: min(1.5625vw, 30px);
  padding-inline: min(2.6041666667vw, 50px);
  font-size: min(2.1875vw, 42px);
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1.5;
  background: var(--gradient-1);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-co-c-linkBoxA {
    height: 26.6666666667vw;
    padding-block: 4vw;
    padding-inline: 4vw;
    font-size: 4.2666666667vw;
    border-radius: 4.2666666667vw;
  }
}
.hcr-co-c-linkBoxA .box_circle {
  position: absolute;
  right: min(2.0833333333vw, 40px);
  bottom: min(1.5625vw, 30px);
}
@media screen and (width <= 767px) {
  .hcr-co-c-linkBoxA .box_circle {
    right: 5.3846153846%;
    bottom: 4.6666666667vw;
  }
}
@media screen and (hover: hover) {
  .hcr-co-c-linkBoxA:hover {
    color: var(--color-red-1);
    border-color: var(--color-red-1);
  }
}

/*
 * section
 * ------------------------------ */
.hcr-coSection + .hcr-coSection {
  border-top: 1px solid var(--color-gray-3);
}

.hcr-coSection.-philosophy {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-block: min(6.25%, 120px);
}
@media screen and (width <= 767px) {
  .hcr-coSection.-philosophy {
    display: flex;
    flex-flow: column wrap;
    padding-block: 13.3333333333%;
  }
}
.hcr-coSection.-philosophy .section_header {
  width: 100%;
}
.hcr-coSection.-philosophy .section_text {
  width: 50%;
}
@media screen and (width <= 767px) {
  .hcr-coSection.-philosophy .section_text {
    order: 3;
    width: 100%;
    margin-block: 6.1538461538% 0;
  }
}
.hcr-coSection.-philosophy .section_img {
  width: 41.6666666667%;
}
@media screen and (width <= 767px) {
  .hcr-coSection.-philosophy .section_img {
    order: 2;
    width: 100%;
  }
}

.hcr-coSection.-vision {
  padding-block: min(6.25%, 120px);
}
@media screen and (width <= 767px) {
  .hcr-coSection.-vision {
    display: flex;
    flex-flow: column wrap;
    padding-block: 13.3333333333%;
  }
}
@media screen and (width <= 767px) {
  .hcr-coSection.-vision .section_text {
    order: 3;
    margin-block: 6.1538461538% 0;
  }
}
.hcr-coSection.-vision .section_img {
  width: 83.3333333333%;
  margin-block: 5.5555555556% 0;
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-coSection.-vision .section_img {
    order: 2;
    width: 100%;
    margin-block: 0;
  }
}

.hcr-coSection.-guidelines {
  padding-block: min(6.25%, 120px);
}
@media screen and (width <= 767px) {
  .hcr-coSection.-guidelines {
    padding-block: 13.3333333333%;
  }
}
.hcr-coSection.-guidelines .section_container {
  margin-block: 5.5555555556% 0;
}
@media screen and (width <= 767px) {
  .hcr-coSection.-guidelines .section_container {
    margin-block: 9.2307692308% 0;
  }
}

.hcr-coSection.-outline {
  padding-block: min(6.25%, 120px);
}
@media screen and (width <= 767px) {
  .hcr-coSection.-outline {
    padding-block: 13.3333333333%;
  }
}
.hcr-coSection.-outline .section_container {
  margin-block: 5.5555555556% 0;
}
@media screen and (width <= 767px) {
  .hcr-coSection.-outline .section_container {
    margin-block: 9.2307692308% 0;
  }
}

.hcr-coSection.-dx {
  padding-block: min(6.25%, 120px);
}
@media screen and (width <= 767px) {
  .hcr-coSection.-dx {
    padding-block: 13.3333333333%;
  }
}
.hcr-coSection.-dx .section_img {
  width: 41.6666666667%;
  margin-block: 5.5555555556% 0;
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-coSection.-dx .section_img {
    width: 92.3076923077%;
    margin-block: 6.1538461538% 0;
  }
}
.hcr-coSection.-dx .section_caption {
  position: relative;
  margin-block: 3.4722222222% 0;
  font-size: min(1.0416666667vw, 20px);
  line-height: 1.75;
  text-align: center;
}
@media screen and (width <= 767px) {
  .hcr-coSection.-dx .section_caption {
    margin-block: 6.1538461538% 0;
    font-size: 2.6666666667vw;
  }
}

.hcr-coSection-btn {
  padding-block: min(2.6041666667vw, 50px) min(10.4166666667vw, 200px);
}
@media screen and (width <= 767px) {
  .hcr-coSection-btn {
    padding-block: 6.6666666667% 26.6666666667%;
  }
}

/*
 * item
 * ------------------------------ */
.hcr-coItemGL {
  padding-block: 3.4722222222%;
  padding-inline: 10.4166666667%;
  background: var(--color-white);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
}
@media screen and (width <= 767px) {
  .hcr-coItemGL {
    padding-block: 1.5384615385%;
    padding-inline: 7.6923076923%;
    border-radius: 4.2666666667vw;
  }
}
.hcr-coItemGL > dl {
  display: grid;
  grid-template-columns: 40.350877193% 1fr;
  grid-auto-rows: min(15.625vw, 300px);
}
@media screen and (width <= 767px) {
  .hcr-coItemGL > dl {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }
}
.hcr-coItemGL > dl > dt {
  display: flex;
  gap: 0 1.6em;
  align-items: center;
  font-size: min(2.8645833333vw, 55px);
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (width <= 767px) {
  .hcr-coItemGL > dl > dt {
    justify-content: center;
    padding-block: 12.7272727273%;
    font-size: 5.3333333333vw;
  }
}
.hcr-coItemGL > dl > dt:not(:first-of-type) {
  border-top: 1px solid var(--color-gray-3);
}
.hcr-coItemGL > dl > dt > span:first-of-type {
  position: relative;
}
.hcr-coItemGL > dl > dt > span:first-of-type::after {
  position: absolute;
  top: 50%;
  left: calc(100% + 0.4em);
  display: block;
  width: 0.8em;
  aspect-ratio: 1/1;
  content: "";
  background: url("/recruit/assets/images/company/cross_01.svg") no-repeat center center/contain;
  translate: 0 -50%;
}
.hcr-coItemGL > dl > dd {
  display: flex;
  align-items: center;
  font-size: min(1.4583333333vw, 28px);
  font-feature-settings: "palt";
}
@media screen and (width <= 767px) {
  .hcr-coItemGL > dl > dd {
    padding-block: 0 12.7272727273%;
    font-size: 3.4666666667vw;
    line-height: 2.1;
  }
}
.hcr-coItemGL > dl > dd:not(:first-of-type) {
  border-top: 1px solid var(--color-gray-3);
}
@media screen and (width <= 767px) {
  .hcr-coItemGL > dl > dd:not(:first-of-type) {
    border-top: none;
  }
}
.hcr-coItemGL > dl > dd ol {
  display: grid;
  gap: 0.3em;
  padding-inline: 1.5em 0;
  text-indent: -1.5em;
}
.hcr-coItemGL > dl > dd ol > li {
  line-height: 1.7;
}

.hcr-coTableOL {
  padding-block: 3.4722222222%;
  padding-inline: 10.4166666667%;
  background: var(--color-white);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
}
@media screen and (width <= 767px) {
  .hcr-coTableOL {
    padding-block: 3.8461538462%;
    padding-inline: 7.6923076923%;
    border-radius: 4.2666666667vw;
  }
}
.hcr-coTableOL > dl {
  display: grid;
  grid-template-columns: 26.3157894737% 1fr;
}
@media screen and (width <= 767px) {
  .hcr-coTableOL > dl {
    grid-template-columns: 1fr;
  }
}
.hcr-coTableOL > dl > dt {
  display: flex;
  align-items: center;
  padding-block: 23.3333333333%;
  font-size: min(1.4583333333vw, 28px);
  font-weight: normal;
  line-height: 1.75;
}
@media screen and (width <= 767px) {
  .hcr-coTableOL > dl > dt {
    display: block;
    padding-block: 12.7272727273% 4.5454545455%;
    font-size: 3.4666666667vw;
  }
}
.hcr-coTableOL > dl > dt:not(:first-of-type) {
  border-top: 1px solid var(--color-gray-3);
}
.hcr-coTableOL > dl > dd {
  display: flex;
  align-items: center;
  padding-block: 8.3333333333%;
  font-size: min(1.4583333333vw, 28px);
  font-feature-settings: "palt";
  line-height: 1.75;
}
@media screen and (width <= 767px) {
  .hcr-coTableOL > dl > dd {
    display: block;
    padding-block: 0 12.7272727273%;
    font-size: 2.9333333333vw;
  }
}
.hcr-coTableOL > dl > dd:not(:first-of-type) {
  border-top: 1px solid var(--color-gray-3);
}
@media screen and (width <= 767px) {
  .hcr-coTableOL > dl > dd:not(:first-of-type) {
    border-top: none;
  }
}
.hcr-coTableOL > dl > dd a {
  color: #1a0dab;
}
.hcr-coTableOL > dl > dd p {
  line-height: inherit;
}

/* ----------------------------------------
 * PAGE
 * works
/* -------------------------------------- */
/*
 * mv
 * ------------------------------ */
.hcr-works-mv .hcr-works-mv_bg {
  position: absolute;
  right: 0;
  width: 71.3541666667%;
  height: min(33.8541666667vw, 650px);
}
@media screen and (width <= 767px) {
  .hcr-works-mv .hcr-works-mv_bg {
    width: 100%;
    height: 90vw;
  }
}
.hcr-works-mv .hcr-works-mv_bg img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hcr-works-mv[data-hcr-works="2"] .hcr-works-mv_bg {
  right: auto;
  left: 0;
}
.hcr-works-mv .hcr-works-mv_container-title {
  position: absolute;
  top: min(3.90625vw, 75px);
  left: 12.5%;
  width: min(29.6875vw, 570px);
  height: min(15.625vw, 300px);
  padding: min(1.8229166667vw, 35px);
  background: var(--gradient-1);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
}
@media screen and (width <= 767px) {
  .hcr-works-mv .hcr-works-mv_container-title {
    position: relative;
    inset: auto;
    display: flex;
    flex-flow: column wrap;
    width: 100%;
    height: auto;
    padding-block: 6.6666666667%;
    padding-inline: 6.6666666667%;
    background: transparent;
    border: none;
  }
}
@media screen and (width > 767px) {
  .hcr-works-mv[data-hcr-works="2"] .hcr-works-mv_container-title {
    right: 12.5%;
    left: auto;
  }
}
@media screen and (width <= 767px) {
  .hcr-works-mv[data-hcr-works="2"] .hcr-works-mv_container-title {
    align-items: end;
  }
}
.hcr-works-mv .hcr-works-mv_textA {
  margin-block: 0 0.1em;
  font-size: min(1.5625vw, 30px);
  font-weight: bold;
  line-height: 1.5;
  color: var(--color-red-2);
}
@media screen and (width <= 767px) {
  .hcr-works-mv .hcr-works-mv_textA {
    font-size: 4vw;
  }
}
.hcr-works-mv .hcr-works-mv_titleA {
  font-size: min(2.7083333333vw, 52px);
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (width <= 767px) {
  .hcr-works-mv .hcr-works-mv_titleA {
    font-size: 5.6vw;
  }
}

/*
 * layout, component
 * ------------------------------ */
.hcr-wks-l-inner {
  width: min(75%, 1440px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-wks-l-inner {
    width: 86.6666666667%;
  }
}

.hcr-wks-c-titleA {
  position: relative;
  font-size: min(2.8645833333vw, 55px);
  font-weight: bold;
  line-height: 1.5;
  color: var(--color-red-2);
}
@media screen and (width <= 767px) {
  .hcr-wks-c-titleA {
    font-size: 5.3333333333vw;
  }
}

.hcr-wks-c-titleB {
  position: relative;
  font-size: min(2.1875vw, 42px);
  font-weight: bold;
  line-height: 1.5;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-wks-c-titleB {
    font-size: 5.3333333333vw;
  }
}

.hcr-wks-c-text {
  position: relative;
  font-size: min(1.4583333333vw, 28px);
  line-height: 1.75;
  text-align: justify;
}
@media screen and (width <= 767px) {
  .hcr-wks-c-text {
    font-size: 3.4666666667vw;
    line-height: 2.1;
  }
}
.hcr-wks-c-text p {
  line-height: inherit;
}

/*
 * section
 * ------------------------------ */
.hcr-wksSection.-top {
  padding-block: min(6.25%, 120px);
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-top {
    padding-block: 13.3333333333%;
  }
}
.hcr-wksSection.-top .section_header {
  margin-block: 0 2.7777777778%;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-top .section_header {
    margin-block: 0 6.1538461538%;
  }
}

.hcr-wksSection.-overview {
  padding-block: min(5.2083333333%, 100px);
  background-color: var(--color-gray-1);
  box-shadow: 0 0 0 100vmax var(--color-gray-1);
  clip-path: inset(0 -100vmax);
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-overview {
    padding-block: 13.3333333333%;
  }
}
.hcr-wksSection.-overview .section_header {
  margin-block: 0 2.7777777778%;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-overview .section_header {
    padding-block: 0 4.6153846154%;
  }
}
.hcr-wksSection.-overview .section_title {
  display: grid;
  gap: 0.5em 0;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-overview .section_title {
    gap: 0.8em;
  }
}
.hcr-wksSection.-overview .section_title > span:nth-of-type(1) {
  font-size: min(1.5625vw, 30px);
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-overview .section_title > span:nth-of-type(1) {
    font-size: 4vw;
  }
}
.hcr-wksSection.-overview .section_title > span:nth-of-type(2) {
  font-size: min(2.6041666667vw, 50px);
  line-height: 1.5;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-overview .section_title > span:nth-of-type(2) {
    font-size: 6vw;
  }
}

.hcr-wksSection.-member {
  padding-block: min(6.25%, 120px);
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-member {
    padding-block: 13.3333333333%;
  }
}

.hcr-wksSection.-interview {
  position: relative;
  padding-block: min(6.7708333333%, 130px) min(7.8125%, 150px);
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-interview {
    padding-block: 6.6666666667% 20%;
  }
}
.hcr-wksSection.-interview::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  content: "";
  background: url("/recruit/assets/images/works01/bg_01.png") no-repeat center top/100% auto;
  translate: -50% 0;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-interview::before {
    background: url("/recruit/assets/images/works01/bg_01_sp.png") no-repeat center top/100% auto;
  }
}
.hcr-wksSection.-interview[data-hcr-works="2"]::before {
  background-image: url("/recruit/assets/images/works02/bg_01.png");
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-interview[data-hcr-works="2"]::before {
    background-image: url("/recruit/assets/images/works02/bg_01_sp.png");
  }
}
.hcr-wksSection.-interview > * {
  position: relative;
}
.hcr-wksSection.-interview .section_copy {
  font-size: min(2.8645833333vw, 55px);
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-interview .section_copy {
    font-size: 6vw;
  }
}
.hcr-wksSection.-interview .section_img-a {
  width: 63.8888888889%;
  margin-block: 6.9444444444% 0;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-interview .section_img-a {
    width: 93.3333333333vw;
    margin-block: 9.2307692308% 0;
    margin-inline: -6.6666666667vw 0;
  }
}
.hcr-wksSection.-interview .section_container-1 {
  margin-block: 8.3333333333% 0;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-interview .section_container-1 {
    margin-block: 15.3846153846% 0;
  }
}
.hcr-wksSection.-interview .section_header-lead {
  margin-block: 0 4.1666666667%;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-interview .section_header-lead {
    margin-block: 0 9.2307692308%;
  }
}
.hcr-wksSection.-interview .section_figure-1 {
  margin-block: 5.5555555556% 0;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-interview .section_figure-1 {
    width: 100vw;
    margin-block: 7.6923076923% 0;
    margin-inline: -6.6666666667vw;
  }
}
.hcr-wksSection.-interview .section_container-2 {
  display: grid;
  grid-template-columns: 50% 1fr;
  gap: 0 8.3333333333%;
  margin-block: 8.3333333333% 0;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-interview .section_container-2 {
    grid-template-columns: 1fr;
    gap: 0;
    margin-block: 9.2307692308% 0;
  }
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-interview .section_img-b {
    margin-block: 9.2307692308% 0;
  }
}
.hcr-wksSection.-interview .section_container-3 {
  margin-block: 8.3333333333% 0;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-interview .section_container-3 {
    margin-block: 15.3846153846% 0;
  }
}
.hcr-wksSection.-interview .section_img-c {
  width: 63.8888888889%;
  margin-block: 5.5555555556% 0;
  margin-inline: auto 0;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-interview .section_img-c {
    width: 93.3333333333vw;
    margin-block: 9.2307692308% 0;
    margin-inline: auto -6.6666666667vw;
  }
}
.hcr-wksSection.-interview .section_container-4 {
  margin-block: 8.3333333333% 0;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-interview .section_container-4 {
    margin-block: 15.3846153846% 0;
  }
}
.hcr-wksSection.-interview .section_img-d {
  width: 63.8888888889%;
  margin-block: 9.7222222222% 0;
}
@media screen and (width <= 767px) {
  .hcr-wksSection.-interview .section_img-d {
    width: 100vw;
    margin-block: 15.3846153846% 0;
    margin-inline: -6.6666666667vw;
  }
}

/*
 * item
 * ------------------------------ */
.hcr-wksItemOVW {
  padding-block: 1.3888888889%;
  padding-inline: 9.375%;
  background: var(--color-white);
}
@media screen and (width <= 767px) {
  .hcr-wksItemOVW {
    padding-block: 4.6153846154%;
    padding-inline: 7.6923076923%;
  }
}
.hcr-wksItemOVW .item_container {
  display: grid;
  grid-template-columns: 35.8974358974% 1fr;
  font-size: min(1.5625vw, 30px);
  line-height: 1.75;
}
@media screen and (width <= 767px) {
  .hcr-wksItemOVW .item_container {
    grid-template-columns: 1fr;
    font-size: 4.2666666667vw;
  }
}
.hcr-wksItemOVW .item_container > dt {
  padding-block: min(1.5625vw, 30px);
  padding-inline: 16.6666666667% 0;
  font-weight: bold;
}
@media screen and (width <= 767px) {
  .hcr-wksItemOVW .item_container > dt {
    padding-block: 7.2727272727% 0.8em;
    padding-inline: 0;
  }
}
.hcr-wksItemOVW .item_container > dt:not(:first-of-type) {
  border-top: 1px solid var(--color-gray-3);
}
.hcr-wksItemOVW .item_container > dd {
  padding-block: min(1.5625vw, 30px);
  font-weight: bold;
}
@media screen and (width <= 767px) {
  .hcr-wksItemOVW .item_container > dd {
    padding-block: 0 1em;
    font-weight: 500;
  }
}
.hcr-wksItemOVW .item_container > dd:not(:first-of-type) {
  border-top: 1px solid var(--color-gray-3);
}
@media screen and (width <= 767px) {
  .hcr-wksItemOVW .item_container > dd:not(:first-of-type) {
    border: none;
  }
}
.hcr-wksItemOVW .item_container > dd dl {
  display: grid;
  grid-template-columns: 1fr 5.5em;
}
@media screen and (width <= 767px) {
  .hcr-wksItemOVW .item_container > dd dl {
    grid-template-columns: 1fr;
  }
}
@media screen and (width <= 767px) {
  .hcr-wksItemOVW .item_container > dd dl dt {
    font-weight: 500;
  }
}

.hcr-wksItemMMB {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: min(1.5625vw, 30px);
}
.hcr-wksItemMMB_wrapperList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 4.1666666667%;
}
@media screen and (width <= 767px) {
  .hcr-wksItemMMB_wrapperList {
    gap: 0;
    margin-inline: auto;
  }
}
@media screen and (width <= 767px) {
  .hcr-wksItemMMB {
    display: flex;
    flex-flow: column wrap;
    gap: 5.3333333333vw;
  }
}
.hcr-wksItemMMB .item_thumb {
  width: min(15.625vw, 300px);
  aspect-ratio: 300/375;
  overflow: hidden;
  border-radius: min(1.25vw, 24px);
}
@media screen and (width <= 767px) {
  .hcr-wksItemMMB .item_thumb {
    width: 84.6153846154%;
    margin-inline: auto;
    border-radius: 4.2666666667vw;
  }
}
.hcr-wksItemMMB .item_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hcr-wksItemMMB .item_container {
  align-self: end;
}
@media screen and (width <= 767px) {
  .hcr-wksItemMMB .item_container {
    align-self: start;
    padding-inline: 7.6923076923% 0;
  }
}
.hcr-wksItemMMB .item_text-1 {
  font-size: min(1.5625vw, 30px);
  line-height: 1;
}
@media screen and (width <= 767px) {
  .hcr-wksItemMMB .item_text-1 {
    font-size: 3.7333333333vw;
  }
}
.hcr-wksItemMMB .item_text-2 {
  margin-block: 1em 0;
  font-size: min(1.1458333333vw, 42px);
  line-height: 1.5;
}
@media screen and (width <= 767px) {
  .hcr-wksItemMMB .item_text-2 {
    font-size: 2.9333333333vw;
    line-height: 1.75;
  }
}

/* ----------------------------------------
 * PAGE
 * recruitment
/* -------------------------------------- */
/*
 * mv
 * ------------------------------ */
.hcr-recruitmentNew-mv {
  color: var(--color-white);
}

/*
 * main
 * ------------------------------ */
.hcr-recruitment-main {
  position: relative;
  padding-block: 0 min(7.8125vw, 150px);
}
@media screen and (width <= 767px) {
  .hcr-recruitment-main {
    padding-block: 0 16%;
    background-image: url("/recruit/assets/images/recruitment_new/bg_01_sp.png");
  }
}
.hcr-recruitment-main > * {
  z-index: 1;
}
.hcr-recruitment-main.-new {
  background: url("/recruit/assets/images/recruitment_new/bg_01.png") no-repeat center top/100% auto;
}
@media screen and (width <= 767px) {
  .hcr-recruitment-main.-new {
    background-image: url("/recruit/assets/images/recruitment_new/bg_01_sp.png");
  }
}
@media screen and (width <= 767px) {
  .hcr-recruitment-main.-new::after {
    position: absolute;
    inset: 0;
    display: block;
    pointer-events: none;
    content: "";
    background: url("/recruit/assets/images/recruitment_new/bg_02_sp.png") no-repeat center bottom/100% auto;
  }
}
.hcr-recruitment-main.-career {
  background: url("/recruit/assets/images/recruitment_career/bg_01.png") no-repeat center top/100% auto;
}
@media screen and (width <= 767px) {
  .hcr-recruitment-main.-career {
    background-image: url("/recruit/assets/images/recruitment_career/bg_01_sp.png");
  }
}
@media screen and (width <= 767px) {
  .hcr-recruitment-main.-career::after {
    position: absolute;
    inset: 0;
    display: block;
    pointer-events: none;
    content: "";
    background: url("/recruit/assets/images/recruitment_career/bg_02_sp.png") no-repeat center bottom/100% auto;
  }
}
.hcr-recruitment-main.-faq {
  background: url("/recruit/assets/images/faq/bg_01.png") no-repeat center top/100% auto;
}
@media screen and (width <= 767px) {
  .hcr-recruitment-main.-faq {
    background-image: url("/recruit/assets/images/faq/bg_01_sp.png");
  }
}

/*
 * nav
 * ------------------------------ */
.hcr-recNav {
  padding-block: min(6.25%, 120px);
}
@media screen and (width <= 767px) {
  .hcr-recNav {
    padding-block: 13.3333333333%;
  }
}
.hcr-recNav .nav_list-item {
  display: flex;
  gap: min(1.5625%, 30px);
}
@media screen and (width <= 767px) {
  .hcr-recNav .nav_list-item {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6.6666666667vw;
    width: 92.3076923077%;
    margin-inline: auto;
  }
}
.hcr-recNav .nav_list-item > li {
  flex: 1;
}
@media screen and (width > 767px) {
  .hcr-recNav .nav_list-item.-s {
    width: 83.3333333333%;
    margin-inline: auto;
  }
}

.hcr-recNavItem {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: min(6.25vw, 120px);
  padding-inline: 0 1em;
  font-size: min(1.5625vw, 30px);
  font-weight: bold;
  line-height: 1.5;
  background: var(--color-white);
  border: 1px solid var(--color-gray-3);
  border-radius: min(0.8333333333vw, 16px);
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-recNavItem {
    height: 16vw;
    font-size: 5.0666666667vw;
    border-radius: 2.1333333333vw;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
.hcr-recNavItem .item_circle {
  position: absolute;
  top: 50%;
  right: 6.5217391304%;
  translate: 0 -50%;
}
.hcr-recNavItem .item_circle .arrow {
  rotate: 90deg;
}
.hcr-recNavItem[target=_blank] .item_circle .arrow {
  rotate: 0deg;
}
@media screen and (hover: hover) {
  .hcr-recNavItem:hover {
    color: var(--color-red-1);
    border-color: var(--color-red-1);
  }
}

/*
 * layout, component
 * ------------------------------ */
.hcr-rec-l-inner {
  width: min(75%, 1440px);
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-rec-l-inner {
    width: 86.6666666667%;
  }
}

.hcr-rec-c-sectionHeader {
  margin-block: 0 4.1666666667%;
}
@media screen and (width <= 767px) {
  .hcr-rec-c-sectionHeader {
    margin-block: 0 12.3076923077%;
  }
}

.hcr-rec-c-titleA {
  position: relative;
  font-size: min(2.8645833333vw, 55px);
  font-weight: bold;
  line-height: 1.5;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-rec-c-titleA {
    font-size: 5.3333333333vw;
  }
}

.hcr-rec-c-textA {
  position: relative;
  font-size: min(1.4583333333vw, 28px);
  line-height: 1.75;
}
@media screen and (width <= 767px) {
  .hcr-rec-c-textA {
    font-size: 3.4666666667vw;
    line-height: 2.1;
  }
}
.hcr-rec-c-textA p {
  line-height: inherit;
}

.hcr-rec-c-sectionContainer {
  padding-block: 9.7222222222%;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
}
@media screen and (width <= 767px) {
  .hcr-rec-c-sectionContainer {
    padding-block: 15.3846153846%;
    border-radius: 4.2666666667vw;
  }
}
.hcr-rec-c-sectionContainer:has(.hcr-recTableOL:first-child) {
  padding-top: 4.8611111111%;
}
@media screen and (width <= 767px) {
  .hcr-rec-c-sectionContainer:has(.hcr-recTableOL:first-child) {
    padding-top: 4.6153846154%;
  }
}
.hcr-rec-c-sectionContainer:has(.hcr-recTableOL:last-child) {
  padding-block: 4.8611111111%;
}
@media screen and (width <= 767px) {
  .hcr-rec-c-sectionContainer:has(.hcr-recTableOL:last-child) {
    padding-block: 4.6153846154%;
  }
}

.hcr-rec-c-linkBoxA {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: min(8.3333333333vw, 160px);
  font-size: min(2.1875vw, 42px);
  font-weight: bold;
  line-height: 1.5;
  background: var(--gradient-1);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-rec-c-linkBoxA {
    height: 16vw;
    font-size: 5.0666666667vw;
    border-radius: 2.1333333333vw;
  }
}
.hcr-rec-c-linkBoxA .box_icon-blank {
  position: absolute;
  top: 50%;
  right: 6%;
  display: block;
  width: min(2.0833333333vw, 40px);
  aspect-ratio: 22/22;
  translate: 0 -50%;
}
@media screen and (width <= 767px) {
  .hcr-rec-c-linkBoxA .box_icon-blank {
    right: 6.1538461538%;
    width: 5.3333333333vw;
  }
}
.hcr-rec-c-linkBoxA .box_icon-blank svg {
  stroke: var(--color-black);
  transition: all 0.3s;
}
.hcr-rec-c-linkBoxA .box_circle {
  position: absolute;
  top: 50%;
  right: min(2.0833333333vw, 40px);
  translate: 0 -50%;
}
@media screen and (width <= 767px) {
  .hcr-rec-c-linkBoxA .box_circle {
    right: 6.1538461538%;
  }
}
@media screen and (hover: hover) {
  .hcr-rec-c-linkBoxA:hover {
    color: var(--color-red-1);
    border-color: var(--color-red-1);
  }
  .hcr-rec-c-linkBoxA:hover .box_icon-blank svg {
    stroke: var(--color-red-1);
  }
}

.hcr-rec-c-linkBoxJS {
  position: relative;
  display: flex;
  align-items: center;
  height: min(14.0625vw, 270px);
  padding: 0 3.4722222222%;
  background: var(--gradient-1);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
  transition: all 0.3s;
}
@media screen and (width <= 767px) {
  .hcr-rec-c-linkBoxJS {
    height: 26.6666666667vw;
    padding: 0 3.8461538462%;
    border-radius: 4.2666666667vw;
  }
}
.hcr-rec-c-linkBoxJS .box_container {
  display: flex;
  flex-flow: row wrap;
  gap: min(0.78125vw, 15px) 0;
  align-items: center;
}
@media screen and (width <= 767px) {
  .hcr-rec-c-linkBoxJS .box_container {
    gap: 2.4vw 0;
  }
}
.hcr-rec-c-linkBoxJS .box_text-1 {
  width: 100%;
  font-size: min(2.1875vw, 42px);
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (width <= 767px) {
  .hcr-rec-c-linkBoxJS .box_text-1 {
    font-size: 4.2666666667vw;
  }
}
.hcr-rec-c-linkBoxJS .box_text-2 {
  margin-inline: 0.3em 0;
  font-size: min(3.90625vw, 75px);
  line-height: 1.5;
}
@media screen and (width <= 767px) {
  .hcr-rec-c-linkBoxJS .box_text-2 {
    margin-inline: 0.4em 0;
    font-size: 6.6666666667vw;
  }
}
@media screen and (hover: hover) {
  .hcr-rec-c-linkBoxJS:hover {
    color: var(--color-red-1);
    border-color: var(--color-red-1);
  }
  .hcr-rec-c-linkBoxJS:hover .box_icon-blank svg {
    stroke: var(--color-red-1);
  }
}

/*
 * section
 * ------------------------------ */
.hcr-recSection {
  position: relative;
}
.hcr-recSection + .hcr-recSection {
  margin-top: min(7.8125vw, 150px);
}
@media screen and (width <= 767px) {
  .hcr-recSection + .hcr-recSection {
    margin-top: 20%;
  }
}

.hcr-recSection.-new-1 .section_btn {
  width: 69.4444444444%;
  margin-block: 8.3333333333% 0;
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-recSection.-new-1 .section_btn {
    width: 92.3076923077%;
    margin-block: 15.3846153846% 0;
  }
}

.hcr-recSection.-new-2 .section_text {
  width: 83.3333333333%;
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-recSection.-new-2 .section_text {
    width: 92.3076923077%;
  }
}
.hcr-recSection.-new-2 .section_list {
  width: 69.4444444444%;
  margin-block: 8.3333333333% 0;
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-recSection.-new-2 .section_list {
    width: 76.9230769231%;
    margin-block: 12.3076923077% 0;
  }
}
.hcr-recSection.-new-2 .section_footnoteList {
  width: 69.4444444444%;
  margin-block: 4.1666666667% 0;
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-recSection.-new-2 .section_footnoteList {
    width: 92.3076923077%;
    margin-block: 12.3076923077% 0;
  }
}
.hcr-recSection.-new-2 .section_footnoteList > li {
  padding-left: 1em;
  font-size: min(1.3541666667vw, 26px);
  line-height: 1.75;
  text-indent: -1em;
}
@media screen and (width <= 767px) {
  .hcr-recSection.-new-2 .section_footnoteList > li {
    font-size: 3.4666666667vw;
    line-height: 2.1;
  }
}

.hcr-recSection.-faq .section_header {
  width: 83.3333333333%;
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-recSection.-faq .section_header {
    width: 100%;
  }
}
.hcr-recSection.-faq .section_container-faq {
  display: grid;
  gap: min(2.6041666667vw, 50px);
  width: 83.3333333333%;
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-recSection.-faq .section_container-faq {
    gap: 6.6666666667vw;
    width: 100%;
  }
}

/*
 * item
 * ------------------------------ */
.hcr-recTableOL {
  width: 83.3333333333%;
  margin-inline: auto;
}
@media screen and (width <= 767px) {
  .hcr-recTableOL {
    width: 100%;
    padding-inline: 3.8461538462%;
  }
}
.hcr-recTableOL > dl {
  display: grid;
  grid-template-columns: 25% 1fr;
}
@media screen and (width <= 767px) {
  .hcr-recTableOL > dl {
    grid-template-columns: 1fr;
  }
}
.hcr-recTableOL > dl > dt {
  padding-block: 20%;
  font-size: min(1.3541666667vw, 26px);
  font-weight: normal;
  line-height: 1.75;
}
@media screen and (width <= 767px) {
  .hcr-recTableOL > dl > dt {
    padding-block: 11.6666666667% 6.6666666667%;
    font-size: 4vw;
  }
}
.hcr-recTableOL > dl > dt:not(:first-of-type) {
  border-top: 1px solid var(--color-gray-3);
}
.hcr-recTableOL > dl > dd {
  padding-block: 6.6666666667%;
  font-size: min(1.3541666667vw, 26px);
  font-feature-settings: "palt";
  line-height: 1.75;
  text-align: justify;
}
@media screen and (width <= 767px) {
  .hcr-recTableOL > dl > dd {
    padding-block: 0 10%;
    font-size: 3.4666666667vw;
    line-height: 2.1;
  }
}
.hcr-recTableOL > dl > dd:not(:first-of-type) {
  border-top: 1px solid var(--color-gray-3);
}
@media screen and (width <= 767px) {
  .hcr-recTableOL > dl > dd:not(:first-of-type) {
    border-top: none;
  }
}
.hcr-recTableOL > dl > dd a {
  color: #1a0dab;
}
.hcr-recTableOL > dl > dd p,
.hcr-recTableOL > dl > dd li {
  line-height: 1.75;
}
@media screen and (width <= 767px) {
  .hcr-recTableOL > dl > dd p,
  .hcr-recTableOL > dl > dd li {
    line-height: 2.1;
  }
}
.hcr-recTableOL > dl > dd > * + * {
  margin-top: 1.2em;
}
.hcr-recTableOL > dl > dd .table_note {
  font-size: 75%;
  line-height: 1.75;
}
@media screen and (width <= 767px) {
  .hcr-recTableOL > dl > dd .table_note {
    font-size: 85%;
    line-height: 1.75;
  }
}
.hcr-recTableOL.-border-bottom > dl {
  border-bottom: 1px solid var(--color-gray-3);
}

.hcr-recListSTP {
  display: grid;
  gap: min(5.2083333333vw, 100px);
}
@media screen and (width <= 767px) {
  .hcr-recListSTP {
    gap: 10.6666666667vw;
  }
}
.hcr-recListSTP > li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: min(6.25vw, 120px);
  font-size: min(2.1875vw, 42px);
  background: #fff;
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
}
@media screen and (width <= 767px) {
  .hcr-recListSTP > li {
    height: 13.3333333333vw;
    font-size: 4.2666666667vw;
    border-radius: 100vh;
  }
}
.hcr-recListSTP > li:not(:last-child)::after {
  position: absolute;
  top: 100%;
  left: 50%;
  display: block;
  width: min(2.0833333333vw, 40px);
  aspect-ratio: 40/35;
  pointer-events: none;
  content: "";
  background: var(--color-black);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  translate: -50% 100%;
}
@media screen and (width <= 767px) {
  .hcr-recListSTP > li:not(:last-child)::after {
    width: 4vw;
    translate: -50% 120%;
  }
}

.hcr-recChartSTP {
  position: relative;
}
@media screen and (width <= 767px) {
  .hcr-recChartSTP {
    width: 83.3333333333%;
    margin-inline: auto;
  }
}
@media screen and (width > 767px) {
  .hcr-recChartSTP .chart_list-item {
    display: flex;
    align-items: stretch;
    height: min(5.2083333333vw, 100px);
    overflow: hidden;
    border: 1px solid var(--color-gray-3);
    border-radius: min(0.8333333333vw, 16px);
  }
}
@media screen and (width > 767px) {
  .hcr-recChartSTP .chart_list-item > li {
    position: relative;
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    padding-inline: 1em 0;
    font-size: min(1.4583333333vw, 28px);
    font-feature-settings: "palt";
    line-height: 1.5;
    color: var(--color-black);
    background: var(--color-gray-1);
  }
}
@media screen and (width <= 767px) {
  .hcr-recChartSTP .chart_list-item > li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 13.3333333333vw;
    margin-top: -1px;
    font-size: 4.2666666667vw;
    background: var(--color-gray-1);
    border: 1px solid var(--color-gray-3);
    border-radius: 2.1333333333vw;
  }
}
.hcr-recChartSTP .chart_list-item > li > p {
  position: relative;
  z-index: 2;
}
@media screen and (width > 767px) {
  .hcr-recChartSTP .chart_list-item > li:not(:last-child) > i:nth-of-type(1) {
    position: absolute;
    top: 0;
    left: calc(100% - 1px);
    z-index: 1;
    display: block;
    height: 100%;
    aspect-ratio: 1/2;
    background: inherit;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
}
@media screen and (width <= 767px) {
  .hcr-recChartSTP .chart_list-item > li:not(:last-child) > i:nth-of-type(1) {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 1;
    display: block;
    width: 5.6vw;
    aspect-ratio: 42/22;
    background: inherit;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    translate: -50% 0;
  }
}
@media screen and (width > 767px) {
  .hcr-recChartSTP .chart_list-item > li:not(:last-child) > i:nth-of-type(1)::before, .hcr-recChartSTP .chart_list-item > li:not(:last-child) > i:nth-of-type(1)::after {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 2;
    display: block;
    width: 1px;
    height: 200%;
    content: "";
    background: var(--color-black);
    transform-origin: center center;
    translate: 0 -50%;
  }
}
@media screen and (width <= 767px) {
  .hcr-recChartSTP .chart_list-item > li:not(:last-child) > i:nth-of-type(1)::before, .hcr-recChartSTP .chart_list-item > li:not(:last-child) > i:nth-of-type(1)::after {
    content: none;
  }
}
@media screen and (width > 767px) {
  .hcr-recChartSTP .chart_list-item > li:not(:last-child) > i:nth-of-type(1)::before {
    rotate: -45deg;
  }
}
@media screen and (width > 767px) {
  .hcr-recChartSTP .chart_list-item > li:not(:last-child) > i:nth-of-type(1)::after {
    rotate: 45deg;
  }
}
@media screen and (width > 767px) {
  .hcr-recChartSTP .chart_list-item > li:not(:last-child) > i:nth-of-type(2) {
    display: none;
  }
}
@media screen and (width <= 767px) {
  .hcr-recChartSTP .chart_list-item > li:not(:last-child) > i:nth-of-type(2) {
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    z-index: 1;
    display: block;
    width: 5.6vw;
    aspect-ratio: 42/22;
    background: inherit;
    background: transparent;
    translate: -50% 0;
  }
}
@media screen and (width <= 767px) {
  .hcr-recChartSTP .chart_list-item > li:not(:last-child) > i:nth-of-type(2)::before, .hcr-recChartSTP .chart_list-item > li:not(:last-child) > i:nth-of-type(2)::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 2;
    display: block;
    width: 1px;
    height: 3.7333333333vw;
    content: "";
    background: var(--color-gray-3);
    transform-origin: bottom center;
    translate: -50% 0;
  }
}
@media screen and (width <= 767px) {
  .hcr-recChartSTP .chart_list-item > li:not(:last-child) > i:nth-of-type(2)::before {
    rotate: -45deg;
  }
}
@media screen and (width <= 767px) {
  .hcr-recChartSTP .chart_list-item > li:not(:last-child) > i:nth-of-type(2)::after {
    rotate: 45deg;
  }
}
.hcr-recChartSTP .chart_list-item > li:not(:last-child, :first-child) p {
  padding-left: 0.5em;
}

.hcr-recItemFAQ {
  overflow: hidden;
  background: var(--color-white);
  border: 1px solid var(--color-gray-3);
  border-radius: min(1.6666666667vw, 32px);
}
@media screen and (width <= 767px) {
  .hcr-recItemFAQ {
    border-radius: 4.2666666667vw;
  }
}
.hcr-recItemFAQ .item_header {
  position: relative;
  display: grid;
  height: min(6.25vw, 120px);
  padding-inline: 15% 11.6666666667%;
  cursor: pointer;
}
@media screen and (width <= 767px) {
  .hcr-recItemFAQ .item_header {
    height: 20vw;
    padding-inline: 21.5384615385% 16.9230769231%;
  }
}
.hcr-recItemFAQ .item_header .circle {
  position: absolute;
  top: 50%;
  right: 3.3333333333%;
  translate: 0 -50%;
}
@media screen and (width <= 767px) {
  .hcr-recItemFAQ .item_header .circle {
    right: 4.6153846154%;
  }
}
.hcr-recItemFAQ .item_icon-q,
.hcr-recItemFAQ .item_icon-a {
  font-size: min(2.6041666667vw, 50px);
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
@media screen and (width <= 767px) {
  .hcr-recItemFAQ .item_icon-q,
  .hcr-recItemFAQ .item_icon-a {
    font-size: 6.6666666667vw;
  }
}
.hcr-recItemFAQ .item_icon-q {
  position: absolute;
  top: 50%;
  left: 4.1666666667%;
  color: var(--color-black);
  translate: 0 -50%;
}
@media screen and (width <= 767px) {
  .hcr-recItemFAQ .item_icon-q {
    left: 3.8461538462%;
  }
}
.hcr-recItemFAQ .item_icon-a {
  position: absolute;
  top: 0.7em;
  left: 4.1666666667%;
  color: var(--color-red-2);
  translate: 0.3em 0;
}
@media screen and (width <= 767px) {
  .hcr-recItemFAQ .item_icon-a {
    position: relative;
    top: auto;
    left: 0;
    margin-block: 0 0.4em;
    translate: 0 0;
  }
}
.hcr-recItemFAQ .item_headerTitle {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  font-size: min(1.5625vw, 30px);
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 1.55;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-recItemFAQ .item_headerTitle {
    font-size: 3.4666666667vw;
  }
}
.hcr-recItemFAQ .item_body {
  position: relative;
  padding-block: 2.9166666667% 5%;
  padding-inline: 15% 8.3333333333%;
  color: var(--color-black);
}
@media screen and (width <= 767px) {
  .hcr-recItemFAQ .item_body {
    padding-block: 4.6153846154% 12.3076923077%;
    padding-inline: 3.8461538462%;
  }
}
.hcr-recItemFAQ .item_body::after {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 91.6666666667%;
  height: 1px;
  content: "";
  background: var(--color-gray-3);
  translate: -50% 0;
}
@media screen and (width <= 767px) {
  .hcr-recItemFAQ .item_body::after {
    width: 92.3076923077%;
  }
}
.hcr-recItemFAQ .item_inner {
  font-size: min(1.4583333333vw, 28px);
  font-feature-settings: "palt";
  line-height: 1.75;
  text-align: justify;
}
@media screen and (width <= 767px) {
  .hcr-recItemFAQ .item_inner {
    font-size: 3.4666666667vw;
    line-height: 2.1;
  }
}
.hcr-recItemFAQ .item_inner p {
  line-height: inherit;
}

/*
 * mv
 * ------------------------------ */
.hcr-faq-mv {
  color: var(--color-white);
}