/* line 5, recruit.scss */
.wrapper section {
  margin-bottom: 120px; }
  @media screen and (max-width: 800px) {
    /* line 5, recruit.scss */
    .wrapper section {
      margin-bottom: 40px; } }
  @media screen and (max-width: 800px) {
    /* line 10, recruit.scss */
    .wrapper section.interview {
      margin-bottom: 64px; } }
/* line 16, recruit.scss */
.wrapper h2 {
  font-size: 20px;
  border: none;
  padding: 0 0 0 53px;
  margin-bottom: 48px; }
  @media screen and (max-width: 800px) {
    /* line 16, recruit.scss */
    .wrapper h2 {
      font-size: 16px;
      padding-left: 28px;
      margin-bottom: 28px; } }
  /* line 26, recruit.scss */
  .wrapper h2::before {
    top: 10px;
    width: 32px;
    height: 8px;
    background: linear-gradient(to right, #00874E 0%, #00874E 50%, #ADD0C9 50%, #ADD0C9 100%); }
    @media screen and (max-width: 800px) {
      /* line 26, recruit.scss */
      .wrapper h2::before {
        top: 10px;
        width: 21px;
        height: 5px; } }

/* line 41, recruit.scss */
.page-title {
  margin-bottom: 120px; }
  @media screen and (max-width: 800px) {
    /* line 41, recruit.scss */
    .page-title {
      margin-bottom: 50px; } }
  /* line 46, recruit.scss */
  .page-title.photo {
    height: 366px; }
    @media screen and (max-width: 800px) {
      /* line 46, recruit.scss */
      .page-title.photo {
        height: auto; } }
    /* line 51, recruit.scss */
    .page-title.photo::before {
      position: absolute;
      left: 50%;
      top: 0;
      translate: -50% 0;
      width: 100vw;
      height: 67.2vw;
      content: "";
      background-image: url("../img/bg_line_recruit01.png");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover;
      z-index: -1;
      pointer-events: none; }
      @media screen and (max-width: 800px) {
        /* line 51, recruit.scss */
        .page-title.photo::before {
          height: 150.4vw;
          background-image: url("../img/bg_line_recruit01_sp.png"); } }
    @media screen and (max-width: 800px) {
      /* line 70, recruit.scss */
      .page-title.photo .page-title-top {
        padding-top: 45px; } }
    /* line 75, recruit.scss */
    .page-title.photo .page-title-top h1 .jp {
      font-size: 36px; }
      @media screen and (max-width: 800px) {
        /* line 75, recruit.scss */
        .page-title.photo .page-title-top h1 .jp {
          font-size: 24px; } }
    /* line 83, recruit.scss */
    .page-title.photo .page-title-slide {
      display: flex;
      justify-content: space-between;
      position: absolute;
      top: 52px;
      right: -49px;
      width: 64.4vw;
      height: 366px;
      z-index: -1; }
      @media screen and (max-width: 800px) {
        /* line 83, recruit.scss */
        .page-title.photo .page-title-slide {
          position: relative;
          top: auto;
          right: auto;
          gap: 0 2px;
          width: calc(100% + 28px);
          height: 39.5vw;
          margin: 45px 0 0 -14px; } }
      /* line 105, recruit.scss */
      .page-title.photo .page-title-slide.start .recruit-topimage:nth-of-type(1) figure:nth-child(1) {
        animation: 12s ease-out infinite fadein 0s; }
      /* line 108, recruit.scss */
      .page-title.photo .page-title-slide.start .recruit-topimage:nth-of-type(1) figure:nth-child(2) {
        animation: 12s ease-out infinite fadein 4s; }
      /* line 111, recruit.scss */
      .page-title.photo .page-title-slide.start .recruit-topimage:nth-of-type(1) figure:nth-child(3) {
        animation: 12s ease-out infinite fadein-last 8s; }
      /* line 118, recruit.scss */
      .page-title.photo .page-title-slide.start .recruit-topimage:nth-child(2) figure:nth-child(1) {
        animation: 12s ease-out infinite fadein 0.25s; }
      /* line 121, recruit.scss */
      .page-title.photo .page-title-slide.start .recruit-topimage:nth-child(2) figure:nth-child(2) {
        animation: 12s ease-out infinite fadein 4.25s; }
      /* line 124, recruit.scss */
      .page-title.photo .page-title-slide.start .recruit-topimage:nth-child(2) figure:nth-child(3) {
        animation: 12s ease-out infinite fadein-last 8.25s; }
      /* line 131, recruit.scss */
      .page-title.photo .page-title-slide.start .recruit-topimage:nth-child(3) figure:nth-child(1) {
        animation: 12s ease-in-out infinite fadein-slow 0.5s; }
      /* line 134, recruit.scss */
      .page-title.photo .page-title-slide.start .recruit-topimage:nth-child(3) figure:nth-child(2) {
        animation: 12s ease-in-out infinite fadein-slow 4.5s; }
      /* line 137, recruit.scss */
      .page-title.photo .page-title-slide.start .recruit-topimage:nth-child(3) figure:nth-child(3) {
        animation: 12s ease-in-out infinite fadein-slow-last 8.5s; }
      /* line 144, recruit.scss */
      .page-title.photo .page-title-slide .recruit-topimage {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 8px; }
        /* line 150, recruit.scss */
        .page-title.photo .page-title-slide .recruit-topimage:nth-child(1) {
          width: 10.6vw; }
          @media screen and (max-width: 800px) {
            /* line 150, recruit.scss */
            .page-title.photo .page-title-slide .recruit-topimage:nth-child(1) {
              width: 16.5vw; } }
        /* line 156, recruit.scss */
        .page-title.photo .page-title-slide .recruit-topimage:nth-child(2) {
          width: 18.1vw; }
          @media screen and (max-width: 800px) {
            /* line 156, recruit.scss */
            .page-title.photo .page-title-slide .recruit-topimage:nth-child(2) {
              width: 28.3vw; } }
        /* line 162, recruit.scss */
        .page-title.photo .page-title-slide .recruit-topimage:nth-child(3) {
          width: 34.9vw;
          border-radius: 8px 0 0 8px; }
          @media screen and (max-width: 800px) {
            /* line 162, recruit.scss */
            .page-title.photo .page-title-slide .recruit-topimage:nth-child(3) {
              width: 54.1vw;
              border-radius: 6px 0 0 6px; } }
          /* line 170, recruit.scss */
          .page-title.photo .page-title-slide .recruit-topimage:nth-child(3) figure img {
            border-radius: 8px 0 0 8px; }
            @media screen and (max-width: 800px) {
              /* line 170, recruit.scss */
              .page-title.photo .page-title-slide .recruit-topimage:nth-child(3) figure img {
                border-radius: 6px 0 0 6px; } }
        /* line 178, recruit.scss */
        .page-title.photo .page-title-slide .recruit-topimage::before {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          content: "";
          background: linear-gradient(#1de8f0 0%, #17c9ac 15.27%, #04ac65 43.84%, #1ca76c 63.05%, #4ab568 77.34%, #8bc973 91.13%, #dade7d 100%);
          opacity: 0.5;
          z-index: 0;
          pointer-events: none; }
        /* line 190, recruit.scss */
        .page-title.photo .page-title-slide .recruit-topimage figure {
          position: relative;
          width: 100%;
          height: 100%;
          opacity: 0;
          translate: -15px 0; }
          /* line 196, recruit.scss */
          .page-title.photo .page-title-slide .recruit-topimage figure:nth-child(2), .page-title.photo .page-title-slide .recruit-topimage figure:nth-child(3) {
            position: absolute;
            top: 0;
            left: 0; }
          /* line 202, recruit.scss */
          .page-title.photo .page-title-slide .recruit-topimage figure:nth-child(1) {
            position: relative;
            z-index: 1; }
          /* line 206, recruit.scss */
          .page-title.photo .page-title-slide .recruit-topimage figure:nth-child(2) {
            z-index: 2; }
          /* line 209, recruit.scss */
          .page-title.photo .page-title-slide .recruit-topimage figure:nth-child(3) {
            z-index: 3; }
          /* line 212, recruit.scss */
          .page-title.photo .page-title-slide .recruit-topimage figure img {
            width: 100%;
            height: 100%;
            border-radius: 8px;
            object-fit: cover; }
            @media screen and (max-width: 800px) {
              /* line 212, recruit.scss */
              .page-title.photo .page-title-slide .recruit-topimage figure img {
                border-radius: 6px; } }

@keyframes fadein {
  0% {
    opacity: 0;
    translate: -15px 0; }
  0.08% {
    opacity: 0;
    translate: -15px 0; }
  3.3% {
    opacity: 1;
    translate: 0px 0; }
  41.6% {
    opacity: 1;
    translate: 0px 0; }
  44.2% {
    opacity: 0;
    translate: 0px 0; }
  99% {
    opacity: 0;
    translate: 0px 0; }
  99.1% {
    opacity: 0;
    translate: -15px 0; }
  100% {
    opacity: 0;
    translate: -15px 0; } }
@keyframes fadein-last {
  0% {
    opacity: 0;
    translate: -15px 0;
    z-index: 2; }
  0.08% {
    opacity: 0;
    translate: -15px 0;
    z-index: 2; }
  3.3% {
    opacity: 1;
    translate: 0px 0;
    z-index: 2; }
  33.2% {
    opacity: 1;
    translate: 0px 0;
    z-index: 2; }
  33.3% {
    opacity: 1;
    translate: 0px 0;
    z-index: 0; }
  35.8% {
    opacity: 1;
    translate: 0px 0;
    z-index: 0; }
  99.9% {
    opacity: 0;
    translate: -15px 0;
    z-index: 0; }
  100% {
    opacity: 0;
    translate: -15px 0;
    z-index: 0; } }
@keyframes fadein-slow {
  0% {
    opacity: 0;
    translate: -15px 0; }
  0.1% {
    opacity: 0;
    translate: -15px 0; }
  5% {
    opacity: 1;
    translate: 0px 0; }
  41.6% {
    opacity: 1;
    translate: 0px 0; }
  44.2% {
    opacity: 0;
    translate: 0px 0; }
  99.9% {
    opacity: 0;
    translate: 0px 0; }
  100% {
    opacity: 0;
    translate: -15px 0; } }
@keyframes fadein-slow-last {
  0% {
    opacity: 0;
    translate: -15px 0;
    z-index: 2; }
  0.1% {
    opacity: 0;
    translate: -15px 0;
    z-index: 2; }
  5% {
    opacity: 1;
    translate: 0px 0;
    z-index: 2; }
  33.2% {
    opacity: 1;
    translate: 0px 0;
    z-index: 2; }
  33.3% {
    opacity: 1;
    translate: 0px 0;
    z-index: 0; }
  35.8% {
    opacity: 1;
    translate: 0px 0;
    z-index: 0; }
  99.9% {
    opacity: 0;
    translate: -15px 0;
    z-index: 0; }
  100% {
    opacity: 0;
    translate: -15px 0;
    z-index: 0; } }
/* line 380, recruit.scss */
.recruit-top {
  margin-bottom: 72px; }
  @media screen and (max-width: 800px) {
    /* line 380, recruit.scss */
    .recruit-top {
      margin-bottom: 56px; } }
  /* line 385, recruit.scss */
  .recruit-top .recruit-top-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    @media screen and (max-width: 800px) {
      /* line 385, recruit.scss */
      .recruit-top .recruit-top-content {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 25px 0; } }
    /* line 394, recruit.scss */
    .recruit-top .recruit-top-content .l-rt {
      display: inline-block; }
      @media screen and (max-width: 800px) {
        /* line 394, recruit.scss */
        .recruit-top .recruit-top-content .l-rt {
          display: block;
          width: 100%; } }
      /* line 400, recruit.scss */
      .recruit-top .recruit-top-content .l-rt h2 {
        display: inline-block;
        font-size: 94px;
        line-height: 1.3;
        padding: 0;
        margin: 0; }
        @media screen and (max-width: 800px) {
          /* line 400, recruit.scss */
          .recruit-top .recruit-top-content .l-rt h2 {
            font-size: 36px;
            line-height: 1.4; } }
        /* line 410, recruit.scss */
        .recruit-top .recruit-top-content .l-rt h2::before {
          display: none; }
    /* line 415, recruit.scss */
    .recruit-top .recruit-top-content .r-rt {
      display: inline-block; }
      @media screen and (max-width: 800px) {
        /* line 415, recruit.scss */
        .recruit-top .recruit-top-content .r-rt {
          display: block;
          width: 100%; } }
      /* line 421, recruit.scss */
      .recruit-top .recruit-top-content .r-rt p {
        display: inline-block;
        font-size: 18px;
        margin: 0; }
        @media screen and (max-width: 800px) {
          /* line 421, recruit.scss */
          .recruit-top .recruit-top-content .r-rt p {
            font-size: 15px; } }

/* line 435, recruit.scss */
.message {
  position: relative;
  border-radius: 64px;
  margin-bottom: 72px; }
  @media screen and (max-width: 800px) {
    /* line 435, recruit.scss */
    .message {
      border-radius: 32px;
      margin-bottom: 56px; } }
  /* line 445, recruit.scss */
  .message.start .cbox::before {
    width: 100%;
    height: 100%; }
  /* line 451, recruit.scss */
  .message.start .message-content .l-message {
    opacity: 1;
    translate: 0 0; }
  /* line 455, recruit.scss */
  .message.start .message-content .r-message {
    opacity: 1;
    translate: 0 0; }
  /* line 461, recruit.scss */
  .message .cbox {
    padding: 132px 0 80px;
    overflow: hidden; }
    @media screen and (max-width: 800px) {
      /* line 461, recruit.scss */
      .message .cbox {
        padding: 48px 32px 68px; } }
    /* line 467, recruit.scss */
    .message .cbox::before {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 90%;
      height: 90%;
      translate: -50% -50%;
      content: "";
      border-radius: 64px;
      background: linear-gradient(-135deg, #51ced3 0%, #17c9ac 15.27%, #04ac65 43.84%, #1ca76c 63.05%, #4ab568 77.34%, #8bc973 91.13%, #d1dc7c 100%, #dade7d 100%);
      z-index: -1;
      pointer-events: none;
      transition: all 1s ease-out; }
      @media screen and (max-width: 800px) {
        /* line 467, recruit.scss */
        .message .cbox::before {
          border-radius: 32px;
          background: linear-gradient(-135deg, #51ced3 0%, #17c9ac 15.27%, #04ac65 43.84%, #1ca76c 63.05%, #4ab568 77.34%, #8bc973 91.13%, #d1dc7c 100%, #dade7d 100%); } }
  /* line 486, recruit.scss */
  .message .message-content {
    position: relative;
    width: calc(100% - 32px);
    max-width: 1113px;
    margin: 0 auto;
    z-index: 2; }
    @media screen and (max-width: 800px) {
      /* line 486, recruit.scss */
      .message .message-content {
        width: 100%; } }
    /* line 495, recruit.scss */
    .message .message-content .l-message {
      position: relative;
      margin-bottom: 112px;
      translate: -10px 0;
      opacity: 0;
      transition: opacity 0.2s ease-out 0.4s,translate 0.2s ease-out 0.4s; }
      @media screen and (max-width: 800px) {
        /* line 495, recruit.scss */
        .message .message-content .l-message {
          margin-bottom: 0; } }
      /* line 504, recruit.scss */
      .message .message-content .l-message h2 {
        color: #FFFFFF; }
      /* line 507, recruit.scss */
      .message .message-content .l-message .read-message {
        position: relative;
        color: #FFFFFF;
        font-size: 45px;
        font-weight: 700;
        line-height: 1.4;
        margin: 0;
        z-index: 1; }
        @media screen and (max-width: 800px) {
          /* line 507, recruit.scss */
          .message .message-content .l-message .read-message {
            font-size: 22px;
            line-height: 1.5; } }
        /* line 519, recruit.scss */
        .message .message-content .l-message .read-message .bg-text {
          display: inline-block;
          color: #0C9C60;
          line-height: 1.2;
          background-color: #FFFFFF;
          margin-right: 5px; }
          @media screen and (max-width: 800px) {
            /* line 519, recruit.scss */
            .message .message-content .l-message .read-message .bg-text {
              margin-right: 3px; } }
    /* line 531, recruit.scss */
    .message .message-content .r-message {
      position: relative;
      width: 100%;
      max-width: 563px;
      margin: 0 0 0 auto;
      z-index: 2;
      translate: -10px 0;
      opacity: 0;
      transition: opacity 0.2s ease-out 0.4s,translate 0.2s ease-out 0.4s; }
      @media screen and (max-width: 800px) {
        /* line 531, recruit.scss */
        .message .message-content .r-message {
          max-width: inherit;
          margin: -16px 0 0; } }
      /* line 544, recruit.scss */
      .message .message-content .r-message p {
        color: #FFFFFF;
        line-height: 2.2;
        margin-bottom: 40px; }
        @media screen and (max-width: 800px) {
          /* line 544, recruit.scss */
          .message .message-content .r-message p {
            font-size: 14px;
            line-height: 1.7;
            margin-bottom: 25px; } }
        /* line 553, recruit.scss */
        .message .message-content .r-message p:last-child {
          margin-bottom: 0; }
  /* line 559, recruit.scss */
  .message .recruitmessage-arrow {
    position: absolute;
    left: -60px;
    top: 188px;
    width: 93.5%;
    z-index: 0; }
    @media screen and (max-width: 800px) {
      /* line 559, recruit.scss */
      .message .recruitmessage-arrow {
        position: relative;
        left: -35px;
        top: -24px;
        width: calc(100% + 45px); } }
  /* line 572, recruit.scss */
  .message .recruit-message {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    z-index: 1;
    translate: -10px 0;
    opacity: 1; }
    @media screen and (max-width: 800px) {
      /* line 572, recruit.scss */
      .message .recruit-message {
        width: 103.5vw;
        bottom: -2px; } }
    /* line 584, recruit.scss */
    .message .recruit-message img {
      width: 100%; }

/* line 589, recruit.scss */
.KMyRuJTY_0 {
  stroke-dasharray: 1463 1465;
  stroke-dashoffset: 1464; }

/* line 589, recruit.scss */
.start .KMyRuJTY_0 {
  animation: KMyRuJTY_draw 1400ms cubic-bezier(0.33, 1, 0.68, 1) 0ms forwards; }

@keyframes KMyRuJTY_draw {
  100% {
    stroke-dashoffset: 0; } }
@keyframes KMyRuJTY_fade {
  0% {
    stroke-opacity: 1; }
  93.54838709677419% {
    stroke-opacity: 1; }
  100% {
    stroke-opacity: 0; } }
/* line 591, recruit.scss */
.osjUmvMF_0 {
  stroke-dasharray: 397 399;
  stroke-dashoffset: 398; }

/* line 591, recruit.scss */
.start .osjUmvMF_0 {
  animation: osjUmvMF_draw 1400ms cubic-bezier(0.33, 1, 0.68, 1) 0ms forwards; }

@keyframes osjUmvMF_draw {
  100% {
    stroke-dashoffset: 0; } }
@keyframes osjUmvMF_fade {
  0% {
    stroke-opacity: 1; }
  92.3076923076923% {
    stroke-opacity: 1; }
  100% {
    stroke-opacity: 0; } }
/* line 594, recruit.scss */
.works {
  background-color: #E9F7EF;
  border-radius: 32px;
  padding: 112px 0; }
  @media screen and (max-width: 800px) {
    /* line 594, recruit.scss */
    .works {
      border-radius: 0;
      padding: 56px 0 40px; } }
  /* line 602, recruit.scss */
  .works::before {
    position: absolute;
    left: 50%;
    top: 0;
    translate: -50% 0;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url("../img/bg_line_recruit02.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    z-index: 0;
    pointer-events: none; }
    @media screen and (max-width: 800px) {
      /* line 602, recruit.scss */
      .works::before {
        background-image: url("../img/bg_line_recruit02_sp.png"); } }

/* line 621, recruit.scss */
.works-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px; }
  @media screen and (max-width: 800px) {
    /* line 621, recruit.scss */
    .works-content {
      flex-wrap: wrap;
      gap: 6px 0;
      margin-bottom: 32px; } }
  /* line 631, recruit.scss */
  .works-content:last-of-type {
    margin-bottom: 0; }
  /* line 634, recruit.scss */
  .works-content .l-works {
    width: 184px;
    background-color: #FFFFFF;
    border-radius: 16px; }
    @media screen and (max-width: 800px) {
      /* line 634, recruit.scss */
      .works-content .l-works {
        width: 100%;
        border-radius: 8px;
        padding: 24px 20px; } }
    /* line 643, recruit.scss */
    .works-content .l-works h3 {
      text-align: center;
      height: 100%;
      margin: 0; }
      /* line 647, recruit.scss */
      .works-content .l-works h3 .jp {
        display: flex;
        align-items: center;
        width: 100%;
        font-size: 22px;
        writing-mode: vertical-lr;
        padding-top: 88px; }
        @media screen and (max-width: 800px) {
          /* line 647, recruit.scss */
          .works-content .l-works h3 .jp {
            display: block;
            font-size: 18px;
            text-align: center;
            writing-mode: horizontal-tb;
            padding-top: 0;
            margin-bottom: 4px; } }
      /* line 663, recruit.scss */
      .works-content .l-works h3 .en {
        display: block;
        width: 100%;
        position: absolute;
        left: 50%;
        bottom: 30px;
        translate: -50% 0;
        color: #00874E;
        font-size: 13px;
        letter-spacing: 0.16em; }
        @media screen and (max-width: 800px) {
          /* line 663, recruit.scss */
          .works-content .l-works h3 .en {
            position: relative;
            left: auto;
            bottom: auto;
            translate: 0 0;
            font-size: 10px; } }
  /* line 683, recruit.scss */
  .works-content .r-works {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 7.5%;
    width: calc(100% - 190px);
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 72px 0; }
    @media screen and (max-width: 800px) {
      /* line 683, recruit.scss */
      .works-content .r-works {
        width: 100%;
        flex-direction: column-reverse;
        gap: 32px 0;
        border-radius: 8px;
        padding: 40px 20px 32px; } }
    /* line 699, recruit.scss */
    .works-content .r-works .works-detail {
      width: 43%; }
      @media screen and (max-width: 800px) {
        /* line 699, recruit.scss */
        .works-content .r-works .works-detail {
          width: 100%; } }
      /* line 704, recruit.scss */
      .works-content .r-works .works-detail h4 {
        font-size: 28px;
        margin-bottom: 24px; }
        @media screen and (max-width: 800px) {
          /* line 704, recruit.scss */
          .works-content .r-works .works-detail h4 {
            font-size: 22px; } }
      /* line 711, recruit.scss */
      .works-content .r-works .works-detail p {
        margin: 0; }
    /* line 715, recruit.scss */
    .works-content .r-works .wokrs-img {
      width: 36.4%;
      text-align: center; }
      @media screen and (max-width: 800px) {
        /* line 715, recruit.scss */
        .works-content .r-works .wokrs-img {
          width: 64.6%;
          margin: 0 auto; } }

/* line 729, recruit.scss */
main.active {
  z-index: 9; }
  @media screen and (max-width: 800px) {
    /* line 729, recruit.scss */
    main.active {
      z-index: 1; } }

/* line 736, recruit.scss */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s linear;
  z-index: 0; }
  /* line 747, recruit.scss */
  .overlay.active {
    transition: all 0.3s linear;
    opacity: 1;
    pointer-events: auto;
    z-index: 10; }

/* line 756, recruit.scss */
.interview::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 54.1vw;
  content: "";
  background-image: url("../img/bg_line_recruit03.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  z-index: -1;
  pointer-events: none; }
  @media screen and (max-width: 800px) {
    /* line 756, recruit.scss */
    .interview::before {
      display: none; } }

/* line 774, recruit.scss */
.read-top {
  display: flex;
  justify-content: space-between;
  gap: 0 24px;
  margin-bottom: 64px; }
  @media screen and (max-width: 800px) {
    /* line 774, recruit.scss */
    .read-top {
      flex-wrap: wrap;
      gap: 0;
      margin-bottom: 32px; } }
  /* line 784, recruit.scss */
  .read-top h2 {
    display: inline-block; }
    @media screen and (max-width: 800px) {
      /* line 784, recruit.scss */
      .read-top h2 {
        display: block;
        width: 100%;
        margin-bottom: 20px; } }
  /* line 792, recruit.scss */
  .read-top p {
    max-width: 620px;
    font-size: 18px;
    margin: 0; }
    @media screen and (max-width: 800px) {
      /* line 792, recruit.scss */
      .read-top p {
        width: 100%;
        max-width: inherit;
        font-size: 15px; } }

/* line 803, recruit.scss */
#interview-slide {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100dvh;
  background-color: #FFFFFF;
  transition: all 0.3s linear 0.1s;
  z-index: 0;
  opacity: 0;
  pointer-events: none; }
  /* line 814, recruit.scss */
  #interview-slide.active {
    opacity: 1;
    z-index: 11; }
    /* line 817, recruit.scss */
    #interview-slide.active .splide__arrows {
      pointer-events: auto; }
    /* line 820, recruit.scss */
    #interview-slide.active .modal-content {
      pointer-events: auto; }
  /* line 824, recruit.scss */
  #interview-slide .splide__track {
    height: 100dvh; }
    /* line 826, recruit.scss */
    #interview-slide .splide__track .splide__list {
      align-items: center; }
      @media screen and (max-width: 800px) {
        /* line 826, recruit.scss */
        #interview-slide .splide__track .splide__list {
          align-items: flex-start;
          padding-top: 100px !important; } }
  /* line 835, recruit.scss */
  #interview-slide .splide__arrows .splide__arrow {
    display: block;
    left: 50%;
    width: 96px;
    height: 96px;
    line-height: 1;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    opacity: 1;
    filter: drop-shadow(0px 3px 26px rgba(0, 0, 0, 0.16)); }
    @media screen and (max-width: 1400px) {
      /* line 835, recruit.scss */
      #interview-slide .splide__arrows .splide__arrow {
        width: 56px;
        height: 56px; } }
    @media screen and (max-width: 800px) {
      /* line 835, recruit.scss */
      #interview-slide .splide__arrows .splide__arrow {
        position: fixed;
        top: auto;
        transform: translate(0, 0);
        bottom: 20px; } }
    /* line 857, recruit.scss */
    #interview-slide .splide__arrows .splide__arrow.splide__arrow--prev {
      margin-left: calc(-1360px / 2);
      background-image: url("../img/slide_arrow_l.svg"); }
      @media screen and (max-width: 1400px) {
        /* line 857, recruit.scss */
        #interview-slide .splide__arrows .splide__arrow.splide__arrow--prev {
          left: 14px;
          margin-left: 0;
          background-size: 14px 14px; } }
    /* line 866, recruit.scss */
    #interview-slide .splide__arrows .splide__arrow.splide__arrow--next {
      right: auto;
      margin-left: calc(1168px / 2);
      background-image: url("../img/slide_arrow_r.svg"); }
      @media screen and (max-width: 1400px) {
        /* line 866, recruit.scss */
        #interview-slide .splide__arrows .splide__arrow.splide__arrow--next {
          left: auto;
          right: 14px;
          margin-left: 0;
          background-size: 14px 14px; } }
    /* line 877, recruit.scss */
    #interview-slide .splide__arrows .splide__arrow svg {
      display: none; }

/* line 883, recruit.scss */
.modal-content {
  position: relative;
  width: calc(100% - 28px);
  max-width: 1264px;
  background-color: #FFFFFF;
  box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.16);
  border-radius: 32px;
  padding: 125px 0;
  margin: 0 auto; }
  @media screen and (max-width: 800px) {
    /* line 883, recruit.scss */
    .modal-content {
      height: calc(100dvh - 200px);
      border-radius: 16px;
      padding: 50px 28px 40px;
      overflow-y: auto; } }
  /* line 898, recruit.scss */
  .modal-content::before {
    position: absolute;
    right: 0;
    bottom: -33px;
    color: rgba(0, 135, 78, 0.11);
    font-family: "Montserrat", sans-serif;
    font-size: 235px;
    font-weight: 500;
    line-height: 1;
    content: attr(data-value);
    z-index: 0; }
    @media screen and (max-width: 800px) {
      /* line 898, recruit.scss */
      .modal-content::before {
        left: 0;
        top: 20px;
        right: auto;
        bottom: auto;
        font-size: 89px; } }
  /* line 917, recruit.scss */
  .modal-content .modal-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 4.4%; }
    @media screen and (max-width: 800px) {
      /* line 917, recruit.scss */
      .modal-content .modal-detail {
        flex-direction: column;
        gap: 40px 0; } }
    /* line 926, recruit.scss */
    .modal-content .modal-detail .interview-img {
      width: 31.6%; }
      @media screen and (max-width: 800px) {
        /* line 926, recruit.scss */
        .modal-content .modal-detail .interview-img {
          width: 79.5%;
          margin: 0 auto; } }
      /* line 932, recruit.scss */
      .modal-content .modal-detail .interview-img img {
        width: 100%;
        border-radius: 8px; }
    /* line 937, recruit.scss */
    .modal-content .modal-detail .r-modal {
      width: 43.8%; }
      @media screen and (max-width: 800px) {
        /* line 937, recruit.scss */
        .modal-content .modal-detail .r-modal {
          width: 100%; } }
      /* line 942, recruit.scss */
      .modal-content .modal-detail .r-modal h3 {
        width: calc(100% + 30px);
        font-size: 32px;
        margin-bottom: 24px; }
        @media screen and (max-width: 800px) {
          /* line 942, recruit.scss */
          .modal-content .modal-detail .r-modal h3 {
            width: 100%;
            font-size: 22px;
            margin-bottom: 16px; } }
      /* line 952, recruit.scss */
      .modal-content .modal-detail .r-modal p {
        margin: 0; }
        /* line 954, recruit.scss */
        .modal-content .modal-detail .r-modal p.katagaki {
          display: inline-block;
          color: #FFFFFF;
          font-weight: 700;
          border-radius: 9999px;
          background-color: #0BAA67;
          margin-bottom: 10px;
          padding: 3px 32px; }
          @media screen and (max-width: 800px) {
            /* line 954, recruit.scss */
            .modal-content .modal-detail .r-modal p.katagaki {
              font-size: 14px; } }
        /* line 966, recruit.scss */
        .modal-content .modal-detail .r-modal p.profile {
          margin-bottom: 40px; }
          @media screen and (max-width: 800px) {
            /* line 966, recruit.scss */
            .modal-content .modal-detail .r-modal p.profile {
              margin-bottom: 32px; } }

/* line 976, recruit.scss */
.btn-close {
  position: absolute;
  top: 40px;
  right: 50px;
  color: #00874E;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.16em;
  cursor: pointer; }
  @media screen and (max-width: 800px) {
    /* line 976, recruit.scss */
    .btn-close {
      position: fixed;
      top: auto;
      right: auto;
      left: 50%;
      bottom: 20px;
      translate: -50% 0;
      word-break: break-all;
      pointer-events: auto; } }
  /* line 997, recruit.scss */
  .btn-close .i-close {
    position: relative;
    display: block;
    width: 55px;
    height: 27px;
    background-color: #00874E;
    border-radius: 8px;
    margin: 0 auto 10px; }
    /* line 1005, recruit.scss */
    .btn-close .i-close::before, .btn-close .i-close::after {
      position: absolute;
      top: 50%;
      left: 50%;
      translate: -50% -50%;
      width: 15px;
      height: 3px;
      content: "";
      background-color: #FFFFFF;
      pointer-events: none; }
    /* line 1017, recruit.scss */
    .btn-close .i-close::before {
      rotate: 45deg; }
    /* line 1020, recruit.scss */
    .btn-close .i-close::after {
      rotate: -45deg; }

/* line 1026, recruit.scss */
.interviewlist {
  width: 100%; }
  /* line 1028, recruit.scss */
  .interviewlist ul {
    display: flex;
    gap: 0 6px;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 800px) {
      /* line 1028, recruit.scss */
      .interviewlist ul {
        flex-wrap: wrap;
        gap: 4px 0; } }
    /* line 1037, recruit.scss */
    .interviewlist ul li {
      position: relative;
      width: 100%;
      text-decoration: none;
      border-radius: 8px;
      border: none;
      text-align: left;
      margin: 0;
      overflow: hidden;
      counter-increment: count2; }
      @media screen and (max-width: 800px) {
        /* line 1037, recruit.scss */
        .interviewlist ul li {
          height: 48.3vw;
          min-height: 181px; } }
      /* line 1052, recruit.scss */
      .interviewlist ul li:nth-child(1)::before {
        background-image: url("../img/interview_img01_s.jpg"); }
        @media screen and (max-width: 800px) {
          /* line 1052, recruit.scss */
          .interviewlist ul li:nth-child(1)::before {
            background-image: url("../img/interview_img01_s_sp.jpg"); } }
      /* line 1060, recruit.scss */
      .interviewlist ul li:nth-child(2)::before {
        background-image: url("../img/interview_img02_s.jpg"); }
        @media screen and (max-width: 800px) {
          /* line 1060, recruit.scss */
          .interviewlist ul li:nth-child(2)::before {
            background-image: url("../img/interview_img02_s_sp.jpg"); } }
      /* line 1068, recruit.scss */
      .interviewlist ul li:nth-child(3)::before {
        background-image: url("../img/interview_img03_s.jpg"); }
        @media screen and (max-width: 800px) {
          /* line 1068, recruit.scss */
          .interviewlist ul li:nth-child(3)::before {
            background-image: url("../img/interview_img03_s_sp.jpg"); } }
      /* line 1076, recruit.scss */
      .interviewlist ul li:nth-child(4)::before {
        background-image: url("../img/interview_img04_s.jpg"); }
        @media screen and (max-width: 800px) {
          /* line 1076, recruit.scss */
          .interviewlist ul li:nth-child(4)::before {
            background-image: url("../img/interview_img04_s_sp.jpg"); } }
      /* line 1084, recruit.scss */
      .interviewlist ul li:nth-child(5)::before {
        background-image: url("../img/interview_img05_s.jpg"); }
        @media screen and (max-width: 800px) {
          /* line 1084, recruit.scss */
          .interviewlist ul li:nth-child(5)::before {
            background-image: url("../img/interview_img05_s_sp.jpg"); } }
      /* line 1091, recruit.scss */
      .interviewlist ul li::before, .interviewlist ul li::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        border-radius: 8px;
        pointer-events: none; }
        @media screen and (max-width: 800px) {
          /* line 1091, recruit.scss */
          .interviewlist ul li::before, .interviewlist ul li::after {
            border-radius: 6px; } }
      /* line 1105, recruit.scss */
      .interviewlist ul li::before {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        transition: scale 0.2s ease-out;
        scale: 1;
        z-index: 1; }
      /* line 1113, recruit.scss */
      .interviewlist ul li::after {
        mix-blend-mode: multiply;
        background: linear-gradient(#FFFFFF 0%, #d8d8d8 60.1%, #5d5d5d 100%);
        z-index: 1; }
      @media screen and (min-width: 800px) {
        /* line 1120, recruit.scss */
        .interviewlist ul li:hover::before {
          scale: 1.05; }
        /* line 1124, recruit.scss */
        .interviewlist ul li:hover .btn-plus::before, .interviewlist ul li:hover .btn-plus::after {
          transition: rotate 0.2s ease-out; }
        /* line 1128, recruit.scss */
        .interviewlist ul li:hover .btn-plus::before {
          rotate: 90deg; }
        /* line 1131, recruit.scss */
        .interviewlist ul li:hover .btn-plus::after {
          rotate: 180deg; } }
      /* line 1137, recruit.scss */
      .interviewlist ul li button {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-end;
        align-items: flex-end;
        width: 100%;
        min-height: 500px;
        padding: 0 18px 18px 18px;
        color: #FFFFFF;
        font-family: YakuHanJP, "Zen Kaku Gothic New", sans-serif;
        font-weight: 700;
        line-height: 1.5;
        text-align: left;
        border: none;
        cursor: pointer; }
        @media screen and (max-width: 800px) {
          /* line 1137, recruit.scss */
          .interviewlist ul li button {
            height: 48.3vw;
            min-height: 181px;
            padding: 0 16px 24px 16px; } }
        /* line 1158, recruit.scss */
        .interviewlist ul li button span {
          position: relative;
          display: block;
          z-index: 2; }
          /* line 1162, recruit.scss */
          .interviewlist ul li button span.i-katagaki {
            width: 100%;
            font-size: 16px;
            margin-bottom: 10px; }
            @media screen and (max-width: 800px) {
              /* line 1162, recruit.scss */
              .interviewlist ul li button span.i-katagaki {
                font-size: 14px; } }
            /* line 1169, recruit.scss */
            .interviewlist ul li button span.i-katagaki::before {
              position: absolute;
              left: -20px;
              top: 0;
              translate: 0 -70%;
              color: rgba(255, 255, 255, 0.33);
              font-family: "Montserrat", sans-serif;
              font-size: 77px;
              font-weight: 500;
              line-height: 1;
              content: counter(count2,decimal-leading-zero);
              z-index: 0; }
          /* line 1183, recruit.scss */
          .interviewlist ul li button span.i-title {
            font-size: 22px;
            margin-bottom: 12px; }
            @media screen and (max-width: 800px) {
              /* line 1183, recruit.scss */
              .interviewlist ul li button span.i-title {
                font-size: 18px;
                margin-bottom: 0; } }
          /* line 1191, recruit.scss */
          .interviewlist ul li button span.btn-plus {
            position: relative;
            width: 55px;
            height: 27px;
            background-color: #00874E;
            border-radius: 4px; }
            @media screen and (max-width: 800px) {
              /* line 1191, recruit.scss */
              .interviewlist ul li button span.btn-plus {
                position: absolute;
                right: 16px;
                bottom: 24px;
                width: 41px;
                height: 20px; } }
            /* line 1204, recruit.scss */
            .interviewlist ul li button span.btn-plus::before, .interviewlist ul li button span.btn-plus::after {
              position: absolute;
              left: 50%;
              top: 50%;
              translate: -50% -50%;
              width: 15px;
              height: 3px;
              content: "";
              background-color: #FFFFFF;
              transition: rotate 0s ease-out; }
              @media screen and (max-width: 800px) {
                /* line 1204, recruit.scss */
                .interviewlist ul li button span.btn-plus::before, .interviewlist ul li button span.btn-plus::after {
                  width: 10px;
                  height: 2px; } }
            /* line 1220, recruit.scss */
            .interviewlist ul li button span.btn-plus::after {
              rotate: -90deg; }

/* line 1233, recruit.scss */
.real h2 {
  margin-bottom: 96px; }
  @media screen and (max-width: 800px) {
    /* line 1233, recruit.scss */
    .real h2 {
      margin-bottom: 24px; } }

/* line 1240, recruit.scss */
.real-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1112px;
  margin: 0 auto 80px; }
  /* line 1246, recruit.scss */
  .real-content:last-child {
    margin-bottom: 120px; }
    @media screen and (max-width: 800px) {
      /* line 1246, recruit.scss */
      .real-content:last-child {
        margin-bottom: 64px; } }
  @media screen and (max-width: 1250px) {
    /* line 1240, recruit.scss */
    .real-content {
      flex-direction: column;
      gap: 24px 0; } }
  @media screen and (max-width: 800px) {
    /* line 1240, recruit.scss */
    .real-content {
      margin-bottom: 56px; } }
  /* line 1259, recruit.scss */
  .real-content .l-real {
    width: 388px; }
    @media screen and (max-width: 1250px) {
      /* line 1259, recruit.scss */
      .real-content .l-real {
        width: 100%; } }
    /* line 1264, recruit.scss */
    .real-content .l-real h3 {
      margin-bottom: 0; }
      /* line 1266, recruit.scss */
      .real-content .l-real h3 .en {
        position: relative;
        display: flex;
        align-items: center;
        color: #00874E;
        margin-bottom: 15px; }
        @media screen and (max-width: 800px) {
          /* line 1266, recruit.scss */
          .real-content .l-real h3 .en {
            margin-bottom: 5px; } }
        /* line 1275, recruit.scss */
        .real-content .l-real h3 .en .q-title {
          display: inline-block;
          writing-mode: vertical-rl;
          font-size: 13px;
          margin-right: 5px; }
          @media screen and (max-width: 800px) {
            /* line 1275, recruit.scss */
            .real-content .l-real h3 .en .q-title {
              font-size: 9px; } }
        /* line 1284, recruit.scss */
        .real-content .l-real h3 .en .q-no {
          display: inline-block;
          font-size: 102px;
          font-weight: 700;
          line-height: 1; }
          @media screen and (max-width: 800px) {
            /* line 1284, recruit.scss */
            .real-content .l-real h3 .en .q-no {
              font-size: 70px; } }
      /* line 1294, recruit.scss */
      .real-content .l-real h3 .jp {
        font-size: 32px;
        margin: 0; }
        @media screen and (max-width: 800px) {
          /* line 1294, recruit.scss */
          .real-content .l-real h3 .jp {
            font-size: 24px; } }
  /* line 1303, recruit.scss */
  .real-content .r-real {
    position: relative;
    width: calc(100% - 388px);
    min-height: 422px;
    border-radius: 32px; }
    @media screen and (max-width: 1250px) {
      /* line 1303, recruit.scss */
      .real-content .r-real {
        width: 100%;
        max-width: 724px; } }
    @media screen and (max-width: 800px) {
      /* line 1303, recruit.scss */
      .real-content .r-real {
        min-height: 347px; } }
    @media screen and (max-width: 1250px) {
      /* line 1316, recruit.scss */
      .real-content .r-real.short::before {
        height: calc(100% - 64px); } }
    /* line 1322, recruit.scss */
    .real-content .r-real::before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      border-radius: 32px;
      background: linear-gradient(#51ced3 0%, #17c9ac 15.27%, #04ac65 43.84%, #1ca76c 63.05%, #4ab568 77.34%, #8bc973 91.13%, #d1dc7c 100%, #dade7d 100%);
      opacity: 0.25;
      z-index: -1;
      pointer-events: none; }
    /* line 1335, recruit.scss */
    .real-content .r-real.fukidashi {
      display: flex;
      align-items: center;
      overflow: hidden; }
      /* line 1339, recruit.scss */
      .real-content .r-real.fukidashi .q-slider {
        display: flex;
        overflow: hidden;
        height: 100%; }
        /* line 1344, recruit.scss */
        .real-content .r-real.fukidashi .q-slider.start ul {
          animation: q-slider 15s infinite linear; }
          /* line 1348, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0201 {
            animation: scale 15s both linear 0s; }
          /* line 1351, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0202 {
            animation: scale 15s both linear 0.3s; }
          /* line 1354, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0203 {
            animation: scale 15s both linear 0.6s; }
            @media screen and (max-width: 800px) {
              /* line 1354, recruit.scss */
              .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0203 {
                animation: scale 15s both linear 2s; } }
          /* line 1360, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0204 {
            animation: scale 15s both linear 1.5s; }
            @media screen and (max-width: 800px) {
              /* line 1360, recruit.scss */
              .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0204 {
                animation: scale 15s both linear 4.8s; } }
          /* line 1366, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0205 {
            animation: scale 15s both linear 4.4s; }
            @media screen and (max-width: 800px) {
              /* line 1366, recruit.scss */
              .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0205 {
                animation: scale 15s both linear 8s; } }
          /* line 1372, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0206 {
            animation: scale 15s both linear 5.9s; }
            @media screen and (max-width: 800px) {
              /* line 1372, recruit.scss */
              .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0206 {
                animation: scale 15s both linear 9s; } }
          /* line 1379, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0301 {
            animation: scale 15s both linear 0s; }
          /* line 1382, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0302 {
            animation: scale 15s both linear 0.3s; }
          /* line 1385, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0303 {
            animation: scale 15s both linear 0.6s; }
            @media screen and (max-width: 800px) {
              /* line 1385, recruit.scss */
              .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0303 {
                animation: scale 15s both linear 0.9s; } }
          /* line 1391, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0304 {
            animation: scale 15s both linear 1.5s; }
            @media screen and (max-width: 800px) {
              /* line 1391, recruit.scss */
              .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0304 {
                animation: scale 15s both linear 4.6s; } }
          /* line 1397, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0305 {
            animation: scale 15s both linear 3s; }
            @media screen and (max-width: 800px) {
              /* line 1397, recruit.scss */
              .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0305 {
                animation: scale 15s both linear 6s; } }
          /* line 1403, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0306 {
            animation: scale 15s both linear 5.3s; }
            @media screen and (max-width: 800px) {
              /* line 1403, recruit.scss */
              .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0306 {
                animation: scale 15s both linear 8.2s; } }
          /* line 1409, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0307 {
            animation: scale 15s both linear 7.3s; }
            @media screen and (max-width: 800px) {
              /* line 1409, recruit.scss */
              .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0307 {
                animation: scale 15s both linear 10.1s; } }
          /* line 1416, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0401 {
            animation: scale 15s both linear 0s; }
          /* line 1419, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0402 {
            animation: scale 15s both linear 0.3s; }
          /* line 1422, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0403 {
            animation: scale 15s both linear 0.6s; }
            @media screen and (max-width: 800px) {
              /* line 1422, recruit.scss */
              .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0403 {
                animation: scale 15s both linear 0.9s; } }
          /* line 1428, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0404 {
            animation: scale 15s both linear 0.8s; }
            @media screen and (max-width: 800px) {
              /* line 1428, recruit.scss */
              .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0404 {
                animation: scale 15s both linear 3.8s; } }
          /* line 1434, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0405 {
            animation: scale 15s both linear 2.7s; }
            @media screen and (max-width: 800px) {
              /* line 1434, recruit.scss */
              .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0405 {
                animation: scale 15s both linear 5.5s; } }
          /* line 1440, recruit.scss */
          .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0406 {
            animation: scale 15s both linear 5.7s; }
            @media screen and (max-width: 800px) {
              /* line 1440, recruit.scss */
              .real-content .r-real.fukidashi .q-slider.start ul:first-child li.q0406 {
                animation: scale 15s both linear 8.7s; } }
        /* line 1450, recruit.scss */
        .real-content .r-real.fukidashi .q-slider ul {
          display: flex;
          align-items: center;
          height: 422px;
          margin: 0;
          padding: 0;
          align-items: center; }
          /* line 1458, recruit.scss */
          .real-content .r-real.fukidashi .q-slider ul:first-child li {
            scale: 0; }
          /* line 1462, recruit.scss */
          .real-content .r-real.fukidashi .q-slider ul li {
            position: relative;
            display: flex;
            align-items: center;
            flex-shrink: 0;
            white-space: nowrap;
            font-size: 18px;
            font-weight: 700;
            line-height: 1.5;
            background-color: #FFFFFF;
            border-radius: 25px;
            padding: 32px 48px;
            box-shadow: 0px 3px 6px rgba(51, 51, 51, 0.1);
            scale: 1;
            transition: scale 0.3s;
            transform-origin: center; }
            @media screen and (max-width: 800px) {
              /* line 1462, recruit.scss */
              .real-content .r-real.fukidashi .q-slider ul li {
                font-size: 16px;
                padding: 22px 30px; } }
            /* line 1482, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li::before, .real-content .r-real.fukidashi .q-slider ul li::after {
              position: absolute;
              bottom: 0;
              content: "";
              pointer-events: none; }
            /* line 1489, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li::before {
              left: 27px;
              border-style: solid;
              border-width: 18px 18px 0 0;
              border-color: #fff transparent transparent;
              translate: 0 100%;
              filter: drop-shadow(0px 3px 6px rgba(51, 51, 51, 0.1)); }
            /* line 1497, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li::after {
              left: 50%;
              translate: -50% 0;
              height: 20px;
              width: calc(100% - 30px);
              background-color: #FFFFFF;
              border-radius: 25px; }
            /* line 1505, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0201 {
              top: 65px; }
              @media screen and (max-width: 800px) {
                /* line 1505, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0201 {
                  top: 70px; } }
            /* line 1511, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0202 {
              top: -100px;
              margin-left: -65px; }
              @media screen and (max-width: 800px) {
                /* line 1511, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0202 {
                  top: -85px; } }
            /* line 1518, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0203 {
              top: 75px;
              margin-left: -110px; }
              @media screen and (max-width: 800px) {
                /* line 1518, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0203 {
                  top: 90px; } }
            /* line 1525, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0204 {
              top: -25px;
              margin-left: -60px; }
              @media screen and (max-width: 800px) {
                /* line 1525, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0204 {
                  top: -40px; } }
            /* line 1532, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0205 {
              top: 110px;
              margin-left: -10px; }
              @media screen and (max-width: 800px) {
                /* line 1532, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0205 {
                  top: 95px; } }
            /* line 1539, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0206 {
              top: -85px;
              margin-left: -140px; }
              @media screen and (max-width: 800px) {
                /* line 1539, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0206 {
                  top: -70px; } }
            /* line 1547, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0301 {
              top: 50px;
              margin-left: 20px; }
              @media screen and (max-width: 800px) {
                /* line 1547, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0301 {
                  top: 35px; } }
            /* line 1554, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0302 {
              top: -120px;
              margin-left: -80px; }
              @media screen and (max-width: 800px) {
                /* line 1554, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0302 {
                  top: -100px; } }
            /* line 1561, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0303 {
              top: 100px;
              margin-left: -110px; }
              @media screen and (max-width: 800px) {
                /* line 1561, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0303 {
                  top: 85px;
                  margin-left: -80px; } }
            /* line 1569, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0304 {
              top: -72px; }
              @media screen and (max-width: 800px) {
                /* line 1569, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0304 {
                  top: -80px; } }
            /* line 1575, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0305 {
              top: 100px;
              margin-left: -88px; }
              @media screen and (max-width: 800px) {
                /* line 1575, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0305 {
                  top: 70px; } }
            /* line 1582, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0306 {
              top: -96px;
              margin-left: -28px; }
              @media screen and (max-width: 800px) {
                /* line 1582, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0306 {
                  top: -70px; } }
            /* line 1589, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0307 {
              top: 64px;
              margin-left: -105px; }
              @media screen and (max-width: 800px) {
                /* line 1589, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0307 {
                  top: 70px; } }
            /* line 1597, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0401 {
              top: 48px;
              margin-left: 20px; }
              @media screen and (max-width: 800px) {
                /* line 1597, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0401 {
                  top: 65px; } }
            /* line 1604, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0402 {
              top: -118px;
              margin-left: -108px; }
              @media screen and (max-width: 800px) {
                /* line 1604, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0402 {
                  top: -103px; } }
            /* line 1611, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0403 {
              top: 100px;
              margin-left: -72px; }
              @media screen and (max-width: 800px) {
                /* line 1611, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0403 {
                  top: 80px; } }
            /* line 1618, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0404 {
              top: -78px;
              margin-left: -78px; }
              @media screen and (max-width: 800px) {
                /* line 1618, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0404 {
                  top: -63px; } }
            /* line 1625, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0405 {
              top: 110px;
              margin-left: -145px; }
              @media screen and (max-width: 800px) {
                /* line 1625, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0405 {
                  top: 80px; } }
            /* line 1632, recruit.scss */
            .real-content .r-real.fukidashi .q-slider ul li.q0406 {
              top: -50px;
              margin-left: -54px; }
              @media screen and (max-width: 800px) {
                /* line 1632, recruit.scss */
                .real-content .r-real.fukidashi .q-slider ul li.q0406 {
                  top: -35px; } }

@keyframes q-slider {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-100%); } }
@keyframes scale {
  0% {
    scale: 0; }
  2% {
    scale: 1; }
  100% {
    scale: 1; } }
/* line 1670, recruit.scss */
.graph {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 422px; }
  @media screen and (max-width: 1250px) {
    /* line 1670, recruit.scss */
    .graph {
      flex-wrap: wrap;
      justify-content: center;
      gap: 32px 0;
      padding: 55px 20px 0; } }
  /* line 1681, recruit.scss */
  .graph .l-cg {
    width: 100%;
    max-width: 264px; }
    @media screen and (max-width: 800px) {
      /* line 1681, recruit.scss */
      .graph .l-cg {
        max-width: 218px; } }
    /* line 1687, recruit.scss */
    .graph .l-cg canvas {
      width: 100%; }
  /* line 1691, recruit.scss */
  .graph .r-cg {
    width: 361px;
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 24px 32px;
    translate: 75px 0;
    box-shadow: 0px 3px 6px rgba(51, 51, 51, 0.1); }
    @media screen and (max-width: 1250px) {
      /* line 1691, recruit.scss */
      .graph .r-cg {
        width: 100%;
        translate: 0 0;
        padding: 24px 16px; } }
    @media screen and (max-width: 800px) {
      /* line 1691, recruit.scss */
      .graph .r-cg {
        padding: 24px 20px; } }
    /* line 1707, recruit.scss */
    .graph .r-cg .cgraphlist li {
      width: 100%;
      margin-bottom: 12px; }
      @media screen and (max-width: 800px) {
        /* line 1707, recruit.scss */
        .graph .r-cg .cgraphlist li {
          margin-bottom: 16px; } }
      @media screen and (max-width: 800px) {
        /* line 1713, recruit.scss */
        .graph .r-cg .cgraphlist li::before {
          width: 4px;
          height: 20px; } }
      /* line 1719, recruit.scss */
      .graph .r-cg .cgraphlist li:last-child {
        margin-bottom: 0; }
      /* line 1723, recruit.scss */
      .graph .r-cg .cgraphlist li:nth-child(1)::before {
        background-color: #17C9AC; }
      /* line 1728, recruit.scss */
      .graph .r-cg .cgraphlist li:nth-child(2)::before {
        background-color: #04AC65; }
      /* line 1733, recruit.scss */
      .graph .r-cg .cgraphlist li:nth-child(3)::before {
        background-color: #AFDC7C; }
      /* line 1738, recruit.scss */
      .graph .r-cg .cgraphlist li:nth-child(4)::before {
        background-color: #74C28E; }
      /* line 1743, recruit.scss */
      .graph .r-cg .cgraphlist li:nth-child(5)::before {
        background-color: #93A17A; }
      /* line 1748, recruit.scss */
      .graph .r-cg .cgraphlist li span.cg-text {
        width: 204px; }
        @media screen and (max-width: 800px) {
          /* line 1748, recruit.scss */
          .graph .r-cg .cgraphlist li span.cg-text {
            width: calc(100% - 60px);
            font-size: 15px; } }
      /* line 1755, recruit.scss */
      .graph .r-cg .cgraphlist li span.cg-num {
        width: calc(100% - 210px);
        font-size: 36px; }
        @media screen and (max-width: 1150px) {
          /* line 1755, recruit.scss */
          .graph .r-cg .cgraphlist li span.cg-num {
            font-size: 32px; } }
        @media screen and (max-width: 800px) {
          /* line 1755, recruit.scss */
          .graph .r-cg .cgraphlist li span.cg-num {
            width: 60px; } }
        @media screen and (max-width: 800px) {
          /* line 1764, recruit.scss */
          .graph .r-cg .cgraphlist li span.cg-num .cg-percent {
            font-size: 13px; } }

/* line 1777, recruit.scss */
#real-slide01 {
  margin-bottom: 40px; }
  @media screen and (max-width: 800px) {
    /* line 1777, recruit.scss */
    #real-slide01 {
      margin-bottom: 20px; } }

/* line 1786, recruit.scss */
.real-slide .splide__track .splide__list .splide__slide {
  width: 431px;
  margin-right: 40px; }
  @media screen and (max-width: 800px) {
    /* line 1786, recruit.scss */
    .real-slide .splide__track .splide__list .splide__slide {
      width: 205px;
      margin-right: 20px; } }
  /* line 1793, recruit.scss */
  .real-slide .splide__track .splide__list .splide__slide img {
    width: 100%;
    border-radius: 8px; }

/* line 1804, recruit.scss */
.requirement {
  background-color: #F2F0E7;
  border-radius: 32px 32px 0 0;
  padding: 88px 0 128px; }
  @media screen and (max-width: 800px) {
    /* line 1804, recruit.scss */
    .requirement {
      border-radius: 16px 16px 0 0;
      padding: 56px 0; } }
  /* line 1812, recruit.scss */
  .requirement h2 {
    margin-bottom: 60px; }
    @media screen and (max-width: 800px) {
      /* line 1812, recruit.scss */
      .requirement h2 {
        margin-bottom: 28px; } }

/* line 1819, recruit.scss */
.requirement-content {
  width: 100%;
  max-width: 1048px;
  background-color: #FFFFFF;
  border-radius: 16px;
  margin: 0 auto 16px; }
  @media screen and (max-width: 800px) {
    /* line 1819, recruit.scss */
    .requirement-content {
      margin-bottom: 8px; } }
  /* line 1828, recruit.scss */
  .requirement-content:last-of-type {
    margin-bottom: 0; }
  /* line 1831, recruit.scss */
  .requirement-content .requirement-top {
    position: relative;
    cursor: pointer;
    padding: 32px 70px 32px 32px; }
    @media screen and (min-width: 800px) {
      /* line 1837, recruit.scss */
      .requirement-content .requirement-top:hover h3 {
        color: #00874E; }
      /* line 1841, recruit.scss */
      .requirement-content .requirement-top:hover .btn-plus::before, .requirement-content .requirement-top:hover .btn-plus::after {
        transition: rotate 0.2s ease-out,opacity 0.2s ease-out; }
      /* line 1845, recruit.scss */
      .requirement-content .requirement-top:hover .btn-plus::before {
        rotate: 90deg; }
      /* line 1848, recruit.scss */
      .requirement-content .requirement-top:hover .btn-plus::after {
        rotate: 180deg; } }
    @media screen and (max-width: 800px) {
      /* line 1831, recruit.scss */
      .requirement-content .requirement-top {
        padding: 22px 64px 22px 22px; } }
    @media screen and (min-width: 800px) {
      /* line 1860, recruit.scss */
      .requirement-content .requirement-top.open .btn-plus::before {
        opacity: 0; } }
    /* line 1866, recruit.scss */
    .requirement-content .requirement-top.open .btn-plus::after {
      rotate: 180deg; }
    /* line 1871, recruit.scss */
    .requirement-content .requirement-top::before {
      position: absolute;
      right: 100px;
      top: 14px;
      width: 1px;
      height: calc(100% - 28px);
      content: "";
      background-image: repeating-linear-gradient(180deg, #d1d1d1, #d1d1d1 2px, transparent 2px, transparent 4px);
      background-position: left top;
      background-repeat: repeat-y;
      background-size: 2px 100%; }
      @media screen and (max-width: 800px) {
        /* line 1871, recruit.scss */
        .requirement-content .requirement-top::before {
          top: 11px;
          right: 48px;
          height: calc(100% - 22px); } }
    /* line 1888, recruit.scss */
    .requirement-content .requirement-top .btn-plus {
      position: absolute;
      top: 50%;
      right: 40px;
      translate: 0 -50%;
      width: 20px;
      height: 20px; }
      @media screen and (max-width: 800px) {
        /* line 1888, recruit.scss */
        .requirement-content .requirement-top .btn-plus {
          right: 18px;
          width: 14px;
          height: 14px; } }
      /* line 1900, recruit.scss */
      .requirement-content .requirement-top .btn-plus::before, .requirement-content .requirement-top .btn-plus::after {
        position: absolute;
        left: 50%;
        top: 50%;
        translate: -50% -50%;
        width: 20px;
        height: 4px;
        background-color: #00874E;
        content: "";
        transition: rotate 0s ease-out,opacity 0s ease-out; }
        @media screen and (max-width: 800px) {
          /* line 1900, recruit.scss */
          .requirement-content .requirement-top .btn-plus::before, .requirement-content .requirement-top .btn-plus::after {
            width: 14px;
            height: 3px; } }
      /* line 1916, recruit.scss */
      .requirement-content .requirement-top .btn-plus::after {
        rotate: -90deg; }
    /* line 1920, recruit.scss */
    .requirement-content .requirement-top h3 {
      font-size: 24px;
      margin-bottom: 8px;
      transition: color 0.2s ease-out; }
      @media screen and (max-width: 800px) {
        /* line 1920, recruit.scss */
        .requirement-content .requirement-top h3 {
          font-size: 20px; } }
    /* line 1928, recruit.scss */
    .requirement-content .requirement-top ul {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 800px) {
        /* line 1928, recruit.scss */
        .requirement-content .requirement-top ul {
          gap: 4px 10px; } }
      /* line 1937, recruit.scss */
      .requirement-content .requirement-top ul li {
        color: #9D9D9D;
        font-size: 14px;
        line-height: 1.7;
        margin: 0 0 0 1em;
        padding: 0; }
        @media screen and (max-width: 800px) {
          /* line 1937, recruit.scss */
          .requirement-content .requirement-top ul li {
            font-size: 13px; } }
        /* line 1946, recruit.scss */
        .requirement-content .requirement-top ul li::before {
          color: #00874E;
          content: "#";
          margin-left: -1em;
          padding-right: 6px; }
  /* line 1955, recruit.scss */
  .requirement-content .requirement-open {
    display: none;
    max-width: 846px;
    margin: 30px auto 0;
    padding: 0 32px 65px; }
    @media screen and (max-width: 800px) {
      /* line 1955, recruit.scss */
      .requirement-content .requirement-open {
        margin-top: 0;
        padding: 0 22px 40px; } }
    @media screen and (max-width: 800px) {
      /* line 1968, recruit.scss */
      .requirement-content .requirement-open table.t-history tr:first-of-type th {
        padding-top: 0; } }
    @media screen and (max-width: 800px) {
      /* line 1975, recruit.scss */
      .requirement-content .requirement-open table.t-history th,
      .requirement-content .requirement-open table.t-history td {
        display: block;
        width: 100%; } }
    @media screen and (max-width: 800px) {
      /* line 1982, recruit.scss */
      .requirement-content .requirement-open table.t-history th {
        font-size: 15px;
        border: none;
        padding-bottom: 0; } }
    @media screen and (max-width: 800px) {
      /* line 1989, recruit.scss */
      .requirement-content .requirement-open table.t-history td {
        font-size: 14px;
        padding-top: 0; } }

/* line 2000, recruit.scss */
.done-content {
  text-align: left; }
  /* line 2002, recruit.scss */
  .done-content h2 {
    font-size: 32px;
    padding: 0;
    margin: 0 auto 64px; }
    @media screen and (max-width: 800px) {
      /* line 2002, recruit.scss */
      .done-content h2 {
        font-size: 22px;
        margin-bottom: 32px; } }

/* line 2014, recruit.scss */
.btn-entry {
  position: fixed;
  left: 30px;
  bottom: 30px;
  z-index: 4;
  transition: opacity 0.3s ease-out;
  opacity: 0;
  pointer-events: none; }
  @media screen and (max-width: 800px) {
    /* line 2014, recruit.scss */
    .btn-entry {
      left: 50%;
      bottom: 0px;
      translate: -50% 0; } }
  /* line 2027, recruit.scss */
  .btn-entry.fadein {
    opacity: 1;
    pointer-events: auto; }
  /* line 2031, recruit.scss */
  .btn-entry.fadeout {
    z-index: 0; }
  /* line 2034, recruit.scss */
  .btn-entry.hide {
    opacity: 0;
    pointer-events: none; }
  /* line 2038, recruit.scss */
  .btn-entry a {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 196px;
    height: 196px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    background: linear-gradient(-135deg, #51ced3 0%, #17c9ac 25.27%, #04ac65 43.84%, #1ca76c 63.05%, #4ab568 72.34%, #8bc973 80.99%, #dade7d 85.99%, #dade7d 100%);
    transition: scale 0.1s ease-in-out; }
    @media screen and (min-width: 800px) {
      /* line 2054, recruit.scss */
      .btn-entry a:hover {
        scale: 0.95; } }
    @media screen and (max-width: 800px) {
      /* line 2038, recruit.scss */
      .btn-entry a {
        width: 195px;
        height: 59px;
        border-radius: 16px 16px 0 0;
        background: linear-gradient(-135deg, #1de8f0 0%, #17c9ac 15.27%, #04ac65 43.84%, #1ca76c 63.05%, #4ab568 77.34%, #8bc973 91.13%, #dade7d 100%); } }
    /* line 2064, recruit.scss */
    .btn-entry a::after {
      position: absolute;
      left: 50%;
      bottom: 36px;
      translate: -50% 0;
      width: 18px;
      height: 11px;
      content: "";
      background-color: #FFFFFF;
      mask-image: url("../img/arrow_d_green.svg");
      mask-repeat: no-repeat;
      mask-position: left top;
      mask-size: 18px 11px; }
      @media screen and (max-width: 800px) {
        /* line 2064, recruit.scss */
        .btn-entry a::after {
          display: none; } }
    /* line 2081, recruit.scss */
    .btn-entry a .be-title {
      position: relative;
      display: inline-block;
      font-family: "Montserrat", sans-serif;
      font-size: 29px;
      font-weight: 600;
      letter-spacing: 0.08em;
      line-height: 1.4;
      border-bottom: 1px solid #FFFFFF;
      margin-bottom: 20px; }
      @media screen and (max-width: 800px) {
        /* line 2081, recruit.scss */
        .btn-entry a .be-title {
          font-size: 21px;
          border: none;
          margin: 0;
          padding-right: 25px; } }
      @media screen and (max-width: 800px) {
        /* line 2097, recruit.scss */
        .btn-entry a .be-title::after {
          position: absolute;
          right: 0;
          top: 50%;
          translate: 0 -50%;
          width: 13px;
          height: 8px;
          content: "";
          background-color: #FFFFFF;
          mask-image: url("../img/arrow_d_green.svg");
          mask-repeat: no-repeat;
          mask-position: left top;
          mask-size: 13px 8px; } }
    /* line 2114, recruit.scss */
    .btn-entry a .be-text {
      display: block;
      width: 100%;
      font-size: 15px;
      font-weight: 700; }
      @media screen and (max-width: 800px) {
        /* line 2114, recruit.scss */
        .btn-entry a .be-text {
          display: none; } }

/*# sourceMappingURL=recruit.css.map */