/* line 9, ../../src/sass/top-rec.scss */
body.recruit.recTop .blueBg {
  background-color: var(--primary-base);
  color: var(--basic-white);
}
/* line 14, ../../src/sass/top-rec.scss */
body.recruit.recTop section#recTopHero {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  position: relative;
}
/* line 284, ../../src/sass/setting/_mixins.scss */
body.recruit.recTop section#recTopHero > * {
  margin: 0;
}
@media screen and (max-width: 500px) {
  /* line 14, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero {
    height: calc(var(--vw) * 125.33333);
  }
}
@media screen and (max-width: 500px) {
  /* line 14, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero {
    justify-content: flex-end;
  }
}
/* line 21, ../../src/sass/top-rec.scss */
body.recruit.recTop section#recTopHero h1 {
  width: calc(var(--vw) * 25.36458);
  height: calc(var(--vw) * 12.70833);
  position: absolute;
  top: calc(var(--vw) * 2.08333);
  left: calc(var(--vw) * 2.70833);
  z-index: 1;
}
@media screen and (max-width: 500px) {
  /* line 21, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero h1 {
    width: calc(var(--vw) * 86.66667);
  }
}
@media screen and (max-width: 500px) {
  /* line 21, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero h1 {
    height: calc(var(--vw) * 43.2);
  }
}
@media screen and (max-width: 500px) {
  /* line 21, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero h1 {
    top: calc(var(--vw) * 5.33333);
  }
}
@media screen and (max-width: 500px) {
  /* line 21, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero h1 {
    left: calc(var(--vw) * 7.46667);
  }
}
/* line 30, ../../src/sass/top-rec.scss */
body.recruit.recTop section#recTopHero .check {
  width: calc(var(--vw) * 12.96875);
  height: calc(var(--vw) * 6.45833);
  position: absolute;
  top: calc(var(--vw) * 23.4375);
  left: calc(var(--vw) * 3.33333);
  z-index: 1;
}
@media screen and (max-width: 820px) {
  /* line 30, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .check {
    width: calc(var(--vw) * 23.4375);
  }
}
@media screen and (max-width: 500px) {
  /* line 30, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .check {
    width: calc(var(--vw) * 40);
  }
}
@media screen and (max-width: 820px) {
  /* line 30, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .check {
    height: calc(var(--vw) * 11.71875);
  }
}
@media screen and (max-width: 500px) {
  /* line 30, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .check {
    height: unset;
  }
}
@media screen and (max-width: 820px) {
  /* line 30, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .check {
    top: calc(var(--vw) * 1.30208);
  }
}
@media screen and (max-width: 500px) {
  /* line 30, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .check {
    top: calc(var(--vw) * 42.66667);
  }
}
@media screen and (max-width: 820px) {
  /* line 30, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .check {
    left: unset;
  }
}
@media screen and (max-width: 820px) {
  /* line 30, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .check {
    right: calc(var(--vw) * 1.30208);
  }
}
/* line 40, ../../src/sass/top-rec.scss */
body.recruit.recTop section#recTopHero .isom {
  aspect-ratio: 1438 / 987;
  width: calc(var(--vw) * 74.89583);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 820px) {
  /* line 40, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom {
    width: calc(var(--vw) * 105.46875);
  }
}
@media screen and (max-width: 500px) {
  /* line 40, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom {
    width: calc(var(--vw) * 100);
  }
}
/* line 55, ../../src/sass/top-rec.scss */
body.recruit.recTop section#recTopHero .isom img.anim {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 500px) {
  /* line 55, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom img.anim {
    object-fit: cover;
  }
}
@media screen and (max-width: 500px) {
  /* line 55, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom img.anim {
    width: 120%;
  }
}
@media screen and (max-width: 500px) {
  /* line 55, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom img.anim {
    height: 110%;
  }
}
/* line 62, ../../src/sass/top-rec.scss */
body.recruit.recTop section#recTopHero .isom .heroPin {
  display: flex;
  width: calc(var(--vw) * 2.55208);
  height: calc(var(--vw) * 7.5);
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  gap: calc(var(--vw) * 2.08333);
  cursor: pointer;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  -moz-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
@media screen and (max-width: 820px) {
  /* line 62, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin {
    width: calc(var(--vw) * 6.38021);
  }
}
@media screen and (max-width: 500px) {
  /* line 62, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin {
    width: calc(var(--vw) * 8);
  }
}
@media screen and (max-width: 820px) {
  /* line 62, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin {
    height: calc(var(--vw) * 18.75);
  }
}
@media screen and (max-width: 500px) {
  /* line 62, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin {
    height: calc(var(--vw) * 26.66667);
  }
}
@media screen and (max-width: 820px) {
  /* line 62, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin {
    gap: calc(var(--vw) * 2.60417);
  }
}
/* line 77, ../../src/sass/top-rec.scss */
body.recruit.recTop section#recTopHero .isom .heroPin img.pin {
  width: calc(var(--vw) * 2.55208);
  height: calc(var(--vw) * 3.69792);
}
@media screen and (max-width: 820px) {
  /* line 77, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin img.pin {
    width: calc(var(--vw) * 5.07813);
  }
}
@media screen and (max-width: 500px) {
  /* line 77, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin img.pin {
    width: calc(var(--vw) * 8);
  }
}
@media screen and (max-width: 820px) {
  /* line 77, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin img.pin {
    height: calc(var(--vw) * 7.8125);
  }
}
@media screen and (max-width: 500px) {
  /* line 77, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin img.pin {
    height: calc(var(--vw) * 11.2);
  }
}
/* line 82, ../../src/sass/top-rec.scss */
body.recruit.recTop section#recTopHero .isom .heroPin img.sdw {
  width: calc(var(--vw) * 0.9375);
  height: calc(var(--vw) * 0.52083);
}
@media screen and (max-width: 820px) {
  /* line 82, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin img.sdw {
    width: calc(var(--vw) * 1.30208);
  }
}
@media screen and (max-width: 500px) {
  /* line 82, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin img.sdw {
    width: calc(var(--vw) * 0);
  }
}
@media screen and (max-width: 820px) {
  /* line 82, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin img.sdw {
    height: calc(var(--vw) * 0.78125);
  }
}
@media screen and (max-width: 500px) {
  /* line 82, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin img.sdw {
    height: calc(var(--vw) * 0);
  }
}
@media (hover: hover) {
  /* line 87, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin:hover {
    gap: calc(var(--vw) * 0.20833);
  }
}
/* line 93, ../../src/sass/top-rec.scss */
body.recruit.recTop section#recTopHero .isom .heroPin#hPin01 {
  top: calc(var(--vw) * 13.4375);
  left: calc(var(--vw) * 37.60417);
}
@media screen and (max-width: 820px) {
  /* line 93, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin01 {
    top: calc(var(--vw) * 19.14063);
  }
}
@media screen and (max-width: 500px) {
  /* line 93, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin01 {
    top: calc(var(--vw) * 21.86667);
  }
}
@media screen and (max-width: 820px) {
  /* line 93, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin01 {
    left: calc(var(--vw) * 52.99479);
  }
}
@media screen and (max-width: 500px) {
  /* line 93, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin01 {
    left: calc(var(--vw) * 50.13333);
  }
}
/* line 98, ../../src/sass/top-rec.scss */
body.recruit.recTop section#recTopHero .isom .heroPin#hPin02 {
  top: calc(var(--vw) * 23.22917);
  left: calc(var(--vw) * 41.14583);
}
@media screen and (max-width: 820px) {
  /* line 98, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin02 {
    top: calc(var(--vw) * 31.77083);
  }
}
@media screen and (max-width: 500px) {
  /* line 98, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin02 {
    top: calc(var(--vw) * 34.66667);
  }
}
@media screen and (max-width: 820px) {
  /* line 98, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin02 {
    left: calc(var(--vw) * 60.67708);
  }
}
@media screen and (max-width: 500px) {
  /* line 98, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin02 {
    left: calc(var(--vw) * 59.46667);
  }
}
/* line 103, ../../src/sass/top-rec.scss */
body.recruit.recTop section#recTopHero .isom .heroPin#hPin03 {
  top: calc(var(--vw) * 23.4375);
  left: calc(var(--vw) * 55.46875);
}
@media screen and (max-width: 820px) {
  /* line 103, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin03 {
    top: calc(var(--vw) * 33.46354);
  }
}
@media screen and (max-width: 500px) {
  /* line 103, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin03 {
    top: calc(var(--vw) * 34.66667);
  }
}
@media screen and (max-width: 820px) {
  /* line 103, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin03 {
    left: calc(var(--vw) * 78.125);
  }
}
@media screen and (max-width: 500px) {
  /* line 103, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin03 {
    left: calc(var(--vw) * 77.33333);
  }
}
/* line 108, ../../src/sass/top-rec.scss */
body.recruit.recTop section#recTopHero .isom .heroPin#hPin04 {
  top: calc(var(--vw) * 29.94792);
  left: calc(var(--vw) * 17.70833);
}
@media screen and (max-width: 820px) {
  /* line 108, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin04 {
    top: calc(var(--vw) * 42.70833);
  }
}
@media screen and (max-width: 500px) {
  /* line 108, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin04 {
    top: calc(var(--vw) * 48.8);
  }
}
@media screen and (max-width: 820px) {
  /* line 108, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin04 {
    left: calc(var(--vw) * 25);
  }
}
@media screen and (max-width: 500px) {
  /* line 108, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin04 {
    left: calc(var(--vw) * 19.2);
  }
}
/* line 113, ../../src/sass/top-rec.scss */
body.recruit.recTop section#recTopHero .isom .heroPin#hPin05 {
  top: calc(var(--vw) * 42.1875);
  left: calc(var(--vw) * 38.02083);
}
@media screen and (max-width: 820px) {
  /* line 113, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin05 {
    top: calc(var(--vw) * 59.63542);
  }
}
@media screen and (max-width: 500px) {
  /* line 113, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin05 {
    top: calc(var(--vw) * 66.66667);
  }
}
@media screen and (max-width: 820px) {
  /* line 113, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin05 {
    left: calc(var(--vw) * 53.38542);
  }
}
@media screen and (max-width: 500px) {
  /* line 113, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero .isom .heroPin#hPin05 {
    left: calc(var(--vw) * 50.66667);
  }
}
/* line 130, ../../src/sass/top-rec.scss */
body.recruit.recTop section#recTopHero:before {
  content: "";
  position: absolute;
  width: 65%;
  aspect-ratio: 1 / 1;
  top: -15%;
  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;
}
@media screen and (max-width: 500px) {
  /* line 130, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero:before {
    aspect-ratio: 1 / 2;
  }
}
@media screen and (max-width: 500px) {
  /* line 130, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#recTopHero:before {
    top: 10%;
  }
}
/* line 148, ../../src/sass/top-rec.scss */
body.recruit.recTop section#oshirase {
  display: flex;
  width: var(--display, 1920px);
  padding: var(--tb-margin, 160px) var(--main-margin, 260px);
  gap: calc(var(--vw) * 2.08333);
  flex-direction: row;
  align-items: flex-start;
}
@media screen and (max-width: 820px) {
  /* line 148, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase {
    gap: calc(var(--vw) * 3.90625);
  }
}
@media screen and (max-width: 500px) {
  /* line 148, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase {
    gap: calc(var(--vw) * 8);
  }
}
@media screen and (max-width: 820px) {
  /* line 148, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase {
    flex-direction: column;
  }
}
@media screen and (max-width: 820px) {
  /* line 148, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase {
    align-items: center;
  }
}
/* line 157, ../../src/sass/top-rec.scss */
body.recruit.recTop section#oshirase .mds {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 0.52083);
}
@media screen and (max-width: 820px) {
  /* line 157, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase .mds {
    gap: calc(var(--vw) * 1.30208);
  }
}
@media screen and (max-width: 500px) {
  /* line 157, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase .mds {
    gap: calc(var(--vw) * 2.66667);
  }
}
/* line 163, ../../src/sass/top-rec.scss */
body.recruit.recTop section#oshirase .mds a.btn {
  margin: 0;
}
/* line 167, ../../src/sass/top-rec.scss */
body.recruit.recTop section#oshirase .mds h3 {
  color: #fff;
  font-family: var(--title, "BIZ UDPGothic");
  font-size: var(--h2, 46px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
/* line 177, ../../src/sass/top-rec.scss */
body.recruit.recTop section#oshirase .newses {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  width: 100%;
  border-radius: 20px;
  background: var(--primary-light, #bcddff);
  overflow: hidden;
}
/* line 191, ../../src/sass/top-rec.scss */
body.recruit.recTop section#oshirase .newses a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: calc(var(--vw) * 1.04167);
  align-self: stretch;
  border-bottom: 1px solid var(--primary-base, #0072ff);
  text-decoration: none;
  margin: 0;
}
@media screen and (max-width: 820px) {
  /* line 191, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase .newses a {
    gap: calc(var(--vw) * 2.60417);
  }
}
@media screen and (max-width: 500px) {
  /* line 191, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase .newses a {
    gap: calc(var(--vw) * 5.33333);
  }
}
/* line 205, ../../src/sass/top-rec.scss */
body.recruit.recTop section#oshirase .newses a .news {
  display: flex;
  padding: calc(var(--vw) * 1.04167);
  align-items: center;
  gap: calc(var(--vw) * 1.04167);
  align-self: stretch;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 820px) {
  /* line 205, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase .newses a .news {
    padding: calc(var(--vw) * 2.08333);
  }
}
@media screen and (max-width: 500px) {
  /* line 205, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase .newses a .news {
    padding: calc(var(--vw) * 4.26667);
  }
}
@media screen and (max-width: 820px) {
  /* line 205, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase .newses a .news {
    gap: calc(var(--vw) * 0.52083);
  }
}
@media screen and (max-width: 500px) {
  /* line 205, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase .newses a .news {
    gap: calc(var(--vw) * 1.06667);
  }
}
@media screen and (max-width: 820px) {
  /* line 205, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase .newses a .news {
    flex-direction: column;
  }
}
@media screen and (max-width: 820px) {
  /* line 205, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase .newses a .news {
    align-items: flex-start;
  }
}
/* line 214, ../../src/sass/top-rec.scss */
body.recruit.recTop section#oshirase .newses a .news .date {
  color: var(--grey-dark, #8e8f95);
  font-family: var(--JP, "BIZ UDPGothic");
  font-size: var(--txt, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
/* line 223, ../../src/sass/top-rec.scss */
body.recruit.recTop section#oshirase .newses a .news .text {
  color: var(--basic-black, #121b3c);
  font-family: var(--JP, "BIZ UDPGothic");
  font-size: var(--txt, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  text-decoration: underline;
  -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;
}
@media (hover: hover) {
  /* line 235, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase .newses a:hover {
    background-color: var(--basic-white);
  }
  /* line 240, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#oshirase .newses a:hover .news .text {
    color: var(--secondary-base, #ee3e41);
    text-decoration: none;
  }
}
/* line 248, ../../src/sass/top-rec.scss */
body.recruit.recTop section#oshirase .newses a::after {
  display: none;
}
/* line 767, ../../src/sass/setting/_mixins.scss */
body.recruit.recTop section#oshirase .newses a[target="_blank"] .news .text:after {
  content: "" !important;
  display: inline-block;
  width: 1em;
  height: 1em;
  mask-image: url("../img/icon/icon_outer_link.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  background-color: var(--black);
  flex-shrink: 0;
  -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;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}
@media (hover: hover) {
  /* line 802, ../../src/sass/setting/_mixins.scss */
  body.recruit.recTop section#oshirase .newses a[target="_blank"] .news .text:hover:after {
    background-color: var(--black);
  }
}
/* line 263, ../../src/sass/top-rec.scss */
body.recruit.recTop section#oshirase .newses a[target="_blank"] .news .text:after {
  vertical-align: middle;
  margin-left: 0.5em;
}
/* line 767, ../../src/sass/setting/_mixins.scss */
body.recruit.recTop section#oshirase .newses a[href$=".pdf"] .news .text:after {
  content: "" !important;
  display: inline-block;
  width: 1em;
  height: 1em;
  mask-image: url("../img/icon/icon_pdf_link.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  background-color: #f60013;
  flex-shrink: 0;
  -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;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}
@media (hover: hover) {
  /* line 802, ../../src/sass/setting/_mixins.scss */
  body.recruit.recTop section#oshirase .newses a[href$=".pdf"] .news .text:hover:after {
    background-color: #f60013;
  }
}
/* line 281, ../../src/sass/top-rec.scss */
body.recruit.recTop section#oshirase .newses a[href$=".pdf"] .news .text:after {
  vertical-align: middle;
  margin-left: 0.5em;
}
/* line 290, ../../src/sass/top-rec.scss */
body.recruit.recTop section#oshirase .newses a[href$=".doc"] .news .text, body.recruit.recTop section#oshirase .newses a[href$=".docx"] .news .text {
  vertical-align: middle;
  margin-left: 0.5em;
}
/* line 767, ../../src/sass/setting/_mixins.scss */
body.recruit.recTop section#oshirase .newses a[href$=".doc"] .news .text:after, body.recruit.recTop section#oshirase .newses a[href$=".docx"] .news .text:after {
  content: "" !important;
  display: inline-block;
  width: 1em;
  height: 1em;
  mask-image: url("../img/icon/icon_word_link.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  background-color: #007bd9;
  flex-shrink: 0;
  -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;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}
@media (hover: hover) {
  /* line 802, ../../src/sass/setting/_mixins.scss */
  body.recruit.recTop section#oshirase .newses a[href$=".doc"] .news .text:hover:after, body.recruit.recTop section#oshirase .newses a[href$=".docx"] .news .text:hover:after {
    background-color: #007bd9;
  }
}
/* line 307, ../../src/sass/top-rec.scss */
body.recruit.recTop section#oshirase .newses a[href$=".xlsm"] .news .text, body.recruit.recTop section#oshirase .newses a[href$=".xls"] .news .text, body.recruit.recTop section#oshirase .newses a[href$=".xlsx"] .news .text {
  vertical-align: middle;
  margin-left: 0.5em;
}
/* line 767, ../../src/sass/setting/_mixins.scss */
body.recruit.recTop section#oshirase .newses a[href$=".xlsm"] .news .text:after, body.recruit.recTop section#oshirase .newses a[href$=".xls"] .news .text:after, body.recruit.recTop section#oshirase .newses a[href$=".xlsx"] .news .text:after {
  content: "" !important;
  display: inline-block;
  width: 1em;
  height: 1em;
  mask-image: url("../img/icon/icon_excel_link.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  background-color: #1b9425;
  flex-shrink: 0;
  -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;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}
@media (hover: hover) {
  /* line 802, ../../src/sass/setting/_mixins.scss */
  body.recruit.recTop section#oshirase .newses a[href$=".xlsm"] .news .text:hover:after, body.recruit.recTop section#oshirase .newses a[href$=".xls"] .news .text:hover:after, body.recruit.recTop section#oshirase .newses a[href$=".xlsx"] .news .text:hover:after {
    background-color: #1b9425;
  }
}
/* line 324, ../../src/sass/top-rec.scss */
body.recruit.recTop section#border01 {
  background-color: var(--basic-white);
}
/* line 327, ../../src/sass/top-rec.scss */
body.recruit.recTop section#border01 img {
  width: 100%;
  height: auto;
}
/* line 333, ../../src/sass/top-rec.scss */
body.recruit.recTop section#border02 {
  margin-top: calc(var(--vw) * -28.64583);
  position: relative;
  z-index: 0;
}
/* line 338, ../../src/sass/top-rec.scss */
body.recruit.recTop section#border02 img {
  width: 100%;
  height: auto;
}
/* line 344, ../../src/sass/top-rec.scss */
body.recruit.recTop main#mainCont {
  margin-top: calc(var(--vw) * -17.1875);
}
/* line 347, ../../src/sass/top-rec.scss */
body.recruit.recTop main#mainCont .inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: calc(var(--vw) * 8.33333);
}
@media screen and (max-width: 500px) {
  /* line 347, ../../src/sass/top-rec.scss */
  body.recruit.recTop main#mainCont .inner {
    gap: calc(var(--vw) * 21.33333);
  }
}
/* line 355, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sec01 {
  display: flex;
  gap: calc(var(--vw) * 0);
  align-self: stretch;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
}
@media screen and (max-width: 820px) {
  /* line 355, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sec01 {
    gap: calc(var(--vw) * 1.95313);
  }
}
@media screen and (max-width: 500px) {
  /* line 355, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sec01 {
    gap: calc(var(--vw) * 4);
  }
}
@media screen and (max-width: 820px) {
  /* line 355, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sec01 {
    flex-direction: column;
  }
}
@media screen and (max-width: 820px) {
  /* line 355, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sec01 {
    align-items: center;
  }
}
/* line 365, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sec01 .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--vw) * 2.08333);
}
/* line 371, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sec01 .text h2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-s, 16px);
}
/* line 377, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sec01 .text h2 .en {
  color: var(--secondary-base, #ee3e41);
  text-align: center;
  font-family: Caveat;
  font-size: var(--h4, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
/* line 387, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sec01 .text h2 .ja {
  color: var(--basic-black, #121b3c);
  font-family: var(--title, "BIZ UDPGothic");
  font-size: var(--h1, 58px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
/* line 397, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sec01 .text p {
  color: var(--black, #121b3c);
  font-family: var(--title, "BIZ UDPGothic");
  font-size: var(--h5, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: 230%;
}
/* line 407, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sec01 img.s01 {
  width: calc(var(--vw) * 34.11458);
  flex-shrink: 0;
}
@media screen and (max-width: 500px) {
  /* line 407, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sec01 img.s01 {
    width: calc(var(--vw) * 87.46667);
  }
}
@media screen and (max-width: 820px) {
  /* line 407, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sec01 img.s01 {
    order: -1;
  }
}
/* line 418, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap, 40px);
  flex-direction: row;
}
@media screen and (max-width: 820px) {
  /* line 418, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows {
    flex-direction: row;
  }
}
@media screen and (max-width: 500px) {
  /* line 418, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows {
    flex-direction: column;
  }
}
/* line 426, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows .image {
  width: calc(var(--vw) * 35.41667);
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 500px) {
  /* line 426, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows .image {
    width: 100%;
  }
}
/* line 435, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows .image .photo {
  width: calc(var(--vw) * 23.33333);
  height: calc(var(--vw) * 23.33333);
  border-radius: var(--rounded-full);
  overflow: hidden;
}
@media screen and (max-width: 500px) {
  /* line 435, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows .image .photo {
    width: calc(var(--vw) * 58.66667);
  }
}
@media screen and (max-width: 500px) {
  /* line 435, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows .image .photo {
    height: calc(var(--vw) * 58.66667);
  }
}
/* line 441, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows .image .photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
/* line 449, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows .text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: calc(var(--vw) * 2.08333);
}
@media screen and (max-width: 820px) {
  /* line 449, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows .text {
    gap: calc(var(--vw) * 5.20833);
  }
}
@media screen and (max-width: 500px) {
  /* line 449, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows .text {
    gap: calc(var(--vw) * 10.66667);
  }
}
/* line 458, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows .text p {
  word-break: auto-phrase;
}
/* line 463, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows .links {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--gap, 40px);
}
@media screen and (max-width: 820px) {
  /* line 463, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows .links {
    flex-wrap: wrap;
    width: 100%;
  }
  /* line 473, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows .links a.arrow {
    width: calc((99.99% - (var(--gap) * 1)) / 2);
  }
}
@media screen and (max-width: 820px) and (max-width: 820px) {
  /* line 473, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows .links a.arrow {
    width: 100%;
  }
}

/* line 482, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows .links a.arrow {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  text-decoration: none;
}
/* line 489, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows .links a.arrow .icon {
  width: calc(var(--vw) * 1.66667);
  height: calc(var(--vw) * 1.66667);
}
@media screen and (max-width: 820px) {
  /* line 489, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows .links a.arrow .icon {
    width: calc(var(--vw) * 4.16667);
  }
}
@media screen and (max-width: 500px) {
  /* line 489, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows .links a.arrow .icon {
    width: calc(var(--vw) * 8.53333);
  }
}
@media screen and (max-width: 820px) {
  /* line 489, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows .links a.arrow .icon {
    height: calc(var(--vw) * 4.16667);
  }
}
@media screen and (max-width: 500px) {
  /* line 489, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows .links a.arrow .icon {
    height: calc(var(--vw) * 8.53333);
  }
}
/* line 493, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows .links a.arrow .icon img {
  border-radius: var(--rounded-full);
  box-shadow: 0 0.25em 0px 0px var(--primary-dark, #0051a2);
  -moz-transform: translate(0, -0.25em);
  -ms-transform: translate(0, -0.25em);
  -webkit-transform: translate(0, -0.25em);
  transform: translate(0, -0.25em);
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 501, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows .links a.arrow .text {
  color: var(--basic-black, #121b3c);
  font-family: var(--title, "BIZ UDPGothic");
  font-size: var(--h6, 20px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media (hover: hover) {
  /* line 513, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows .links a.arrow:hover .icon img {
    box-shadow: 0 0 0px 0px var(--primary-dark, #0051a2);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
/* line 525, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows#sec02 .image img.svg {
  width: calc(var(--vw) * 15.78125);
  height: calc(var(--vw) * 12.1875);
  position: absolute;
  right: calc(var(--vw) * 1.04167);
  bottom: calc(var(--vw) * 0);
}
@media screen and (max-width: 500px) {
  /* line 525, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows#sec02 .image img.svg {
    width: calc(var(--vw) * 41.06667);
  }
}
@media screen and (max-width: 500px) {
  /* line 525, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows#sec02 .image img.svg {
    height: calc(var(--vw) * 31.73333);
  }
}
/* line 536, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows#sec03 .image {
  flex-direction: row-reverse;
}
/* line 539, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows#sec03 .image img.svg {
  width: calc(var(--vw) * 12.5);
  height: calc(var(--vw) * 17.91667);
  position: absolute;
  left: calc(var(--vw) * 1.5625);
  bottom: calc(var(--vw) * 0);
}
@media screen and (max-width: 500px) {
  /* line 539, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows#sec03 .image img.svg {
    width: calc(var(--vw) * 33.06667);
  }
}
@media screen and (max-width: 500px) {
  /* line 539, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows#sec03 .image img.svg {
    height: calc(var(--vw) * 47.2);
  }
}
/* line 548, ../../src/sass/top-rec.scss */
body.recruit.recTop section.knows#sec03 .text {
  order: -1;
  order: -1;
}
@media screen and (max-width: 820px) {
  /* line 548, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows#sec03 .text {
    order: -1;
  }
}
@media screen and (max-width: 500px) {
  /* line 548, ../../src/sass/top-rec.scss */
  body.recruit.recTop section.knows#sec03 .text {
    order: 0;
  }
}
/* line 555, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sec04 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-l, 32px);
  position: relative;
  z-index: 1;
}
/* line 565, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sec04 h2 {
  display: flex;
  align-items: center;
  gap: calc(var(--vw) * 1.66667);
  color: var(--basic-black, #121b3c);
  font-family: var(--title, "BIZ UDPGothic");
  font-size: var(--h2, 46px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 500px) {
  /* line 565, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sec04 h2 {
    gap: calc(var(--vw) * 4.26667);
  }
}
@media screen and (max-width: 820px) {
  /* line 565, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sec04 h2 {
    text-align: center;
  }
}
/* line 582, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sec04 h2::after, body.recruit.recTop section#sec04 h2:before {
  content: "";
  width: calc(var(--vw) * 0.57292);
  height: calc(var(--vw) * 0.57292);
  background-image: url(../img/recruit/dotsMds.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 820px) {
  /* line 582, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sec04 h2::after, body.recruit.recTop section#sec04 h2:before {
    width: calc(var(--vw) * 1.43229);
  }
}
@media screen and (max-width: 500px) {
  /* line 582, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sec04 h2::after, body.recruit.recTop section#sec04 h2:before {
    width: calc(var(--vw) * 2.93333);
  }
}
@media screen and (max-width: 820px) {
  /* line 582, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sec04 h2::after, body.recruit.recTop section#sec04 h2:before {
    height: calc(var(--vw) * 1.43229);
  }
}
@media screen and (max-width: 500px) {
  /* line 582, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sec04 h2::after, body.recruit.recTop section#sec04 h2:before {
    height: calc(var(--vw) * 2.93333);
  }
}
/* line 595, ../../src/sass/top-rec.scss */
body.recruit.recTop h2.nonStyle.kagikakko {
  color: var(--black, #121b3c);
  font-family: var(--title, "BIZ UDPGothic");
  font-size: var(--h2, 46px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  display: flex;
  align-items: center;
  margin-left: calc(var(--vw) * 0);
  margin-right: calc(var(--vw) * 0);
}
@media screen and (max-width: 500px) {
  /* line 595, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko {
    margin-left: calc(var(--vw) * -5.33333);
  }
}
@media screen and (max-width: 500px) {
  /* line 595, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko {
    margin-right: calc(var(--vw) * -5.33333);
  }
}
/* line 610, ../../src/sass/top-rec.scss */
body.recruit.recTop h2.nonStyle.kagikakko:after {
  content: "";
  background-image: url(../img/recruit/tlineIcon.svg);
  width: calc(var(--vw) * 1.82292);
  height: calc(var(--vw) * 3.85417);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 820px) {
  /* line 610, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko:after {
    width: calc(var(--vw) * 3.64583);
  }
}
@media screen and (max-width: 500px) {
  /* line 610, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko:after {
    width: calc(var(--vw) * 7.46667);
  }
}
@media screen and (max-width: 820px) {
  /* line 610, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko:after {
    height: calc(var(--vw) * 5.46875);
  }
}
@media screen and (max-width: 500px) {
  /* line 610, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko:after {
    height: calc(var(--vw) * 11.2);
  }
}
/* line 620, ../../src/sass/top-rec.scss */
body.recruit.recTop h2.nonStyle.kagikakko .sub {
  font-size: var(--h6, 20px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
/* line 627, ../../src/sass/top-rec.scss */
body.recruit.recTop h2.nonStyle.kagikakko .kakko {
  display: inline-flex;
  position: relative;
  align-items: center;
  gap: calc(var(--vw) * 0);
}
/* line 633, ../../src/sass/top-rec.scss */
body.recruit.recTop h2.nonStyle.kagikakko .kakko .jp {
  color: var(--primary-base, #0072ff);
  font-family: var(--title, "BIZ UDPGothic");
  font-size: calc(var(--vw) * 5.72917);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 500px) {
  /* line 633, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko .kakko .jp {
    font-size: calc(var(--vw) * 13.33333);
  }
}
/* line 642, ../../src/sass/top-rec.scss */
body.recruit.recTop h2.nonStyle.kagikakko .kakko .en {
  color: var(--secondary-base, #ee3e41);
  text-align: right;
  font-family: Caveat;
  font-size: var(--h4, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  position: absolute;
  bottom: calc(var(--vw) * 0.3125);
  right: calc(var(--vw) * 1.35417);
}
@media screen and (max-width: 500px) {
  /* line 642, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko .kakko .en {
    bottom: calc(var(--vw) * 1.6);
  }
}
@media screen and (max-width: 500px) {
  /* line 642, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko .kakko .en {
    right: calc(var(--vw) * 6.93333);
  }
}
/* line 655, ../../src/sass/top-rec.scss */
body.recruit.recTop h2.nonStyle.kagikakko .kakko img.l {
  width: calc(var(--vw) * 3.22917);
  height: calc(var(--vw) * 9.375);
  margin-right: calc(var(--vw) * -1.04167);
}
@media screen and (max-width: 500px) {
  /* line 655, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko .kakko img.l {
    width: calc(var(--vw) * 11.2);
  }
}
@media screen and (max-width: 500px) {
  /* line 655, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko .kakko img.l {
    height: calc(var(--vw) * 20);
  }
}
@media screen and (max-width: 500px) {
  /* line 655, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko .kakko img.l {
    margin-right: calc(var(--vw) * -5.33333);
  }
}
/* line 662, ../../src/sass/top-rec.scss */
body.recruit.recTop h2.nonStyle.kagikakko .kakko img.r {
  width: calc(var(--vw) * 2.39583);
  height: calc(var(--vw) * 9.375);
  margin-left: calc(var(--vw) * -1.04167);
}
@media screen and (max-width: 500px) {
  /* line 662, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko .kakko img.r {
    width: calc(var(--vw) * 11.2);
  }
}
@media screen and (max-width: 500px) {
  /* line 662, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko .kakko img.r {
    height: calc(var(--vw) * 20);
  }
}
@media screen and (max-width: 500px) {
  /* line 662, ../../src/sass/top-rec.scss */
  body.recruit.recTop h2.nonStyle.kagikakko .kakko img.r {
    margin-left: calc(var(--vw) * -5.33333);
  }
}
/* line 670, ../../src/sass/top-rec.scss */
body.recruit.recTop .interview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  margin-top: calc(var(--vw) * -6.45833);
}
/* line 284, ../../src/sass/setting/_mixins.scss */
body.recruit.recTop .interview > * {
  margin: 0;
}
/* line 675, ../../src/sass/top-rec.scss */
body.recruit.recTop .inner.intArea {
  --inner-maxwidth: var(--contents);
  box-sizing: content-box;
  max-width: var(--inner-maxwidth);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc(var(--vw) * 8.33333);
}
/* line 687, ../../src/sass/top-rec.scss */
body.recruit.recTop .inner.intArea h2.nonStyle.kagikakko {
  color: var(--basic-white);
}
/* line 690, ../../src/sass/top-rec.scss */
body.recruit.recTop .inner.intArea h2.nonStyle.kagikakko .jp {
  color: var(--basic-white);
}
/* line 696, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sasae {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--vw) * 1.66667);
  flex-shrink: 0;
}
@media screen and (max-width: 820px) {
  /* line 696, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sasae {
    gap: calc(var(--vw) * 4.16667);
  }
}
@media screen and (max-width: 500px) {
  /* line 696, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sasae {
    gap: calc(var(--vw) * 8.53333);
  }
}
/* line 703, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sasae img.sasaeImg01 {
  width: calc(var(--vw) * 36.35417);
  height: calc(var(--vw) * 9.27083);
}
@media screen and (max-width: 820px) {
  /* line 703, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sasae img.sasaeImg01 {
    width: calc(var(--vw) * 100);
  }
}
@media screen and (max-width: 820px) {
  /* line 703, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sasae img.sasaeImg01 {
    height: calc(var(--vw) * 23.17708);
  }
}
/* line 708, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sasae img.sasaeImg02 {
  width: calc(var(--vw) * 32.60417);
  height: calc(var(--vw) * 14.16667);
}
@media screen and (max-width: 820px) {
  /* line 708, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sasae img.sasaeImg02 {
    width: calc(var(--vw) * 81.51042);
  }
}
@media screen and (max-width: 820px) {
  /* line 708, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sasae img.sasaeImg02 {
    height: calc(var(--vw) * 35.41667);
  }
}
/* line 713, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sasae .btns {
  margin-bottom: var(--tb-margin);
}
/* line 716, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sasae .btns a.btn {
  width: calc(var(--vw) * 30.20833);
}
@media screen and (max-width: 500px) {
  /* line 716, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sasae .btns a.btn {
    width: calc(var(--vw) * 89.33333);
  }
}
/* line 719, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sasae .btns a.btn:after {
  mask-image: url(../img/recruit/asideYoukou.svg);
}
@media screen and (max-width: 820px) {
  /* line 719, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sasae .btns a.btn:after {
    width: 1.2em;
  }
}
@media screen and (max-width: 820px) {
  /* line 719, ../../src/sass/top-rec.scss */
  body.recruit.recTop section#sasae .btns a.btn:after {
    height: 1.2em;
  }
}
/* line 726, ../../src/sass/top-rec.scss */
body.recruit.recTop section#sasae .btns a.btn.red:after {
  mask-image: url(../img/recruit/asideEntry.svg);
}
/* line 737, ../../src/sass/top-rec.scss */
body.recruit.recTop .heroModal {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(25px);
  z-index: -12;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  -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 756, ../../src/sass/top-rec.scss */
body.recruit.recTop .heroModal.is-active {
  z-index: 12;
  opacity: 1;
}
/* line 761, ../../src/sass/top-rec.scss */
body.recruit.recTop .heroModal .frame {
  display: flex;
  width: calc(var(--vw) * 36.45833);
  height: calc(var(--vw) * 20.83333);
  padding: calc(var(--vw) * 1.04167);
  justify-content: center;
  align-items: center;
  gap: calc(var(--vw) * 1.09375);
  flex-shrink: 0;
  flex-direction: row;
  border: 2px solid var(--basic-white);
  border-radius: var(--rounded-l, 40px);
  background: var(--primary-dark, #0051a2);
  position: relative;
}
@media screen and (max-width: 820px) {
  /* line 761, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame {
    width: calc(var(--vw) * 91.14583);
  }
}
@media screen and (max-width: 500px) {
  /* line 761, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame {
    width: calc(var(--vw) * 89.33333);
  }
}
@media screen and (max-width: 820px) {
  /* line 761, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame {
    height: calc(var(--vw) * 52.08333);
  }
}
@media screen and (max-width: 500px) {
  /* line 761, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame {
    height: auto;
  }
}
@media screen and (max-width: 820px) {
  /* line 761, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame {
    padding: calc(var(--vw) * 2.60417);
  }
}
@media screen and (max-width: 500px) {
  /* line 761, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame {
    padding: calc(var(--vw) * 5.33333);
  }
}
@media screen and (max-width: 820px) {
  /* line 761, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame {
    gap: calc(var(--vw) * 2.73438);
  }
}
@media screen and (max-width: 500px) {
  /* line 761, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame {
    gap: calc(var(--vw) * 5.6);
  }
}
@media screen and (max-width: 500px) {
  /* line 761, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame {
    flex-direction: column;
  }
}
/* line 778, ../../src/sass/top-rec.scss */
body.recruit.recTop .heroModal .frame .image {
  width: calc(var(--vw) * 10.41667);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 820px) {
  /* line 778, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame .image {
    width: calc(var(--vw) * 26.04167);
  }
}
@media screen and (max-width: 500px) {
  /* line 778, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame .image {
    width: calc(var(--vw) * 53.33333);
  }
}
/* line 785, ../../src/sass/top-rec.scss */
body.recruit.recTop .heroModal .frame .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--vw) * 1.09375);
  flex: 1 0 0;
}
@media screen and (max-width: 820px) {
  /* line 785, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame .text {
    gap: calc(var(--vw) * 2.73438);
  }
}
/* line 792, ../../src/sass/top-rec.scss */
body.recruit.recTop .heroModal .frame .text a.btn {
  margin: 0;
}
/* line 796, ../../src/sass/top-rec.scss */
body.recruit.recTop .heroModal .frame .text .mds {
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
/* line 802, ../../src/sass/top-rec.scss */
body.recruit.recTop .heroModal .frame .text .mds img.mpIcon {
  width: calc(var(--vw) * 2.08333);
  height: calc(var(--vw) * 2.5);
}
@media screen and (max-width: 820px) {
  /* line 802, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame .text .mds img.mpIcon {
    width: calc(var(--vw) * 5.20833);
  }
}
@media screen and (max-width: 500px) {
  /* line 802, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame .text .mds img.mpIcon {
    width: calc(var(--vw) * 10.66667);
  }
}
@media screen and (max-width: 820px) {
  /* line 802, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame .text .mds img.mpIcon {
    height: calc(var(--vw) * 6.25);
  }
}
@media screen and (max-width: 500px) {
  /* line 802, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame .text .mds img.mpIcon {
    height: calc(var(--vw) * 12.8);
  }
}
/* line 807, ../../src/sass/top-rec.scss */
body.recruit.recTop .heroModal .frame .text .mds span {
  color: var(--basic-white, #fff);
  font-family: var(--title, "BIZ UDPGothic");
  font-size: calc(var(--vw) * 1.66667);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 820px) {
  /* line 807, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame .text .mds span {
    font-size: calc(var(--vw) * 4.16667);
  }
}
@media screen and (max-width: 500px) {
  /* line 807, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame .text .mds span {
    font-size: calc(var(--vw) * 5.33333);
  }
}
/* line 819, ../../src/sass/top-rec.scss */
body.recruit.recTop .heroModal .frame .modalClose {
  position: absolute;
  top: calc(var(--vw) * 1.04167);
  right: calc(var(--vw) * 1.04167);
  cursor: pointer;
}
@media screen and (max-width: 820px) {
  /* line 819, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame .modalClose {
    top: calc(var(--vw) * 2.60417);
  }
}
@media screen and (max-width: 500px) {
  /* line 819, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame .modalClose {
    top: calc(var(--vw) * 5.33333);
  }
}
@media screen and (max-width: 820px) {
  /* line 819, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame .modalClose {
    right: calc(var(--vw) * 2.60417);
  }
}
@media screen and (max-width: 500px) {
  /* line 819, ../../src/sass/top-rec.scss */
  body.recruit.recTop .heroModal .frame .modalClose {
    right: calc(var(--vw) * 5.33333);
  }
}