@charset "UTF-8";
:root {
  --inner-scale: 1;
  --vw-base: calc(520 / var(--inner-scale));
  --inner: 410;
  --inner-500: 500;
}
@media screen and (max-width: 999px) {
  :root {
    --inner-scale: calc(0.9 / (410 / 520));
  }
}
@media screen and (max-width: 767px) {
  :root {
    --vw-base: calc(520 * 0.3);
    --inner-scale: 1;
  }
}

/* ===============================
  採用情報
=============================== */
.recruit__hero {
  width: 100%;
  aspect-ratio: 520/280;
  padding-top: 42%;
  background: url(../img/recruit1.png) no-repeat center center/cover;
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .recruit__hero {
    aspect-ratio: 183/130;
    padding-top: 0;
    display: flex;
    align-items: flex-end;
    padding-bottom: 3%;
  }
}

@media (min-width: 768px) {
  .recruit__hero__inner {
    width: 92%;
  }
}
@media (max-width: 767px) {
  .recruit__hero__inner {
    width: 88%;
  }
}

.recruit__title-en {
  display: block;
  font-size: min( 25 * 100vw / var(--vw-base) , 25/var(--vw-base) * 1440px );
  font-weight: 500;
  color: #fff;
  font-family: "Noto Sans JP", serif;
}

.recruit__title-ja {
  display: block;
  font-size: min( 13 * 100vw / var(--vw-base) , 13/var(--vw-base) * 1440px );
  font-weight: 200;
  line-height: 1.4615384615;
  color: #fff;
}

/*------------------------------
message
------------------------------*/
.message {
  padding-top: min( 55 * 100vw / var(--vw-base) , 55/var(--vw-base) * 1440px );
  position: relative;
}
.message::before {
  content: "";
  position: absolute;
  background: url(../img/philosophy_dec.png) no-repeat center left/cover;
  aspect-ratio: 379/463;
  transform: translate(0%, -8%);
  width: 41%;
  right: 0;
  top: 0%;
}
.message > * {
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .message {
    padding-top: 10%;
  }
}

.message__heading {
  font-size: min( 12 * 100vw / var(--vw-base) , 12/var(--vw-base) * 1440px );
  font-weight: 600;
  line-height: 1.5833333333;
  text-align: center;
}
@media (max-width: 767px) {
  .message__heading {
    font-size: min( 8 * 100vw / var(--vw-base) , 8/var(--vw-base) * 1440px );
  }
}

.message__message {
  font-size: min( 5 * 100vw / var(--vw-base) , 5/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 2;
  margin-top: 2em;
  text-align: center;
}
@media (max-width: 767px) {
  .message__message {
    text-align: left;
  }
}

/*------------------------------
data
------------------------------*/
.data {
  padding-top: min( 57 * 100vw / var(--vw-base) , 57/var(--vw-base) * 1440px );
  position: relative;
}
@media (max-width: 767px) {
  .data {
    padding-top: 10%;
  }
}

.data__title-en {
  display: block;
  font-size: min( 33 * 100vw / var(--vw-base) , 33/var(--vw-base) * 1440px );
  font-weight: 400;
  line-height: 1.3939393939;
  font-family: "EB Garamond", serif;
  text-align: center;
}
@media (max-width: 767px) {
  .data__title-en {
    font-size: min( 13 * 100vw / var(--vw-base) , 13/var(--vw-base) * 1440px );
  }
}

.data__title-ja {
  display: block;
  font-size: min( 8 * 100vw / var(--vw-base) , 8/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}

.data__figure {
  margin-top: calc(15 / var(--inner) * 100%);
  width: 83%;
  margin: 2% auto 0;
}
@media (max-width: 767px) {
  .data__figure {
    width: 95%;
  }
}

.data-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 83%;
  margin: 0 auto;
  gap: min( 7 * 100vw / var(--vw-base) , 7/var(--vw-base) * 1440px );
  justify-content: space-between;
}

.data-item {
  border: min( 2.3 * 100vw / var(--vw-base) , 2.3/var(--vw-base) * 1440px ) solid #c9caca;
  font-weight: bold;
  font-size: min( 8 * 100vw / var(--vw-base) , 8/var(--vw-base) * 1440px );
  width: 20%;
}

.data-item-1 {
  width: calc((100% - min( 7 * 100vw / var(--vw-base) , 7/var(--vw-base) * 1440px )) * 0.66);
}

.data-item-2 {
  width: calc((100% - min( 7 * 100vw / var(--vw-base) , 7/var(--vw-base) * 1440px )) * 0.34);
}

/*------------------------------
voice
------------------------------*/
.voice {
  padding-top: min( 46 * 100vw / var(--vw-base) , 46/var(--vw-base) * 1440px );
  position: relative;
}
.voice::before {
  content: "";
  position: absolute;
  background: url(../img/philosophy_dec.png) no-repeat center center/100%;
  aspect-ratio: 449/463;
  transform: translate(-11%, -50%);
  width: 53%;
  left: 0;
  top: 66%;
}
.voice > * {
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .voice {
    padding-top: 10%;
  }
}

.voice__list {
  margin-top: calc(20 / var(--inner) * 100%);
  display: flex;
  flex-wrap: wrap;
  gap: min( 36 * 100vw / var(--vw-base) , 36/var(--vw-base) * 1440px ) calc(28 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .voice__list {
    display: block;
  }
}

.voice__item {
  width: calc(50% - (28 / var(--inner) * 100%) / 2);
}
@media (max-width: 767px) {
  .voice__item {
    width: 100%;
  }
  .voice__item:nth-child(n+2) {
    margin-top: calc(30 / var(--inner) * 100%);
  }
}

.voice__role {
  font-size: min( 7 * 100vw / var(--vw-base) , 7/var(--vw-base) * 1440px );
  font-weight: 500;
  text-align: center;
  margin-top: 1em;
}

.voice__join-year {
  font-size: min( 5 * 100vw / var(--vw-base) , 5/var(--vw-base) * 1440px );
  font-weight: 400;
  text-align: center;
  margin-top: 1em;
}

.voice__interview {
  font-size: min( 5 * 100vw / var(--vw-base) , 5/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 1.7;
  margin-top: 1.2em;
}

@media (min-width: 768px) {
  .voice__interview--1 {
    max-width: unset;
    width: 101%;
  }
}

@media (min-width: 768px) {
  .voice__interview--2 {
    max-width: unset;
    width: 99%;
  }
}

.voice__interview-q {
  color: #654d9d;
  display: block;
}

/*------------------------------
job
------------------------------*/
.job--recruit {
  padding-top: min( 82 * 100vw / var(--vw-base) , 82/var(--vw-base) * 1440px );
}
.job--recruit .job__list-wrap {
  overflow: unset;
}
.job--recruit .job__list-wrap--at {
  padding-bottom: 0;
}
.job--recruit .job__list-wrap--at::before {
  background-size: cover;
  background-position: center left;
  aspect-ratio: 379/463;
  left: unset;
  top: unset;
  transform: translate(0%, 57%);
  width: 41%;
  right: 0;
  bottom: 0%;
}
.job--recruit .job__list-wrap--cx {
  padding-bottom: 0;
}
.job--recruit .job__list-wrap--cx::after {
  display: none;
}
.job--recruit .job__list-wrap--cx::before {
  left: 0;
  top: unset;
  bottom: 0;
  transform: translate(-9%, 44%);
  width: 52%;
}
@media (max-width: 767px) {
  .job--recruit {
    padding-top: 10%;
  }
}

.features__image {
  width: calc(min(768 / 1440 * 100vw,768px) + max((100vw - 1440px) / 2, 0px));
}
@media (max-width: 767px) {
  .features__image {
    width: 100%;
  }
}

/*------------------------------
cta
------------------------------*/
.cta {
  padding: min( 100 * 100vw / var(--vw-base) , 100/var(--vw-base) * 1440px ) 0 min( 30 * 100vw / var(--vw-base) , 30/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .cta {
    padding: min( 50 * 100vw / var(--vw-base) , 50/var(--vw-base) * 1440px ) 0 min( 30 * 100vw / var(--vw-base) , 30/var(--vw-base) * 1440px );
  }
}

.cta__content {
  background: #4c3456;
  padding: 5% 8%;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.cta__content::before {
  content: "";
  position: absolute;
  background: url(../img/philosophy_dec2.png) no-repeat center center/100%;
  aspect-ratio: 301/310;
  transform: translate(5%, -17%);
  width: 36%;
  right: 0;
  top: 0%;
}
.cta__content::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7.7%;
  transform: translate(-50%, -50%);
  background: url(../img/icon_arrow.png) no-repeat center center/contain;
  width: 6%;
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .cta__content::after {
    right: calc(20 / var(--inner) * 100%);
    width: calc(30 / var(--inner) * 100%);
  }
}

.cta__title {
  font-size: min( 13 * 100vw / var(--vw-base) , 13/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 1.4615384615;
}
@media (max-width: 767px) {
  .cta__title {
    font-size: min( 10 * 100vw / var(--vw-base) , 10/var(--vw-base) * 1440px );
  }
}

.cta__message {
  font-size: min( 7 * 100vw / var(--vw-base) , 7/var(--vw-base) * 1440px );
  font-weight: 300;
  line-height: 1.4285714286;
  margin-top: 2em;
}
@media (max-width: 767px) {
  .cta__message {
    font-size: min( 6 * 100vw / var(--vw-base) , 6/var(--vw-base) * 1440px );
  }
}
/*# sourceMappingURL=recruit.css.map */