.page-recruit-contents {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  line-height: 1.6;
  background-color: #fff;
}
.page-recruit-contents .--indent {
  display: inline-block;
}
.page-recruit-contents .bread__list {
  font-family: "Shippori Mincho B1", serif;
}
.page-recruit-contents .fixed-illust {
  width: 81px;
  position: fixed;
  bottom: 80px;
  right: 27px;
  z-index: 101;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .fixed-illust {
    width: 54px;
    bottom: 67px;
  }
}
.page-recruit-contents .toTop {
  width: 95px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.5s;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .toTop {
    width: 76px;
  }
}
.page-recruit-contents .toTop.on {
  opacity: 1;
}
.page-recruit-contents .fv.on .fv__pict01,
.page-recruit-contents .fv.on .fv__pict02,
.page-recruit-contents .fv.on .fv__pict03 {
  opacity: 1;
  transform: inherit;
}
.page-recruit-contents .fv__pict01 {
  transition: transform 1.2s, opacity 1.2s linear;
  opacity: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .fv__pict01 {
    transition: transform 1.2s, opacity 1.2s linear;
  }
}
.page-recruit-contents .fv__pict02 {
  transition: transform 1.2s, opacity 1.2s linear;
  opacity: 0;
  transform: translateY(50%);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .fv__pict02 {
    transition: transform 1.2s 1.1s, opacity 1.2s linear 1.1s;
  }
}
.page-recruit-contents .fv__pict03 {
  transition: transform 1.2s, opacity 1.2s linear;
  opacity: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .fv__pict03 {
    transition: transform 1.2s 2.2s, opacity 1.2s linear 2.2s;
  }
}
.page-recruit-contents .fv__top {
  position: relative;
}
.page-recruit-contents .fv__top-body {
  display: flex;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .fv__top-body {
    aspect-ratio: 880/798;
  }
}
.page-recruit-contents .fv__top-body::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(208, 18, 27, 0.5);
  z-index: 5;
}
.page-recruit-contents .fv__top-body picture {
  display: block;
  width: 33.3333333333%;
  aspect-ratio: 960/1160;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .fv__top-body picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 880/798;
  }
}
.page-recruit-contents .fv__top-body picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-recruit-contents .fv__top-copy {
  width: 64.2361111111%;
  height: auto;
  position: absolute;
  bottom: 4.6551724138%;
  left: 4.6527777778%;
  z-index: 6;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .fv__top-copy {
    width: 63.1818181818%;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
  }
}
.page-recruit-contents .fv__bottom {
  background-color: #D0121B;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .fv__bottom {
    padding: 23px 0;
  }
}
.page-recruit-contents .fv__bottom > div {
  max-width: 1290px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .fv__bottom > div {
    max-width: 100%;
  }
}
.page-recruit-contents .fv__bottom > div > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 1200px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .fv__bottom > div > div {
    display: block;
    max-width: 100%;
  }
}
.page-recruit-contents .fv__bottom-body p {
  font-size: 1.6rem;
  color: #F4F3F1;
}
.page-recruit-contents .fv__bottom-btn {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 999px) {
  .page-recruit-contents .fv__bottom-btn {
    flex-direction: column;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .fv__bottom-btn {
    margin-top: 30px;
  }
}
.page-recruit-contents .fv__btn {
  width: 240px;
  min-height: 49px;
  padding: 5px 45px 5px 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.9rem;
  position: relative;
  transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .fv__btn {
    width: 360px;
    max-width: 100%;
    min-height: 41px;
    font-size: 1.6rem;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (any-hover: hover) {
  .page-recruit-contents .fv__btn:hover {
    opacity: 1;
  }
  .page-recruit-contents .fv__btn:hover::after {
    transform: skewY(-10deg) scale(1, 1);
  }
}
.page-recruit-contents .fv__btn::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 140px;
  transform: skewY(-20deg) scale(1, 0);
  transform-origin: left top;
  transition: all 0.2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.page-recruit-contents .fv__btn.--gold {
  background-color: #fff;
  color: #827248;
}
@media (any-hover: hover) {
  .page-recruit-contents .fv__btn.--gold:hover {
    color: #fff;
  }
  .page-recruit-contents .fv__btn.--gold:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(7426%) hue-rotate(30deg) brightness(120%) contrast(103%);
  }
}
.page-recruit-contents .fv__btn.--gold img {
  transform: translateY(-50%) rotate(90deg);
}
.page-recruit-contents .fv__btn.--gold::after {
  background-color: #827248;
}
.page-recruit-contents .fv__btn.--black {
  background-color: #111;
  color: #fff;
}
@media (any-hover: hover) {
  .page-recruit-contents .fv__btn.--black:hover {
    color: #111;
  }
  .page-recruit-contents .fv__btn.--black:hover img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(5%) saturate(272%) hue-rotate(1deg) brightness(101%) contrast(87%);
  }
}
.page-recruit-contents .fv__btn.--black::after {
  background-color: #fff;
}
.page-recruit-contents .fv__btn img {
  width: 15px;
  height: auto;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: all 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .fv__btn img {
    width: 12px;
    right: calc(50% - 85px);
  }
}
.page-recruit-contents .recruit-top {
  margin-top: 24px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top {
    margin-top: 10px;
  }
}
.page-recruit-contents .recruit-top::before {
  content: "";
  width: 200vw;
  height: 998px;
  transform-origin: center center;
  transform: translateX(-50%) rotate(-10deg);
  position: absolute;
  top: min(20.9090909091vw, 276px);
  left: 50%;
  background-color: #D0121B;
  z-index: -2;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top::before {
    height: 181.8181818182vw;
    top: 38.6363636364vw;
  }
}
.page-recruit-contents .recruit-top::after {
  content: "";
  width: 200vw;
  height: 1151px;
  transform-origin: center center;
  transform: translateX(-50%) rotate(10deg);
  position: absolute;
  top: 843px;
  left: 50%;
  background-color: #F4F3F1;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top::after {
    height: 218.1818181818vw;
    top: max(676px, 153.6363636364vw);
  }
}
.page-recruit-contents .recruit-top__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top__inner {
    max-width: 100%;
  }
}
.page-recruit-contents .recruit-top__contents01 {
  position: relative;
  padding-top: min(35.78125%, 458px);
  padding-right: min(26.640625%, 341px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top__contents01 {
    padding-top: 56.1363636364vw;
    padding-right: 0;
  }
}
.page-recruit-contents .recruit-top__img01 {
  max-width: min(70.3125%, 900px);
  position: absolute;
  top: 0;
  left: min(14.84375%, 190px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top__img01 {
    max-width: 79.5454545455vw;
    left: -20px;
  }
}
.page-recruit-contents .recruit-top__copy01 {
  width: min(20.703125%, 265px);
  aspect-ratio: 265/904;
  position: absolute;
  top: min(4.5454545455vw, 60px);
  right: min(4.6875%, 60px);
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top__copy01 {
    width: 127px;
    aspect-ratio: 127/446;
    top: 12px;
    right: 10px;
  }
}
.page-recruit-contents .recruit-top__copy01 .--copy01 {
  width: min(8.5606060606vw, 113px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top__copy01 .--copy01 {
    width: 53px;
  }
}
.page-recruit-contents .recruit-top__copy01 .--copy02 {
  width: min(9.1666666667vw, 121px);
  margin-top: min(1.1363636364vw, 15px);
  mix-blend-mode: screen;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top__copy01 .--copy02 {
    width: 58px;
    margin-top: 15px;
  }
}
.page-recruit-contents .recruit-top__desc {
  font-size: 2rem;
  line-height: 1.6;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top__desc {
    font-size: 1.6rem;
  }
}
.page-recruit-contents .recruit-top__desc.--difference {
  mix-blend-mode: difference;
  color: #fff;
}
.page-recruit-contents .recruit-top__desc.--contents02-top {
  mix-blend-mode: difference;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top__desc.--contents02-top {
    mix-blend-mode: inherit;
    color: #111;
  }
}
.page-recruit-contents .recruit-top__desc.--white, .page-recruit-contents .recruit-top__desc .--white {
  color: #fff;
}
.page-recruit-contents .recruit-top__desc + .recruit-top__desc {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top__desc + .recruit-top__desc {
    margin-top: 40px;
  }
}
.page-recruit-contents .recruit-top__desc.--mt-s {
  margin-top: 2em;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top__desc.--mt-s {
    margin-top: 1em;
  }
}
.page-recruit-contents .recruit-top__desc em {
  font-weight: bold;
  font-style: normal;
}
.page-recruit-contents .recruit-top__contents02 {
  position: relative;
  margin-top: 72px;
  padding-top: min(42.34375%, 542px);
  padding-right: min(4.6875%, 60px);
  padding-bottom: 101px;
  padding-left: min(25%, 320px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top__contents02 {
    margin-top: 52px;
    padding-top: 78.4090909091vw;
    padding-bottom: 80px;
    padding-left: 0;
  }
}
.page-recruit-contents .recruit-top__img02 {
  max-width: min(78.125%, 1000px);
  position: absolute;
  top: 0;
  left: 14.84375%;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top__img02 {
    max-width: 79.5454545455vw;
    left: auto;
    right: -20px;
  }
}
.page-recruit-contents .recruit-top__copy02 {
  width: min(15.234375vw, 195px);
  position: absolute;
  top: min(5.303030303vw, 70px);
  left: min(3.125vw, 40px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-top__copy02 {
    width: 43.1818181818vw;
    top: 7.0454545455vw;
    left: 0;
  }
}
.page-recruit-contents .recruit-history {
  background-color: #D0121B;
  padding: 80px 0 120px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history {
    padding: 60px 0 106px;
  }
}
.page-recruit-contents .recruit-history__deco-left {
  width: 59.5138888889%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  mix-blend-mode: screen;
  will-change: transform;
  z-index: -1;
}
.page-recruit-contents .recruit-history__deco-right {
  width: 59.5138888889%;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  mix-blend-mode: screen;
  will-change: transform;
  z-index: -1;
}
.page-recruit-contents .recruit-history__inner {
  max-width: 1324px;
  margin: 0 auto;
  padding: 0 min(1.5105740181vw, 20px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__inner {
    max-width: 100%;
    padding: 0 34px 0 25px;
  }
}
.page-recruit-contents .recruit-history__title {
  max-width: 598px;
  padding-left: 1px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__title {
    max-width: 372px;
    padding-left: 13px;
    margin: 0;
  }
}
.page-recruit-contents .recruit-history__contents {
  display: flex;
  justify-content: center;
  gap: min(3.7764350453vw, 50px);
  margin-top: -3px;
  margin-bottom: 3px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents {
    display: block;
    padding-left: 42px;
    padding-bottom: 130px;
    margin-top: -10px;
    margin-bottom: 10px;
  }
}
.page-recruit-contents .recruit-history__contents::after {
  content: "";
  width: 4px;
  height: 80%;
  background-color: #fff;
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents::after {
    left: 13px;
    top: 7px;
    height: calc(100% - 10px);
    transform: inherit;
  }
}
.page-recruit-contents .recruit-history__contents > div {
  width: calc(50% - 25px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents > div {
    width: 100%;
  }
}
.page-recruit-contents .recruit-history__contents-arrow {
  width: 30px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-arrow {
    width: 30px;
    left: 0;
    transform: inherit;
  }
}
.page-recruit-contents .recruit-history__contents-left .recruit-history__contents-item {
  padding-right: min(6.6465256798vw, 88px);
  margin-top: min(5.2870090634vw, 70px);
}
.page-recruit-contents .recruit-history__contents-left .recruit-history__contents-item::after {
  transform-origin: right center;
}
.page-recruit-contents .recruit-history__contents-left .recruit-history__time {
  position: absolute;
  bottom: min(1.5105740181vw, 20px);
  right: 0;
  z-index: 10;
}
.page-recruit-contents .recruit-history__contents-left .recruit-history__time::after {
  content: "";
  width: min(2.2658610272vw, 30px);
  height: min(2.2658610272vw, 30px);
  border-radius: 50%;
  background-color: #D0121B;
  border: 4px solid #fff;
  position: absolute;
  top: 50%;
  left: calc(100% + 10px);
  transform: translateY(-50%);
}
@media screen and (max-width: 1324px) {
  .page-recruit-contents .recruit-history__contents-left .recruit-history__time::after {
    left: auto;
    right: -3.0211480363vw;
  }
}
.page-recruit-contents .recruit-history__contents-right .recruit-history__contents-item {
  padding-left: min(6.6465256798vw, 88px);
}
.page-recruit-contents .recruit-history__contents-right .recruit-history__contents-item::after {
  transform-origin: left center;
}
.page-recruit-contents .recruit-history__contents-right .recruit-history__time {
  position: absolute;
  bottom: min(1.5105740181vw, 20px);
  left: 0;
  z-index: 10;
}
.page-recruit-contents .recruit-history__contents-right .recruit-history__time::after {
  content: "";
  width: min(2.2658610272vw, 30px);
  height: min(2.2658610272vw, 30px);
  border-radius: 50%;
  background-color: #D0121B;
  border: 4px solid #fff;
  position: absolute;
  top: 50%;
  right: calc(100% + 10px);
  transform: translateY(-50%);
}
@media screen and (max-width: 1324px) {
  .page-recruit-contents .recruit-history__contents-right .recruit-history__time::after {
    right: auto;
    left: -3.0211480363vw;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__time {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__time::after {
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #D0121B;
    border: 4px solid #fff;
    position: absolute;
    top: 50%;
    right: calc(100% + 12px);
    transform: translateY(-50%);
  }
}
.page-recruit-contents .recruit-history__contents-item {
  padding-bottom: min(1.5105740181vw, 20px);
  color: #fff;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item {
    padding-bottom: 0;
    border-bottom: none;
  }
}
.page-recruit-contents .recruit-history__contents-item:not(:first-of-type) {
  margin-top: min(1.5105740181vw, 20px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item:not(:first-of-type) {
    margin-top: 30px;
  }
}
.page-recruit-contents .recruit-history__contents-item::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transition: transform 1s ease;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item::after {
    display: none;
  }
}
.page-recruit-contents .recruit-history__contents-item .recruit-history__time {
  transition: opacity 1s ease, transform 1s ease;
  transform: translateY(30%);
  opacity: 0;
}
.page-recruit-contents .recruit-history__contents-item .recruit-history__contents-img {
  overflow: hidden;
}
.page-recruit-contents .recruit-history__contents-item .recruit-history__contents-img img {
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
  transform: scale(1.2);
}
.page-recruit-contents .recruit-history__contents-item.on::after {
  transform: scaleX(1);
}
.page-recruit-contents .recruit-history__contents-item.on .recruit-history__time {
  opacity: 1;
  transform: translateY(0);
}
.page-recruit-contents .recruit-history__contents-item.on .recruit-history__contents-img img {
  opacity: 1;
  transform: inherit;
}
.page-recruit-contents .recruit-history__contents-item.--row {
  display: flex;
  align-items: flex-start;
  gap: min(1.586102719vw, 21px);
}
.page-recruit-contents .recruit-history__contents-item.--rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item.--item2003 {
    padding-top: 10px;
  }
}
.page-recruit-contents .recruit-history__contents-item.--item2003 .recruit-history__contents-img {
  width: min(19.6374622356vw, 260px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item.--item2003 .recruit-history__contents-img {
    width: 100%;
  }
}
.page-recruit-contents .recruit-history__contents-item.--item2009 .recruit-history__contents-img {
  width: min(16.6163141994vw, 220px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item.--item2009 .recruit-history__contents-img {
    width: 100%;
  }
}
.page-recruit-contents .recruit-history__contents-item.--item2009 .recruit-history__contents-desc {
  max-width: min(19.1842900302vw, 254px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item.--item2009 .recruit-history__contents-desc {
    max-width: 100%;
  }
}
.page-recruit-contents .recruit-history__contents-item.--item2013 {
  margin-top: min(9.0634441088vw, 120px);
  align-items: center;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item.--item2013 {
    margin-top: 30px;
  }
}
.page-recruit-contents .recruit-history__contents-item.--item2013 .recruit-history__contents-img {
  width: min(13.5951661631vw, 180px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item.--item2013 .recruit-history__contents-img {
    width: 100%;
  }
}
.page-recruit-contents .recruit-history__contents-item.--item2018 {
  margin-top: min(3.0966767372vw, 41px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item.--item2018 {
    margin-top: 30px;
  }
}
.page-recruit-contents .recruit-history__contents-item.--item2018 .recruit-history__contents-img {
  width: min(16.6163141994vw, 220px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item.--item2018 .recruit-history__contents-img {
    width: 100%;
  }
}
.page-recruit-contents .recruit-history__contents-item.--item2019 {
  margin-top: min(3.8519637462vw, 51px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item.--item2019 {
    margin-top: 30px;
  }
}
.page-recruit-contents .recruit-history__contents-item.--item2019 .recruit-history__contents-img {
  width: min(16.6163141994vw, 220px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item.--item2019 .recruit-history__contents-img {
    width: 100%;
  }
}
.page-recruit-contents .recruit-history__contents-item.--item2020 {
  margin-top: min(3.0211480363vw, 40px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item.--item2020 {
    margin-top: 30px;
  }
}
.page-recruit-contents .recruit-history__contents-item.--item2020 .recruit-history__contents-img {
  width: min(19.6374622356vw, 260px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item.--item2020 .recruit-history__contents-img {
    width: 100%;
  }
}
.page-recruit-contents .recruit-history__contents-item.--item2023 {
  margin-top: min(4.6827794562vw, 62px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item.--item2023 {
    margin-top: 30px;
  }
}
.page-recruit-contents .recruit-history__contents-item.--item2024 {
  margin-top: min(4.833836858vw, 64px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item.--item2024 {
    margin-top: 30px;
  }
}
.page-recruit-contents .recruit-history__time .--2009 {
  width: min(5.8157099698vw, 77px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__time .--2009 {
    width: 77px;
  }
}
.page-recruit-contents .recruit-history__time .--2012 {
  width: min(5.1359516616vw, 68px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__time .--2012 {
    width: 68px;
  }
}
.page-recruit-contents .recruit-history__time .--2003,
.page-recruit-contents .recruit-history__time .--2023 {
  width: min(5.5891238671vw, 74px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__time .--2003,
  .page-recruit-contents .recruit-history__time .--2023 {
    width: 74px;
  }
}
.page-recruit-contents .recruit-history__time .--2013,
.page-recruit-contents .recruit-history__time .--2018 {
  width: min(5.2114803625vw, 69px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__time .--2013,
  .page-recruit-contents .recruit-history__time .--2018 {
    width: 69px;
  }
}
.page-recruit-contents .recruit-history__time .--2019 {
  width: min(5.2870090634vw, 70px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__time .--2019 {
    width: 70px;
  }
}
.page-recruit-contents .recruit-history__time .--2020,
.page-recruit-contents .recruit-history__time .--2024 {
  width: min(5.664652568vw, 75px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__time .--2020,
  .page-recruit-contents .recruit-history__time .--2024 {
    width: 75px;
  }
}
.page-recruit-contents .recruit-history__contents-title {
  font-size: min(1.6616314199vw, 2.2rem);
  font-weight: bold;
  line-height: 1.4545454545;
  font-feature-settings: "palt" on;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-title {
    font-size: 2.2rem;
    margin-top: 20px;
  }
}
.page-recruit-contents .recruit-history__contents-title .--small {
  display: block;
  font-size: min(1.2084592145vw, 1.6rem);
  font-weight: bold;
  margin-top: min(0.3021148036vw, 4px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-title .--small {
    font-size: 1.6rem;
    margin-top: 4px;
  }
}
.page-recruit-contents .recruit-history__contents-title.--border-bottom {
  padding-bottom: min(0.7552870091vw, 10px);
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-title.--border-bottom {
    padding-bottom: 0;
    border-bottom: none;
  }
}
.page-recruit-contents .recruit-history__contents-desc {
  margin-top: min(1.1329305136vw, 15px);
  font-size: min(1.2084592145vw, 1.6rem);
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-desc {
    margin-top: 15px;
    font-size: 1.6rem;
  }
}
.page-recruit-contents .recruit-history__contents-medium {
  font-size: min(1.8126888218vw, 2.4rem);
  font-weight: bold;
  margin-top: min(1.0574018127vw, 14px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-medium {
    font-size: 2.4rem;
    margin-top: 14px;
  }
}
.page-recruit-contents .recruit-history__contents-large {
  font-size: min(1.9637462236vw, 2.6rem);
  font-weight: bold;
  margin-top: min(0.6042296073vw, 8px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-large {
    font-size: 2.6rem;
    margin-top: 8px;
  }
}
.page-recruit-contents .recruit-history__contents-img {
  flex: 0 0 auto;
}
.page-recruit-contents .recruit-history__contents-item02 {
  margin-top: min(5.9667673716vw, 79px);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item02 {
    margin-top: 30px;
  }
}
.page-recruit-contents .recruit-history__contents-item02::before {
  content: "";
  width: calc(100% + min(1.8126888218vw, 24px));
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 60%;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item02::before {
    width: 25px;
    top: calc(50% - 1px);
    right: 100%;
    left: auto;
  }
}
.page-recruit-contents .recruit-history__contents-item02 > div {
  padding: min(1.5105740181vw, 20px);
  max-width: min(40.0302114804vw, 530px);
  border: 2px solid #fff;
  color: #fff;
  background-color: #D0121B;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__contents-item02 > div {
    padding: 20px;
    max-width: 100%;
  }
}
.page-recruit-contents .recruit-history__contents-item02 > div .recruit-history__contents-title {
  margin-top: 0;
}
.page-recruit-contents .recruit-history__img-bottom {
  max-width: min(32.0241691843vw, 424px);
  margin-top: min(1.8126888218vw, 24px);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__img-bottom {
    max-width: 100%;
    margin-top: 30px;
  }
}
.page-recruit-contents .recruit-history__img-bottom.on img {
  opacity: 1;
  transform: inherit;
}
.page-recruit-contents .recruit-history__img-bottom img {
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
  transform: scale(1.2);
}
.page-recruit-contents .recruit-history__copy {
  margin-top: 28px;
  text-align: center;
  font-size: 4.8rem;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__copy {
    margin-top: -55px;
    font-size: 3.8rem;
  }
}
.page-recruit-contents .recruit-history__copy .--small {
  display: block;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-history__copy .--small {
    font-size: 1.6rem;
  }
}
.page-recruit-contents .recruit-interview {
  padding: 155px 0 120px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview {
    padding: 101px 0 80px;
  }
}
.page-recruit-contents .recruit-interview::before {
  content: "";
  width: 138.2638888889vw;
  height: 67.9166666667vw;
  border-radius: 50%;
  background-color: #F4F3F1;
  position: absolute;
  top: calc(332px + 19.4444444444vw);
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview::before {
    width: 271.3636363636vw;
    height: 133.4090909091vw;
    top: calc(197px + 37.5vw);
  }
}
.page-recruit-contents .recruit-interview::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #F4F3F1;
  position: absolute;
  top: calc(821px + 19.4444444444vw);
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview::after {
    top: calc(197px + 47.7272727273vw + 17px);
  }
}
.page-recruit-contents .recruit-interview__title {
  width: 505px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__title {
    width: 268px;
  }
}
.page-recruit-contents .recruit-interview__nav {
  margin: 40px auto 0;
  padding: 0 20px;
  max-width: 840px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__nav {
    margin-top: 16px;
    max-width: 440px;
  }
}
.page-recruit-contents .recruit-interview__nav-btn {
  font-size: 2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__nav-btn {
    font-size: 1.6rem;
    gap: 6px;
  }
}
.page-recruit-contents .recruit-interview__nav-btn img {
  width: 37px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__nav-btn img {
    width: 22px;
  }
}
.page-recruit-contents .recruit-interview__top-slide {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__top-slide {
    margin-top: 24px;
  }
}
.page-recruit-contents .recruit-interview__top-list {
  width: 100%;
  height: calc(165px + 24.3055555556vw);
  position: relative;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__top-list {
    height: calc(120px + 47.7272727273vw);
  }
}
.page-recruit-contents .recruit-interview__top-item {
  width: 19.4444444444vw;
  position: absolute;
  top: 0;
  left: calc(50% - 9.7222222222vw);
  /*&:nth-of-type(2) {
      transform: rotate(10deg);
      top: calc(28 / 1440 * 100vw);
      left: calc(50% + 170 / 1440 * 100vw);
      z-index: 9;

      @media screen and (max-width: 768px) {
          top: calc(15 / 440 * 100vw);
          left: calc(50% - 25 / 440 * 100vw);
      }
  }

  &:nth-of-type(3) {
      transform: rotate(20deg);
      top: calc(114 / 1440 * 100vw);
      left: calc(50% + 470 / 1440 * 100vw);
      z-index: 8;

      @media screen and (max-width: 768px) {
          top: calc(30 / 440 * 100vw);
          left: calc(50% + 15 / 440 * 100vw);
      }
  }

  &:nth-last-child(2) {
      transform: rotate(-10deg);
      top: calc(28 / 1440 * 100vw);
      left: auto;
      right: calc(50% + 170 / 1440 * 100vw);
      z-index: 7;

      @media screen and (max-width: 768px) {
          top: calc(15 / 440 * 100vw);
          right: calc(50% - 25 / 440 * 100vw);
      }
  }

  &:last-of-type {
      transform: rotate(-20deg);
      top: calc(114 / 1440 * 100vw);
      left: auto;
      right: calc(50% + 470 / 1440 * 100vw);
      z-index: 6;

      @media screen and (max-width: 768px) {
          top: calc(30 / 440 * 100vw);
          right: calc(50% + 15 / 440 * 100vw);
      }
  }*/
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__top-item {
    width: 38.1818181818vw;
    left: calc(50% - 19.0909090909vw);
  }
}
.page-recruit-contents .recruit-interview__top-item:first-of-type {
  z-index: 10;
}
.page-recruit-contents .recruit-interview__top-thumbnail {
  display: block;
  position: relative;
  margin-bottom: 50px;
}
.page-recruit-contents .recruit-interview__top-thumbnail::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 0;
  left: 0;
}
.page-recruit-contents .recruit-interview__top-btn {
  display: block;
}
@media (any-hover: hover) {
  .page-recruit-contents .recruit-interview__top-btn:hover {
    opacity: 1;
  }
}
.page-recruit-contents .recruit-interview__top-btn.--active .recruit-interview__top-thumbnail::after {
  opacity: 0;
}
.page-recruit-contents .recruit-interview__top-btn.--active .recruit-interview__top-icon {
  background-image: url("../images/recruit/btn-slide-active.svg");
}
.page-recruit-contents .recruit-interview__top-btn.--active .recruit-interview__top-body {
  opacity: 1;
}
.page-recruit-contents .recruit-interview__top-icon {
  width: 2.5vw;
  height: 2.5vw;
  position: absolute;
  right: 1.3888888889vw;
  bottom: 1.3888888889vw;
  background-image: url("../images/recruit/btn-slide.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: background-image 0.3s;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__top-icon {
    width: 5vw;
    height: 5vw;
    right: 2.7272727273vw;
    bottom: 2.7272727273vw;
  }
}
.page-recruit-contents .recruit-interview__top-body {
  opacity: 0;
  transition: opacity 0.3s;
  display: block;
  width: 200%;
  margin-left: -50%;
}
.page-recruit-contents .recruit-interview__top-text {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  display: block;
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__top-text {
    font-size: 1.6rem;
    margin-top: 0;
  }
}
.page-recruit-contents .recruit-interview__top-arrow {
  width: 19px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__top-arrow {
    width: 15px;
    margin-top: 15px;
  }
}
.page-recruit-contents .recruit-interview__contents {
  margin: 60px auto 60px;
  padding: 0 20px;
  max-width: 1320px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__contents {
    margin-bottom: 40px;
    max-width: 100%;
  }
}
.page-recruit-contents .recruit-interview__contents-item {
  display: none;
}
.page-recruit-contents .recruit-interview__contents-item.on {
  display: block;
}
.page-recruit-contents .recruit-interview__contents-thumbnail {
  padding: 93px 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__contents-thumbnail {
    padding: 0;
  }
}
.page-recruit-contents .recruit-interview__contents-img {
  max-width: 95%;
  width: 900px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__contents-img {
    position: static;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
.page-recruit-contents .recruit-interview__contents-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__contents-img img {
    height: auto;
  }
}
.page-recruit-contents .recruit-interview__contents-body {
  padding: 40px 50px;
  background-color: #D0121B;
  max-width: 500px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__contents-body {
    padding: 24px 20px;
    max-width: 100%;
  }
}
.page-recruit-contents .recruit-interview__contents-body .--top {
  font-size: 3.2rem;
  font-weight: bold;
  color: #fff;
  padding-bottom: 20px;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__contents-body .--top {
    font-size: 1.8rem;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
}
.page-recruit-contents .recruit-interview__contents-body .--top .--small {
  font-size: 2.4rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__contents-body .--top .--small {
    font-size: 1.6rem;
  }
}
.page-recruit-contents .recruit-interview__contents-body .--tag {
  display: inline-block;
  padding: 8px 20px;
  color: #D0121B;
  background-color: #fff;
  font-weight: bold;
  font-size: 2.6rem;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__contents-body .--tag {
    padding: 4px 12px;
    font-size: 1.4rem;
    margin-bottom: 12px;
  }
}
.page-recruit-contents .recruit-interview__contents-body .--text {
  font-size: 2.4rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__contents-body .--text {
    font-size: 1.6rem;
  }
}
.page-recruit-contents .recruit-interview__contents-info {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__contents-info {
    margin-top: 40px;
    gap: 20px;
  }
}
.page-recruit-contents .recruit-interview__contents-info > div {
  width: calc(50% - 20px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__contents-info > div {
    width: 100%;
  }
}
.page-recruit-contents .recruit-interview__contents-info dt {
  padding: 8px 15px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  background-color: #D0121B;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__contents-info dt {
    padding: 4px 12px;
    gap: 12px;
    font-size: 1.6rem;
  }
}
.page-recruit-contents .recruit-interview__contents-info dt > span {
  flex: 0 0 auto;
}
.page-recruit-contents .recruit-interview__contents-info dd {
  margin-top: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__contents-info dd {
    margin-top: 12px;
    font-size: 1.2rem;
  }
}
.page-recruit-contents .recruit-interview__message {
  margin-top: 60px;
  padding: 30px 40px;
  border: 3px solid #D0121B;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__message {
    margin-top: 55px;
    padding: 14px 16px 16px;
    border: 2px solid #D0121B;
  }
}
.page-recruit-contents .recruit-interview__message .--top {
  font-size: 3rem;
  font-weight: bold;
  color: #D0121B;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__message .--top {
    font-size: 1.8rem;
  }
}
.page-recruit-contents .recruit-interview__message .--text {
  margin-top: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-interview__message .--text {
    margin-top: 12px;
    font-size: 1.6rem;
  }
}
.page-recruit-contents .recruit-career {
  padding: 132px 0 120px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career {
    padding: 82px 0 120px;
  }
}
.page-recruit-contents .recruit-career__inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__inner {
    max-width: 100%;
  }
}
.page-recruit-contents .recruit-career__title {
  max-width: 817px;
  margin: 0 auto 76px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__title {
    max-width: 233px;
    margin-bottom: 26px;
  }
}
.page-recruit-contents .recruit-career__body {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .page-recruit-contents .recruit-career__body {
    padding: 0 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__body {
    padding: 0 20px;
  }
}
.page-recruit-contents .recruit-career__body::before {
  content: "";
  width: 200vw;
  height: 1060px;
  transform-origin: center center;
  transform: translate(-50%, -50%) rotate(10deg);
  position: absolute;
  top: 49%;
  left: 50%;
  background-color: #D0121B;
  z-index: -2;
}
@media screen and (max-width: 1440px) {
  .page-recruit-contents .recruit-career__body::before {
    height: 73.6111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__body::before {
    height: 72.5vw;
    top: 42%;
  }
}
.page-recruit-contents .recruit-career__body::after {
  content: "";
  width: 200vw;
  height: 945px;
  transform-origin: center center;
  transform: translate(-50%, -50%) rotate(-10deg);
  position: absolute;
  top: 64.5%;
  left: 50%;
  background-color: #F4F3F1;
  z-index: -1;
}
@media screen and (max-width: 1440px) {
  .page-recruit-contents .recruit-career__body::after {
    height: 65.625vw;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__body::after {
    height: 53.8636363636vw;
    top: 54%;
  }
}
.page-recruit-contents .recruit-career__body .--service-design,
.page-recruit-contents .recruit-career__body .--tenpo,
.page-recruit-contents .recruit-career__body .--dokuritu {
  transition: transform 600ms cubic-bezier(0.45, 1.47, 0.65, 1) 0.5s;
  transform: scale(0);
  transform-origin: center bottom;
}
.page-recruit-contents .recruit-career__body .recruit-career__service-design,
.page-recruit-contents .recruit-career__body .recruit-career__tenpo,
.page-recruit-contents .recruit-career__body .recruit-career__dokuritu {
  transition: transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1) 0.5s;
  transform: scale(0);
  transform-origin: center bottom;
}
.page-recruit-contents .recruit-career__body .--kanribu,
.page-recruit-contents .recruit-career__body .--siyokikan,
.page-recruit-contents .recruit-career__body .--tyoribu {
  transition: transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1) 0.85s;
  transform: scale(0);
  transform-origin: center bottom;
}
.page-recruit-contents .recruit-career__body .recruit-career__kanribu,
.page-recruit-contents .recruit-career__body .recruit-career__siyokikan,
.page-recruit-contents .recruit-career__body .recruit-career__tyoribu {
  transition: transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1) 0.85s;
  transform: scale(0);
  transform-origin: center bottom;
}
.page-recruit-contents .recruit-career__body.on .--kanribu,
.page-recruit-contents .recruit-career__body.on .--siyokikan,
.page-recruit-contents .recruit-career__body.on .--service-design,
.page-recruit-contents .recruit-career__body.on .--tyoribu,
.page-recruit-contents .recruit-career__body.on .--tenpo,
.page-recruit-contents .recruit-career__body.on .--dokuritu,
.page-recruit-contents .recruit-career__body.on .recruit-career__service-design,
.page-recruit-contents .recruit-career__body.on .recruit-career__tenpo,
.page-recruit-contents .recruit-career__body.on .recruit-career__dokuritu,
.page-recruit-contents .recruit-career__body.on .recruit-career__kanribu,
.page-recruit-contents .recruit-career__body.on .recruit-career__siyokikan,
.page-recruit-contents .recruit-career__body.on .recruit-career__tyoribu {
  transform: scale(1);
}
.page-recruit-contents .recruit-career__body.pc {
  position: relative;
}
.page-recruit-contents .recruit-career__body.pc .--kanribu {
  display: block;
  width: 36.4583333333%;
  position: absolute;
  top: 2%;
  left: 41%;
}
.page-recruit-contents .recruit-career__body.pc .--siyokikan {
  display: block;
  width: 23.6805555556%;
  position: absolute;
  top: 50.5%;
  left: 63.5%;
}
.page-recruit-contents .recruit-career__body.pc .--service-design {
  display: block;
  width: 27.9166666667%;
  position: absolute;
  top: 21.3%;
  left: 66.5%;
}
.page-recruit-contents .recruit-career__body.pc .--tyoribu {
  display: block;
  width: 49.0277777778%;
  position: absolute;
  top: 14.2%;
  left: 5.5%;
}
.page-recruit-contents .recruit-career__body.pc .--tenpo {
  display: block;
  width: 18.8888888889%;
  position: absolute;
  top: -2.2%;
  left: 23.5%;
}
.page-recruit-contents .recruit-career__body.pc .--dokuritu {
  display: block;
  width: 15.9722222222%;
  position: absolute;
  top: 0.5%;
  left: 77%;
}
.page-recruit-contents .recruit-career__body.pc .--eda {
  display: block;
  width: 9.7916666667%;
  position: absolute;
  top: 50.5%;
  left: 60.5%;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__tree {
    height: 86.1363636364vw;
    position: relative;
  }
}
@media (any-hover: hover) {
  .page-recruit-contents .recruit-career__tree button:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__tree-circle01 {
    width: 58.4090909091vw;
    position: absolute;
    top: 8%;
    left: 18%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__tree-circle02 {
    width: 43.1818181818vw;
    position: absolute;
    top: 83%;
    left: 25%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__seisyain {
    width: 54.5454545455vw;
    position: absolute;
    top: 39%;
    left: 23%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__kanribu {
    display: block;
    width: 30.6818181818vw;
    position: absolute;
    top: 7%;
    left: 42%;
    border-radius: 50%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__kanribu img {
    border-radius: 50%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__tyoribu {
    display: block;
    width: 47.2727272727vw;
    position: absolute;
    top: 21%;
    left: 1.5%;
    border-radius: 50%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__tyoribu img {
    border-radius: 50%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__tenpo {
    display: block;
    width: 21.3636363636vw;
    position: absolute;
    top: 4.3%;
    left: 18%;
    border-radius: 50%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__tenpo img {
    border-radius: 50%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__dokuritu {
    display: block;
    width: 18.6363636364vw;
    position: absolute;
    top: 1%;
    left: 80%;
    border-radius: 50%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__dokuritu img {
    border-radius: 50%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__siyokikan {
    display: block;
    width: 26.5909090909vw;
    position: absolute;
    top: 49%;
    left: 68%;
    border-radius: 50%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__siyokikan img {
    border-radius: 50%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__service-design {
    display: block;
    width: 31.8181818182vw;
    position: absolute;
    top: 18%;
    left: 63%;
    border-radius: 50%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__service-design img {
    border-radius: 50%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__tree-deco {
    width: 10vw;
    position: absolute;
    top: 53%;
    left: 62%;
    pointer-events: none;
  }
}
.page-recruit-contents .recruit-career__tree-btn {
  transition: opacity 0.15s;
}
.page-recruit-contents .recruit-career__tree-btn.on {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career .modal-seisyain {
    width: 0;
    position: absolute;
    top: 79%;
    left: 49%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career .modal-kanribu {
    width: 36.8181818182vw;
    position: absolute;
    top: 6%;
    left: 41%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career .modal-tyoribu {
    width: 47.2727272727vw;
    position: absolute;
    top: 19%;
    left: 0.5%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career .modal-tenpo {
    width: 21.3636363636vw;
    position: absolute;
    top: 4%;
    left: 18%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career .modal-dokuritu {
    width: 18.6363636364vw;
    position: absolute;
    top: 1%;
    left: 80%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career .modal-siyokikan {
    width: 26.5909090909vw;
    position: absolute;
    top: 49%;
    left: 68%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career .modal-service-design {
    width: 23.8636363636vw;
    position: absolute;
    top: 24%;
    left: 72%;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career .modal-recruit {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s, width 0.3s, top 0.3s, left 0.3s;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career .modal-recruit.on {
    opacity: 1;
    pointer-events: inherit;
    width: 92.0454545455vw;
    z-index: 10;
    top: calc(54% - 46.0227272727vw);
    left: calc(50% - 46.0227272727vw);
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career .modal-recruit__close {
    width: 23.4090909091vw;
    position: absolute;
    bottom: 10vw;
    left: 50%;
    transform: translateX(-50%) !important;
    transition: width 0.3s;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career .modal-recruit__close.--tyoribu {
    bottom: -10.2272727273vw;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__body-top {
    margin-top: 20px;
    font-size: 1.6rem;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__body-bottom {
    margin-top: 73px;
    font-size: 1.6rem;
    text-align: center;
    color: #111;
  }
}
.page-recruit-contents .recruit-career__title-sub {
  margin-top: 193px;
  font-size: 4.8rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__title-sub {
    margin-top: 60px;
    font-size: 2.8rem;
  }
}
.page-recruit-contents .recruit-career__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 72px auto 0;
  max-width: 1280px;
  gap: 3.125%;
}
@media screen and (max-width: 1020px) {
  .page-recruit-contents .recruit-career__list {
    gap: 20px 20px;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__list {
    margin-top: 30px;
    max-width: 100%;
    gap: 30px;
  }
}
.page-recruit-contents .recruit-career__list li {
  width: 31.25%;
  border: 4px solid #A39777;
  padding: 40px 20px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1020px) {
  .page-recruit-contents .recruit-career__list li {
    width: calc(50% - 10px);
    min-height: 440px;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__list li {
    width: 400px;
    min-height: auto;
    padding: 30px 20px;
  }
}
.page-recruit-contents .recruit-career__list li::after {
  content: "";
  width: 51px;
  aspect-ratio: 1/1;
  background-color: #A39777;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: -1;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
          clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.page-recruit-contents .recruit-career__list li:last-of-type::before {
  content: "";
  width: 65.5%;
  aspect-ratio: 1/1;
  background-color: #F4F3F1;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__list li:last-of-type::before {
    display: none;
  }
}
.page-recruit-contents .recruit-career__list li .--top {
  text-align: center;
  font-size: 3.2rem;
  line-height: 1.3;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  .page-recruit-contents .recruit-career__list li .--top {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__list li .--top {
    font-size: 2rem;
  }
}
.page-recruit-contents .recruit-career__list li .--text {
  margin-top: 40px;
  font-size: 2rem;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .page-recruit-contents .recruit-career__list li .--text {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-career__list li .--text {
    margin-top: 20px;
    font-size: 1.6rem;
  }
}
.page-recruit-contents .recruit-info {
  padding-bottom: 120px;
  scroll-margin-top: 121px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info {
    padding-bottom: 80px;
    scroll-margin-top: 82px;
  }
}
.page-recruit-contents .recruit-info__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__inner {
    max-width: 100%;
  }
}
.page-recruit-contents .recruit-info__title {
  padding: 30px 0;
  font-size: 4.8rem;
  text-align: center;
  font-weight: bold;
  border-top: 2px solid #111;
  border-bottom: 2px solid #111;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__title {
    padding: 10px 0;
    font-size: 2.6rem;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
  }
}
.page-recruit-contents .recruit-info__btn-contact {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 40px auto 0;
  padding: 9px 46px 9px 30px;
  background-color: #000;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.5;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__btn-contact {
    font-size: 1.6rem;
  }
}
.page-recruit-contents .recruit-info__btn-contact img {
  width: 15px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.page-recruit-contents .recruit-info__contents {
  margin-top: 44px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__contents {
    margin-top: 26px;
  }
}
.page-recruit-contents .recruit-info__contents > div {
  background-color: #F4F3F1;
  border: 2px solid #A39777;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__contents > div {
    border: 1px solid #A39777;
  }
}
.page-recruit-contents .recruit-info__contents > div:not(:first-of-type) {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__contents > div:not(:first-of-type) {
    margin-top: 24px;
  }
}
.page-recruit-contents .recruit-info__btn {
  display: block;
  width: 100%;
  padding: 40px 84px 40px 56px;
  font-size: 3rem;
  text-align: left;
  font-weight: bold;
  color: #1D1D1F;
  line-height: 1.75;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__btn {
    padding: 22px 50px 22px 25px;
    font-size: 2rem;
  }
}
.page-recruit-contents .recruit-info__btn.on .recruit-info__icon {
  transform: translateY(-50%) rotate(90deg);
}
.page-recruit-contents .recruit-info__btn.on .recruit-info__icon::before {
  opacity: 0;
}
.page-recruit-contents .recruit-info__icon {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 44px;
  transform: translateY(-50%);
  transition: opacity 0.3s, transform 0.3s;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__icon {
    width: 24px;
    height: 24px;
    right: 25px;
  }
}
.page-recruit-contents .recruit-info__icon::before {
  content: "";
  width: 30px;
  height: 2px;
  background-color: #1D1D1F;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s, transform 0.3s;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__icon::before {
    width: 16px;
  }
}
.page-recruit-contents .recruit-info__icon::after {
  content: "";
  width: 2px;
  height: 30px;
  background-color: #1D1D1F;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s, transform 0.3s;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__icon::after {
    height: 16px;
  }
}
.page-recruit-contents .recruit-info__body {
  padding: 0 44px 41px 56px;
  display: none;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__body {
    padding: 0 25px 27px;
  }
}
.page-recruit-contents .recruit-info__body dl {
  padding: 18px 0;
  border-top: 1px solid #A39777;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__body dl {
    padding: 18px 0;
  }
}
.page-recruit-contents .recruit-info__body dl:last-of-type {
  border-bottom: 1px solid #A39777;
}
.page-recruit-contents .recruit-info__body dl > div {
  display: flex;
  align-items: flex-start;
  gap: 38px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__body dl > div {
    flex-direction: column;
    gap: 5px;
  }
}
.page-recruit-contents .recruit-info__body dl > div:not(:first-of-type) {
  margin-top: 20px;
}
.page-recruit-contents .recruit-info__body dl > div dt {
  min-width: 155px;
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__body dl > div dt {
    min-width: 93px;
    font-size: 1.6rem;
  }
}
.page-recruit-contents .recruit-info__body dl > div dd {
  margin-top: 3px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .recruit-info__body dl > div dd {
    margin-top: 0;
    font-weight: normal;
  }
}
.page-recruit-contents .bottom-area {
  margin-bottom: 120px;
}
.page-recruit-contents .bottom-area__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}
.page-recruit-contents .bottom-area__banner {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .bottom-area__banner {
    flex-direction: column;
    gap: 10px;
  }
}
.page-recruit-contents .bottom-area__banner a {
  display: block;
  width: calc(50% - 20px);
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .bottom-area__banner a {
    width: 100%;
  }
}
.page-recruit-contents .bottom-area__btn {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px 40px;
}
@media screen and (max-width: 768px) {
  .page-recruit-contents .bottom-area__btn {
    margin-top: 20px;
    gap: 10px 20px;
  }
}
.page-recruit-contents .bottom-area__btn a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 60px 6px 20px;
  background-color: #000;
  color: #fff;
  position: relative;
  font-family: "Shippori Mincho B1", serif;
}
.page-recruit-contents .bottom-area__btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url(/assets/images/icon_arrow-youtube.svg) 0 0 no-repeat;
  background-size: contain;
}/*# sourceMappingURL=recruit.css.map */