@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-philosophy {
  border-top: 1px solid rgba(154, 154, 154, 0.15);
}
.recruit-philosophy__item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-bottom: 1px solid rgba(154, 154, 154, 0.15);
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__item {
    grid-template-columns: 1fr;
    gap: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__item + .recruit-philosophy__item {
    margin-top: 8vw;
  }
}
.recruit-philosophy__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__heading {
    gap: 20px;
    gap: calc(20 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__heading {
    gap: 42px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__heading {
    gap: calc(42 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__heading {
    gap: 42px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__heading {
    padding-top: 30px;
    padding-top: calc(30 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__heading {
    padding-top: 118px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__heading {
    padding-top: calc(118 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__heading {
    padding-top: 118px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__heading {
    padding-left: 20px;
    padding-left: calc(20 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__heading {
    padding-left: 139px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__heading {
    padding-left: calc(139 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__heading {
    padding-left: 139px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__heading {
    padding: 0 5.3333333333vw;
  }
}
.recruit-philosophy__heading em {
  font-style: normal;
  letter-spacing: 0.025em;
  border-bottom: 1px solid #006EFF;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__heading em {
    font-size: 19px;
    font-size: calc(19 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__heading em {
    font-size: 19px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__heading em {
    font-size: calc(19 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__heading em {
    font-size: 19px;
  }
}
.recruit-philosophy__heading span {
  line-height: 1.1666666667;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__heading span {
    font-size: 60px;
    font-size: calc(60 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__heading span {
    font-size: 90px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__heading span {
    font-size: calc(90 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__heading span {
    font-size: 90px;
  }
}
.recruit-philosophy__heading span b {
  color: #006EFF;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__heading.-type-1 {
    gap: 30px;
    gap: calc(30 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__heading.-type-1 {
    gap: 62px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__heading.-type-1 {
    gap: calc(62 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__heading.-type-1 {
    gap: 62px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__heading.-type-1 {
    padding-bottom: 0px;
    padding-bottom: calc(0 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__heading.-type-1 {
    padding-bottom: 132px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__heading.-type-1 {
    padding-bottom: calc(132 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__heading.-type-1 {
    padding-bottom: 132px;
  }
}
.recruit-philosophy__heading.-type-1 span {
  line-height: 1.1052631579;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__heading.-type-1 span {
    font-size: 110px;
    font-size: calc(110 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__heading.-type-1 span {
    font-size: 190px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__heading.-type-1 span {
    font-size: calc(190 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__heading.-type-1 span {
    font-size: 190px;
  }
}
.recruit-philosophy__heading.-type-2 b {
  line-height: 1.2333333333;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__heading.-type-2 b {
    font-size: 100px;
    font-size: calc(100 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__heading.-type-2 b {
    font-size: 150px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__heading.-type-2 b {
    font-size: calc(150 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__heading.-type-2 b {
    font-size: 150px;
  }
}
.recruit-philosophy__heading.-type-3 b {
  line-height: 1.1304347826;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__heading.-type-3 b {
    font-size: 75px;
    font-size: calc(75 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__heading.-type-3 b {
    font-size: 115px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__heading.-type-3 b {
    font-size: calc(115 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__heading.-type-3 b {
    font-size: 115px;
  }
}
.recruit-philosophy__content {
  position: relative;
  color: #fff;
  background: linear-gradient(to right, #006EFF, #0052BF);
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__content {
    padding-top: 70px;
    padding-top: calc(70 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__content {
    padding-top: 180px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__content {
    padding-top: calc(180 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__content {
    padding-top: 180px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__content {
    padding-bottom: 40px;
    padding-bottom: calc(40 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__content {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__content {
    padding-bottom: calc(100 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__content {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__content {
    padding-left: 20px;
    padding-left: calc(20 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__content {
    padding-left: 104px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__content {
    padding-left: calc(104 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__content {
    padding-left: 104px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__content {
    padding-right: 20px;
    padding-right: calc(20 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__content {
    padding-right: 104px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__content {
    padding-right: calc(104 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__content {
    padding-right: 104px;
  }
}
.recruit-philosophy__content::before {
  content: attr(data-attr);
  position: absolute;
  top: 0;
  line-height: 1.2;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  opacity: 0.2;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__content::before {
    right: 15px;
    right: calc(15 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__content::before {
    right: 35px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__content::before {
    right: calc(35 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__content::before {
    right: 35px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__content::before {
    font-size: 70px;
    font-size: calc(70 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__content::before {
    font-size: 110px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__content::before {
    font-size: calc(110 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__content::before {
    font-size: 110px;
  }
}
@media screen and (max-width: 768px) {
  .-type-1 + .recruit-philosophy__content {
    padding-top: 70px;
    padding-top: calc(70 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .-type-1 + .recruit-philosophy__content {
    padding-top: 242px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .-type-1 + .recruit-philosophy__content {
    padding-top: calc(242 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .-type-1 + .recruit-philosophy__content {
    padding-top: 242px;
  }
}
@media screen and (max-width: 768px) {
  .-type-2 + .recruit-philosophy__content, .-type-3 + .recruit-philosophy__content {
    padding-top: 70px;
    padding-top: calc(70 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .-type-2 + .recruit-philosophy__content, .-type-3 + .recruit-philosophy__content {
    padding-top: 188px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .-type-2 + .recruit-philosophy__content, .-type-3 + .recruit-philosophy__content {
    padding-top: calc(188 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .-type-2 + .recruit-philosophy__content, .-type-3 + .recruit-philosophy__content {
    padding-top: 188px;
  }
}
.recruit-philosophy__lead {
  line-height: 1.75;
  font-weight: bold;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__lead {
    margin-bottom: 26px;
    margin-bottom: calc(26 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__lead {
    margin-bottom: 26px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__lead {
    margin-bottom: calc(26 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__lead {
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__lead {
    font-size: 22px;
    font-size: calc(22 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__lead {
    font-size: 24px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__lead {
    font-size: calc(24 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__lead {
    font-size: 24px;
  }
}
.recruit-philosophy__lead em {
  font-style: normal;
}
.recruit-philosophy__detail {
  display: grid;
  grid-template-columns: 1fr;
  border-top: 1px solid rgba(220, 220, 220, 0.2);
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__detail {
    gap: 28px;
    gap: calc(28 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__detail {
    gap: 28px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__detail {
    gap: calc(28 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__detail {
    gap: 28px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__detail {
    padding-top: 32px;
    padding-top: calc(32 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__detail {
    padding-top: 32px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__detail {
    padding-top: calc(32 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__detail {
    padding-top: 32px;
  }
}
.recruit-philosophy__data {
  display: flex;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__data {
    column-gap: 14px;
    column-gap: calc(14 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__data {
    column-gap: 14px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__data {
    column-gap: calc(14 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__data {
    column-gap: 14px;
  }
}
.recruit-philosophy__data.-vertical {
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__data.-vertical {
    gap: 18px;
    gap: calc(18 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__data.-vertical {
    gap: 18px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__data.-vertical {
    gap: calc(18 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__data.-vertical {
    gap: 18px;
  }
}
.recruit-philosophy__data dt {
  flex-shrink: 0;
  line-height: 1.2307692308;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__data dt {
    font-size: 22px;
    font-size: calc(22 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__data dt {
    font-size: 26px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__data dt {
    font-size: calc(26 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__data dt {
    font-size: 26px;
  }
}
.recruit-philosophy__data dd {
  display: flex;
  margin: 0;
  line-height: 1.8823529412;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__data dd {
    column-gap: 16px;
    column-gap: calc(16 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__data dd {
    column-gap: 16px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__data dd {
    column-gap: calc(16 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__data dd {
    column-gap: 16px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__data dd {
    font-size: 17px;
    font-size: calc(17 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__data dd {
    font-size: 17px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__data dd {
    font-size: calc(17 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__data dd {
    font-size: 17px;
  }
}
.recruit-philosophy__data dd::before {
  content: "=";
  line-height: 1.3333333333;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__data dd::before {
    font-size: 24px;
    font-size: calc(24 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__data dd::before {
    font-size: 24px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__data dd::before {
    font-size: calc(24 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__data dd::before {
    font-size: 24px;
  }
}
.recruit-philosophy__txt {
  line-height: 1.7647058824;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__txt {
    margin-bottom: 28px;
    margin-bottom: calc(28 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__txt {
    margin-bottom: 28px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__txt {
    margin-bottom: calc(28 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__txt {
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__txt {
    font-size: 17px;
    font-size: calc(17 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__txt {
    font-size: 17px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__txt {
    font-size: calc(17 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__txt {
    font-size: 17px;
  }
}
.recruit-philosophy__desc {
  font-weight: bold;
  border-top: 1px solid rgba(220, 220, 220, 0.2);
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__desc {
    padding-top: 24px;
    padding-top: calc(24 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__desc {
    padding-top: 24px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__desc {
    padding-top: calc(24 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__desc {
    padding-top: 24px;
  }
}
.recruit-philosophy__desc dt {
  line-height: 1.8846153846;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__desc dt {
    margin-bottom: 6px;
    margin-bottom: calc(6 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__desc dt {
    margin-bottom: 6px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__desc dt {
    margin-bottom: calc(6 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__desc dt {
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__desc dt {
    font-size: 26px;
    font-size: calc(26 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__desc dt {
    font-size: 26px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__desc dt {
    font-size: calc(26 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__desc dt {
    font-size: 26px;
  }
}
.recruit-philosophy__desc dd {
  display: flex;
  align-items: flex-start;
  margin: 0;
  line-height: 1.7894736842;
  border-bottom: 1px solid rgba(220, 220, 220, 0.2);
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__desc dd {
    gap: 12px;
    gap: calc(12 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__desc dd {
    gap: 12px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__desc dd {
    gap: calc(12 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__desc dd {
    gap: 12px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__desc dd {
    font-size: 19px;
    font-size: calc(19 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__desc dd {
    font-size: 19px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__desc dd {
    font-size: calc(19 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__desc dd {
    font-size: 19px;
  }
}
.recruit-philosophy__desc dd::before {
  content: "";
  flex-shrink: 0;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__desc dd::before {
    width: 15px;
    width: calc(15 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__desc dd::before {
    width: 15px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__desc dd::before {
    width: calc(15 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__desc dd::before {
    width: 15px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__desc dd::before {
    height: 2px;
    height: calc(2 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__desc dd::before {
    height: 2px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__desc dd::before {
    height: calc(2 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__desc dd::before {
    height: 2px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__desc dd::before {
    margin-top: 16px;
    margin-top: calc(16 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__desc dd::before {
    margin-top: 16px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__desc dd::before {
    margin-top: calc(16 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__desc dd::before {
    margin-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__desc dd:not(:first-child) {
    margin-top: 7px;
    margin-top: calc(7 / 375 * 100vw);
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__desc dd:not(:first-child) {
    margin-top: 7px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1520px) {
  .recruit-philosophy__desc dd:not(:first-child) {
    margin-top: calc(7 / 1520 * 100vw);
  }
}
@media screen and (min-width: 1520px) {
  .recruit-philosophy__desc dd:not(:first-child) {
    margin-top: 7px;
  }
}

.recruit-philosophy {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-philosophy__item.is-show .recruit-philosophy__heading {
    margin-bottom: 0;
  }
  .recruit-philosophy__item.is-show .recruit-philosophy__heading em,
  .recruit-philosophy__item.is-show .recruit-philosophy__heading span {
    transform: translateY(0);
    opacity: 1;
  }
  .recruit-philosophy__item.is-show .recruit-philosophy__content {
    opacity: 1;
  }
  .recruit-philosophy__item.is-show .recruit-philosophy__lead,
  .recruit-philosophy__item.is-show .recruit-philosophy__txt {
    transform: translateY(0);
    opacity: 1;
  }
  .recruit-philosophy__item.is-show .recruit-philosophy__detail,
  .recruit-philosophy__item.is-show .recruit-philosophy__desc {
    transform: translateY(0);
    opacity: 1;
  }
  .recruit-philosophy__heading {
    transition: all 0.5s ease 2s;
    margin-bottom: 50vh;
  }
  .recruit-philosophy__heading em,
  .recruit-philosophy__heading span {
    transform: translateY(30px);
    opacity: 0;
  }
  .recruit-philosophy__heading em {
    transition: all 0.5s ease 0.3s;
  }
  .recruit-philosophy__heading span {
    transition: all 0.5s ease 0.6s;
  }
  .recruit-philosophy__content {
    opacity: 0;
    transition: opacity 0.5s ease 2s;
  }
  .recruit-philosophy__lead, .recruit-philosophy__txt {
    transform: translateY(30px);
    transition: all 0.5s ease 2.3s;
    opacity: 0;
  }
  .recruit-philosophy__detail, .recruit-philosophy__desc {
    transform: translateY(30px);
    transition: all 0.5s ease 2.6s;
    opacity: 0;
  }
}
@media screen and (min-width: 769px) {
  .recruit-philosophy__item.is-show .recruit-philosophy__heading {
    translate: 0 0;
  }
  .recruit-philosophy__item.is-show .recruit-philosophy__heading em {
    transform: translateY(0);
    opacity: 1;
  }
  .recruit-philosophy__item.is-show .recruit-philosophy__heading span {
    transform: translateY(0);
    opacity: 1;
  }
  .recruit-philosophy__item.is-show .recruit-philosophy__content {
    translate: 0 0;
    opacity: 1;
  }
  .recruit-philosophy__item.is-show .recruit-philosophy__lead,
  .recruit-philosophy__item.is-show .recruit-philosophy__txt {
    transform: translateY(0);
    opacity: 1;
  }
  .recruit-philosophy__item.is-show .recruit-philosophy__detail,
  .recruit-philosophy__item.is-show .recruit-philosophy__desc {
    transform: translateY(0);
    opacity: 1;
  }
  .recruit-philosophy__heading {
    translate: 50% 0;
    transition: translate 0.5s ease 2s;
  }
  .recruit-philosophy__heading em {
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.5s ease 0s;
  }
  .recruit-philosophy__heading span {
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.5s ease 0.3s;
  }
  .recruit-philosophy__content {
    opacity: 0;
    transition: opacity 0.5s ease 2s;
  }
  .recruit-philosophy__lead, .recruit-philosophy__txt {
    transform: translateY(30px);
    transition: all 0.5s ease 2.3s;
    opacity: 0;
  }
  .recruit-philosophy__detail, .recruit-philosophy__desc {
    transform: translateY(30px);
    transition: all 0.5s ease 2.6s;
    opacity: 0;
  }
}