@charset "UTF-8";
/* line 19, ../../src/sass/cont-rec.scss */
body.recruit.blueBG #outer {
  background-color: var(--primary-base);
}
/* line 24, ../../src/sass/cont-rec.scss */
body.recruit.blueBG aside#sideMenu .frame .menues a.menu .text {
  color: var(--basic-white);
}
@media (hover: hover) {
  /* line 30, ../../src/sass/cont-rec.scss */
  body.recruit.blueBG aside#sideMenu .frame .menues a.menu:hover .text {
    color: var(--primary-light);
  }
}
/* line 37, ../../src/sass/cont-rec.scss */
body.recruit.blueBG main#mainCont.interview {
  margin-top: var(--spacing-l);
}
/* line 40, ../../src/sass/cont-rec.scss */
body.recruit.blueBG main#mainCont.interview h2 {
  color: var(--basic-white, #FFF);
  font-family: var(--title, "BIZ UDPGothic");
  font-size: var(--h3, 40px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  border-left: 10px solid var(--basic-white, #FFF);
  padding-left: calc(var(--vw) * 0.3125);
}
@media screen and (max-width: 820px) {
  /* line 40, ../../src/sass/cont-rec.scss */
  body.recruit.blueBG main#mainCont.interview h2 {
    padding-left: calc(var(--vw) * 0.78125);
  }
}
@media screen and (max-width: 500px) {
  /* line 40, ../../src/sass/cont-rec.scss */
  body.recruit.blueBG main#mainCont.interview h2 {
    padding-left: calc(var(--vw) * 1.6);
  }
}
/* line 56, ../../src/sass/cont-rec.scss */
body.recruit .interviewList {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  --gap: calc(var(--vw) * 0.41667);
  flex-wrap: wrap;
  gap: var(--gap);
  padding-bottom: var(--spacing-xl);
}
@media screen and (max-width: 820px) {
  /* line 56, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList {
    --gap: calc(var(--vw) * 1.30208);
  }
}
@media screen and (max-width: 500px) {
  /* line 56, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList {
    --gap: calc(var(--vw) * 2.13333);
  }
}
/* line 68, ../../src/sass/cont-rec.scss */
body.recruit .interviewList article {
  width: calc((99.99% - (var(--gap) * 3)) / 4);
}
@media screen and (max-width: 820px) {
  /* line 68, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article {
    width: calc((99.99% - (var(--gap) * 1)) / 2);
  }
}
@media screen and (max-width: 500px) {
  /* line 68, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article {
    width: 100%;
  }
}
/* line 79, ../../src/sass/cont-rec.scss */
body.recruit .interviewList article a {
  display: block;
  border-radius: calc(var(--vw) * 2.08333);
  overflow: hidden;
  position: relative;
}
/* line 85, ../../src/sass/cont-rec.scss */
body.recruit .interviewList article a * {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 89, ../../src/sass/cont-rec.scss */
body.recruit .interviewList article a img {
  aspect-ratio: 117 / 200;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (hover: hover) {
  /* line 98, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a:hover img {
    scale: 1.1;
  }
}
/* line 104, ../../src/sass/cont-rec.scss */
body.recruit .interviewList article a .text {
  display: flex;
  width: calc(var(--vw) * 14.0625);
  height: calc(var(--vw) * 11.45833);
  padding: var(--spacing-m, 24px);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: calc(var(--vw) * 1.04167);
  flex-shrink: 0;
  position: absolute !important;
  bottom: 0;
  left: 0;
  border-top-right-radius: calc(var(--vw) * 18.75);
  background: var(--primary-dark, #0051A2);
  color: var(--basic-white);
}
@media screen and (max-width: 820px) {
  /* line 104, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a .text {
    width: calc(var(--vw) * 27.08333);
  }
}
@media screen and (max-width: 500px) {
  /* line 104, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a .text {
    width: calc(var(--vw) * 55.46667);
  }
}
@media screen and (max-width: 820px) {
  /* line 104, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a .text {
    height: calc(var(--vw) * 22.13542);
  }
}
@media screen and (max-width: 500px) {
  /* line 104, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a .text {
    height: calc(var(--vw) * 45.33333);
  }
}
@media screen and (max-width: 820px) {
  /* line 104, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a .text {
    border-top-right-radius: calc(var(--vw) * 36.19792);
  }
}
@media screen and (max-width: 500px) {
  /* line 104, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a .text {
    border-top-right-radius: calc(var(--vw) * 74.13333);
  }
}
/* line 120, ../../src/sass/cont-rec.scss */
body.recruit .interviewList article a .text:before {
  content: "";
  width: calc(var(--vw) * 4.42708);
  height: calc(var(--vw) * 5.10417);
  background-image: url(../img/recruit/interviewIcon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: calc(var(--vw) * -1.5625);
  left: calc(var(--vw) * 1.25);
}
@media screen and (max-width: 820px) {
  /* line 120, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a .text:before {
    width: calc(var(--vw) * 8.46354);
  }
}
@media screen and (max-width: 500px) {
  /* line 120, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a .text:before {
    width: calc(var(--vw) * 17.33333);
  }
}
@media screen and (max-width: 820px) {
  /* line 120, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a .text:before {
    height: calc(var(--vw) * 9.76563);
  }
}
@media screen and (max-width: 500px) {
  /* line 120, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a .text:before {
    height: calc(var(--vw) * 20);
  }
}
@media screen and (max-width: 820px) {
  /* line 120, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a .text:before {
    top: calc(var(--vw) * -3.90625);
  }
}
@media screen and (max-width: 500px) {
  /* line 120, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a .text:before {
    top: calc(var(--vw) * -8);
  }
}
@media screen and (max-width: 820px) {
  /* line 120, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a .text:before {
    left: calc(var(--vw) * 3.125);
  }
}
@media screen and (max-width: 500px) {
  /* line 120, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article a .text:before {
    left: calc(var(--vw) * 6.4);
  }
}
/* line 134, ../../src/sass/cont-rec.scss */
body.recruit .interviewList article a .text .frame {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0;
  gap: calc(var(--vw) * 0.26042);
  color: var(--basic-white, #FFF);
  font-family: var(--title, "BIZ UDPGothic");
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
/* line 296, ../../src/sass/setting/_mixins.scss */
body.recruit .interviewList article a .text .frame > * {
  margin: 0;
}
/* line 146, ../../src/sass/cont-rec.scss */
body.recruit .interviewList article a .text .frame .sec {
  font-size: var(--h6, 20px);
  white-space: nowrap;
}
/* line 151, ../../src/sass/cont-rec.scss */
body.recruit .interviewList article a .text .frame .name {
  font-size: var(--h4, 32px);
  white-space: nowrap;
}
/* line 156, ../../src/sass/cont-rec.scss */
body.recruit .interviewList article a .text .frame .time {
  color: var(--primary-light, #BCDDFF);
  font-size: var(--txt, 20px);
  font-weight: 400;
  line-height: 160%;
}
@media screen and (min-width: 821px) {
  /* line 168, ../../src/sass/cont-rec.scss */
  body.recruit .interviewList article:nth-of-type(2n) {
    padding-top: var(--spacing-xl);
  }
}
/* line 176, ../../src/sass/cont-rec.scss */
body.recruit section#hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xl, 64px);
  align-self: stretch;
  margin-bottom: calc(var(--vw) * 8.33333);
}
/* line 187, ../../src/sass/cont-rec.scss */
body.recruit section#hero .mds {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  align-self: stretch;
  position: relative;
  z-index: 2;
}
/* line 196, ../../src/sass/cont-rec.scss */
body.recruit section#hero .mds img.icon {
  width: calc(var(--vw) * 4.47917);
  height: calc(var(--vw) * 5.10417);
}
@media screen and (max-width: 820px) {
  /* line 196, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds img.icon {
    width: calc(var(--vw) * 8.33333);
  }
}
@media screen and (max-width: 500px) {
  /* line 196, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds img.icon {
    width: calc(var(--vw) * 17.06667);
  }
}
@media screen and (max-width: 820px) {
  /* line 196, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds img.icon {
    height: calc(var(--vw) * 9.50521);
  }
}
@media screen and (max-width: 500px) {
  /* line 196, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds img.icon {
    height: calc(var(--vw) * 19.46667);
  }
}
/* line 201, ../../src/sass/cont-rec.scss */
body.recruit section#hero .mds .catch {
  color: var(--basic-white, #FFF);
  text-align: center;
  font-family: var(--title, "BIZ UDPGothic");
  font-size: calc(var(--vw) * 2.70833);
  padding: 0.7em;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: calc(var(--vw) * 0.52083);
  position: relative;
}
@media screen and (max-width: 820px) {
  /* line 201, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch {
    font-size: calc(var(--vw) * 6.25);
  }
}
@media screen and (max-width: 500px) {
  /* line 201, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch {
    font-size: calc(var(--vw) * 6.13333);
  }
}
@media screen and (max-width: 500px) {
  /* line 201, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch {
    padding: 0.7em 0.3em;
  }
}
@media screen and (max-width: 500px) {
  /* line 201, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch {
    letter-spacing: calc(var(--vw) * 1.33333);
  }
}
/* line 213, ../../src/sass/cont-rec.scss */
body.recruit section#hero .mds .catch:before {
  content: "";
  width: calc(var(--vw) * 3.22917);
  height: calc(var(--vw) * 8.22917);
  background-image: url(../img/recruit/kagikakko-L.svg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: calc(var(--vw) * 0);
  left: calc(var(--vw) * 0);
}
@media screen and (max-width: 820px) {
  /* line 213, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch:before {
    width: calc(var(--vw) * 8.07292);
  }
}
@media screen and (max-width: 500px) {
  /* line 213, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch:before {
    width: calc(var(--vw) * 16.53333);
  }
}
@media screen and (max-width: 820px) {
  /* line 213, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch:before {
    height: calc(var(--vw) * 20.57292);
  }
}
@media screen and (max-width: 500px) {
  /* line 213, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch:before {
    height: calc(var(--vw) * 42.13333);
  }
}
@media screen and (max-width: 500px) {
  /* line 213, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch:before {
    top: calc(var(--vw) * -8);
  }
}
@media screen and (max-width: 500px) {
  /* line 213, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch:before {
    left: calc(var(--vw) * -5.33333);
  }
}
/* line 227, ../../src/sass/cont-rec.scss */
body.recruit section#hero .mds .catch:after {
  content: "";
  width: calc(var(--vw) * 2.39583);
  height: calc(var(--vw) * 8.22917);
  background-image: url(../img/recruit/kagikakko-R.svg);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: calc(var(--vw) * 0);
  right: calc(var(--vw) * 0);
}
@media screen and (max-width: 820px) {
  /* line 227, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch:after {
    width: calc(var(--vw) * 5.98958);
  }
}
@media screen and (max-width: 500px) {
  /* line 227, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch:after {
    width: calc(var(--vw) * 12.26667);
  }
}
@media screen and (max-width: 820px) {
  /* line 227, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch:after {
    height: calc(var(--vw) * 20.57292);
  }
}
@media screen and (max-width: 500px) {
  /* line 227, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch:after {
    height: calc(var(--vw) * 42.13333);
  }
}
@media screen and (max-width: 500px) {
  /* line 227, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch:after {
    bottom: calc(var(--vw) * -5.33333);
  }
}
@media screen and (max-width: 500px) {
  /* line 227, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds .catch:after {
    right: calc(var(--vw) * -2.66667);
  }
}
/* line 243, ../../src/sass/cont-rec.scss */
body.recruit section#hero .mds h1 {
  display: flex;
  color: var(--basic-white, #FFF);
  font-family: var(--title, "BIZ UDPGothic");
  font-size: var(--h6, 20px);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  align-items: baseline;
  flex-direction: row;
  gap: 0;
}
@media screen and (max-width: 500px) {
  /* line 243, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds h1 {
    flex-direction: column;
  }
}
@media screen and (max-width: 500px) {
  /* line 243, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds h1 {
    gap: calc(var(--vw) * 2.13333);
  }
}
@media screen and (max-width: 500px) {
  /* line 243, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds h1 {
    margin-top: calc(var(--vw) * 10.66667);
  }
}
/* line 258, ../../src/sass/cont-rec.scss */
body.recruit section#hero .mds h1 .name {
  font-size: var(--h4, 32px);
}
/* line 261, ../../src/sass/cont-rec.scss */
body.recruit section#hero .mds h1 .name:before {
  content: "/";
}
@media screen and (max-width: 500px) {
  /* line 261, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds h1 .name:before {
    display: none;
  }
}
/* line 269, ../../src/sass/cont-rec.scss */
body.recruit section#hero .mds h1 .name:after {
  content: "/";
}
@media screen and (max-width: 500px) {
  /* line 269, ../../src/sass/cont-rec.scss */
  body.recruit section#hero .mds h1 .name:after {
    display: none;
  }
}
/* line 280, ../../src/sass/cont-rec.scss */
body.recruit section#hero .movie {
  width: 100%;
  position: relative;
  z-index: 2;
}
/* line 287, ../../src/sass/cont-rec.scss */
body.recruit section#hero:before {
  content: "";
  width: calc(var(--vw) * 62.5);
  height: calc(var(--vw) * 62.5);
  position: absolute !important;
  top: 0;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: radial-gradient(50% 50% at 50% 50%, #1dcfe3 0%, rgba(0, 114, 255, 0) 100%);
  z-index: 0;
}
/* line 297, ../../src/sass/cont-rec.scss */
body.recruit section#faq {
  padding-top: var(--spacing-xxl);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-l, 32px);
  align-self: stretch;
}
/* line 305, ../../src/sass/cont-rec.scss */
body.recruit section#faq .faqBox {
  display: flex;
  padding: var(--spacing-l, 32px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-l, 32px);
  align-self: stretch;
  border-radius: var(--rounded-m, 20px);
  background: var(--basic-white, #FFF);
  /* ブルーシャドウ */
  box-shadow: 10px 10px 0px 0px var(--primary-dark, #0051A2);
}
/* line 319, ../../src/sass/cont-rec.scss */
body.recruit section#faq .faqBox .q {
  display: flex;
  align-items: center;
  gap: calc(var(--vw) * 1.66667);
  align-self: stretch;
}
/* line 325, ../../src/sass/cont-rec.scss */
body.recruit section#faq .faqBox .q .icon {
  width: calc(var(--vw) * 4.58333);
  height: calc(var(--vw) * 4.0625);
  background-image: url(../img/recruit/interviewIconRight.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}
@media screen and (max-width: 820px) {
  /* line 325, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .faqBox .q .icon {
    width: calc(var(--vw) * 6.77083);
  }
}
@media screen and (max-width: 500px) {
  /* line 325, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .faqBox .q .icon {
    width: calc(var(--vw) * 13.86667);
  }
}
@media screen and (max-width: 820px) {
  /* line 325, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .faqBox .q .icon {
    height: calc(var(--vw) * 5.85938);
  }
}
@media screen and (max-width: 500px) {
  /* line 325, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .faqBox .q .icon {
    height: calc(var(--vw) * 12);
  }
}
/* line 335, ../../src/sass/cont-rec.scss */
body.recruit section#faq .faqBox .q .txt {
  color: #000;
  font-family: var(--title, "BIZ UDPGothic");
  font-size: var(--h4, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
/* line 345, ../../src/sass/cont-rec.scss */
body.recruit section#faq .faqBox .a {
  align-self: stretch;
  color: #000;
  font-family: var(--JP, "BIZ UDPGothic");
  font-size: var(--txt, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
/* line 356, ../../src/sass/cont-rec.scss */
body.recruit section#faq .entryBtn {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: var(--spacing-xxl) 0;
}
@media screen and (max-width: 500px) {
  /* line 356, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .entryBtn {
    flex-wrap: wrap;
  }
}
/* line 368, ../../src/sass/cont-rec.scss */
body.recruit section#faq .entryBtn a.btn {
  width: calc(var(--vw) * 36.14583);
  padding: var(--spacing-l);
  font-size: var(--h5);
  gap: calc(var(--vw) * 2.08333);
}
@media screen and (max-width: 500px) {
  /* line 368, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .entryBtn a.btn {
    padding: var(--spacing-m);
  }
}
/* line 374, ../../src/sass/cont-rec.scss */
body.recruit section#faq .entryBtn a.btn:after {
  mask-image: url(../img/recruit/asideEntry.svg);
}
@media screen and (max-width: 820px) {
  /* line 374, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .entryBtn a.btn:after {
    width: 1.2em;
  }
}
@media screen and (max-width: 820px) {
  /* line 374, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .entryBtn a.btn:after {
    height: 1.2em;
  }
}
@media screen and (max-width: 500px) {
  /* line 368, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .entryBtn a.btn {
    order: -1;
  }
}
/* line 386, ../../src/sass/cont-rec.scss */
body.recruit section#faq .entryBtn img.left {
  width: calc(var(--vw) * 6.82292);
  height: calc(var(--vw) * 13.59375);
}
@media screen and (max-width: 820px) {
  /* line 386, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .entryBtn img.left {
    width: calc(var(--vw) * 17.05729);
  }
}
@media screen and (max-width: 500px) {
  /* line 386, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .entryBtn img.left {
    width: calc(var(--vw) * 34.93333);
  }
}
@media screen and (max-width: 820px) {
  /* line 386, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .entryBtn img.left {
    height: calc(var(--vw) * 33.98438);
  }
}
@media screen and (max-width: 500px) {
  /* line 386, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .entryBtn img.left {
    height: calc(var(--vw) * 69.6);
  }
}
/* line 391, ../../src/sass/cont-rec.scss */
body.recruit section#faq .entryBtn img.right {
  width: calc(var(--vw) * 7.86458);
  height: calc(var(--vw) * 13.17708);
}
@media screen and (max-width: 820px) {
  /* line 391, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .entryBtn img.right {
    width: calc(var(--vw) * 19.66146);
  }
}
@media screen and (max-width: 500px) {
  /* line 391, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .entryBtn img.right {
    width: calc(var(--vw) * 40.26667);
  }
}
@media screen and (max-width: 820px) {
  /* line 391, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .entryBtn img.right {
    height: calc(var(--vw) * 32.94271);
  }
}
@media screen and (max-width: 500px) {
  /* line 391, ../../src/sass/cont-rec.scss */
  body.recruit section#faq .entryBtn img.right {
    height: calc(var(--vw) * 67.46667);
  }
}
/* line 399, ../../src/sass/cont-rec.scss */
body.recruit section#intArea {
  position: relative;
  width: 100%;
  padding-top: calc(var(--vw) * 8.33333);
  padding-bottom: calc(var(--vw) * 8.33333);
}
/* line 405, ../../src/sass/cont-rec.scss */
body.recruit section#intArea .in {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  gap: var(--spacing-l);
  width: 100%;
}
/* line 296, ../../src/sass/setting/_mixins.scss */
body.recruit section#intArea .in > * {
  margin: 0;
}
@media screen and (max-width: 820px) {
  /* line 405, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in {
    margin-left: calc(var(--vw) * -5.20833);
  }
}
@media screen and (max-width: 500px) {
  /* line 405, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in {
    margin-left: calc(var(--vw) * -5.33333);
  }
}
@media screen and (max-width: 820px) {
  /* line 405, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in {
    margin-right: calc(var(--vw) * -5.20833);
  }
}
@media screen and (max-width: 500px) {
  /* line 405, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in {
    margin-right: calc(var(--vw) * -5.33333);
  }
}
@media screen and (max-width: 820px) {
  /* line 405, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in {
    width: 100vw;
  }
}
@media screen and (max-width: 820px) {
  /* line 405, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in {
    overflow-x: auto;
  }
}
@media screen and (max-width: 500px) {
  /* line 405, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in {
    overflow-x: auto;
  }
}
@media screen and (max-width: 820px) {
  /* line 405, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in {
    margin-bottom: calc(var(--vw) * 2.60417);
  }
}
@media screen and (max-width: 500px) {
  /* line 405, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in {
    margin-bottom: calc(var(--vw) * 5.33333);
  }
}
@media screen and (max-width: 820px) {
  /* line 417, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in .interviewList.spYoko {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 820px) {
  /* line 417, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in .interviewList.spYoko {
    width: calc(var(--vw) * 247.91667);
  }
}
@media screen and (max-width: 500px) {
  /* line 417, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in .interviewList.spYoko {
    width: calc(var(--vw) * 507.73333);
  }
}
@media screen and (max-width: 820px) {
  /* line 417, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in .interviewList.spYoko {
    padding-right: calc(var(--vw) * 3.90625);
  }
}
@media screen and (max-width: 500px) {
  /* line 417, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in .interviewList.spYoko {
    padding-right: calc(var(--vw) * 5.33333);
  }
}
@media screen and (max-width: 820px) {
  /* line 417, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in .interviewList.spYoko {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 820px) {
  /* line 427, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in .interviewList.spYoko article {
    width: calc(var(--vw) * 40.36458);
  }
}
@media screen and (max-width: 500px) {
  /* line 427, ../../src/sass/cont-rec.scss */
  body.recruit section#intArea .in .interviewList.spYoko article {
    width: calc(var(--vw) * 72);
  }
}
/* line 434, ../../src/sass/cont-rec.scss */
body.recruit section#intArea .btnArea {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  position: relative;
  z-index: 1;
}
/* line 296, ../../src/sass/setting/_mixins.scss */
body.recruit section#intArea .btnArea > * {
  margin: 0;
}
/* line 440, ../../src/sass/cont-rec.scss */
body.recruit section#intArea:before {
  content: "";
  width: 80%;
  aspect-ratio: 1 / 1;
  position: absolute !important;
  top: 0;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: radial-gradient(50% 50% at 50% 50%, #1dcfe3 0%, rgba(0, 114, 255, 0) 100%);
  z-index: 0;
}
/* line 452, ../../src/sass/cont-rec.scss */
body.recruit:not(.recTop) main#mainCont {
  margin-top: 0;
}