@charset "UTF-8";
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes arrow-link-line {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  49.99% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}
@keyframes arrow-link-line-reverse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  49.99% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.recruit-headTop {
  padding-top: clamp(131px, 9.0972222222vw, 131px * 1.05);
  padding-left: clamp(143px, 9.9305555556vw, 143px * 1.05);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(../../img/recruit/bg_head-top.webp);
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .recruit-headTop {
    padding-top: 15.7333333333vw;
    padding-left: 8.8vw;
    background-image: url(../../img/recruit/bg_head-top-sp.webp);
  }
}
.recruit-headTop hgroup {
  position: relative;
  z-index: 100;
}
.recruit-headTop hgroup.is_show .main {
  opacity: 1;
}
.recruit-headTop hgroup.is_show .sub {
  opacity: 1;
  transform: translateY(0);
}
.recruit-headTop hgroup:before {
  content: "";
  display: block;
  width: clamp(179px, 12.4305555556vw, 179px * 1.05);
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: calc(clamp(193px, 13.4027777778vw, 193px * 1.05) * -1);
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .recruit-headTop hgroup:before {
    width: 47.7333333333vw;
    left: -49.8666666667vw;
    top: 6.1333333333vw;
    transform: none;
  }
}
.recruit-headTop hgroup .main {
  font-weight: 700;
  font-size: clamp(40px, 2.7777777778vw, 40px * 1.05);
  line-height: 1.45;
  opacity: 0;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .recruit-headTop hgroup .main {
    font-size: 8vw;
    line-height: 1.4333333333;
  }
}
.recruit-headTop hgroup .main > span {
  opacity: 0;
  animation: 1.2s linear forwards opacity;
}
.recruit-headTop hgroup .main > span:first-of-type {
  animation-delay: 0.05s;
}
.recruit-headTop hgroup .main > span:nth-of-type(2) {
  animation-delay: 0.1s;
}
.recruit-headTop hgroup .main > span:nth-of-type(3) {
  animation-delay: 0.15s;
}
.recruit-headTop hgroup .main > span:nth-of-type(4) {
  animation-delay: 0.2s;
}
.recruit-headTop hgroup .main > span:nth-of-type(5) {
  animation-delay: 0.25s;
}
.recruit-headTop hgroup .main > span:nth-of-type(6) {
  animation-delay: 0.3s;
}
.recruit-headTop hgroup .main > span:nth-of-type(7) {
  animation-delay: 0.35s;
}
.recruit-headTop hgroup .main > span:nth-of-type(8) {
  animation-delay: 0.4s;
}
.recruit-headTop hgroup .sub {
  font-size: clamp(24px, 1.6666666667vw, 24px * 1.05);
  font-weight: 500;
  line-height: 1.1666666667;
  margin-top: 0.8333333333vw;
  color: rgba(91, 82, 147, 0.4);
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  transition: 0.8s;
  transition-delay: 0.3s;
  transform: translateY(1.3888888889vw);
  opacity: 0;
}
@media (max-width: 767px) {
  .recruit-headTop hgroup .sub {
    font-size: 5.3333333333vw;
    line-height: 1.15;
    margin-top: 3.2vw;
    transform: translateY(5.3333333333vw);
  }
}
.recruit-headTop .decoRecruit {
  width: clamp(1252px, 86.9444444444vw, 1252px * 1.05);
  aspect-ratio: 1252/238;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-image: url(../../img/recruit/deco_head-top.svg);
  margin-top: clamp(64px, 4.4444444444vw, 64px * 1.05);
  padding-left: clamp(45px, 3.125vw, 45px * 1.05);
}
@media (max-width: 767px) {
  .recruit-headTop .decoRecruit {
    width: 100vw;
    aspect-ratio: 375/116;
    background-image: url(../../img/recruit/deco_head-top-sp.svg);
    margin-top: -3.2vw;
    margin-left: -8.8vw;
    padding-left: 0;
  }
}
.recruit-headTop .deco {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.recruit-headTop .deco:before {
  content: "";
  display: block;
  width: calc(100% - 61.25vw - 3.9583333333vw);
  aspect-ratio: 503/694;
  background-image: url(../../img/recruit/bg_head-top-left.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 100% 0%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1200px) {
  .recruit-headTop .deco:before {
    width: clamp(503px, 34.9305555556vw, 503px * 1.05);
  }
}
@media (max-width: 767px) {
  .recruit-headTop .deco:before {
    width: 68vw;
    aspect-ratio: 255/321;
    background-image: url(../../img/recruit/bg_head-top-left-sp.svg);
  }
}
.recruit-headTop .deco:after {
  content: "";
  display: block;
  width: clamp(561px, 38.9583333333vw, 561px * 1.05);
  aspect-ratio: 561/874;
  background-image: url(../../img/recruit/bg_head-right.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  .recruit-headTop .deco:after {
    width: auto;
    height: 100%;
    aspect-ratio: 375/241;
    background-image: url(../../img/recruit/bg_head-right-sp.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%;
  }
}

.recruit-headLower {
  height: clamp(360px, 25vw, 360px * 1.05);
  display: flex;
  align-items: center;
  padding-left: clamp(143px, 9.9305555556vw, 143px * 1.05);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .recruit-headLower {
    height: auto;
    padding-left: 8.5333333333vw;
    padding-top: 20.2666666667vw;
    padding-bottom: 9.3333333333vw;
    display: block;
  }
}
.recruit-headLower.about {
  background-image: url(../../img/recruit/bg_head-about.webp);
}
@media (max-width: 767px) {
  .recruit-headLower.about {
    background-image: url(../../img/recruit/bg_head-about-sp.webp);
  }
}
.recruit-headLower.job {
  background-image: url(../../img/recruit/bg_head-job.webp);
}
@media (max-width: 767px) {
  .recruit-headLower.job {
    background-image: url(../../img/recruit/bg_head-job-sp.webp);
  }
}
.recruit-headLower.culture {
  background-image: url(../../img/recruit/bg_head-culture.webp);
}
@media (max-width: 767px) {
  .recruit-headLower.culture {
    background-image: url(../../img/recruit/bg_head-culture-sp.webp);
  }
}
.recruit-headLower hgroup {
  position: relative;
  z-index: 100;
}
.recruit-headLower hgroup.is_show .main {
  opacity: 1;
}
.recruit-headLower hgroup:before {
  content: "";
  display: block;
  width: clamp(179px, 12.4305555556vw, 179px * 1.05);
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: calc(clamp(193px, 13.4027777778vw, 193px * 1.05) * -1);
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .recruit-headLower hgroup:before {
    width: 47.7333333333vw;
    left: -49.8666666667vw;
    top: 6.1333333333vw;
    transform: none;
  }
}
.recruit-headLower hgroup .main {
  font-weight: 700;
  font-size: clamp(40px, 2.7777777778vw, 40px * 1.05);
  line-height: 1.45;
  opacity: 0;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .recruit-headLower hgroup .main {
    font-size: 8vw;
    line-height: 1.4333333333;
  }
}
.recruit-headLower hgroup .main > span {
  opacity: 0;
  animation: 1.2s linear forwards opacity;
}
.recruit-headLower hgroup .main > span:first-of-type {
  animation-delay: 0.05s;
}
.recruit-headLower hgroup .main > span:nth-of-type(2) {
  animation-delay: 0.1s;
}
.recruit-headLower hgroup .main > span:nth-of-type(3) {
  animation-delay: 0.15s;
}
.recruit-headLower hgroup .main > span:nth-of-type(4) {
  animation-delay: 0.2s;
}
.recruit-headLower hgroup .main > span:nth-of-type(5) {
  animation-delay: 0.25s;
}
.recruit-headLower hgroup .main > span:nth-of-type(6) {
  animation-delay: 0.3s;
}
.recruit-headLower hgroup .main > span:nth-of-type(7) {
  animation-delay: 0.35s;
}
.recruit-headLower hgroup .main > span:nth-of-type(8) {
  animation-delay: 0.4s;
}
.recruit-headLower .decoRecruit {
  width: auto;
  height: clamp(269px, 18.6805555556vw, 269px * 1.05);
  aspect-ratio: 3333/269;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-image: url(../../img/recruit/deco_head-lower.svg);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  .recruit-headLower .decoRecruit {
    width: 100vw;
    height: auto;
    aspect-ratio: 375/177;
    background-image: url(../../img/recruit/deco_head-lower-sp.svg);
    left: auto;
    right: 0;
  }
}
.recruit-headLower .deco {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.recruit-headLower .deco:before {
  content: "";
  display: block;
  width: clamp(326px, 22.6388888889vw, 326px * 1.05);
  aspect-ratio: 503/694;
  background-image: url(../../img/recruit/bg_head-lower-left.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 100% 0%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .recruit-headLower .deco:before {
    width: 42.9333333333vw;
    aspect-ratio: 161/321;
    background-image: url(../../img/recruit/bg_head-lower-left-sp.svg);
  }
}
.recruit-headLower .deco:after {
  content: "";
  display: block;
  width: clamp(561px, 38.9583333333vw, 561px * 1.05);
  aspect-ratio: 561/874;
  background-image: url(../../img/recruit/bg_head-right.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  .recruit-headLower .deco:after {
    width: auto;
    height: 100%;
    aspect-ratio: 375/241;
    background-image: url(../../img/recruit/bg_head-right-sp.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%;
  }
}
@media (max-width: 767px) {
  .recruit-headLower .m-bread {
    margin-top: 15.2vw;
  }
}

.recruit-subTtl {
  font-size: clamp(40px, 2.7777777778vw, 40px * 1.05);
  font-weight: 700;
  line-height: 1.45;
  padding-left: 7.8472222222vw;
  position: relative;
}
@media (max-width: 767px) {
  .recruit-subTtl {
    font-size: 8vw;
    line-height: 1.4333333333;
    padding-left: 6.4vw;
  }
}
.recruit-subTtl:before {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
  color: rgba(91, 82, 147, 0.08);
  letter-spacing: -0.03em;
  position: absolute;
  line-height: 1;
}
.recruit-subTtl.description:before {
  font-size: clamp(240px, 16.6666666667vw, 240px * 1.05);
  content: "Job";
  top: clamp(-120px, -8.3333333333vw, -120px * 1.05);
  left: clamp(-39px, -2.7083333333vw, -39px * 1.05);
}
@media (max-width: 767px) {
  .recruit-subTtl.description:before {
    font-size: 42.6666666667vw;
    top: -20vw;
    left: -9.3333333333vw;
  }
}
.recruit-subTtl.voice:before {
  font-size: clamp(240px, 16.6666666667vw, 240px * 1.05);
  content: "Voice";
  top: clamp(-120px, -8.3333333333vw, -120px * 1.05);
  left: clamp(-39px, -2.7083333333vw, -39px * 1.05);
}
@media (max-width: 767px) {
  .recruit-subTtl.voice:before {
    font-size: 42.6666666667vw;
    top: -20vw;
    left: -9.3333333333vw;
  }
}
.recruit-subTtl.benefit:before {
  content: "Benefits";
  font-size: clamp(150px, 10.4166666667vw, 150px * 1.05);
  top: clamp(-90px, -6.25vw, -90px * 1.05);
  left: clamp(-39px, -2.7083333333vw, -39px * 1.05);
}
@media (max-width: 767px) {
  .recruit-subTtl.benefit:before {
    font-size: 21.3333333333vw;
    top: -11.2vw;
    left: -4.8vw;
  }
}
.recruit-subTtl.worklife:before {
  content: "Work-life balance";
  font-size: clamp(150px, 10.4166666667vw, 150px * 1.05);
  top: clamp(-90px, -6.25vw, -90px * 1.05);
  left: clamp(-39px, -2.7083333333vw, -39px * 1.05);
}
@media (max-width: 767px) {
  .recruit-subTtl.worklife:before {
    content: "Work-life";
    font-size: 21.3333333333vw;
    top: -11.2vw;
    left: -4.8vw;
  }
}
.recruit-subTtl.environment:before {
  content: "Environment";
  font-size: clamp(150px, 10.4166666667vw, 150px * 1.05);
  top: clamp(-90px, -6.25vw, -90px * 1.05);
  left: clamp(-39px, -2.7083333333vw, -39px * 1.05);
}
@media (max-width: 767px) {
  .recruit-subTtl.environment:before {
    font-size: 21.3333333333vw;
    top: -11.2vw;
    left: -5.0666666667vw;
  }
}

.recruit-intro {
  padding-top: 4.4444444444vw;
  margin-left: auto;
  margin-right: auto;
  width: 86.6666666667vw;
}
@media (max-width: 767px) {
  .recruit-intro {
    padding-top: 14.4vw;
    width: 87.2vw;
  }
}
.recruit-intro .desc {
  font-weight: 700;
  text-align: center;
  font-size: clamp(20px, 1.3888888889vw, 20px * 1.05);
  letter-spacing: -0.02em;
  line-height: 2.4;
  word-break: auto-phrase;
}
@media (max-width: 767px) {
  .recruit-intro .desc {
    word-break: normal;
    font-size: 4vw;
    line-height: 2.2;
    margin-top: 2.2em;
  }
}
.recruit-intro .desc:first-of-type {
  margin-top: 0;
}

.recruit-topTtl {
  padding-bottom: 3.6805555556vw;
  padding-left: 9.9305555556vw;
  width: 78.3333333333vw;
  background-image: url(../../img/recruit/bg_topTtl.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .recruit-topTtl {
    padding-bottom: 9.0666666667vw;
    padding-left: 8.2666666667vw;
    width: 91.4666666667vw;
    background-image: url(../../img/recruit/bg_topTtl-sp.svg);
  }
}
.recruit-topTtl .txt {
  font-size: clamp(40px, 2.7777777778vw, 40px * 1.05);
  font-weight: 700;
  line-height: 1.45;
  display: block;
  width: fit-content;
  background: linear-gradient(90deg, rgba(91, 82, 147, 0.85) 0%, rgba(0, 0, 0, 0.9) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
  .recruit-topTtl .txt {
    font-size: 6.9333333333vw;
    line-height: 1.4615384615;
  }
}

.recruit-nav.company {
  padding-top: clamp(126px, 8.75vw, 126px * 1.05);
  position: relative;
}
@media (max-width: 767px) {
  .recruit-nav.company {
    padding-top: 21.8666666667vw;
  }
}
.recruit-nav.company:before {
  content: "";
  display: block;
  width: 50.7638888889vw;
  aspect-ratio: 1462/1462;
  background-image: url(../../img/common/deco_circle.webp);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: contain;
  position: absolute;
  top: -5.5555555556vw;
  right: -9.8611111111vw;
  z-index: -1;
  opacity: 0.35;
}
@media (max-width: 767px) {
  .recruit-nav.company:before {
    width: 194.9333333333vw;
    top: -47.2vw;
    right: -123.4666666667vw;
  }
}
.recruit-nav.job {
  padding-top: clamp(117px, 8.125vw, 117px * 1.05);
}
@media (max-width: 767px) {
  .recruit-nav.job {
    padding-top: 28vw;
  }
}
.recruit-nav.culture {
  padding-top: clamp(56px, 3.8888888889vw, 56px * 1.05);
  padding-bottom: 3.125vw;
}
@media (max-width: 767px) {
  .recruit-nav.culture {
    padding-top: 28vw;
    padding-bottom: 23.7333333333vw;
  }
}
.recruit-nav__wrap {
  margin-top: 2.5vw;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .recruit-nav__wrap {
    margin-top: 9.6vw;
    flex-direction: column;
    align-items: flex-start;
  }
}
.recruit-nav__wrap.company {
  gap: 2.5vw;
}
@media (max-width: 767px) {
  .recruit-nav__wrap.company {
    gap: 9.6vw;
  }
}
.recruit-nav__wrap.job {
  flex-direction: row-reverse;
  gap: 3.3333333333vw;
}
@media (max-width: 767px) {
  .recruit-nav__wrap.job {
    flex-direction: column;
    gap: 9.6vw;
  }
}
.recruit-nav__wrap.culture {
  gap: 5vw;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .recruit-nav__wrap.culture {
    gap: 9.6vw;
  }
}
.recruit-nav__wrap picture {
  display: block;
}
.recruit-nav__wrap picture.company {
  width: 48.6111111111vw;
}
@media (max-width: 767px) {
  .recruit-nav__wrap picture.company {
    width: 93.3333333333vw;
  }
}
.recruit-nav__wrap picture.job {
  width: 48.6111111111vw;
}
@media (max-width: 767px) {
  .recruit-nav__wrap picture.job {
    width: 92vw;
  }
}
.recruit-nav__wrap picture.culture {
  width: 100%;
}
.recruit-nav__wrap picture img {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap {
    margin-left: auto;
    margin-right: auto;
  }
}
.recruit-nav__wrap .txtWrap.company {
  width: clamp(377px, 26.1805555556vw, 377px * 1.05);
  transform: translateY(-1.25vw);
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap.company {
    width: 87.2vw;
    transform: none;
  }
}
.recruit-nav__wrap .txtWrap.job {
  width: 38.1944444444vw;
  transform: translateY(-2.0833333333vw);
  margin-left: 9.9305555556vw;
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap.job {
    width: 87.2vw;
    transform: none;
    margin-left: auto;
  }
}
.recruit-nav__wrap .txtWrap.culture {
  width: 89.3055555556vw;
  padding-left: 9.9305555556vw;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 4.4444444444vw;
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap.culture {
    width: 87.2vw;
    padding-left: 0;
    flex-direction: column;
    gap: 13.6vw;
  }
}
.recruit-nav__wrap .txtWrap .desc {
  font-size: clamp(17px, 1.1805555556vw, 17px * 1.05);
  line-height: 2;
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .desc {
    font-size: 4vw;
    line-height: 2;
  }
}
.recruit-nav__wrap .txtWrap .desc.culture {
  width: 38.1944444444vw;
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .desc.culture {
    width: 100%;
  }
}
.recruit-nav__wrap .txtWrap .linkWrap.culture {
  width: calc(100% - 38.1944444444vw);
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .linkWrap.culture {
    width: 100%;
  }
}
.recruit-nav__wrap .txtWrap .arrowLink {
  position: relative;
  font-weight: 700;
  color: #5B5293;
  line-height: 1.45;
  font-size: clamp(20px, 1.3888888889vw, 20px * 1.05);
  letter-spacing: 0.03em;
  display: block;
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .arrowLink {
    line-height: 1.4705882353;
    font-size: 4.5333333333vw;
  }
}
.recruit-nav__wrap .txtWrap .arrowLink.purpose {
  width: clamp(319px, 22.1527777778vw, 319px * 1.05);
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .arrowLink.purpose {
    width: 67.2vw;
  }
}
.recruit-nav__wrap .txtWrap .arrowLink.message {
  width: clamp(270px, 18.75vw, 270px * 1.05);
  margin-top: clamp(96px, 6.6666666667vw, 96px * 1.05);
  margin-left: calc(clamp(58px, 4.0277777778vw, 58px * 1.05) * -1);
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .arrowLink.message {
    width: 53.0666666667vw;
    margin-top: 15.4666666667vw;
    margin-left: 0;
  }
}
.recruit-nav__wrap .txtWrap .arrowLink.description {
  width: clamp(228px, 15.8333333333vw, 228px * 1.05);
  margin-top: clamp(64px, 4.4444444444vw, 64px * 1.05);
  margin-left: auto;
  margin-right: clamp(42px, 2.9166666667vw, 42px * 1.05);
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .arrowLink.description {
    width: 44.2666666667vw;
    margin-top: 13.6vw;
    margin-left: 0;
  }
}
.recruit-nav__wrap .txtWrap .arrowLink.voice {
  width: clamp(268px, 18.6111111111vw, 268px * 1.05);
  margin-top: clamp(94px, 6.5277777778vw, 94px * 1.05);
  margin-left: auto;
  margin-right: -3.4722222222vw;
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .arrowLink.voice {
    width: 57.6vw;
    margin-top: 15.4666666667vw;
    margin-left: 0;
    margin-right: 0;
  }
}
.recruit-nav__wrap .txtWrap .arrowLink.benefit {
  width: clamp(228px, 15.8333333333vw, 228px * 1.05);
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .arrowLink.benefit {
    width: 44.2666666667vw;
  }
}
.recruit-nav__wrap .txtWrap .arrowLink.environment {
  width: clamp(330px, 22.9166666667vw, 330px * 1.05);
  margin-left: clamp(36px, 2.5vw, 36px * 1.05);
  margin-top: clamp(94px, 6.5277777778vw, 94px * 1.05);
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .arrowLink.environment {
    width: 57.6vw;
    margin-left: 0;
    margin-top: 15.4666666667vw;
  }
}
.recruit-nav__wrap .txtWrap .arrowLink:hover .txt:before {
  animation: arrow-link-line 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .arrowLink:hover .txt:before {
    animation: none;
  }
}
.recruit-nav__wrap .txtWrap .arrowLink .m-en_font {
  font-size: clamp(22px, 1.5277777778vw, 22px * 1.05);
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .arrowLink .m-en_font {
    font-size: 5.0666666667vw;
  }
}
.recruit-nav__wrap .txtWrap .arrowLink .txt {
  box-sizing: border-box;
  padding-left: 0.4166666667vw;
  padding-bottom: 0.5555555556vw;
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .arrowLink .txt {
    padding-left: 1.6vw;
    padding-bottom: 2.1333333333vw;
  }
}
.recruit-nav__wrap .txtWrap .arrowLink .txt:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #5B5293;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.recruit-nav__wrap .txtWrap .arrowLink .txt:after {
  content: "";
  display: block;
  width: clamp(27px, 1.875vw, 27px * 1.05);
  height: 1px;
  background-color: #5B5293;
  position: absolute;
  bottom: clamp(12px, 0.8333333333vw, 12px * 1.05);
  right: clamp(-9.5px, -0.6597222222vw, -9.5px * 1.05);
  transform: rotate(66.25deg);
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .arrowLink .txt:after {
    width: 7.2vw;
    bottom: 3.2vw;
    right: -2.1333333333vw;
  }
}
.recruit-nav__wrap .txtWrap .arrowLink .deco {
  display: block;
  width: clamp(130px, 9.0277777778vw, 130px * 1.05);
  aspect-ratio: 130/130;
  border-radius: 50%;
  border: 1px solid #5B5293;
  position: absolute;
  top: calc(50% - clamp(96px, 6.6666666667vw, 96px * 1.05) / 2);
  right: calc(clamp(130px, 9.0277777778vw, 130px * 1.05) / -2);
}
@media (max-width: 767px) {
  .recruit-nav__wrap .txtWrap .arrowLink .deco {
    width: 24vw;
    top: calc(50% - 8vw);
    right: -12vw;
  }
}

.recruit-requirement {
  padding-top: 6.6666666667vw;
  padding-bottom: 8.3333333333vw;
}
@media (max-width: 767px) {
  .recruit-requirement {
    padding-top: 9.6vw;
    padding-bottom: 32vw;
  }
}
.recruit-requirement .ttl {
  font-size: clamp(32px, 2.2222222222vw, 32px * 1.05);
  font-weight: 700;
  text-align: center;
  line-height: 1.4375;
}
@media (max-width: 767px) {
  .recruit-requirement .ttl {
    font-size: 6.9333333333vw;
    line-height: 1.4615384615;
  }
}
.recruit-requirement .list {
  margin-top: 3.3333333333vw;
  display: flex;
  justify-content: center;
  gap: 2.5vw;
}
@media (max-width: 767px) {
  .recruit-requirement .list {
    margin-top: 9.6vw;
    gap: 8.5333333333vw;
    flex-direction: column;
    align-items: center;
  }
}
.recruit-requirement .list > li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: clamp(412px, 28.6111111111vw, 412px * 1.05);
  aspect-ratio: 412/257;
  background-color: #fff;
  position: relative;
  border: 1px solid;
  border-image: linear-gradient(90deg, #DEDEA5 16.62%, #E6B7CD 58.31%, #82C7DA 100%) 1;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .recruit-requirement .list > li a {
    width: 87.2vw;
    aspect-ratio: 327/215;
  }
}
.recruit-requirement .list > li a:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid;
  border-image: linear-gradient(90deg, #DEDEA5 16.62%, #E6B7CD 58.31%, #82C7DA 100%) 1;
  z-index: -1;
  transition: 0.3s;
  opacity: 0;
}
.recruit-requirement .list > li a:hover {
  border-color: transparent;
}
.recruit-requirement .list > li a:hover:before {
  opacity: 1;
}
@media (max-width: 767px) {
  .recruit-requirement .list > li a:hover:before {
    opacity: 0;
  }
}
.recruit-requirement .list > li a .txt {
  font-size: clamp(24px, 1.6666666667vw, 24px * 1.05);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4583333333;
  text-align: center;
}
@media (max-width: 767px) {
  .recruit-requirement .list > li a .txt {
    font-size: 5.3333333333vw;
    line-height: 1.45;
  }
}
.recruit-requirement .list > li a .txt:after {
  content: "";
  display: block;
  width: clamp(125px, 8.6805555556vw, 125px * 1.05);
  height: clamp(6px, 0.4166666667vw, 6px * 1.05);
  background: linear-gradient(90deg, #F4F4EF 0%, #F6E7EE 50%, #E7F2F5 100%);
  margin: clamp(10px, 0.6944444444vw, 10px * 1.05) auto 0;
}
@media (max-width: 767px) {
  .recruit-requirement .list > li a .txt:after {
    width: 33.3333333333vw;
    height: 1.6vw;
    margin-top: 2.6666666667vw;
  }
}
.recruit-requirement .list > li a img {
  display: block;
  width: 88.3495145631%;
  background: #fff;
  margin-top: 2.5vw;
}
@media (max-width: 767px) {
  .recruit-requirement .list > li a img {
    width: 85.3211009174%;
    margin-top: 6.4vw;
  }
}

.recruitAbout-purpose {
  padding-top: 6.4583333333vw;
  padding-bottom: 10.4166666667vw;
  position: relative;
}
@media (max-width: 767px) {
  .recruitAbout-purpose {
    padding-top: 21.6vw;
    padding-bottom: 21.8666666667vw;
  }
}
.recruitAbout-purpose:before {
  content: "";
  display: block;
  width: 50.7638888889vw;
  aspect-ratio: 1462/1462;
  background-image: url(../../img/common/deco_circle.webp);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: contain;
  position: absolute;
  top: -1.5277777778vw;
  right: -5.4861111111vw;
  opacity: 0.6;
  z-index: -1;
}
@media (max-width: 767px) {
  .recruitAbout-purpose:before {
    width: 135.4666666667vw;
    top: -9.3333333333vw;
    right: -64.8vw;
  }
}
.recruitAbout-purpose__list {
  display: flex;
  flex-direction: column;
  gap: 7.5vw;
}
@media (max-width: 767px) {
  .recruitAbout-purpose__list {
    gap: 25.6vw;
  }
}
.recruitAbout-purpose__list > .group:first-of-type {
  transition-delay: 0.5s;
}
.recruitAbout-purpose__list > .group dt {
  font-family: "Roboto Condensed", sans-serif;
  font-size: clamp(40px, 2.7777777778vw, 40px * 1.05);
  line-height: 1.425;
  font-weight: 700;
  padding: clamp(9px, 0.625vw, 9px * 1.05) clamp(60px, 4.1666666667vw, 60px * 1.05) clamp(9px, 0.625vw, 9px * 1.05) 0;
  box-sizing: border-box;
  text-align: right;
  width: clamp(521px, 36.1805555556vw, 521px * 1.05);
  background-image: url(../../img/recruit/about/deco_purpose.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .recruitAbout-purpose__list > .group dt {
    width: clamp(420px, 29.1666666667vw, 420px * 1.05);
  }
}
@media (max-width: 767px) {
  .recruitAbout-purpose__list > .group dt {
    font-size: 9.6vw;
    line-height: 1.1666666667;
    padding: 3.2vw 16vw 3.2vw 0;
    width: 94.9333333333vw;
  }
}
.recruitAbout-purpose__list > .group dt .ja {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(32px, 2.2222222222vw, 32px * 1.05);
  letter-spacing: 0.03em;
}
@media (max-width: 767px) {
  .recruitAbout-purpose__list > .group dt .ja {
    font-size: 6.4vw;
  }
}
.recruitAbout-purpose__list > .group dd {
  padding-left: clamp(436px, 30.2777777778vw, 436px * 1.05);
  padding-right: clamp(96px, 6.6666666667vw, 96px * 1.05);
}
@media (max-width: 1024px) {
  .recruitAbout-purpose__list > .group dd {
    padding-left: clamp(260px, 18.0555555556vw, 260px * 1.05);
  }
}
@media (max-width: 767px) {
  .recruitAbout-purpose__list > .group dd {
    padding-left: 6.4vw;
    padding-right: 0;
  }
}
.recruitAbout-purpose__list > .group dd .ttl {
  font-weight: 700;
  font-size: clamp(48px, 3.3333333333vw, 48px * 1.05);
  letter-spacing: 0.08em;
  margin-top: 0.8333333333vw;
  line-height: 1.4583333333;
}
@media (max-width: 767px) {
  .recruitAbout-purpose__list > .group dd .ttl {
    font-size: 6.9333333333vw;
    letter-spacing: 0.06em;
    margin-top: 12.2666666667vw;
    line-height: 1.8076923077;
  }
}
.recruitAbout-purpose__list > .group dd .desc {
  font-size: clamp(18px, 1.25vw, 18px * 1.05);
  line-height: 2;
  margin-top: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruitAbout-purpose__list > .group dd .desc {
    font-size: 4vw;
    margin-top: 6.4vw;
  }
}
.recruitAbout-purpose__list > .group dd .valueWrap {
  padding-left: 2.5vw;
  position: relative;
  margin-top: 3.2638888889vw;
}
@media (max-width: 767px) {
  .recruitAbout-purpose__list > .group dd .valueWrap {
    padding-left: 4.8vw;
    margin-top: 12.5333333333vw;
    padding-top: 2.1333333333vw;
    padding-bottom: 2.1333333333vw;
  }
}
.recruitAbout-purpose__list > .group dd .valueWrap:before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, #DEDEA5 0%, #E6B7CD 50%, #82C7DA 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.recruitAbout-purpose__list > .group dd .valueTxt {
  line-height: 2.2;
  font-size: clamp(24px, 1.6666666667vw, 24px * 1.05);
  font-weight: 700;
}
@media (max-width: 767px) {
  .recruitAbout-purpose__list > .group dd .valueTxt {
    line-height: 1.5;
    font-size: 4.2666666667vw;
    margin-top: 1.5em;
  }
  .recruitAbout-purpose__list > .group dd .valueTxt:first-of-type {
    margin-top: 0;
  }
}

.recruitAbout-message {
  padding-bottom: 6.6666666667vw;
  position: relative;
}
@media (max-width: 767px) {
  .recruitAbout-message {
    padding-bottom: 25.6vw;
  }
}
.recruitAbout-message__imgWrap {
  width: 86.6666666667vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media (max-width: 767px) {
  .recruitAbout-message__imgWrap {
    width: 100%;
  }
}
.recruitAbout-message__imgWrap .bg {
  display: block;
  width: 100%;
}
.recruitAbout-message__imgWrap .imgTtl {
  width: 43.6111111111vw;
  position: absolute;
  right: 2.0833333333vw;
  bottom: 1.4583333333vw;
}
@media (max-width: 767px) {
  .recruitAbout-message__imgWrap .imgTtl {
    width: 89.3333333333vw;
    right: -4vw;
    bottom: 18.1333333333vw;
  }
}
.recruitAbout-message__imgWrap .imgTtl img {
  display: block;
  width: 100%;
}
.recruitAbout-message__txtWrap {
  width: clamp(748px, 51.9444444444vw, 748px * 1.05);
  margin: -7.3611111111vw auto 0;
  padding: clamp(64px, 4.4444444444vw, 64px * 1.05) clamp(94px, 6.5277777778vw, 94px * 1.05);
  background-color: #fff;
  position: relative;
  box-shadow: 0.3472222222vw -0.2777777778vw 2.1527777778vw 0 rgba(175, 181, 195, 0.4);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .recruitAbout-message__txtWrap {
    width: 92.5333333333vw;
    margin-top: -28.2666666667vw;
    padding: 9.6vw 5.3333333333vw 14.9333333333vw;
    box-shadow: 1.3333333333vw -1.0666666667vw 8.2666666667vw 0 rgba(175, 181, 195, 0.4);
  }
}
.recruitAbout-message__txtWrap .messageTtl {
  font-weight: 700;
  font-size: clamp(36px, 2.5vw, 36px * 1.05);
  letter-spacing: 0.03em;
  line-height: 1.4444444444;
}
@media (max-width: 767px) {
  .recruitAbout-message__txtWrap .messageTtl {
    font-size: 6.9333333333vw;
    line-height: 1.4615384615;
  }
}
.recruitAbout-message__txtWrap .sign {
  margin-top: 1.1111111111vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: right;
}
@media (max-width: 767px) {
  .recruitAbout-message__txtWrap .sign {
    margin-top: 0;
  }
}
.recruitAbout-message__txtWrap .sign:before {
  content: "";
  display: block;
  width: 8.75vw;
  height: 0.4166666667vw;
  background: linear-gradient(90deg, #F4F4EF 0%, #F6E7EE 50%, #E7F2F5 100%);
}
@media (max-width: 767px) {
  .recruitAbout-message__txtWrap .sign:before {
    width: 33.6vw;
    height: 1.6vw;
  }
}
.recruitAbout-message__txtWrap .sign .txt {
  font-size: clamp(18px, 1.25vw, 18px * 1.05);
  line-height: 2;
}
@media (max-width: 767px) {
  .recruitAbout-message__txtWrap .sign .txt {
    font-size: 4vw;
    line-height: 1.7;
  }
}
.recruitAbout-message__txtWrap .descWrap {
  margin-top: 2.5vw;
}
@media (max-width: 767px) {
  .recruitAbout-message__txtWrap .descWrap {
    margin-top: 9.6vw;
  }
}
.recruitAbout-message__txtWrap .descWrap .desc {
  font-size: clamp(16px, 1.1111111111vw, 16px * 1.05);
  line-height: 2.4;
  display: inline;
}
@media (max-width: 767px) {
  .recruitAbout-message__txtWrap .descWrap .desc {
    font-size: 4.2666666667vw;
    line-height: 2;
    display: block;
    margin-top: 2em;
  }
}
.recruitAbout-message__txtWrap .descWrap .desc:first-of-type {
  margin-top: 0;
}
.recruitAbout-message .deco {
  width: 48.125vw;
  aspect-ratio: 693/847;
  background-image: url(../../img/common/deco_rect01.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  bottom: -1.0416666667vw;
  left: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .recruitAbout-message .deco {
    width: 70.9333333333vw;
    aspect-ratio: 266/849;
    background-image: url(../../img/common/deco_rect01-sp.svg);
    bottom: 6.6666666667vw;
    left: -1.3333333333vw;
  }
}

.recruitJob-description {
  padding-top: 8.8888888889vw;
  padding-bottom: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruitJob-description {
    padding-top: 25.6vw;
    padding-bottom: 6.4vw;
  }
}
.recruitJob-description .list {
  margin-top: 2.5vw;
  display: flex;
  flex-direction: column;
  gap: 3.8888888889vw;
  padding-left: 7.0833333333vw;
}
@media (max-width: 767px) {
  .recruitJob-description .list {
    margin-top: 12.8vw;
    gap: 17.0666666667vw;
    padding-left: 5.3333333333vw;
  }
}
.recruitJob-description .list > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 767px) {
  .recruitJob-description .list > li {
    flex-direction: column-reverse;
    gap: 8.5333333333vw;
  }
}
.recruitJob-description .list > li:before {
  content: "";
  display: block;
  width: 11.6666666667vw;
  aspect-ratio: 168/312;
  background-image: url(../../img/common/deco_line.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  top: -6.4583333333vw;
  left: -11.6666666667vw;
  pointer-events: none;
  z-index: -1;
}
@media (max-width: 767px) {
  .recruitJob-description .list > li:before {
    content: none;
  }
}
.recruitJob-description .list > li:first-of-type:before {
  content: none;
}
.recruitJob-description .list > li .txtWrap {
  width: 38.1944444444vw;
  position: relative;
  z-index: 100;
}
@media (max-width: 1024px) {
  .recruitJob-description .list > li .txtWrap {
    width: 35.4166666667vw;
  }
}
@media (max-width: 767px) {
  .recruitJob-description .list > li .txtWrap {
    width: 100%;
    padding-right: 3.7333333333vw;
    box-sizing: border-box;
  }
}
.recruitJob-description .list > li .txtWrap .type {
  font-weight: 700;
  background: linear-gradient(90deg, rgba(91, 82, 147, 0.85) 0%, rgba(0, 0, 0, 0.9) 100%);
  font-size: clamp(32px, 2.2222222222vw, 32px * 1.05);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.4375;
  width: 90%;
}
@media (max-width: 767px) {
  .recruitJob-description .list > li .txtWrap .type {
    font-size: 6.9333333333vw;
    line-height: 1.4615384615;
    width: 100%;
  }
}
.recruitJob-description .list > li .txtWrap .desc {
  font-size: clamp(17px, 1.1805555556vw, 17px * 1.05);
  line-height: 2;
  margin-top: 1.25vw;
}
@media (max-width: 767px) {
  .recruitJob-description .list > li .txtWrap .desc {
    font-size: 4vw;
    margin-top: 4.8vw;
  }
}
.recruitJob-description .list > li .txtWrap .desc:nth-child(2) {
  margin-top: 1.9444444444vw;
}
@media (max-width: 767px) {
  .recruitJob-description .list > li .txtWrap .desc:nth-child(2) {
    margin-top: 5.3333333333vw;
  }
}
.recruitJob-description .list > li .imgWrap {
  display: block;
  width: calc(100% - 38.1944444444vw + 1.6666666667vw);
  margin-right: -1.6666666667vw;
  transform: translateX(-1.6666666667vw);
  position: relative;
}
@media (max-width: 1200px) {
  .recruitJob-description .list > li .imgWrap {
    transform: translateX(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  .recruitJob-description .list > li .imgWrap {
    width: 94.6666666667vw;
    margin-right: 0;
    margin-left: auto;
    transform: none;
  }
}
.recruitJob-description .list > li .imgWrap:before {
  content: "";
  display: block;
  width: 11.6666666667vw;
  aspect-ratio: 168/312;
  background-image: url(../../img/common/deco_line.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  top: -3.3333333333vw;
  left: -7.1527777778vw;
  pointer-events: none;
  z-index: -1;
}
@media (max-width: 767px) {
  .recruitJob-description .list > li .imgWrap:before {
    background-image: url(../../img/common/deco_line-wide.svg);
    width: 25.3333333333vw;
    aspect-ratio: 95/176;
    top: auto;
    bottom: -15.7333333333vw;
    left: 0;
  }
}
.recruitJob-description .list > li .imgWrap img {
  width: 100%;
  display: block;
}

.recruitJob-voice {
  padding-top: 8.8888888889vw;
  padding-bottom: 8.3333333333vw;
  position: relative;
}
@media (max-width: 767px) {
  .recruitJob-voice {
    padding-top: 25.6vw;
    padding-bottom: 25.6vw;
  }
}
.recruitJob-voice .list {
  margin: 3.8888888889vw auto 0;
  display: flex;
  flex-direction: column;
  gap: 3.8888888889vw;
  width: 90.2777777778vw;
}
@media (max-width: 767px) {
  .recruitJob-voice .list {
    margin-top: 12.8vw;
    gap: 9.6vw;
    width: 93.6vw;
  }
}
.recruitJob-voice .list > li {
  padding: 4.4444444444vw 3.3333333333vw;
  border-radius: 2.5vw;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2.5vw;
}
@media (max-width: 767px) {
  .recruitJob-voice .list > li {
    padding: 9.6vw 4.2666666667vw;
    border-radius: 4.2666666667vw;
    flex-direction: column;
    gap: 9.6vw;
  }
}
.recruitJob-voice .list > li:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(90deg, #DEDEA5 16.62%, #E6B7CD 58.31%, #82C7DA 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.recruitJob-voice .list > li .leftWrap {
  width: 47.1760797342%;
}
@media (max-width: 767px) {
  .recruitJob-voice .list > li .leftWrap {
    width: 100%;
  }
}
.recruitJob-voice .list > li .leftWrap img {
  display: block;
  width: 100%;
}
.recruitJob-voice .list > li .leftWrap .txtWrap {
  padding-left: 2.2222222222vw;
  margin-top: 5vw;
  position: relative;
}
@media (max-width: 767px) {
  .recruitJob-voice .list > li .leftWrap .txtWrap {
    padding-left: 2.6666666667vw;
    margin-top: 9.6vw;
  }
}
.recruitJob-voice .list > li .leftWrap .txtWrap:before {
  content: "“";
  font-weight: 900;
  font-size: clamp(240px, 16.6666666667vw, 240px * 1.05);
  line-height: 1;
  letter-spacing: -0.03em;
  background: linear-gradient(90deg, #F4F4EF 0%, #F6E7EE 50%, #E7F2F5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: -6.9444444444vw;
  left: -0.7638888889vw;
}
@media (max-width: 767px) {
  .recruitJob-voice .list > li .leftWrap .txtWrap:before {
    font-size: 48vw;
    top: -17.8666666667vw;
    left: -2.4vw;
  }
}
.recruitJob-voice .list > li .leftWrap .txtWrap .lead {
  font-size: clamp(24px, 1.6666666667vw, 24px * 1.05);
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.03em;
  position: relative;
}
@media (max-width: 767px) {
  .recruitJob-voice .list > li .leftWrap .txtWrap .lead {
    font-size: 5.3333333333vw;
  }
}
.recruitJob-voice .list > li .leftWrap .txtWrap .nameWrap {
  margin-top: 1.3888888889vw;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .recruitJob-voice .list > li .leftWrap .txtWrap .nameWrap {
    margin-top: 3.2vw;
  }
}
.recruitJob-voice .list > li .leftWrap .txtWrap .nameWrap .decoLine {
  display: block;
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(91, 82, 147, 0.85) 0%, rgba(0, 0, 0, 0.9) 100%);
  opacity: 0.25;
}
.recruitJob-voice .list > li .leftWrap .txtWrap .nameWrap .txt {
  margin-left: 0.5333333333em;
  font-size: clamp(15px, 1.0416666667vw, 15px * 1.05);
  line-height: 2;
}
@media (max-width: 767px) {
  .recruitJob-voice .list > li .leftWrap .txtWrap .nameWrap .txt {
    font-size: 4vw;
    line-height: 1.5;
  }
}
.recruitJob-voice .list > li .leftWrap .txtWrap .nameWrap .deployment {
  color: #5B5293;
  display: inline-block;
  margin-right: 1.0666666667em;
}
@media (max-width: 1024px) {
  .recruitJob-voice .list > li .leftWrap .txtWrap .nameWrap .deployment.tab_m_2cols {
    display: block;
    margin-right: 0;
  }
}
.recruitJob-voice .list > li .rightWrap {
  width: 49.8338870432%;
}
@media (max-width: 767px) {
  .recruitJob-voice .list > li .rightWrap {
    width: 100%;
  }
}
.recruitJob-voice .list > li .rightWrap .descWrap {
  margin-top: 2.5vw;
}
@media (max-width: 767px) {
  .recruitJob-voice .list > li .rightWrap .descWrap {
    margin-top: 9.6vw;
  }
}
.recruitJob-voice .list > li .rightWrap .descWrap:first-of-type {
  margin-top: 0;
}
.recruitJob-voice .list > li .rightWrap .descWrap .desc {
  font-size: clamp(15px, 1.0416666667vw, 15px * 1.05);
  line-height: 2;
  margin-top: 1.25vw;
}
@media (max-width: 767px) {
  .recruitJob-voice .list > li .rightWrap .descWrap .desc {
    font-size: 4vw;
    margin-top: 4.2666666667vw;
  }
}
.recruitJob-voice .list > li .rightWrap .descWrap .desc:first-of-type {
  margin-top: 0;
}
.recruitJob-voice .deco {
  width: 46.5277777778vw;
  aspect-ratio: 670/819;
  background-image: url(../../img/common/deco_rect02.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  top: 29.0277777778vw;
  left: -5.3472222222vw;
  z-index: -1;
}
@media (max-width: 767px) {
  .recruitJob-voice .deco {
    content: none;
  }
}

.recruitCulture-benefit {
  padding-top: 8.8888888889vw;
  padding-bottom: 3.3333333333vw;
  position: relative;
}
@media (max-width: 767px) {
  .recruitCulture-benefit {
    padding-top: 19.2vw;
    padding-bottom: 6.4vw;
  }
}
.recruitCulture-benefit .list {
  margin: 2.5vw auto 0;
  max-width: calc(clamp(414px, 28.75vw, 414px * 1.05) * 2 + 4.4444444444vw);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 3.8888888889vw 4.4444444444vw;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .recruitCulture-benefit .list {
    margin-top: 6.4vw;
    width: 87.2vw;
    max-width: 100%;
    flex-direction: column;
    gap: 6.4vw;
  }
}
.recruitCulture-benefit .list > .group {
  width: clamp(414px, 28.75vw, 414px * 1.05);
  padding: clamp(40px, 2.7777777778vw, 40px * 1.05) clamp(48px, 3.3333333333vw, 48px * 1.05) clamp(32px, 2.2222222222vw, 32px * 1.05);
  box-sizing: border-box;
  border-radius: clamp(16px, 1.1111111111vw, 16px * 1.05);
  position: relative;
  background: transparent;
}
@media (max-width: 767px) {
  .recruitCulture-benefit .list > .group {
    width: 100%;
    padding: 6.4vw 4.2666666667vw;
    border-radius: 4.2666666667vw;
    transition-delay: 0s;
  }
}
.recruitCulture-benefit .list > .group:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(90deg, #DEDEA5 16.62%, #E6B7CD 58.31%, #82C7DA 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.recruitCulture-benefit .list > .group.is_hide dt > a:before {
  background-image: url(../../img/common/icn_plus.svg);
}
.recruitCulture-benefit .list > .group.is_hide dd {
  opacity: 0;
  pointer-events: none;
  height: 0 !important;
  overflow: hidden;
}
.recruitCulture-benefit .list > .group dt img {
  width: 100%;
  display: block;
}
.recruitCulture-benefit .list > .group dt a {
  font-weight: 700;
  font-size: clamp(24px, 1.6666666667vw, 24px * 1.05);
  line-height: 1.7;
  letter-spacing: 0.03em;
  margin-top: clamp(20px, 1.3888888889vw, 20px * 1.05);
  display: block;
  color: rgba(0, 0, 0, 0.7);
  padding-right: clamp(32px, 2.2222222222vw, 32px * 1.05);
  position: relative;
}
@media (max-width: 767px) {
  .recruitCulture-benefit .list > .group dt a {
    font-size: 4.8vw;
    margin-top: 4.8vw;
    padding-right: 8.5333333333vw;
  }
}
.recruitCulture-benefit .list > .group dt a:before {
  content: "";
  display: block;
  width: clamp(32px, 2.2222222222vw, 32px * 1.05);
  aspect-ratio: 32/32;
  background-image: url(../../img/common/icn_minus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .recruitCulture-benefit .list > .group dt a:before {
    width: 8.5333333333vw;
  }
}
.recruitCulture-benefit .list > .group dt a:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .recruitCulture-benefit .list > .group dt a:hover {
    opacity: 1;
  }
}
.recruitCulture-benefit .list > .group dd {
  opacity: 1;
  pointer-events: auto;
  transition: 0.3s;
}
.recruitCulture-benefit .list > .group dd .desc {
  padding-top: clamp(8px, 0.5555555556vw, 8px * 1.05);
  font-size: clamp(15px, 1.0416666667vw, 15px * 1.05);
  line-height: 2;
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 767px) {
  .recruitCulture-benefit .list > .group dd .desc {
    padding-top: 2.1333333333vw;
    font-size: 4vw;
  }
}
.recruitCulture-benefit .deco {
  width: 46.5277777778vw;
  aspect-ratio: 670/819;
  background-image: url(../../img/common/deco_rect02.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  top: 27.6388888889vw;
  left: -5.3472222222vw;
  z-index: -1;
}
@media (max-width: 767px) {
  .recruitCulture-benefit .deco {
    width: 60vw;
    aspect-ratio: 225/819;
    background-image: url(../../img/common/deco_rect02-sp.svg);
    top: 17.3333333333vw;
    left: -19.7333333333vw;
  }
}

.recruitCulture-worklife {
  padding-top: 8.8888888889vw;
  padding-bottom: 3.3333333333vw;
  position: relative;
}
@media (max-width: 767px) {
  .recruitCulture-worklife {
    padding-top: 19.2vw;
    padding-bottom: 6.4vw;
  }
}
.recruitCulture-worklife .list {
  margin: 3.8888888889vw auto 0;
  width: clamp(800px, 55.5555555556vw, 800px * 1.05);
  gap: clamp(24px, 1.6666666667vw, 24px * 1.05);
  display: flex;
  flex-direction: column;
}
@media (max-width: 820px) {
  .recruitCulture-worklife .list {
    gap: 1.6666666667vw;
    width: calc(clamp(414px, 28.75vw, 414px * 1.05) * 2 + 4.4444444444vw);
  }
}
@media (max-width: 767px) {
  .recruitCulture-worklife .list {
    gap: 6.4vw;
    width: 87.2vw;
  }
}
.recruitCulture-worklife .list > .group {
  padding: clamp(36px, 2.5vw, 36px * 1.05);
  position: relative;
  border-radius: clamp(16px, 1.1111111111vw, 16px * 1.05);
}
@media (max-width: 820px) {
  .recruitCulture-worklife .list > .group {
    padding: 2.5vw;
    border-radius: 1.1111111111vw;
  }
}
@media (max-width: 767px) {
  .recruitCulture-worklife .list > .group {
    padding: 7.4666666667vw 6.9333333333vw 9.6vw;
    border-radius: 4.2666666667vw;
  }
}
.recruitCulture-worklife .list > .group:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(90deg, #DEDEA5 16.62%, #E6B7CD 58.31%, #82C7DA 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.recruitCulture-worklife .list > .group dt {
  font-weight: 700;
  font-size: clamp(24px, 1.6666666667vw, 24px * 1.05);
  line-height: 1.7;
  letter-spacing: 0.03em;
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 767px) {
  .recruitCulture-worklife .list > .group dt {
    font-size: 6.4vw;
  }
}
.recruitCulture-worklife .list > .group dd {
  font-size: clamp(15px, 1.0416666667vw, 15px * 1.05);
  line-height: 2;
  margin-top: 1.1111111111vw;
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 767px) {
  .recruitCulture-worklife .list > .group dd {
    font-size: 4vw;
    margin-top: 4.2666666667vw;
  }
}
.recruitCulture-worklife .deco {
  width: 46.5277777778vw;
  aspect-ratio: 670/819;
  background-image: url(../../img/common/deco_rect02.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  top: 14.7916666667vw;
  left: -5.3472222222vw;
  z-index: -1;
}
@media (max-width: 767px) {
  .recruitCulture-worklife .deco {
    width: 60vw;
    aspect-ratio: 225/819;
    background-image: url(../../img/common/deco_rect02-sp.svg);
    top: 17.3333333333vw;
    left: -19.7333333333vw;
  }
}

.recruitCulture-environment {
  padding-top: 8.8888888889vw;
  padding-bottom: 8.3333333333vw;
  position: relative;
}
@media (max-width: 767px) {
  .recruitCulture-environment {
    padding-top: 19.2vw;
    padding-bottom: 25.6vw;
  }
}
.recruitCulture-environment .list {
  margin: 3.8888888889vw auto 0;
  width: clamp(960px, 66.6666666667vw, 960px * 1.05);
  gap: clamp(24px, 1.6666666667vw, 24px * 1.05);
  display: flex;
  flex-direction: column;
}
@media (max-width: 820px) {
  .recruitCulture-environment .list {
    gap: 1.6666666667vw;
    width: calc(clamp(414px, 28.75vw, 414px * 1.05) * 2 + 4.4444444444vw);
  }
}
@media (max-width: 767px) {
  .recruitCulture-environment .list {
    gap: 6.4vw;
    width: 87.2vw;
  }
}
.recruitCulture-environment .list > li {
  padding: 2.5vw;
  display: flex;
  align-items: flex-start;
  gap: 4.0540540541%;
  position: relative;
  border-radius: 1.1111111111vw;
}
@media (max-width: 767px) {
  .recruitCulture-environment .list > li {
    display: block;
    padding: 9.6vw 6.9333333333vw 12.8vw;
    border-radius: 4.2666666667vw;
  }
}
.recruitCulture-environment .list > li:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(90deg, #DEDEA5 16.62%, #E6B7CD 58.31%, #82C7DA 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.recruitCulture-environment .list > li img {
  width: 35.8108108108%;
}
@media (max-width: 767px) {
  .recruitCulture-environment .list > li img {
    width: 100%;
  }
}
.recruitCulture-environment .list > li .wrap {
  width: 100%;
}
@media (max-width: 767px) {
  .recruitCulture-environment .list > li .wrap {
    width: 100%;
    margin-top: 6.4vw;
  }
}
.recruitCulture-environment .list > li .wrap .ttl {
  font-weight: 700;
  font-size: clamp(24px, 1.6666666667vw, 24px * 1.05);
  line-height: 1.7;
  letter-spacing: 0.03em;
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 767px) {
  .recruitCulture-environment .list > li .wrap .ttl {
    font-size: 6.4vw;
  }
}
.recruitCulture-environment .list > li .wrap .descWrap {
  margin-top: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruitCulture-environment .list > li .wrap .descWrap {
    margin-top: 2.1333333333vw;
  }
}
.recruitCulture-environment .list > li .wrap .descWrap .desc {
  font-size: clamp(15px, 1.0416666667vw, 15px * 1.05);
  line-height: 2;
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 767px) {
  .recruitCulture-environment .list > li .wrap .descWrap .desc {
    font-size: 4vw;
    margin-top: 2em;
  }
}
.recruitCulture-environment .list > li .wrap .descWrap .desc:first-of-type {
  margin-top: 0;
}
.recruitCulture-environment .deco {
  width: 43.125vw;
  aspect-ratio: 670/819;
  background-image: url(../../img/common/deco_rect02.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  top: 20.6944444444vw;
  left: -5.3472222222vw;
  z-index: -1;
}
@media (max-width: 767px) {
  .recruitCulture-environment .deco {
    content: none;
  }
}

/*# sourceMappingURL=recruit.css.map */