@media screen and (min-width: 769px) {
  .setOrder {
    color: #000;
  }
}
@media screen and (min-width: 961px) {
  .setOrder {
    color: #000;
  }
}
@media screen and (max-width: 768px) {
  .setOrder {
    color: #000;
  }
}
/* ----------------------------------------------------------
font-weight
---------------------------------------------------------- */
html {
  scroll-behavior: smooth;
}

html,
body {
  margin: 0;
  font-weight: 400; /* regular */
  color: #000;
  counter-reset: number 0;
  font-size: 10px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #000;
}
html:before,
body:before {
  width: 1px;
  height: 100%;
  background: #f00;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 1000;
  pointer-events: none;
}
html a,
html button,
html .children,
body a,
body button,
body .children {
  transition: opacity 0.3s ease;
}

input, textarea {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

body {
  width: 100%;
  overflow: scroll;
  font-weight: 400; /* regular */
  color: colorsblack;
  position: relative;
}

ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

.recruit-data {
  margin-bottom: min(9.8684210526vw, 150px);
}
.recruit-data img {
  display: block;
}
.recruit-data__mv {
  width: 100%;
  height: min(42.1052631579vw, 640px);
  margin: 0 0 min(6.9078947368vw, 105px);
}
.recruit-data__mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recruit-data__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: min(1.3157894737vw, 20px);
}
@media screen and (max-width: 768px) {
  .recruit-data__items {
    gap: 5.3333333333vw;
  }
}
.recruit-data__item {
  display: flex;
  flex-direction: column;
  width: min(37.1710526316vw, 565px);
  overflow: hidden;
  border-radius: min(1.3157894737vw, 20px);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .recruit-data__item {
    width: 100%;
  }
}
.recruit-data__item.-full {
  width: 100%;
  max-width: 100%;
}
.recruit-data__heading {
  display: flex;
  align-items: center;
  gap: min(1.9736842105vw, 30px);
  height: min(5.2631578947vw, 80px);
  margin: 0;
  color: #fff;
  background: #006EFF;
}
@media screen and (max-width: 768px) {
  .recruit-data__heading {
    height: 16vw;
  }
}
.recruit-data__heading [lang=en] {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: min(8.1578947368vw, 124px);
  font-size: min(1.5789473684vw, 24px);
  line-height: 3.3333333333;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  border-right: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .recruit-data__heading [lang=en] {
    width: 18.6666666667vw;
    font-size: 5.3333333333vw;
    line-height: 3;
  }
}
.recruit-data__heading [lang=ja] {
  display: flex;
  align-items: center;
  gap: min(0.3289473684vw, 5px);
  font-size: min(1.6447368421vw, 25px);
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .recruit-data__heading [lang=ja] {
    font-size: 6.4vw;
  }
}
.recruit-data__heading [lang=ja] span {
  font-size: min(1.9736842105vw, 30px);
  line-height: 1.2;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  .recruit-data__heading [lang=ja] span {
    font-size: 7.4666666667vw;
  }
}
.recruit-data__detail {
  position: relative;
  flex-grow: 1;
  min-height: min(21.0526315789vw, 320px);
  background: linear-gradient(#fff 1px, transparent 1px) repeat top left/8px 8px, linear-gradient(to right, #fff 1px, transparent 1px) repeat top left/8px 8px;
  background-color: #F0F0F0;
}
@media screen and (max-width: 768px) {
  .recruit-data__detail {
    min-height: 48vw;
  }
}
.recruit-data__txt {
  position: relative;
  margin: 0;
  z-index: 1;
}
.recruit-data__txt.-type-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: min(4.1447368421vw, 63px);
  font-weight: bold;
  line-height: 1;
  color: #006EFF;
}
@media screen and (max-width: 768px) {
  .recruit-data__txt.-type-1 {
    font-size: 10.6666666667vw;
  }
}
.recruit-data__txt.-type-1 span {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.recruit-data__txt.-type-1 em {
  font-size: min(12.4342105263vw, 189px);
  line-height: 1.0529100529;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  .recruit-data__txt.-type-1 em {
    font-size: 26.6666666667vw;
  }
}
.recruit-data__txt.-type-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: min(0.9868421053vw, 15px);
  box-sizing: border-box;
}
.recruit-data__txt.-type-2 span {
  display: flex;
  align-items: baseline;
  gap: min(1.1842105263vw, 18px);
  font-size: min(6.3157894737vw, 96px);
  font-weight: bold;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .recruit-data__txt.-type-2 span {
    font-size: 10.6666666667vw;
  }
}
.recruit-data__txt.-type-2 span em {
  font-size: min(12.4342105263vw, 189px);
  line-height: 1;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
  transform: translateY(min(0.5263157895vw, 8px));
}
@media screen and (max-width: 768px) {
  .recruit-data__txt.-type-2 span em {
    font-size: 26.6666666667vw;
  }
}
.recruit-data__txt.-type-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #fff;
}
.recruit-data__txt.-type-3 > span {
  display: flex;
  flex-direction: column;
}
.recruit-data__txt.-type-3 > span span {
  display: flex;
  align-items: baseline;
  gap: min(0.3289473684vw, 5px);
  font-size: min(5.1315789474vw, 78px);
  line-height: 1.1153846154;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .recruit-data__txt.-type-3 > span span {
    font-size: 10.6666666667vw;
  }
}
.recruit-data__txt.-type-3 em {
  font-size: min(16.3157894737vw, 248px);
  line-height: 0.9193548387;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  .recruit-data__txt.-type-3 em {
    font-size: 32vw;
  }
}
.recruit-data__txt.-type-3 small {
  font-size: min(1.0526315789vw, 16px);
  line-height: 1.75;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .recruit-data__txt.-type-3 small {
    font-size: 3.2vw;
  }
}
.recruit-data__txt.-type-4 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(0.3289473684vw, 5px);
  height: 100%;
  font-weight: bold;
  color: #006EFF;
}
.recruit-data__txt.-type-4 span {
  display: flex;
  align-items: baseline;
  padding-bottom: min(2.9605263158vw, 45px);
  font-size: min(3.4868421053vw, 53px);
  line-height: 1.1132075472;
}
@media screen and (max-width: 768px) {
  .recruit-data__txt.-type-4 span {
    font-size: 10.6666666667vw;
  }
}
.recruit-data__txt.-type-4 em {
  font-size: min(16.3157894737vw, 248px);
  line-height: 0.9193548387;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
  transform: translateY(min(0.6578947368vw, 10px));
}
@media screen and (max-width: 768px) {
  .recruit-data__txt.-type-4 em {
    font-size: 32vw;
  }
}
.recruit-data__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
}
.recruit-data__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recruit-data__system {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: min(2.1052631579vw, 32px) 0 min(0.7894736842vw, 12px) min(2.6315789474vw, 40px);
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .recruit-data__system {
    padding: 8vw 0 5.3333333333vw 2.6666666667vw;
  }
}
.recruit-data__system img {
  display: block;
  width: 100%;
  height: auto;
}

.data-company {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: min(3.2894736842vw, 50px);
  padding: min(3.2894736842vw, 50px);
}
@media screen and (max-width: 768px) {
  .data-company {
    flex-direction: column;
    align-items: center;
    gap: 8vw;
    padding: 8vw 5.3333333333vw;
  }
}
.data-company__item {
  width: min(32.8947368421vw, 500px);
  margin: 0;
}
@media screen and (max-width: 768px) {
  .data-company__item {
    width: 100%;
  }
}
.data-company__item svg {
  display: block;
  width: 100%;
  height: auto;
}
.data-company__image {
  aspect-ratio: 500/350;
  width: min(32.8947368421vw, 500px);
  margin: 0;
}
@media screen and (max-width: 768px) {
  .data-company__image {
    width: 100%;
  }
}
.data-company__image svg {
  display: block;
  width: 100%;
  height: auto;
}

.data-simulation {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: min(3.2894736842vw, 50px);
  width: 100%;
  padding: min(3.2894736842vw, 50px);
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .data-simulation {
    flex-direction: column;
    align-items: center;
    gap: 5.3333333333vw;
    padding: 6.6666666667vw 5.3333333333vw 8vw;
  }
}
.data-simulation__fig {
  position: relative;
  width: min(52.6315789474vw, 800px);
  margin: 0;
}
@media screen and (max-width: 768px) {
  .data-simulation__fig {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.data-simulation__fig img {
  display: block;
  width: 100%;
  height: auto;
}
.data-simulation__fig figcaption {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  top: 0;
  left: 0;
  font-size: min(2.3684210526vw, 36px);
  line-height: 1.1944444444;
  font-weight: bold;
  color: #006EFF;
}
@media screen and (max-width: 768px) {
  .data-simulation__fig figcaption {
    position: inherit;
    order: -1;
    top: auto;
    font-size: 6.4vw;
    left: auto;
  }
}
.data-simulation__fig figcaption::before {
  content: "";
  order: 1;
  width: min(1.5789473684vw, 24px);
  height: min(0.2631578947vw, 4px);
  margin: min(0.9210526316vw, 14px) 0 min(0.5263157895vw, 8px);
  background: #006EFF;
}
@media screen and (max-width: 768px) {
  .data-simulation__fig figcaption::before {
    width: 6.4vw;
    height: 1.0666666667vw;
    margin: 3.2vw 0;
  }
}
.data-simulation__fig figcaption::after {
  content: attr(data-attr);
  order: 1;
  font-size: min(2.1710526316vw, 33px);
  line-height: 1;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .data-simulation__fig figcaption::after {
    font-size: 5.3333333333vw;
  }
}
.data-simulation__item {
  display: flex;
  flex-direction: column;
  gap: min(0.5263157895vw, 8px);
  width: min(13.1578947368vw, 200px);
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .data-simulation__item {
    gap: 4.2666666667vw;
    width: 100%;
  }
}
.data-simulation__txt {
  margin: 0;
  font-size: min(1.0526315789vw, 16px);
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .data-simulation__txt {
    font-size: 4.2666666667vw;
  }
}
.data-simulation__note {
  font-size: min(0.9210526316vw, 14px);
  line-height: 1.4285714286;
}
@media screen and (max-width: 768px) {
  .data-simulation__note {
    font-size: 3.7333333333vw;
  }
}