@charset "utf-8";
.content {
  padding: 100px 0 0;
  color: #212121;
}
@media screen and (max-width: 736px) {
  .content {
    padding: 14.666666666666666vw 0 0;
  }
}
.content__block--1 {
  padding-top: 100px;
}
@media screen and (max-width: 736px) {
  .content__block--1 {
    padding-top: 24vw;
  }
}
.content__block--2 {
  padding-top: 100px;
}
@media screen and (max-width: 736px) {
  .content__block--2 {
    padding-top: 24vw;
  }
}
.content__block--3 {
  padding-top: 90px;
  position: relative;
  padding-bottom: 100px;
}
@media screen and (max-width: 736px) {
  .content__block--3 {
    padding-top: 24vw;
  }
}
.content__block--3:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0;
  padding-bottom: 196.40625%;
  background-color: #f5f5f5;
  z-index: -1;
  clip-path: polygon(0 80%, 100% 0, 100% 100%, 0% 100%);
}
@media screen and (max-width: 736px) {
  .content__block--3:before {
    padding-bottom: 937.6vw;
    clip-path: polygon(0 174.13333333333333vw, 100% 0, 100% 100%, 0% 100%);
  }
}
.content__block--4 {
  padding-top: 90px;
  padding-bottom: 90px;
  background: linear-gradient(#ce0011 0%, #670009 100%);
}
@media screen and (max-width: 736px) {
  .content__block--4 {
    padding-top: 26.666666666666668vw;
    padding-bottom: 26.666666666666668vw;
  }
}
.content__title {
  text-align: center;
  color: #ce0011;
  opacity: 0;
  transform: translate3d(0, 10%, 0);
}
@media screen and (max-width: 736px) {
  .content__title {
    width: 84vw;
    margin: 0 auto;
    text-align: left;
  }
}
.content__title.inview--enter {
  transition: opacity 640ms ease, transform 640ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__title--white {
  color: #fff;
}
.content__titleCont {
  font-size: 60px;
}
@media screen and (max-width: 736px) {
  .content__titleCont {
    font-size: 13.333333333333334vw;
  }
}
.content__titleJp {
  font-size: 14px;
  letter-spacing: 0.04em;
  margin-top: 10px;
}
@media screen and (max-width: 736px) {
  .content__titleJp {
    font-size: 3.733333333333333vw;
    margin-top: 1.333333333333333vw;
  }
}
.content__kicker {
  margin-top: 50px;
  font-size: 33px;
  letter-spacing: 0.04em;
  line-height: 1.575757575757576;
  text-align: center;
  color: #ce0011;
}
@media screen and (max-width: 736px) {
  .content__kicker {
    width: 92vw;
    margin: 6.666666666666667vw 0 0 auto;
    font-size: 5.866666666666666vw;
    line-height: 1.8;
    text-align: left;
  }
}
.content__kicker span {
  display: inline-block;
  opacity: 0;
  transform: translate3d(10px, 0, 0);
}
@media screen and (max-width: 736px) {
  .content__kicker span {
    transform: translate3d(2.666666666666667vw, 0, 0);
  }
}
.content__kicker.inview--enter span:nth-child(1) {
  transition: opacity 420ms 0ms ease, transform 420ms 0ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(2) {
  transition: opacity 420ms 40ms ease, transform 420ms 40ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(3) {
  transition: opacity 420ms 80ms ease, transform 420ms 80ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(4) {
  transition: opacity 420ms 120ms ease, transform 420ms 120ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(5) {
  transition: opacity 420ms 160ms ease, transform 420ms 160ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(6) {
  transition: opacity 420ms 200ms ease, transform 420ms 200ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(7) {
  transition: opacity 420ms 240ms ease, transform 420ms 240ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(8) {
  transition: opacity 420ms 280ms ease, transform 420ms 280ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(9) {
  transition: opacity 420ms 320ms ease, transform 420ms 320ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(10) {
  transition: opacity 420ms 360ms ease, transform 420ms 360ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(11) {
  transition: opacity 420ms 400ms ease, transform 420ms 400ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(12) {
  transition: opacity 420ms 440ms ease, transform 420ms 440ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(13) {
  transition: opacity 420ms 480ms ease, transform 420ms 480ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(14) {
  transition: opacity 420ms 520ms ease, transform 420ms 520ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(15) {
  transition: opacity 420ms 560ms ease, transform 420ms 560ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(16) {
  transition: opacity 420ms 600ms ease, transform 420ms 600ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(17) {
  transition: opacity 420ms 640ms ease, transform 420ms 640ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(18) {
  transition: opacity 420ms 680ms ease, transform 420ms 680ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(19) {
  transition: opacity 420ms 720ms ease, transform 420ms 720ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(20) {
  transition: opacity 420ms 760ms ease, transform 420ms 760ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(21) {
  transition: opacity 420ms 800ms ease, transform 420ms 800ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(22) {
  transition: opacity 420ms 840ms ease, transform 420ms 840ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(23) {
  transition: opacity 420ms 880ms ease, transform 420ms 880ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(24) {
  transition: opacity 420ms 920ms ease, transform 420ms 920ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(25) {
  transition: opacity 420ms 960ms ease, transform 420ms 960ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(26) {
  transition: opacity 420ms 1000ms ease, transform 420ms 1000ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(27) {
  transition: opacity 420ms 1040ms ease, transform 420ms 1040ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(28) {
  transition: opacity 420ms 1080ms ease, transform 420ms 1080ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(29) {
  transition: opacity 420ms 1120ms ease, transform 420ms 1120ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__kicker.inview--enter span:nth-child(30) {
  transition: opacity 420ms 1160ms ease, transform 420ms 1160ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__message {
  display: flex;
  justify-content: space-between;
  width: 78.125%;
  margin: 50px auto 0;
  opacity: 0;
  transform: translate3d(0, 5%, 0);
}
@media screen and (max-width: 736px) {
  .content__message {
    display: block;
    width: 84vw;
    margin: 9.333333333333334vw auto 0;
    transform: translate3d(0, 5.333333333333333vw, 0);
  }
}
.content__message.inview--enter {
  transition: opacity 640ms ease, transform 640ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__messageText {
  width: 55.00000000000001%;
}
@media screen and (max-width: 736px) {
  .content__messageText {
    width: 84vw;
    margin: 10.666666666666666vw auto 0;
  }
}
.content__messageTextCont {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.6875;
  font-weight: 500;
}
@media screen and (max-width: 736px) {
  .content__messageTextCont {
    font-size: 4.266666666666667vw;
    line-height: 1.8;
  }
}
.content__messageVisual {
  width: 40%;
}
@media screen and (max-width: 736px) {
  .content__messageVisual {
    width: 100%;
    margin-top: 10.666666666666666vw;
  }
}
.content__profile {
  margin-top: 25px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 736px) {
  .content__profile {
    margin-top: 4.266666666666667vw;
  }
}
.content__profileRole {
  font-size: 14px;
}
@media screen and (max-width: 736px) {
  .content__profileRole {
    font-size: 3.733333333333333vw;
  }
}
.content__profileName {
  font-size: 24px;
  margin-top: 10px;
}
@media screen and (max-width: 736px) {
  .content__profileName {
    font-size: 6.4vw;
    margin-top: 2.666666666666667vw;
  }
}
.content__profileNameEn {
  font-size: 11px;
  margin-top: 12px;
}
@media screen and (max-width: 736px) {
  .content__profileNameEn {
    font-size: 2.933333333333333vw;
    margin-top: 2.666666666666667vw;
  }
}
.content__show {
  position: relative;
  margin-top: 45px;
  font-size: 33px;
  line-height: 1.575757575757576;
  letter-spacing: 0.04em;
  color: #fff;
  text-align: center;
  z-index: 1;
  margin-top: 33px;
}
@media screen and (max-width: 736px) {
  .content__show {
    font-size: 5.866666666666666vw;
    line-height: 1.8;
    margin-top: 10.666666666666666vw;
  }
}
.content__show.inview--enter span:nth-child(1) {
  transition: transform 640ms 130ms ease;
  transform: scale(1);
}
.content__show.inview--enter span:nth-child(1):after {
  transition: opacity 460ms 870ms ease;
  opacity: 0;
}
.content__show.inview--enter span:nth-child(2) {
  transition: transform 640ms 260ms ease;
  transform: scale(1);
}
.content__show.inview--enter span:nth-child(2):after {
  transition: opacity 460ms 1000ms ease;
  opacity: 0;
}
.content__show.inview--enter span:nth-child(3) {
  transition: transform 640ms 390ms ease;
  transform: scale(1);
}
.content__show.inview--enter span:nth-child(3):after {
  transition: opacity 460ms 1130ms ease;
  opacity: 0;
}
.content__show.inview--enter span:nth-child(4) {
  transition: transform 640ms 520ms ease;
  transform: scale(1);
}
.content__show.inview--enter span:nth-child(4):after {
  transition: opacity 460ms 1260ms ease;
  opacity: 0;
}
.content__show.inview--enter span:nth-child(5) {
  transition: transform 640ms 650ms ease;
  transform: scale(1);
}
.content__show.inview--enter span:nth-child(5):after {
  transition: opacity 460ms 1390ms ease;
  opacity: 0;
}
.content__show.inview--enter span:nth-child(6) {
  transition: transform 640ms 780ms ease;
  transform: scale(1);
}
.content__show.inview--enter span:nth-child(6):after {
  transition: opacity 460ms 1520ms ease;
  opacity: 0;
}
.content__show.inview--enter span:nth-child(7) {
  transition: transform 640ms 910ms ease;
  transform: scale(1);
}
.content__show.inview--enter span:nth-child(7):after {
  transition: opacity 460ms 1650ms ease;
  opacity: 0;
}
.content__show.inview--enter span:nth-child(8) {
  transition: transform 640ms 1040ms ease;
  transform: scale(1);
}
.content__show.inview--enter span:nth-child(8):after {
  transition: opacity 460ms 1780ms ease;
  opacity: 0;
}
.content__show.inview--enter span:nth-child(9) {
  transition: transform 640ms 1170ms ease;
  transform: scale(1);
}
.content__show.inview--enter span:nth-child(9):after {
  transition: opacity 460ms 1910ms ease;
  opacity: 0;
}
.content__show.inview--enter span:nth-child(10) {
  transition: transform 640ms 1300ms ease;
  transform: scale(1);
}
.content__show.inview--enter span:nth-child(10):after {
  transition: opacity 460ms 2040ms ease;
  opacity: 0;
}
.content__show span {
  position: relative;
  display: inline-block;
  z-index: 1;
  margin-top: 12px;
  transform-origin: left;
  transform: scale(0, 1);
}
@media screen and (max-width: 736px) {
  .content__show span {
    margin-top: 3.733333333333333vw;
  }
}
.content__show span:before width calc(100% + (10 / 375 * 100vw)),
.content__show span +sp() width calc(100% + (10 / 375 * 100vw)) {
  left: -1.333333333333333vw;
}
.content__show span:after {
  position: absolute;
  content: '';
  display: block;
  width: calc(100% + 10px);
  height: 100%;
  top: 0;
  left: -6px;
  background-color: #ce0011;
  z-index: -1;
}
.content__show span:after {
  opacity: 1;
  z-index: 1;
}
.content__showText {
  margin-top: 40px;
  text-align: center;
  font-size: 14px;
  line-height: 1.714285714285714;
  opacity: 0;
}
@media screen and (max-width: 736px) {
  .content__showText {
    width: 84vw;
    margin: 10.666666666666666vw auto 0;
    font-size: 4.266666666666667vw;
    line-height: 1.8;
    text-align: left;
  }
}
.content__showText.inview--enter {
  transition: opacity 640ms ease, transform 640ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__data {
  width: 78.125%;
  margin: 46px auto 0;
  opacity: 0;
}
@media screen and (max-width: 736px) {
  .content__data {
    width: 84vw;
    margin: 3.466666666666667vw auto 0;
  }
}
.content__data.inview--enter {
  transition: opacity 640ms ease, transform 640ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__values {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
  width: 970px;
  margin: 30px auto 0;
}
@media screen and (max-width: 736px) {
  .content__values {
    width: 84vw;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4vw;
    margin: 6.133333333333333vw auto 0;
  }
}
.content__values.inview--enter .content__value:nth-child(1) {
  transition: opacity 460ms 220ms ease;
  opacity: 1;
}
.content__values.inview--enter .content__value:nth-child(1):after {
  transition: transform 840ms 450ms ease;
  transform: translate3d(100%, 0, 0);
}
.content__values.inview--enter .content__value:nth-child(2) {
  transition: opacity 460ms 440ms ease;
  opacity: 1;
}
.content__values.inview--enter .content__value:nth-child(2):after {
  transition: transform 840ms 670ms ease;
  transform: translate3d(100%, 0, 0);
}
.content__values.inview--enter .content__value:nth-child(3) {
  transition: opacity 460ms 660ms ease;
  opacity: 1;
}
.content__values.inview--enter .content__value:nth-child(3):after {
  transition: transform 840ms 890ms ease;
  transform: translate3d(100%, 0, 0);
}
.content__values.inview--enter .content__value:nth-child(4) {
  transition: opacity 460ms 880ms ease;
  opacity: 1;
}
.content__values.inview--enter .content__value:nth-child(4):after {
  transition: transform 840ms 1110ms ease;
  transform: translate3d(100%, 0, 0);
}
.content__values.inview--enter .content__value:nth-child(5) {
  transition: opacity 460ms 1100ms ease;
  opacity: 1;
}
.content__values.inview--enter .content__value:nth-child(5):after {
  transition: transform 840ms 1330ms ease;
  transform: translate3d(100%, 0, 0);
}
.content__values.inview--enter .content__value:nth-child(6) {
  transition: opacity 460ms 1320ms ease;
  opacity: 1;
}
.content__values.inview--enter .content__value:nth-child(6):after {
  transition: transform 840ms 1550ms ease;
  transform: translate3d(100%, 0, 0);
}
.content__values.inview--enter .content__value:nth-child(7) {
  transition: opacity 460ms 1540ms ease;
  opacity: 1;
}
.content__values.inview--enter .content__value:nth-child(7):after {
  transition: transform 840ms 1770ms ease;
  transform: translate3d(100%, 0, 0);
}
.content__values.inview--enter .content__value:nth-child(8) {
  transition: opacity 460ms 1760ms ease;
  opacity: 1;
}
.content__values.inview--enter .content__value:nth-child(8):after {
  transition: transform 840ms 1990ms ease;
  transform: translate3d(100%, 0, 0);
}
.content__values.inview--enter .content__value:nth-child(9) {
  transition: opacity 460ms 1980ms ease;
  opacity: 1;
}
.content__values.inview--enter .content__value:nth-child(9):after {
  transition: transform 840ms 2210ms ease;
  transform: translate3d(100%, 0, 0);
}
.content__value {
  position: relative;
  width: 220px;
  height: 150px;
  text-align: center;
  overflow: hidden;
  border: 1px solid #ce0011;
  box-sizing: border-box;
  opacity: 0;
}
@media screen and (max-width: 736px) {
  .content__value {
    width: 40vw;
    height: 27.2vw;
  }
}
.content__value:after {
  position: absolute;
  content: '';
  display: block;
  width: 170%;
  height: 100%;
  top: 0;
  left: -70%;
  background-color: #fff;
  clip-path: polygon(100% 100%, 100% 0, 40% 0, 0 100%);
}
.content__valueTextCont {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  background-color: #fff;
  color: #ce0011;
  font-size: 21px;
  line-height: 1.485714285714286;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 736px) {
  .content__valueTextCont {
    font-size: 4.8vw;
    line-height: 1.733333333333333;
  }
}
.content__clients {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-row-gap: 15px;
  grid-column-gap: 1.394422310756972%;
  width: 78.4375%;
  margin: 39px auto 0;
  opacity: 0;
  transform: translate3d(0, 10%, 0);
}
@media screen and (max-width: 736px) {
  .content__clients {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 4vw;
    width: 84vw;
    margin: 6.666666666666667vw auto 0;
  }
}
.content__clients.inview--enter {
  transition: opacity 640ms ease, transform 640ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__recruitMessage {
  display: flex;
  justify-content: space-between;
  width: 78.125%;
  margin: 60px auto 0;
  padding: 58px 3.125% 63px;
  box-sizing: border-box;
  background-color: #fff;
}
@media screen and (max-width: 736px) {
  .content__recruitMessage {
    display: flex;
    flex-direction: column-reverse;
    width: 84vw;
    margin: 9.066666666666666vw auto 0;
    padding: 5.333333333333333vw;
  }
}
.content__recruitMessageVisual {
  width: 38.04347826086957%;
}
@media screen and (max-width: 736px) {
  .content__recruitMessageVisual {
    width: 100%;
    margin-top: 9.333333333333334vw;
  }
}
.content__recruitMessageText {
  width: 56.52173913043478%;
}
@media screen and (max-width: 736px) {
  .content__recruitMessageText {
    width: 100%;
  }
}
.content__recruitMessageTitle {
  font-size: 22px;
  letter-spacing: 0.04em;
  line-height: 1.3;
  color: #ce0011;
}
@media screen and (max-width: 736px) {
  .content__recruitMessageTitle {
    font-size: 4.8vw;
    line-height: 1.4;
  }
}
.content__recruitMessageDescription {
  font-size: 14px;
  line-height: 1.714285714285714;
  margin-top: 25px;
}
@media screen and (max-width: 736px) {
  .content__recruitMessageDescription {
    font-size: 3.733333333333333vw;
    line-height: 1.8;
    margin-top: 5.333333333333333vw;
  }
}
.content__recruitMessageProfile {
  margin-top: 30px;
}
@media screen and (max-width: 736px) {
  .content__recruitMessageProfile {
    margin-top: 5.333333333333333vw;
  }
}
.content__recruitMessageProfileRole {
  font-size: 14px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 736px) {
  .content__recruitMessageProfileRole {
    font-size: 3.733333333333333vw;
  }
}
.content__recruitMessageProfileName {
  font-size: 24px;
  letter-spacing: 0.04em;
  margin-top: 8px;
}
@media screen and (max-width: 736px) {
  .content__recruitMessageProfileName {
    font-size: 6.4vw;
    margin-top: 2.666666666666667vw;
  }
}
.content__recruitSliderWrap {
  position: relative;
}
.content__recruitSlider {
  position: relative;
  width: 78.125%;
  height: 0;
  padding-bottom: 43.90625%;
  margin: 77px auto 0;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .content__recruitSlider {
    width: 84vw;
    padding-bottom: 47.2vw;
    margin: 13.333333333333334vw auto 0;
    overflow: hidden;
  }
}
.content__recruitSlides {
  white-space: nowrap;
  font-size: 0;
}
@media screen and (max-width: 736px) {
  .content__recruitSlides {
    white-space: nowrap;
  }
}
.content__recruitSlide {
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 736px) {
  .content__recruitSlide {
    display: inline-block;
    width: 84vw;
  }
}
.content__recruitSliderArrow {
  position: absolute;
  width: 53px;
  height: 53px;
  top: calc(50% - 15px);
  right: calc((500 / 1280 * 100%) + 50% - 53px);
  transform: translate3d(-50%, -50%, 0);
}
@media screen and (max-width: 736px) {
  .content__recruitSliderArrow {
    position: absolute;
    width: 8vw;
    height: 8vw;
    top: 18.666666666666668vw;
    right: auto;
    left: 2.666666666666667vw;
    transform: translate3d(0, 0, 0);
  }
}
.content__recruitSliderArrow--next {
  right: auto;
  left: calc((500 / 1280 * 100%) + 50% - 53px);
  transform: translate3d(50%, -50%, 0);
}
@media screen and (max-width: 736px) {
  .content__recruitSliderArrow--next {
    right: 2.666666666666667vw;
    left: auto;
    transform: translate3d(0, 0, 0);
  }
}
.content__recruitSliderArrowLink {
  display: block;
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.content__recruitSliderArrowLink:hover {
  transform: scale(1.07);
}
.content__recruitSliderMeters {
  display: none;
  justify-content: center;
  margin-top: 18px;
}
@media screen and (max-width: 736px) {
  .content__recruitSliderMeters {
    flex-wrap: wrap;
    width: 80vw;
    margin: 2.666666666666667vw auto 0;
  }
}
.content__recruitSliderMeter {
  position: relative;
  width: 13px;
  height: 13px;
  cursor: pointer;
}
@media screen and (max-width: 736px) {
  .content__recruitSliderMeter {
    width: 4vw;
    height: 4vw;
  }
}
.content__recruitSliderMeter:before {
  position: absolute;
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translate3d(0, -50%, 0);
  background-color: #dedede;
  border-radius: 50%;
}
@media screen and (max-width: 736px) {
  .content__recruitSliderMeter:before {
    width: 1.866666666666667vw;
    height: 1.866666666666667vw;
  }
}
.content__recruitSliderMeter.meterCurrent:before {
  background-color: #ce0011;
}
.content__recruitBanners {
  display: flex;
  justify-content: center;
  margin-top: 92px;
}
@media screen and (max-width: 736px) {
  .content__recruitBanners {
    display: block;
    width: 84vw;
    margin: 20vw auto 0;
  }
}
.content__recruitBanners .content__recruitBanner {
  margin-top: 0;
  margin-left: 3.046875%;
}
@media screen and (max-width: 736px) {
  .content__recruitBanners .content__recruitBanner {
    margin-top: 14.666666666666666vw;
    margin-left: 0;
  }
}
.content__recruitBanners .content__recruitBanner:first-child {
  margin-left: 0;
}
@media screen and (max-width: 736px) {
  .content__recruitBanners .content__recruitBanner:first-child {
    margin-left: 0;
  }
}
.content__recruitBanner {
  width: 37.5%;
  margin-top: 87px;
}
@media screen and (max-width: 736px) {
  .content__recruitBanner {
    width: 84vw;
    margin: 14.666666666666666vw auto 0;
  }
}
.content__recruitBanner--center {
  margin: 87px auto 0;
}
@media screen and (max-width: 736px) {
  .content__recruitBanner--center {
    margin: 14.666666666666666vw auto 0;
  }
}
.content__recruitBannerLink {
  display: block;
}
@media screen and (max-width: 736px) {
  .content__recruitBannerLink {
    display: block;
  }
}
.content__recruitBannerLink:hover img {
  transform: scale(1.03);
}
@media screen and (max-width: 736px) {
  .content__recruitBannerLink:hover img {
    transform: scale(1);
  }
}
.content__recruitBannerTitle {
  font-size: 24px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 736px) {
  .content__recruitBannerTitle {
    font-size: 4.8vw;
  }
}
.content__recruitBannerCont {
  margin-top: 18px;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .content__recruitBannerCont {
    margin-top: 3.2vw;
  }
}
.content__recruitBannerCont img {
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.content__speakerdeck {
  width: 78.125%;
  height: 0;
  padding-bottom: 43.90625%;
  margin: 77px auto 0;
}
@media screen and (max-width: 736px) {
  .content__speakerdeck {
    padding-bottom: 47.2vw;
    margin: 13.333333333333334vw auto 0;
  }
}
.content__youtube {
  width: 78.125%;
  margin: 0 auto;
  aspect-ratio: 16/9;
}
.content__youtube iframe {
  width: 100%;
  height: 100%;
}
.content__sns {
  display: flex;
  justify-content: center;
  width: 15.625%;
  margin: 50px auto 0;
  justify-content: space-between;
}
@media screen and (max-width: 736px) {
  .content__sns {
    width: 32vw;
    margin: 13.333333333333334vw auto 0;
  }
}
.content__snsIcon {
  color: #fff;
  font-size: 60px;
}
@media screen and (max-width: 736px) {
  .content__snsIcon {
    font-size: 13.333333333333334vw;
  }
}
.content__snsIcon a {
  text-decoration: underline;
  transition: opacity 240ms ease;
}
.content__snsIcon:hover {
  opacity: 0.7;
  transition: opacity 240ms ease;
}
.content__member {
  position: relative;
  width: 79.6875%;
  margin: 34px auto 0;
}
@media screen and (max-width: 736px) {
  .content__member {
    width: auto;
    margin: 3.2vw 0 0;
  }
}
.content__memberMv {
  width: 98.0392156862745%;
  margin: 0 auto;
  opacity: 0;
}
@media screen and (max-width: 736px) {
  .content__memberMv {
    width: auto;
    margin: 0 auto;
  }
}
.content__memberMv.inview--enter {
  transition: opacity 640ms ease, transform 640ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__memberList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .content__memberList {
    width: 90.4vw;
  }
}
.content__memberList.inview--enter .content__memberItem {
  transition: opacity 640ms ease, transform 640ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__memberList.inview--enter .content__memberItem:nth-child(1) {
  transition-delay: 50ms;
  opacity: 1;
}
.content__memberList.inview--enter .content__memberItem:nth-child(2) {
  transition-delay: 100ms;
  opacity: 1;
}
.content__memberList.inview--enter .content__memberItem:nth-child(3) {
  transition-delay: 150ms;
  opacity: 1;
}
.content__memberList.inview--enter .content__memberItem:nth-child(4) {
  transition-delay: 200ms;
  opacity: 1;
}
.content__memberList.inview--enter .content__memberItem:nth-child(5) {
  transition-delay: 250ms;
  opacity: 1;
}
.content__memberList.inview--enter .content__memberItem:nth-child(6) {
  transition-delay: 300ms;
  opacity: 1;
}
.content__memberList.inview--enter .content__memberItem:nth-child(7) {
  transition-delay: 350ms;
  opacity: 1;
}
.content__memberList.inview--enter .content__memberItem:nth-child(8) {
  transition-delay: 400ms;
  opacity: 1;
}
.content__memberList.inview--enter .content__memberItem:nth-child(9) {
  transition-delay: 450ms;
  opacity: 1;
}
.content__memberList.inview--enter .content__memberItem:nth-child(10) {
  transition-delay: 500ms;
  opacity: 1;
}
@media screen and (max-width: 736px) {
  .content__memberList.inview--enter:nth-child(1) {
    transition-delay: 0ms;
  }
  .content__memberList.inview--enter:nth-child(2) {
    transition-delay: 0ms;
  }
  .content__memberList.inview--enter:nth-child(3) {
    transition-delay: 0ms;
  }
  .content__memberList.inview--enter:nth-child(4) {
    transition-delay: 0ms;
  }
  .content__memberList.inview--enter:nth-child(5) {
    transition-delay: 0ms;
  }
  .content__memberList.inview--enter:nth-child(6) {
    transition-delay: 0ms;
  }
  .content__memberList.inview--enter:nth-child(7) {
    transition-delay: 0ms;
  }
  .content__memberList.inview--enter:nth-child(8) {
    transition-delay: 0ms;
  }
  .content__memberList.inview--enter:nth-child(9) {
    transition-delay: 0ms;
  }
  .content__memberList.inview--enter:nth-child(10) {
    transition-delay: 0ms;
  }
}
.content__memberItem {
  width: 18.03921568627451%;
  margin: 30px 1% 0;
  flex-shrink: 0;
  text-align: center;
  opacity: 0;
  transform: translate3d(8%, 0, 0);
}
@media screen and (max-width: 736px) {
  .content__memberItem {
    width: 38.666666666666664vw;
    margin: 8vw 3.2vw 0;
    transform: translate3d(0, 5%, 0);
  }
}
.content__memberA {
  transition: opacity 300ms ease;
}
.content__memberA:hover {
  opacity: 0.8;
}
@media screen and (max-width: 736px) {
  .content__memberA:hover {
    opacity: 1;
  }
}
.content__memberA:hover .content__memberPhImg {
  transform: scale(1);
}
@media screen and (max-width: 736px) {
  .content__memberA:hover .content__memberPhImg {
    transform: scale(1);
  }
}
.content__memberPh {
  overflow: hidden;
}
.content__memberPhImg {
  transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 50%;
}
.content__memberPost {
  margin: 11px auto 0;
  font-size: 14px;
  line-height: 1.714285714285714;
}
@media screen and (max-width: 736px) {
  .content__memberPost {
    margin: 3.733333333333333vw auto 0;
    font-size: 3.733333333333333vw;
  }
}
.content__memberName {
  font-size: 16px;
  line-height: 1.6875;
}
@media screen and (max-width: 736px) {
  .content__memberName {
    font-size: 4.266666666666667vw;
  }
}
.content__benefits {
  position: relative;
  width: 79.6875%;
  margin: 34px auto 0;
}
@media screen and (max-width: 736px) {
  .content__benefits {
    width: auto;
    margin: 3.2vw 0 0;
  }
}
.content__benefits.inview--enter {
  transition: opacity 640ms ease, transform 640ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__benefitsList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .content__benefitsList {
    width: 90.4vw;
  }
}
.content__benefitsList.inview--enter .content__benefitsItem {
  transition: opacity 640ms ease, transform 640ms ease;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.content__benefitsList.inview--enter .content__benefitsItem:nth-child(1) {
  transition-delay: 50ms;
  opacity: 1;
}
.content__benefitsList.inview--enter .content__benefitsItem:nth-child(2) {
  transition-delay: 100ms;
  opacity: 1;
}
.content__benefitsList.inview--enter .content__benefitsItem:nth-child(3) {
  transition-delay: 150ms;
  opacity: 1;
}
.content__benefitsList.inview--enter .content__benefitsItem:nth-child(4) {
  transition-delay: 200ms;
  opacity: 1;
}
.content__benefitsList.inview--enter .content__benefitsItem:nth-child(5) {
  transition-delay: 250ms;
  opacity: 1;
}
.content__benefitsList.inview--enter .content__benefitsItem:nth-child(6) {
  transition-delay: 300ms;
  opacity: 1;
}
.content__benefitsList.inview--enter .content__benefitsItem:nth-child(7) {
  transition-delay: 350ms;
  opacity: 1;
}
.content__benefitsList.inview--enter .content__benefitsItem:nth-child(8) {
  transition-delay: 400ms;
  opacity: 1;
}
.content__benefitsList.inview--enter .content__benefitsItem:nth-child(9) {
  transition-delay: 450ms;
  opacity: 1;
}
.content__benefitsList.inview--enter .content__benefitsItem:nth-child(10) {
  transition-delay: 500ms;
  opacity: 1;
}
@media screen and (max-width: 736px) {
  .content__benefitsList.inview--enter:nth-child(1) {
    transition-delay: 0ms;
  }
  .content__benefitsList.inview--enter:nth-child(2) {
    transition-delay: 0ms;
  }
  .content__benefitsList.inview--enter:nth-child(3) {
    transition-delay: 0ms;
  }
  .content__benefitsList.inview--enter:nth-child(4) {
    transition-delay: 0ms;
  }
  .content__benefitsList.inview--enter:nth-child(5) {
    transition-delay: 0ms;
  }
  .content__benefitsList.inview--enter:nth-child(6) {
    transition-delay: 0ms;
  }
  .content__benefitsList.inview--enter:nth-child(7) {
    transition-delay: 0ms;
  }
  .content__benefitsList.inview--enter:nth-child(8) {
    transition-delay: 0ms;
  }
  .content__benefitsList.inview--enter:nth-child(9) {
    transition-delay: 0ms;
  }
  .content__benefitsList.inview--enter:nth-child(10) {
    transition-delay: 0ms;
  }
}
.content__benefitsItem {
  width: 8.333333333333332%;
  margin: 30px 1% 0;
  flex-shrink: 0;
  text-align: center;
  opacity: 0;
  transform: translate3d(8%, 0, 0);
}
@media screen and (max-width: 736px) {
  .content__benefitsItem {
    width: 21.333333333333332vw;
    margin: 8vw 3.2vw 0;
    transform: translate3d(0, 5%, 0);
  }
}
.content__benefitsA {
  transition: opacity 300ms ease;
}
.content__benefitsA:hover {
  opacity: 0.8;
}
@media screen and (max-width: 736px) {
  .content__benefitsA:hover {
    opacity: 1;
  }
}
.content__benefitsA:hover .content__benefitsPhImg {
  transform: scale(1);
}
@media screen and (max-width: 736px) {
  .content__benefitsA:hover .content__benefitsPhImg {
    transform: scale(1);
  }
}
.content__benefitsPh {
  overflow: hidden;
}
.content__benefitsPhImg {
  transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.content__benefitsPost {
  margin: 11px auto 0;
  font-size: 14px;
  line-height: 1.714285714285714;
}
@media screen and (max-width: 736px) {
  .content__benefitsPost {
    margin: 3.733333333333333vw auto 0;
    font-size: 3.733333333333333vw;
  }
}
.content__benefitsName {
  font-size: 11px;
  line-height: 1.6875;
}
@media screen and (max-width: 736px) {
  .content__benefitsName {
    font-size: 2.933333333333333vw;
  }
}
.modal {
  z-index: 9000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backface-visibility: hidden;
  background-color: rgba(153,18,24,0.9);
  display: none;
  opacity: 0;
  transition: opacity 200ms ease;
}
.modal.is-opened {
  opacity: 1;
}
.modal__wrap {
  display: flex;
  align-items: top;
  width: 100%;
  height: 100%;
  padding: 30px;
  box-sizing: border-box;
  overflow: auto;
}
@media screen and (max-width: 736px) {
  .modal__wrap {
    display: block;
    padding: 10.666666666666666vw 8vw;
  }
}
.modal__cont {
  position: relative;
  padding: 41px 43px;
  background-color: #fff;
  box-sizing: border-box;
  width: 950px;
  min-width: 950px;
  margin: 0 auto;
  display: table;
}
@media screen and (max-width: 736px) {
  .modal__cont {
    display: block;
    width: 84vw;
    min-width: 0;
    padding: 6.133333333333333vw 5.333333333333333vw;
  }
}
.modal__close {
  position: absolute;
  z-index: 10;
  top: -18px;
  right: -18px;
  width: 53px;
}
.modal__close2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #ce0011;
}
@media screen and (max-width: 736px) {
  .modal__close2 {
    font-size: 4.266666666666667vw;
  }
}
.modal__closeA {
  display: inline-block;
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.modal__closeA:hover {
  transform: scale(1.05);
}
@media screen and (max-width: 736px) {
  .modal__closeA:hover {
    transform: scale(1);
  }
}
.modal__phBox {
  width: 350px;
  flex-shrink: 0;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .modal__phBox {
    width: auto;
  }
}
.modal__txtBox {
  width: 600px;
  flex-shrink: 0;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .modal__txtBox {
    width: 100%;
  }
}
.modal__ph {
  margin: 0 auto 2em;
  width: 300px;
}
.modal__ph img {
  border-radius: 50%;
}
@media screen and (max-width: 736px) {
  .modal__ph {
    width: 66.66666666666667vw;
  }
}
.modal__post {
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .modal__post {
    margin: 6.133333333333333vw 0 0;
    font-size: 3.733333333333333vw;
  }
}
.modal__name {
  margin: 11px 0 0;
  font-size: 24px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .modal__name {
    margin: 2.933333333333333vw 0 0;
    font-size: 6.4vw;
  }
}
.modal__nameEn {
  margin: 10px 0 0;
  font-size: 11px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .modal__nameEn {
    margin: 2.666666666666667vw 0 0;
    font-size: 2.933333333333333vw;
  }
}
.modal__desc {
  margin: 40px 0 0;
  font-size: 14px;
  line-height: 1.785714285714286;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 736px) {
  .modal__desc {
    margin: 8.266666666666666vw 0 0;
    font-size: 3.733333333333333vw;
  }
}
.modal__descInr {
  margin-bottom: 60px;
}
.modal__descTtl {
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 16px;
  color: #ce0011;
}
@media screen and (max-width: 736px) {
  .modal__descTtl {
    font-size: 4.266666666666667vw;
  }
}
.modal2 {
  z-index: 9000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backface-visibility: hidden;
  background-color: rgba(153,18,24,0.9);
  display: none;
  opacity: 0;
  transition: opacity 200ms ease;
}
.modal2__wrap {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  box-sizing: border-box;
  overflow: auto;
}
@media screen and (max-width: 736px) {
  .modal2__wrap {
    display: block;
    padding: 10.666666666666666vw 8vw;
  }
}
.modal2__cont {
  position: relative;
  padding: 41px 43px;
  background-color: #fff;
  box-sizing: border-box;
  width: 950px;
  min-width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .modal2__cont {
    display: block;
    width: 84vw;
    min-width: 0;
    padding: 6.133333333333333vw 5.333333333333333vw;
  }
}
.modal2__close {
  position: absolute;
  z-index: 10;
  top: -18px;
  right: -18px;
  width: 53px;
}
.modal2__close2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #ce0011;
}
@media screen and (max-width: 736px) {
  .modal2__close2 {
    font-size: 4.266666666666667vw;
  }
}
.modal2__closeA {
  display: inline-block;
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.modal2__closeA:hover {
  transform: scale(1.05);
}
@media screen and (max-width: 736px) {
  .modal2__closeA:hover {
    transform: scale(1);
  }
}
.modal2__phBox {
  width: 350px;
  flex-shrink: 0;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .modal2__phBox {
    width: auto;
  }
}
.modal2__txtBox {
  width: 600px;
  flex-shrink: 0;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .modal2__txtBox {
    width: 100%;
  }
}
.modal2__ph {
  margin: 0 auto 2em;
  width: 150px;
}
@media screen and (max-width: 736px) {
  .modal2__ph {
    width: 48vw;
  }
}
.modal2__post {
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .modal2__post {
    margin: 6.133333333333333vw 0 0;
    font-size: 3.733333333333333vw;
  }
}
.modal2__name {
  margin: 11px 0 0;
  font-size: 24px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .modal2__name {
    margin: 2.933333333333333vw 0 0;
    font-size: 6.4vw;
  }
}
.modal2__nameEn {
  margin: 10px 0 0;
  font-size: 11px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .modal2__nameEn {
    margin: 2.666666666666667vw 0 0;
    font-size: 2.933333333333333vw;
  }
}
.modal2__desc {
  margin: 40px 0 0;
  font-size: 14px;
  line-height: 1.785714285714286;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 736px) {
  .modal2__desc {
    margin: 8.266666666666666vw 0 0;
    font-size: 3.733333333333333vw;
  }
}
.modal2__descInr {
  margin-bottom: 60px;
  text-align: center;
}
.modal2__descTtl {
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 16px;
  color: #ce0011;
}
@media screen and (max-width: 736px) {
  .modal2__descTtl {
    font-size: 4.266666666666667vw;
  }
}
/*# sourceMappingURL=recruit.css.map */