@charset "UTF-8";
.main {
  background-color: #f3f3f3;
  transition: background 0.5s linear;
}
.main.in-special {
  background-color: #4dad30;
}

.inner {
  position: relative;
}

.top-mv {
  height: calc(100vh - min(96px, 64 / 1280 * var(--inner-width) * 1px));
}
@media only screen and (max-width: 48em) {
  .top-mv {
    height: auto;
    min-height: 0;
  }
}
@media only screen and (max-width: 48em) {
  .top-mv .lines {
    bottom: calc(-290 / 390 * var(--inner-width) * 1px);
  }
}
.top-mv .top-line-1 {
  right: calc(50% + min(328.5px, 219 / 1280 * var(--inner-width) * 1px));
  top: 0;
}
@media only screen and (max-width: 48em) {
  .top-mv .top-line-1 {
    left: calc(-59 / 390 * var(--inner-width) * 1px);
    right: auto;
  }
}
.top-mv .top-line-1 {
  width: min(421px, 421 / 1280 * var(--inner-width) * 1px);
  height: min(498px, 498 / 1280 * var(--inner-width) * 1px);
}
.top-mv .top-line-1 img {
  width: min(421px, 421 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .top-mv .top-line-1 {
    width: calc(278 / 390 * var(--inner-width) * 1px);
    height: calc(1.1828978622 * 278 / 390 * var(--inner-width) * 1px);
  }
  .top-mv .top-line-1 img {
    width: calc(278 / 390 * var(--inner-width) * 1px);
  }
}
.top-mv .top-line-2 {
  left: calc(50% + min(144px, 96 / 1280 * var(--inner-width) * 1px));
  bottom: max(-32px, -32 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .top-mv .top-line-2 {
    left: auto;
    right: calc(-101 / 390 * var(--inner-width) * 1px);
    bottom: auto;
    top: calc(428 / 390 * var(--inner-width) * 1px);
  }
}
.top-mv .top-line-2 {
  width: min(601px, 601 / 1280 * var(--inner-width) * 1px);
  height: min(469px, 469 / 1280 * var(--inner-width) * 1px);
}
.top-mv .top-line-2 img {
  width: min(601px, 601 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .top-mv .top-line-2 {
    width: calc(405 / 390 * var(--inner-width) * 1px);
    height: calc(0.7803660566 * 405 / 390 * var(--inner-width) * 1px);
  }
  .top-mv .top-line-2 img {
    width: calc(405 / 390 * var(--inner-width) * 1px);
  }
}
.top-mv .inner {
  width: min(1920px, 1280 / 1280 * var(--inner-width) * 1px);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: min(120px, 80 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .top-mv .inner {
    height: auto;
    align-items: flex-start;
    flex-direction: column;
    padding: calc(8 / 390 * var(--inner-width) * 1px) calc(16 / 390 * var(--inner-width) * 1px) calc(80 / 390 * var(--inner-width) * 1px);
  }
}

.top-mv__video {
  width: min(1680px, 1120 / 1280 * var(--inner-width) * 1px);
  height: min(777px, 518 / 1280 * var(--inner-width) * 1px);
  gap: min(12px, 8 / 1280 * var(--inner-width) * 1px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
@media only screen and (max-width: 48em) {
  .top-mv__video {
    width: calc(358 / 390 * var(--inner-width) * 1px);
    height: calc(472 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(8 / 390 * var(--inner-width) * 1px);
    gap: calc(8 / 390 * var(--inner-width) * 1px);
    flex-direction: column;
  }
}

.top-mv__video-item {
  flex: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-mask: url(../img/top/mv-mask.svg) no-repeat center center/contain;
          mask: url(../img/top/mv-mask.svg) no-repeat center center/contain;
}
@media only screen and (max-width: 48em) {
  .top-mv__video-item {
    width: 100%;
    height: auto;
    -webkit-mask-image: url(../img/top/mv-mask__sp.svg);
            mask-image: url(../img/top/mv-mask__sp.svg);
  }
}
.top-mv__video-item iframe {
  pointer-events: none;
  display: block;
  position: absolute;
  width: min(1915.2px, 1276.8 / 1280 * var(--inner-width) * 1px);
  height: min(1077.3px, 718.2 / 1280 * var(--inner-width) * 1px);
  left: max(-117.6px, -78.4 / 1280 * var(--inner-width) * 1px);
  top: max(-90.15px, -60.1 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .top-mv__video-item iframe {
    width: calc(450 / 390 * var(--inner-width) * 1px);
    height: calc(800 / 390 * var(--inner-width) * 1px);
    left: calc(-46 / 390 * var(--inner-width) * 1px);
    top: calc(-45 / 390 * var(--inner-width) * 1px);
  }
}

.top-mv__video-cover {
  position: absolute;
  background: #f3f3f3;
  top: 0;
  width: 25%;
  height: 100%;
}
@media only screen and (max-width: 48em) {
  .top-mv__video-cover {
    left: 0;
    width: 100%;
    height: 50%;
  }
}
.top-mv__video-cover.cover-1 {
  left: 0;
}
.top-mv__video-cover.cover-2 {
  left: 25%;
}
@media only screen and (max-width: 48em) {
  .top-mv__video-cover.cover-2 {
    left: 0;
    top: 50%;
  }
}
.top-mv__video-cover.cover-3 {
  left: 50%;
}
@media only screen and (max-width: 48em) {
  .top-mv__video-cover.cover-3 {
    display: none;
  }
}
.top-mv__video-cover.cover-4 {
  left: 75%;
}
@media only screen and (max-width: 48em) {
  .top-mv__video-cover.cover-4 {
    display: none;
  }
}

.top-mv__text {
  opacity: 0;
  position: absolute;
  z-index: 2;
  left: min(85.5px, 57 / 1280 * var(--inner-width) * 1px);
  width: min(777px, 518 / 1280 * var(--inner-width) * 1px);
  height: max(50vh - min(200px, 200 / 1280 * var(--inner-width) * 1px) + min(285px, 190 / 1280 * var(--inner-width) * 1px), min(400px, 400 / 1280 * var(--inner-width) * 1px) - min(200px, 200 / 1280 * var(--inner-width) * 1px) + min(285px, 190 / 1280 * var(--inner-width) * 1px));
  top: calc(100% - min(285px, 190 / 1280 * var(--inner-width) * 1px));
}
@media only screen and (max-width: 48em) {
  .top-mv__text {
    position: static;
    width: 100%;
    height: auto;
  }
}
.top-mv__text img {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 50vh;
}
@media only screen and (max-width: 48em) {
  .top-mv__text img {
    position: static;
  }
}

.intro {
  height: calc(100vh - min(64px, 64 / 1280 * var(--inner-width) * 1px));
  min-height: min(720px, 720 / 1280 * var(--inner-width) * 1px);
  position: relative;
}
@media only screen and (max-width: 48em) {
  .intro {
    height: auto;
    min-height: 0;
    padding-bottom: calc(550 / 390 * var(--inner-width) * 1px);
  }
}
@media only screen and (max-width: 48em) {
  .intro .lines {
    bottom: calc(-260 / 390 * var(--inner-width) * 1px);
  }
}
.intro .top-line-3 {
  right: 50%;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
@media only screen and (max-width: 48em) {
  .intro .top-line-3 {
    right: auto;
    left: calc(-231 / 390 * var(--inner-width) * 1px);
    top: auto;
    bottom: calc(200 / 390 * var(--inner-width) * 1px);
    margin: 0;
  }
}
.intro .top-line-3 {
  width: min(817px, 817 / 1280 * var(--inner-width) * 1px);
  height: min(613px, 613 / 1280 * var(--inner-width) * 1px);
}
.intro .top-line-3 img {
  width: min(817px, 817 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .intro .top-line-3 {
    width: calc(783 / 390 * var(--inner-width) * 1px);
    height: calc(0.7503059976 * 783 / 390 * var(--inner-width) * 1px);
  }
  .intro .top-line-3 img {
    width: calc(783 / 390 * var(--inner-width) * 1px);
  }
}
.intro .top-line-3-1 .line-1 {
  width: min(548px, 548 / 1280 * var(--inner-width) * 1px);
  height: min(362px, 362 / 1280 * var(--inner-width) * 1px);
}
.intro .top-line-3-1 .line-1 img {
  width: min(548px, 548 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .intro .top-line-3-1 .line-1 {
    width: calc(400 / 390 * var(--inner-width) * 1px);
    height: calc(0.6605839416 * 400 / 390 * var(--inner-width) * 1px);
  }
  .intro .top-line-3-1 .line-1 img {
    width: calc(400 / 390 * var(--inner-width) * 1px);
  }
}
@media only screen and (max-width: 48em) {
  .intro .top-line-3-1 .line-1 {
    transform: rotate(17.14deg);
    top: calc(182 / 390 * var(--inner-width) * 1px);
    left: calc(-100 / 390 * var(--inner-width) * 1px);
  }
}
.intro .inner {
  padding-right: min(80px, 80 / 1280 * var(--inner-width) * 1px);
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 48em) {
  .intro .inner {
    padding-right: 0;
    height: auto;
    display: block;
  }
}

.intro__text {
  font-size: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  line-height: 2.4;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 48em) {
  .intro__text {
    margin: 0 calc(32 / 390 * var(--inner-width) * 1px);
    font-size: calc(16 / 390 * var(--inner-width) * 1px);
    line-height: 2;
  }
}

.bg-area {
  position: relative;
  --bg-area-ratio: 0;
  --bg-area-opacity: 0;
}
.bg-area .top-line-4 {
  left: calc(50% - min(135px, 135 / 1280 * var(--inner-width) * 1px));
  top: min(234px, 234 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .bg-area .top-line-4 {
    left: auto;
    right: calc(-50 / 390 * var(--inner-width) * 1px);
    top: calc(505 / 390 * var(--inner-width) * 1px);
  }
}
.bg-area .top-line-4 {
  width: min(851px, 851 / 1280 * var(--inner-width) * 1px);
  height: min(513px, 513 / 1280 * var(--inner-width) * 1px);
}
.bg-area .top-line-4 img {
  width: min(851px, 851 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .bg-area .top-line-4 {
    width: calc(404 / 390 * var(--inner-width) * 1px);
    height: calc(0.6028202115 * 404 / 390 * var(--inner-width) * 1px);
  }
  .bg-area .top-line-4 img {
    width: calc(404 / 390 * var(--inner-width) * 1px);
  }
}

.bg-area__sticky {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: min(64px, 64 / 1280 * var(--inner-width) * 1px);
  width: 100%;
  height: calc(100vh - min(64px, 64 / 1280 * var(--inner-width) * 1px));
  margin-bottom: calc((100vh - min(64px, 64 / 1280 * var(--inner-width) * 1px)) * -1);
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (max-width: 48em) {
  .bg-area__sticky {
    top: calc(64 / 390 * var(--inner-width) * 1px);
    height: 100vh;
    height: 100dvh;
  }
}

.bg-area__box {
  position: relative;
  width: calc(min(1040px, 1040 / 1280 * var(--inner-width) * 1px) + var(--bg-area-ratio) * (100vw - min(1040px, 1040 / 1280 * var(--inner-width) * 1px)));
  height: calc(min(440px, 440 / 1280 * var(--inner-width) * 1px) + var(--bg-area-ratio) * (100vh - min(440px, 440 / 1280 * var(--inner-width) * 1px)));
  border-radius: calc(min(8px, 8 / 1280 * var(--inner-width) * 1px) * (1 - var(--bg-area-ratio)));
  margin-top: calc(min(192px, 192 / 1280 * var(--inner-width) * 1px) * (1 - var(--bg-area-ratio)));
  background: rgba(0, 0, 0, 0.5);
  opacity: calc(1 - var(--bg-area-opacity));
  overflow: hidden;
}
@media only screen and (max-width: 48em) {
  .bg-area__box {
    width: calc(326 / 390 * var(--inner-width) * 1px + var(--bg-area-ratio) * (100vw - 326 / 390 * var(--inner-width) * 1px));
    height: calc(100vh - 200 / 390 * var(--inner-width) * 1px + var(--bg-area-ratio) * 200 / 390 * var(--inner-width) * 1px);
    height: calc(100dvh - 200 / 390 * var(--inner-width) * 1px + var(--bg-area-ratio) * 200 / 390 * var(--inner-width) * 1px);
    margin-top: calc(64 / 390 * var(--inner-width) * 1px * (1 - var(--bg-area-ratio)));
    border-radius: calc(8 / 390 * var(--inner-width) * 1px * (1 - var(--bg-area-ratio)));
  }
}
.bg-area__box iframe {
  position: absolute;
  width: calc(100vw + 80px);
  height: calc((100vw + 80px) * 9 / 16);
  min-width: calc((100vh + 80px) * 16 / 9);
  min-width: calc((100dvh + 80px) * 16 / 9);
  min-height: calc(100vh + 80px);
  min-height: calc(100dvh + 80px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bg-area__box::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  mix-blend-mode: multiply;
}

.special {
  position: relative;
  color: #fff;
  height: 150vh;
  min-height: min(1200px, 1200 / 1280 * var(--inner-width) * 1px);
  padding-top: min(192px, 192 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .special {
    min-height: 250vh;
    min-height: 250dvh;
    padding-top: calc(64 / 390 * var(--inner-width) * 1px);
  }
}
.special .inner {
  padding: 0 0;
  position: -webkit-sticky;
  position: sticky;
  top: min(192px, 192 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .special .inner {
    top: calc(182 / 390 * var(--inner-width) * 1px);
  }
}

.special__title {
  position: absolute;
  right: 50%;
  margin-right: min(170px, 170 / 1280 * var(--inner-width) * 1px);
  top: max(-64px, -64 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .special__title {
    left: calc(24 / 390 * var(--inner-width) * 1px);
    right: auto;
    top: calc(-78 / 390 * var(--inner-width) * 1px);
    width: calc(275 / 390 * var(--inner-width) * 1px);
  }
}

.special__body {
  width: min(1040px, 1040 / 1280 * var(--inner-width) * 1px);
  height: min(440px, 440 / 1280 * var(--inner-width) * 1px);
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: min(107px, 107 / 1280 * var(--inner-width) * 1px) 0 min(90px, 90 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .special__body {
    width: calc(326 / 390 * var(--inner-width) * 1px);
    height: calc(504 / 390 * var(--inner-width) * 1px);
    border-radius: calc(10 / 390 * var(--inner-width) * 1px);
    padding: calc(84 / 390 * var(--inner-width) * 1px) 0 calc(56 / 390 * var(--inner-width) * 1px);
  }
}

.special__caption {
  font-family: "Syncopate", sans-serif;
  line-height: 1;
  font-weight: 700;
  font-size: min(48px, 48 / 1280 * var(--inner-width) * 1px);
  margin-bottom: min(32px, 32 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .special__caption {
    font-size: calc(48 / 390 * var(--inner-width) * 1px);
    line-height: 1.2;
    margin-bottom: calc(40 / 390 * var(--inner-width) * 1px);
  }
}

.special__lead {
  font-weight: 500;
  font-size: min(32px, 32 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .special__lead {
    font-size: calc(32 / 390 * var(--inner-width) * 1px);
    text-align: center;
  }
}

.special__button {
  box-shadow: inset 0 0 0 2px #fff;
  margin-top: auto;
}
.special__button .arrow {
  --arrow-size: 32;
  --arrow-sp-size: 32;
  background: #45993d;
  color: #fff;
}

.jobs {
  position: relative;
  padding: min(112px, 112 / 1280 * var(--inner-width) * 1px) 0 min(184px, 184 / 1280 * var(--inner-width) * 1px);
  color: #fff;
}
@media only screen and (max-width: 48em) {
  .jobs {
    padding: calc(76 / 390 * var(--inner-width) * 1px) 0 calc(332 / 390 * var(--inner-width) * 1px);
  }
}
.jobs .top-line-5 {
  left: calc(50% + min(88px, 88 / 1280 * var(--inner-width) * 1px));
  top: 0;
}
@media only screen and (max-width: 48em) {
  .jobs .top-line-5 {
    left: auto;
    right: calc(-41 / 390 * var(--inner-width) * 1px);
    top: calc(118 / 390 * var(--inner-width) * 1px);
  }
}
.jobs .top-line-5 {
  width: min(659px, 659 / 1280 * var(--inner-width) * 1px);
  height: min(435px, 435 / 1280 * var(--inner-width) * 1px);
}
.jobs .top-line-5 img {
  width: min(659px, 659 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .jobs .top-line-5 {
    width: calc(399 / 390 * var(--inner-width) * 1px);
    height: calc(0.660091047 * 399 / 390 * var(--inner-width) * 1px);
  }
  .jobs .top-line-5 img {
    width: calc(399 / 390 * var(--inner-width) * 1px);
  }
}
.jobs .top-line-6 {
  right: calc(50% + min(477px, 477 / 1280 * var(--inner-width) * 1px));
  top: min(330px, 330 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .jobs .top-line-6 {
    right: auto;
    left: calc(-238 / 390 * var(--inner-width) * 1px);
    top: calc(1071 / 390 * var(--inner-width) * 1px);
  }
}
.jobs .top-line-6 {
  width: min(579px, 579 / 1280 * var(--inner-width) * 1px);
  height: min(383px, 383 / 1280 * var(--inner-width) * 1px);
}
.jobs .top-line-6 img {
  width: min(579px, 579 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .jobs .top-line-6 {
    width: calc(351 / 390 * var(--inner-width) * 1px);
    height: calc(0.6614853195 * 351 / 390 * var(--inner-width) * 1px);
  }
  .jobs .top-line-6 img {
    width: calc(351 / 390 * var(--inner-width) * 1px);
  }
}

.jobs__title {
  margin-left: min(96px, 96 / 1280 * var(--inner-width) * 1px);
  margin-bottom: min(56px, 56 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .jobs__title {
    margin-left: calc(32 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(197 / 390 * var(--inner-width) * 1px);
    width: calc(322 / 390 * var(--inner-width) * 1px);
  }
}

.jobs__lead {
  font-weight: 500;
  font-size: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  line-height: 2;
  width: min(856px, 856 / 1280 * var(--inner-width) * 1px);
  margin: 0 auto min(48px, 48 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .jobs__lead {
    font-size: calc(16 / 390 * var(--inner-width) * 1px);
    width: auto;
    margin: 0 calc(32 / 390 * var(--inner-width) * 1px) calc(56 / 390 * var(--inner-width) * 1px);
  }
}

.jobs__sections {
  width: min(856px, 856 / 1280 * var(--inner-width) * 1px);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 48em) {
  .jobs__sections {
    width: auto;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    margin: 0 calc(32 / 390 * var(--inner-width) * 1px);
    gap: calc(48 / 390 * var(--inner-width) * 1px);
  }
}

.jobs-section {
  width: min(368px, 368 / 1280 * var(--inner-width) * 1px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
@media only screen and (max-width: 48em) {
  .jobs-section {
    width: auto;
  }
}
.jobs-section .button .arrow {
  --arrow-size: 32;
  --arrow-sp-size: 32;
  background: #45993d;
  color: #fff;
}

.jobs-section__title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  font-weight: 500;
  font-size: min(32px, 32 / 1280 * var(--inner-width) * 1px);
  text-align: center;
  color: #45993d;
  margin-bottom: min(22px, 22 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .jobs-section__title {
    width: 100%;
    gap: calc(14 / 390 * var(--inner-width) * 1px);
    font-size: calc(32 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(24 / 390 * var(--inner-width) * 1px);
  }
}
.jobs-section__title::before, .jobs-section__title::after {
  content: "";
  display: block;
  flex-grow: 1;
  height: min(10px, 10 / 1280 * var(--inner-width) * 1px);
  background: currentColor;
}
@media only screen and (max-width: 48em) {
  .jobs-section__title::before, .jobs-section__title::after {
    height: calc(10 / 390 * var(--inner-width) * 1px);
  }
}

.jobs-section__image {
  height: min(190px, 190 / 1280 * var(--inner-width) * 1px);
  border-radius: min(8px, 8 / 1280 * var(--inner-width) * 1px);
  overflow: hidden;
  margin-bottom: min(16px, 16 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .jobs-section__image {
    height: calc(168 / 390 * var(--inner-width) * 1px);
    border-radius: calc(8 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(24 / 390 * var(--inner-width) * 1px);
  }
}

.jobs-section__text {
  font-weight: 500;
  font-size: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  line-height: 2;
  margin-bottom: min(48px, 48 / 1280 * var(--inner-width) * 1px);
  height: 4em;
  text-align: center;
}
@media only screen and (max-width: 48em) {
  .jobs-section__text {
    font-size: calc(14 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(40 / 390 * var(--inner-width) * 1px);
  }
}

.real {
  position: relative;
  padding: min(225px, 225 / 1280 * var(--inner-width) * 1px) 0 min(280px, 280 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .real {
    padding: calc(56 / 390 * var(--inner-width) * 1px) 0 calc(304 / 390 * var(--inner-width) * 1px);
  }
}
.real .lines {
  top: max(-86px, -86 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .real .lines {
    top: calc(-328 / 390 * var(--inner-width) * 1px);
  }
}
.real .top-line-7 {
  left: calc(50% + min(142px, 142 / 1280 * var(--inner-width) * 1px));
  top: 0;
}
@media only screen and (max-width: 48em) {
  .real .top-line-7 {
    left: auto;
    right: calc(-211 / 390 * var(--inner-width) * 1px);
  }
}
.real .top-line-7 {
  width: min(646px, 646 / 1280 * var(--inner-width) * 1px);
  height: min(457px, 457 / 1280 * var(--inner-width) * 1px);
}
.real .top-line-7 img {
  width: min(646px, 646 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .real .top-line-7 {
    width: calc(465 / 390 * var(--inner-width) * 1px);
    height: calc(0.7074303406 * 465 / 390 * var(--inner-width) * 1px);
  }
  .real .top-line-7 img {
    width: calc(465 / 390 * var(--inner-width) * 1px);
  }
}
.real .top-line-8 {
  right: calc(50% + min(134px, 134 / 1280 * var(--inner-width) * 1px));
  top: min(1130px, 1130 / 1280 * var(--inner-width) * 1px);
  mix-blend-mode: multiply;
}
@media only screen and (max-width: 48em) {
  .real .top-line-8 {
    right: auto;
    left: calc(-313 / 390 * var(--inner-width) * 1px);
    top: calc(1760 / 390 * var(--inner-width) * 1px);
  }
}
.real .top-line-8 {
  width: min(1021px, 1021 / 1280 * var(--inner-width) * 1px);
  height: min(769px, 769 / 1280 * var(--inner-width) * 1px);
}
.real .top-line-8 img {
  width: min(1021px, 1021 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .real .top-line-8 {
    width: calc(742 / 390 * var(--inner-width) * 1px);
    height: calc(0.7531831538 * 742 / 390 * var(--inner-width) * 1px);
  }
  .real .top-line-8 img {
    width: calc(742 / 390 * var(--inner-width) * 1px);
  }
}
.real .top-line-9 {
  right: calc(50% - min(250px, 250 / 1280 * var(--inner-width) * 1px));
  bottom: 0;
}
@media only screen and (max-width: 48em) {
  .real .top-line-9 {
    right: auto;
    left: calc(-191 / 390 * var(--inner-width) * 1px);
    bottom: calc(360 / 390 * var(--inner-width) * 1px);
  }
}
.real .top-line-9 {
  width: min(738px, 738 / 1280 * var(--inner-width) * 1px);
  height: min(499px, 499 / 1280 * var(--inner-width) * 1px);
}
.real .top-line-9 img {
  width: min(738px, 738 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .real .top-line-9 {
    width: calc(532 / 390 * var(--inner-width) * 1px);
    height: calc(0.6761517615 * 532 / 390 * var(--inner-width) * 1px);
  }
  .real .top-line-9 img {
    width: calc(532 / 390 * var(--inner-width) * 1px);
  }
}
.real .inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (max-width: 48em) {
  .real .inner {
    display: block;
  }
}

.real__header {
  position: -webkit-sticky;
  position: sticky;
  top: min(149px, 149 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .real__header {
    position: static;
  }
}

.real__title {
  margin-left: min(96px, 96 / 1280 * var(--inner-width) * 1px);
  margin-bottom: min(85px, 85 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .real__title {
    margin-left: calc(32 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(40 / 390 * var(--inner-width) * 1px);
    width: calc(231 / 390 * var(--inner-width) * 1px);
  }
}

.real__text {
  width: min(304px, 304 / 1280 * var(--inner-width) * 1px);
  margin-left: min(120px, 120 / 1280 * var(--inner-width) * 1px);
  font-weight: 500;
  font-size: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  line-height: 2;
}
@media only screen and (max-width: 48em) {
  .real__text {
    position: static;
    width: auto;
    height: auto;
    margin: 0 calc(32 / 390 * var(--inner-width) * 1px) calc(56 / 390 * var(--inner-width) * 1px);
    font-size: calc(16 / 390 * var(--inner-width) * 1px);
  }
}

.real__sections {
  width: min(680px, 680 / 1280 * var(--inner-width) * 1px);
  margin: min(147px, 147 / 1280 * var(--inner-width) * 1px) min(120px, 120 / 1280 * var(--inner-width) * 1px) 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  gap: min(64px, 64 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .real__sections {
    width: auto;
    margin: 0 calc(32 / 390 * var(--inner-width) * 1px);
    gap: 0;
  }
}

@media only screen and (max-width: 48em) {
  .real-section:nth-child(1) {
    padding-bottom: calc(342 / 390 * var(--inner-width) * 1px);
  }
  .real-section:nth-child(2) {
    padding-bottom: calc(54 / 390 * var(--inner-width) * 1px);
  }
}

.real-section__header {
  margin-bottom: min(26px, 26 / 1280 * var(--inner-width) * 1px);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 48em) {
  .real-section__header {
    margin-bottom: calc(32 / 390 * var(--inner-width) * 1px);
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .real-section__header .button {
    align-self: center;
    margin-top: calc(40 / 390 * var(--inner-width) * 1px);
  }
}
.real-section__header .arrow {
  --arrow-size: 32;
  --arrow-sp-size: 32;
  background: #45993d;
  color: #fff;
}

.real-section__title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: min(9px, 9 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .real-section__title {
    gap: calc(16 / 390 * var(--inner-width) * 1px);
  }
}
.real-section__title span {
  font-family: "Syncopate", sans-serif;
  font-weight: 700;
  font-size: min(40px, 40 / 1280 * var(--inner-width) * 1px);
  line-height: 1.2;
}
@media only screen and (max-width: 48em) {
  .real-section__title span {
    font-size: calc(40 / 390 * var(--inner-width) * 1px);
  }
}
.real-section__title b {
  font-weight: 500;
  font-size: min(24px, 24 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .real-section__title b {
    font-size: calc(24 / 390 * var(--inner-width) * 1px);
  }
}

.real-section__image {
  height: min(400px, 400 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .real-section__image {
    height: calc(192 / 390 * var(--inner-width) * 1px);
  }
}

.real-section__header--questionnaire {
  padding-bottom: min(24px, 24 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .real-section__header--questionnaire {
    padding-bottom: 0;
  }
}
.real-section__header--questionnaire .button {
  align-self: flex-end;
  margin-bottom: max(-24px, -24 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .real-section__header--questionnaire .button {
    align-self: center;
    margin-bottom: 0;
  }
}

.crosstalk {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  gap: min(16px, 16 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .crosstalk {
    gap: calc(16 / 390 * var(--inner-width) * 1px);
  }
}

.crosstalk__link {
  height: min(160px, 160 / 1280 * var(--inner-width) * 1px);
  background: #000;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding-left: min(40px, 40 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .crosstalk__link {
    height: auto;
    justify-content: flex-start;
    flex-direction: column;
    padding: calc(16 / 390 * var(--inner-width) * 1px) 0 0;
  }
}

.crosstalk__body {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
@media only screen and (max-width: 48em) {
  .crosstalk__body {
    padding: 0 calc(24 / 390 * var(--inner-width) * 1px);
  }
}

.crosstalk__title {
  font-weight: 500;
  font-size: min(24px, 24 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .crosstalk__title {
    font-size: calc(24 / 390 * var(--inner-width) * 1px);
    white-space: nowrap;
  }
  .crosstalk__title span {
    margin-right: -0.7em;
  }
}

.crosstalk__button {
  margin-top: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  width: min(200px, 200 / 1280 * var(--inner-width) * 1px);
  height: min(40px, 40 / 1280 * var(--inner-width) * 1px);
  border-radius: min(40px, 40 / 1280 * var(--inner-width) * 1px);
  background: transparent;
  color: #fff;
  font-size: min(14px, 14 / 1280 * var(--inner-width) * 1px);
  padding-left: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  padding-right: min(16px, 16 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .crosstalk__button {
    margin-top: calc(15 / 390 * var(--inner-width) * 1px);
    width: calc(200 / 390 * var(--inner-width) * 1px);
    height: calc(40 / 390 * var(--inner-width) * 1px);
    border-radius: calc(40 / 390 * var(--inner-width) * 1px);
    font-size: calc(14 / 390 * var(--inner-width) * 1px);
    padding-left: calc(16 / 390 * var(--inner-width) * 1px);
    padding-right: calc(16 / 390 * var(--inner-width) * 1px);
    align-self: center;
  }
}
.crosstalk__button .arrow {
  --arrow-size: 25;
  --arrow-sp-size: 25;
  background: #fff;
  color: #000;
}
@media (hover: hover) {
  .crosstalk__button:hover {
    background-color: #fff;
    color: #000;
    box-shadow: none;
  }
  .crosstalk__button:hover .arrow {
    background: #000;
    color: #fff;
  }
}

.crosstalk__image {
  width: min(280px, 280 / 1280 * var(--inner-width) * 1px);
  overflow: hidden;
}
@media only screen and (max-width: 48em) {
  .crosstalk__image {
    width: auto;
    height: calc(186 / 390 * var(--inner-width) * 1px);
    margin-top: calc(24 / 390 * var(--inner-width) * 1px);
  }
}

.project {
  position: relative;
  padding-top: min(112px, 112 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .project {
    padding-top: calc(112 / 390 * var(--inner-width) * 1px);
  }
}
.project .lines {
  top: max(-159px, -159 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .project .lines {
    top: calc(-262 / 390 * var(--inner-width) * 1px);
  }
}
.project .top-line-10 {
  left: calc(50% + min(332px, 332 / 1280 * var(--inner-width) * 1px));
  top: 0;
}
@media only screen and (max-width: 48em) {
  .project .top-line-10 {
    left: auto;
    right: calc(-251 / 390 * var(--inner-width) * 1px);
    top: 0;
  }
}
.project .top-line-10 {
  width: min(528px, 528 / 1280 * var(--inner-width) * 1px);
  height: min(319px, 319 / 1280 * var(--inner-width) * 1px);
}
.project .top-line-10 img {
  width: min(528px, 528 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .project .top-line-10 {
    width: calc(528 / 390 * var(--inner-width) * 1px);
    height: calc(0.6041666667 * 528 / 390 * var(--inner-width) * 1px);
  }
  .project .top-line-10 img {
    width: calc(528 / 390 * var(--inner-width) * 1px);
  }
}

.project__title {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: min(48px, 48 / 1280 * var(--inner-width) * 1px);
  position: relative;
}
@media only screen and (max-width: 48em) {
  .project__title {
    margin-bottom: calc(56 / 390 * var(--inner-width) * 1px);
  }
}
.project__title span {
  font-family: "Syncopate", sans-serif;
  font-weight: 700;
  font-size: min(48px, 48 / 1280 * var(--inner-width) * 1px);
  line-height: 1.2;
}
@media only screen and (max-width: 48em) {
  .project__title span {
    font-size: calc(48 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(32 / 390 * var(--inner-width) * 1px);
  }
}
.project__title b {
  font-weight: 500;
  font-size: min(32px, 32 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .project__title b {
    font-size: calc(32 / 390 * var(--inner-width) * 1px);
  }
}

.project__carousel {
  overflow: hidden;
  padding-bottom: min(240px, 240 / 1280 * var(--inner-width) * 1px);
  position: relative;
}
@media only screen and (max-width: 48em) {
  .project__carousel {
    padding-bottom: calc(240 / 390 * var(--inner-width) * 1px);
  }
}
.project__carousel .swiper {
  width: min(240px, 240 / 1280 * var(--inner-width) * 1px);
  overflow: visible;
}
@media only screen and (max-width: 48em) {
  .project__carousel .swiper {
    width: calc(240 / 390 * var(--inner-width) * 1px);
  }
}
.project__carousel .swiper-slide {
  width: min(240px, 240 / 1280 * var(--inner-width) * 1px);
  height: min(520px, 520 / 1280 * var(--inner-width) * 1px);
  -webkit-backface-visibility: unset;
          backface-visibility: unset;
  will-change: transform;
}
@media only screen and (max-width: 48em) {
  .project__carousel .swiper-slide {
    width: calc(240 / 390 * var(--inner-width) * 1px);
    height: calc(520 / 390 * var(--inner-width) * 1px);
  }
}

.project-slide {
  position: relative;
  opacity: 0.3;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.swiper-slide-active .project-slide {
  opacity: 1;
}

.project-slide__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: min(240px, 240 / 1280 * var(--inner-width) * 1px);
  height: min(400px, 400 / 1280 * var(--inner-width) * 1px);
  border-radius: min(10px, 10 / 1280 * var(--inner-width) * 1px);
  overflow: hidden;
}
@media only screen and (max-width: 48em) {
  .project-slide__bg {
    width: calc(240 / 390 * var(--inner-width) * 1px);
    height: calc(400 / 390 * var(--inner-width) * 1px);
    border-radius: calc(10 / 390 * var(--inner-width) * 1px);
  }
}

.project-slide__body {
  width: min(240px, 240 / 1280 * var(--inner-width) * 1px);
  height: min(400px, 400 / 1280 * var(--inner-width) * 1px);
  padding: min(15px, 15 / 1280 * var(--inner-width) * 1px) 0 min(17px, 17 / 1280 * var(--inner-width) * 1px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
@media only screen and (max-width: 48em) {
  .project-slide__body {
    width: calc(240 / 390 * var(--inner-width) * 1px);
    height: calc(400 / 390 * var(--inner-width) * 1px);
    padding: calc(15 / 390 * var(--inner-width) * 1px) 0 calc(17 / 390 * var(--inner-width) * 1px);
  }
}

.project-slide__title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "Syncopate", sans-serif;
  font-weight: 700;
  line-height: 1;
}
.project-slide__title span {
  font-size: min(20px, 20 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .project-slide__title span {
    font-size: calc(20 / 390 * var(--inner-width) * 1px);
  }
}
.project-slide__title b {
  font-size: min(56px, 56 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .project-slide__title b {
    font-size: calc(56 / 390 * var(--inner-width) * 1px);
  }
}

.project-slide__button {
  position: relative;
  box-shadow: none;
  width: min(200px, 200 / 1280 * var(--inner-width) * 1px);
  height: min(47px, 47 / 1280 * var(--inner-width) * 1px);
  border-radius: min(47px, 47 / 1280 * var(--inner-width) * 1px);
  font-size: min(14px, 14 / 1280 * var(--inner-width) * 1px);
  padding-left: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  padding-right: min(16px, 16 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .project-slide__button {
    width: calc(200 / 390 * var(--inner-width) * 1px);
    height: calc(47 / 390 * var(--inner-width) * 1px);
    border-radius: calc(47 / 390 * var(--inner-width) * 1px);
    font-size: calc(14 / 390 * var(--inner-width) * 1px);
    padding-left: calc(16 / 390 * var(--inner-width) * 1px);
    padding-right: calc(16 / 390 * var(--inner-width) * 1px);
  }
}
.project-slide__button .button__text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em;
}
.project-slide__button img {
  width: 0.8em;
  padding-bottom: 0.1em;
}
.project-slide__button .arrow {
  --arrow-size: 27;
  --arrow-sp-size: 27;
  background: #45993d;
  color: #fff;
}

.project-slide__name {
  height: min(80px, 80 / 1280 * var(--inner-width) * 1px);
  margin-top: min(20px, 20 / 1280 * var(--inner-width) * 1px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: min(8px, 8 / 1280 * var(--inner-width) * 1px);
  white-space: nowrap;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
@media only screen and (max-width: 48em) {
  .project-slide__name {
    margin-top: calc(20 / 390 * var(--inner-width) * 1px);
    height: calc(80 / 390 * var(--inner-width) * 1px);
  }
}
.swiper-slide-active .project-slide__name {
  opacity: 1;
}

.project-slide__name b {
  font-family: "Syncopate", sans-serif;
  font-weight: 700;
  font-size: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  color: #48a63f;
}
@media only screen and (max-width: 48em) {
  .project-slide__name b {
    font-size: calc(16 / 390 * var(--inner-width) * 1px);
  }
}
.project-slide__name span {
  display: block;
  height: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  font-weight: 500;
}
@media only screen and (max-width: 48em) {
  .project-slide__name span {
    font-size: calc(16 / 390 * var(--inner-width) * 1px);
  }
}

@media only screen and (max-width: 48em) {
  .project__buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: calc(32 / 390 * var(--inner-width) * 1px);
    gap: calc(24 / 390 * var(--inner-width) * 1px);
  }
}

.project__prev,
.project__next {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: min(72px, 72 / 1280 * var(--inner-width) * 1px);
  height: min(72px, 72 / 1280 * var(--inner-width) * 1px);
  border-radius: min(72px, 72 / 1280 * var(--inner-width) * 1px);
  background: #4ba32c;
  color: #fff;
  line-height: 1;
  position: absolute;
  overflow: hidden;
  z-index: 2;
  top: min(162px, 162 / 1280 * var(--inner-width) * 1px);
  padding-bottom: min(12px, 12 / 1280 * var(--inner-width) * 1px);
  transition-property: color, background, opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
@media only screen and (max-width: 48em) {
  .project__prev,
  .project__next {
    gap: calc(4 / 390 * var(--inner-width) * 1px);
    width: calc(72 / 390 * var(--inner-width) * 1px);
    height: calc(72 / 390 * var(--inner-width) * 1px);
    border-radius: calc(72 / 390 * var(--inner-width) * 1px);
    padding-bottom: calc(12 / 390 * var(--inner-width) * 1px);
    position: relative;
  }
}
.project__prev .arrow,
.project__next .arrow {
  --arrow-size: 56;
  --arrow-sp-size: 56;
}
.project__prev b,
.project__next b {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Syncopate", sans-serif;
  font-weight: 700;
  font-size: min(12px, 12 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .project__prev b,
  .project__next b {
    font-size: calc(12 / 390 * var(--inner-width) * 1px);
  }
}
.project__prev.swiper-button-disabled, .project__prev:disabled,
.project__next.swiper-button-disabled,
.project__next:disabled {
  pointer-events: none;
  opacity: 0.3;
}
.project__prev:hover,
.project__next:hover {
  background: #fff;
  color: #4ba32c;
}

.project__prev {
  right: calc(50% + min(256px, 256 / 1280 * var(--inner-width) * 1px));
}

.project__next {
  left: calc(50% + min(256px, 256 / 1280 * var(--inner-width) * 1px));
}

.recruiting-deck {
  padding-bottom: min(180px, 180 / 1280 * var(--inner-width) * 1px);
  position: relative;
}
.recruiting-deck .lines {
  top: max(-126px, -126 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .recruiting-deck .lines {
    top: calc(-142 / 390 * var(--inner-width) * 1px);
    bottom: calc(-100 / 390 * var(--inner-width) * 1px);
  }
}
.recruiting-deck .top-line-11 {
  right: calc(50% + min(181px, 181 / 1280 * var(--inner-width) * 1px));
  top: 0;
}
@media only screen and (max-width: 48em) {
  .recruiting-deck .top-line-11 {
    right: auto;
    left: calc(-469 / 390 * var(--inner-width) * 1px);
    top: 0;
  }
}
.recruiting-deck .top-line-11 {
  width: min(639px, 639 / 1280 * var(--inner-width) * 1px);
  height: min(422px, 422 / 1280 * var(--inner-width) * 1px);
}
.recruiting-deck .top-line-11 img {
  width: min(639px, 639 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .recruiting-deck .top-line-11 {
    width: calc(639 / 390 * var(--inner-width) * 1px);
    height: calc(0.6604068858 * 639 / 390 * var(--inner-width) * 1px);
  }
  .recruiting-deck .top-line-11 img {
    width: calc(639 / 390 * var(--inner-width) * 1px);
  }
}
.recruiting-deck .top-line-12 {
  left: calc(50% + min(235px, 235 / 1280 * var(--inner-width) * 1px));
  top: min(326px, 326 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .recruiting-deck .top-line-12 {
    left: auto;
    right: calc(-371 / 390 * var(--inner-width) * 1px);
    top: auto;
    bottom: calc(150 / 390 * var(--inner-width) * 1px);
  }
}
.recruiting-deck .top-line-12 {
  width: min(549px, 549 / 1280 * var(--inner-width) * 1px);
  height: min(482px, 482 / 1280 * var(--inner-width) * 1px);
}
.recruiting-deck .top-line-12 img {
  width: min(549px, 549 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .recruiting-deck .top-line-12 {
    width: calc(548 / 390 * var(--inner-width) * 1px);
    height: calc(0.8779599271 * 548 / 390 * var(--inner-width) * 1px);
  }
  .recruiting-deck .top-line-12 img {
    width: calc(548 / 390 * var(--inner-width) * 1px);
  }
}

.recruiting-deck__title {
  text-align: center;
  font-family: "Syncopate", sans-serif;
  font-weight: 700;
  font-size: min(48px, 48 / 1280 * var(--inner-width) * 1px);
  line-height: 1.2;
  margin-bottom: min(58px, 58 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .recruiting-deck__title {
    font-size: calc(48 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(56 / 390 * var(--inner-width) * 1px);
    letter-spacing: -0.1em;
  }
}

.recruiting-deck__carousel {
  width: min(730px, 730 / 1280 * var(--inner-width) * 1px);
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 48em) {
  .recruiting-deck__carousel {
    width: auto;
  }
}

.recruiting-deck-slide {
  width: min(730px, 730 / 1280 * var(--inner-width) * 1px);
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  padding-bottom: min(1px, 1 / 1280 * var(--inner-width) * 1px);
  position: relative;
}
@media only screen and (max-width: 48em) {
  .recruiting-deck-slide {
    width: auto;
  }
}

.recruiting-deck-slide__image {
  height: min(411px, 411 / 1280 * var(--inner-width) * 1px);
  border-radius: min(8px, 8 / 1280 * var(--inner-width) * 1px);
  position: relative;
}
@media only screen and (max-width: 48em) {
  .recruiting-deck-slide__image {
    height: calc(220 / 390 * var(--inner-width) * 1px);
    border-radius: calc(8 / 390 * var(--inner-width) * 1px);
  }
}
.recruiting-deck-slide__image figcaption {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: min(24px, 24 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .recruiting-deck-slide__image figcaption {
    font-size: calc(24 / 390 * var(--inner-width) * 1px);
  }
}

.recruiting-deck-slide__link-1,
.recruiting-deck-slide__link-2,
.recruiting-deck-slide__link-3,
.recruiting-deck-slide__link-4 {
  position: absolute;
  width: min(172px, 172 / 1280 * var(--inner-width) * 1px);
  right: min(38px, 38 / 1280 * var(--inner-width) * 1px);
  background: rgba(255, 255, 255, 0);
}
@media only screen and (max-width: 48em) {
  .recruiting-deck-slide__link-1,
  .recruiting-deck-slide__link-2,
  .recruiting-deck-slide__link-3,
  .recruiting-deck-slide__link-4 {
    width: calc(92 / 390 * var(--inner-width) * 1px);
    right: calc(20 / 390 * var(--inner-width) * 1px);
  }
}
.recruiting-deck-slide__link-1,
.recruiting-deck-slide__link-2,
.recruiting-deck-slide__link-3,
.recruiting-deck-slide__link-4 {
  transition-property: background;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
@media (hover: hover) {
  .recruiting-deck-slide__link-1:hover,
  .recruiting-deck-slide__link-2:hover,
  .recruiting-deck-slide__link-3:hover,
  .recruiting-deck-slide__link-4:hover {
    background: rgba(255, 255, 255, 0.3);
  }
}

.recruiting-deck-slide__link-1 {
  height: min(50px, 50 / 1280 * var(--inner-width) * 1px);
  top: min(157px, 157 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .recruiting-deck-slide__link-1 {
    height: calc(28 / 390 * var(--inner-width) * 1px);
    top: calc(83 / 390 * var(--inner-width) * 1px);
  }
}

.recruiting-deck-slide__link-2 {
  height: min(40px, 40 / 1280 * var(--inner-width) * 1px);
  top: min(218px, 218 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .recruiting-deck-slide__link-2 {
    height: calc(22 / 390 * var(--inner-width) * 1px);
    top: calc(116 / 390 * var(--inner-width) * 1px);
  }
}

.recruiting-deck-slide__link-3 {
  height: min(40px, 40 / 1280 * var(--inner-width) * 1px);
  top: min(268px, 268 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .recruiting-deck-slide__link-3 {
    height: calc(22 / 390 * var(--inner-width) * 1px);
    top: calc(143 / 390 * var(--inner-width) * 1px);
  }
}

.recruiting-deck-slide__link-4 {
  height: min(40px, 40 / 1280 * var(--inner-width) * 1px);
  top: min(318px, 318 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .recruiting-deck-slide__link-4 {
    height: calc(22 / 390 * var(--inner-width) * 1px);
    top: calc(170 / 390 * var(--inner-width) * 1px);
  }
}

.recruiting-deck__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(37px, 37 / 1280 * var(--inner-width) * 1px);
  margin-top: min(27px, 27 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .recruiting-deck__buttons {
    display: grid;
    grid-template-areas: "prev next" "download download";
    gap: calc(24 / 390 * var(--inner-width) * 1px);
    margin-top: calc(32 / 390 * var(--inner-width) * 1px);
  }
}

.recruiting-deck-slide__download,
.recruiting-deck__prev,
.recruiting-deck__next {
  border: 1px solid #000;
  color: #000;
  overflow: hidden;
  transition-property: color, background, opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.recruiting-deck-slide__download:hover,
.recruiting-deck__prev:hover,
.recruiting-deck__next:hover {
  background: #000;
  color: #fff;
}
.recruiting-deck-slide__download span,
.recruiting-deck__prev span,
.recruiting-deck__next span {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  will-change: transform;
  transition-property: transform;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.recruiting-deck-slide__download span::before,
.recruiting-deck__prev span::before,
.recruiting-deck__next span::before {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 48em) {
  .recruiting-deck-slide__download span::before,
  .recruiting-deck__prev span::before,
  .recruiting-deck__next span::before {
    display: none;
  }
}

.recruiting-deck-slide__download {
  width: min(165px, 165 / 1280 * var(--inner-width) * 1px);
  height: min(29px, 29 / 1280 * var(--inner-width) * 1px);
  border-radius: min(29px, 29 / 1280 * var(--inner-width) * 1px);
  font-size: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.1em;
}
@media only screen and (max-width: 48em) {
  .recruiting-deck-slide__download {
    grid-area: download;
    width: calc(240 / 390 * var(--inner-width) * 1px);
    height: calc(42 / 390 * var(--inner-width) * 1px);
    border-radius: calc(42 / 390 * var(--inner-width) * 1px);
    font-size: calc(20 / 390 * var(--inner-width) * 1px);
  }
}
.recruiting-deck-slide__download span::before {
  left: 0;
  bottom: 100%;
  content: "↓";
}
.recruiting-deck-slide__download:hover span {
  transform: translate(0, 100%);
}

.recruiting-deck__prev,
.recruiting-deck__next {
  width: min(32px, 32 / 1280 * var(--inner-width) * 1px);
  height: min(32px, 32 / 1280 * var(--inner-width) * 1px);
  border-radius: min(32px, 32 / 1280 * var(--inner-width) * 1px);
  font-size: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  font-weight: 700;
  padding-bottom: 0.15em;
}
@media only screen and (max-width: 48em) {
  .recruiting-deck__prev,
  .recruiting-deck__next {
    width: calc(72 / 390 * var(--inner-width) * 1px);
    height: calc(72 / 390 * var(--inner-width) * 1px);
    border-radius: calc(72 / 390 * var(--inner-width) * 1px);
    font-size: calc(24 / 390 * var(--inner-width) * 1px);
  }
}
.recruiting-deck__prev.swiper-button-disabled,
.recruiting-deck__next.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.3;
}
.recruiting-deck__prev .arrow,
.recruiting-deck__next .arrow {
  --arrow-size: 32;
  --arrow-sp-size: 64;
}

@media only screen and (max-width: 48em) {
  .recruiting-deck__prev {
    grid-area: prev;
    place-self: end;
  }
  .recruiting-deck__next {
    grid-area: next;
  }
}
.end {
  background: #fff;
  padding: min(85px, 85 / 1280 * var(--inner-width) * 1px) 0;
}
@media only screen and (max-width: 48em) {
  .end {
    padding: calc(56 / 390 * var(--inner-width) * 1px) calc(32 / 390 * var(--inner-width) * 1px);
  }
}
.end .inner {
  width: min(1040px, 1040 / 1280 * var(--inner-width) * 1px);
  display: flex;
  justify-content: center;
  align-items: stretch;
}
@media only screen and (max-width: 48em) {
  .end .inner {
    width: auto;
    flex-direction: column;
  }
}

.end__section {
  width: 50%;
  border: 1px solid #caccca;
  padding: min(32px, 32 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .end__section {
    width: auto;
    padding: calc(32 / 390 * var(--inner-width) * 1px) calc(24 / 390 * var(--inner-width) * 1px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
.end__section:nth-of-type(1) {
  border-width: 1px 0 1px 1px;
  background: rgba(139, 140, 139, 0.2);
}
@media only screen and (max-width: 48em) {
  .end__section:nth-of-type(1) {
    border-width: 1px 1px 0;
  }
}

.end__title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: min(16px, 16 / 1280 * var(--inner-width) * 1px);
  margin-bottom: min(16px, 16 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .end__title {
    gap: calc(8 / 390 * var(--inner-width) * 1px);
    margin-bottom: calc(24 / 390 * var(--inner-width) * 1px);
    align-items: center;
  }
}
.end__title span {
  font-family: "Syncopate", sans-serif;
  font-weight: 700;
  font-size: min(32px, 32 / 1280 * var(--inner-width) * 1px);
  line-height: 1.2;
}
@media only screen and (max-width: 48em) {
  .end__title span {
    font-size: calc(24 / 390 * var(--inner-width) * 1px);
  }
}
.end__title b {
  font-weight: 400;
  font-size: min(18px, 18 / 1280 * var(--inner-width) * 1px);
  line-height: 1;
}
@media only screen and (max-width: 48em) {
  .end__title b {
    font-size: calc(18 / 390 * var(--inner-width) * 1px);
  }
}

.end__button {
  width: min(168px, 168 / 1280 * var(--inner-width) * 1px);
  height: min(39px, 39 / 1280 * var(--inner-width) * 1px);
  border-radius: min(39px, 39 / 1280 * var(--inner-width) * 1px);
  padding-left: min(10px, 10 / 1280 * var(--inner-width) * 1px);
  padding-right: min(11px, 11 / 1280 * var(--inner-width) * 1px);
  font-size: min(14px, 14 / 1280 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .end__button {
    width: calc(168 / 390 * var(--inner-width) * 1px);
    height: calc(39 / 390 * var(--inner-width) * 1px);
    border-radius: calc(39 / 390 * var(--inner-width) * 1px);
    padding-left: calc(10 / 390 * var(--inner-width) * 1px);
    padding-right: calc(11 / 390 * var(--inner-width) * 1px);
    font-size: calc(14 / 390 * var(--inner-width) * 1px);
  }
}
.end__button .arrow {
  --arrow-size: 22;
  --arrow-sp-size: 22;
  background: #45993d;
  color: #fff;
}

.end__image {
  width: min(280px, 280 / 1280 * var(--inner-width) * 1px);
  height: min(160px, 160 / 1280 * var(--inner-width) * 1px);
  margin: max(-8px, -8 / 1280 * var(--inner-width) * 1px) 0 0 auto;
  overflow: hidden;
}
@media only screen and (max-width: 48em) {
  .end__image {
    margin: calc(24 / 390 * var(--inner-width) * 1px) 0 0;
    width: auto;
    height: calc(159 / 390 * var(--inner-width) * 1px);
  }
}
.end__image img {
  transition-property: transform;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}
.end__image.is-active img {
  transform: scale(1.1);
}/*# sourceMappingURL=top.css.map */