/* line 4, recruit.scss */
html.lity-active {
  overflow-y: hidden; }

/* line 9, recruit.scss */
main {
  overflow: visible;
  padding: 0; }
  /* line 12, recruit.scss */
  main .side-title {
    position: sticky;
    top: 50%;
    translate: -75px 0;
    text-align: center;
    white-space: nowrap;
    writing-mode: vertical-rl;
    margin: 0;
    z-index: 3; }
    @media screen and (max-width: 800px) {
      /* line 12, recruit.scss */
      main .side-title {
        display: none; } }
    /* line 24, recruit.scss */
    main .side-title .en {
      position: relative;
      display: inline-block;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.05em;
      padding-top: 55px;
      margin-bottom: 15px; }
      /* line 32, recruit.scss */
      main .side-title .en::before {
        position: absolute;
        left: 50%;
        top: 0;
        translate: -50% 0;
        width: 1px;
        height: 40px;
        content: "";
        background-color: #1D1D1D; }
    /* line 43, recruit.scss */
    main .side-title .jp {
      display: inline-block;
      font-size: 13px;
      letter-spacing: 0.3em;
      translate: 1px 0; }
  /* line 50, recruit.scss */
  main h2 {
    margin-bottom: 50px; }
    @media screen and (max-width: 800px) {
      /* line 50, recruit.scss */
      main h2 {
        margin-bottom: 35px; } }
    /* line 55, recruit.scss */
    main h2 .en {
      display: block;
      color: #004EB9;
      font-size: 76px;
      font-weight: 700;
      line-height: 1.1; }
      @media screen and (max-width: 800px) {
        /* line 55, recruit.scss */
        main h2 .en {
          font-size: 42px; } }
    /* line 65, recruit.scss */
    main h2 .jp {
      display: block;
      font-size: 18px; }
  /* line 70, recruit.scss */
  main #recruit01 {
    position: relative; }
    /* line 72, recruit.scss */
    main #recruit01::before {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 320px;
      height: 577px;
      content: "";
      background-image: url("../img/bg_prologue.svg");
      background-repeat: no-repeat;
      background-position: left top;
      background-size: cover;
      pointer-events: none;
      z-index: 0; }
      @media screen and (max-width: 800px) {
        /* line 72, recruit.scss */
        main #recruit01::before {
          bottom: 252px;
          width: 170px;
          height: 306px; } }
    /* line 91, recruit.scss */
    main #recruit01 .side-title {
      top: calc(50% - 125px); }
    /* line 94, recruit.scss */
    main #recruit01 .prologue {
      margin-top: -250px; }
      @media screen and (max-width: 800px) {
        /* line 94, recruit.scss */
        main #recruit01 .prologue {
          margin-top: 0; } }
  /* line 101, recruit.scss */
  main .recruit02 {
    position: relative;
    padding: 225px 0 360px;
    background: linear-gradient(to bottom, rgba(231, 236, 248, 0) 0%, #e7ecf8 20%, #e7ecf8 80%, rgba(231, 236, 248, 0) 100%); }
    @media screen and (max-width: 800px) {
      /* line 101, recruit.scss */
      main .recruit02 {
        padding: 210px 0 350px; } }
    /* line 108, recruit.scss */
    main .recruit02 .side-title {
      top: calc(50% - 140px); }
    /* line 111, recruit.scss */
    main .recruit02 .interview {
      margin-top: -280px; }
      @media screen and (max-width: 800px) {
        /* line 111, recruit.scss */
        main .recruit02 .interview {
          margin-top: 0; } }
  /* line 118, recruit.scss */
  main #recruit03 {
    position: relative;
    margin-top: -60px; }
    @media screen and (max-width: 800px) {
      /* line 118, recruit.scss */
      main #recruit03 {
        margin-top: -185px; } }
    /* line 124, recruit.scss */
    main #recruit03::before {
      position: absolute;
      right: 0;
      top: -95px;
      width: 349px;
      height: 312px;
      content: "";
      background-image: url("../img/bg_jobmap.svg");
      background-repeat: no-repeat;
      background-position: left top;
      background-size: cover;
      pointer-events: none;
      z-index: 0; }
      @media screen and (max-width: 800px) {
        /* line 124, recruit.scss */
        main #recruit03::before {
          top: -125px;
          width: 211px;
          height: 189px; } }
    /* line 143, recruit.scss */
    main #recruit03 .side-title {
      top: calc(50% - 98px); }
    /* line 146, recruit.scss */
    main #recruit03 .jobmap {
      margin-top: -196px; }
      @media screen and (max-width: 800px) {
        /* line 146, recruit.scss */
        main #recruit03 .jobmap {
          margin-top: 0; } }
  /* line 153, recruit.scss */
  main .recruit04 {
    position: relative;
    padding: 390px 0 375px;
    background: linear-gradient(to bottom, rgba(231, 236, 248, 0) 0%, #e7ecf8 20%, #e7ecf8 80%, rgba(231, 236, 248, 0) 100%); }
    @media screen and (max-width: 800px) {
      /* line 153, recruit.scss */
      main .recruit04 {
        padding: 140px 0 375px;
        background: linear-gradient(to bottom, rgba(231, 236, 248, 0) 0%, #e7ecf8 10%, #e7ecf8 90%, rgba(231, 236, 248, 0) 100%); } }
    /* line 161, recruit.scss */
    main .recruit04 .side-title {
      top: calc(50% - 120px); }
    /* line 164, recruit.scss */
    main .recruit04 .environment {
      margin-top: -240px; }
      @media screen and (max-width: 800px) {
        /* line 164, recruit.scss */
        main .recruit04 .environment {
          margin-top: 0; } }
  /* line 171, recruit.scss */
  main #recruit05 {
    position: relative;
    margin-top: -150px;
    padding-bottom: 225px; }
    @media screen and (max-width: 800px) {
      /* line 171, recruit.scss */
      main #recruit05 {
        margin-top: -190px;
        padding-bottom: 145px; } }
    /* line 179, recruit.scss */
    main #recruit05 .side-title {
      top: calc(50% - 106px); }
    /* line 182, recruit.scss */
    main #recruit05 .message {
      margin-top: -212px; }
      @media screen and (max-width: 800px) {
        /* line 182, recruit.scss */
        main #recruit05 .message {
          margin-top: 0; } }

/* line 195, recruit.scss */
.circle.bc.bc01 {
  top: -75px;
  left: -35px;
  width: 120px;
  height: 120px; }
  @media screen and (max-width: 800px) {
    /* line 195, recruit.scss */
    .circle.bc.bc01 {
      left: -33px;
      top: -40px;
      width: 65px;
      height: 65px; } }
/* line 207, recruit.scss */
.circle.bc.bc02 {
  top: -45px;
  left: -60px;
  width: 60px;
  height: 60px; }
  @media screen and (max-width: 800px) {
    /* line 207, recruit.scss */
    .circle.bc.bc02 {
      top: -50px;
      left: 45px;
      width: 37px;
      height: 37px; } }
/* line 219, recruit.scss */
.circle.bc.bc03 {
  bottom: 40px;
  left: 120px;
  width: 120px;
  height: 120px; }
  @media screen and (max-width: 800px) {
    /* line 219, recruit.scss */
    .circle.bc.bc03 {
      bottom: 275px;
      left: 120px;
      width: 64px;
      height: 64px; } }
/* line 231, recruit.scss */
.circle.bc.bc04 {
  top: 235px;
  right: 25px;
  width: 60px;
  height: 60px; }
  @media screen and (max-width: 800px) {
    /* line 231, recruit.scss */
    .circle.bc.bc04 {
      right: 0;
      top: 205px;
      width: 34px;
      height: 34px; } }
/* line 243, recruit.scss */
.circle.bc.bc05 {
  top: -85px;
  left: -35px;
  width: 70px;
  height: 70px; }
/* line 249, recruit.scss */
.circle.bc.bc06 {
  bottom: -45px;
  right: 380px;
  width: 120px;
  height: 120px; }
  @media screen and (max-width: 800px) {
    /* line 249, recruit.scss */
    .circle.bc.bc06 {
      bottom: -60px;
      right: 35px;
      width: 84px;
      height: 84px; } }
/* line 261, recruit.scss */
.circle.bc.bc07 {
  top: 535px;
  left: -105px;
  width: 69px;
  height: 69px; }
  @media screen and (max-width: 800px) {
    /* line 261, recruit.scss */
    .circle.bc.bc07 {
      left: -60px; } }
/* line 270, recruit.scss */
.circle.bc.bcm01 {
  left: -120px;
  top: 330px;
  width: 120px;
  height: 120px; }
  @media screen and (max-width: 800px) {
    /* line 270, recruit.scss */
    .circle.bc.bcm01 {
      left: 20px;
      top: auto;
      bottom: -55px;
      width: 74px;
      height: 74px; } }
/* line 283, recruit.scss */
.circle.bc.bcmc01 {
  left: -120px;
  top: -75px;
  width: 120px;
  height: 120px; }
  @media screen and (max-width: 800px) {
    /* line 283, recruit.scss */
    .circle.bc.bcmc01 {
      left: -14px;
      top: -140px;
      width: 73px;
      height: 73px; } }
/* line 297, recruit.scss */
.circle.gc.gc01 {
  bottom: -110px;
  right: 100px;
  width: 180px;
  height: 180px; }
  @media screen and (max-width: 800px) {
    /* line 297, recruit.scss */
    .circle.gc.gc01 {
      right: 25px;
      bottom: -60px;
      width: 90px;
      height: 90px; } }
/* line 309, recruit.scss */
.circle.gc.gc02 {
  top: 45px;
  left: -45px;
  width: 180px;
  height: 180px; }
  @media screen and (max-width: 800px) {
    /* line 309, recruit.scss */
    .circle.gc.gc02 {
      top: 30px;
      width: 130px;
      height: 130px; } }
/* line 320, recruit.scss */
.circle.gc.gc03 {
  top: 10px;
  right: 55px;
  width: 242px;
  height: 242px; }
  @media screen and (max-width: 800px) {
    /* line 320, recruit.scss */
    .circle.gc.gc03 {
      top: 30px;
      right: -70px;
      width: 178px;
      height: 178px; } }
/* line 332, recruit.scss */
.circle.gc.gc04 {
  top: 20px;
  right: 245px;
  width: 115px;
  height: 115px; }
  @media screen and (max-width: 800px) {
    /* line 332, recruit.scss */
    .circle.gc.gc04 {
      top: -25px;
      right: 65px;
      width: 64px;
      height: 64px; } }
/* line 344, recruit.scss */
.circle.gc.gc05 {
  top: -80px;
  left: 145px;
  width: 117px;
  height: 117px; }
  @media screen and (max-width: 800px) {
    /* line 344, recruit.scss */
    .circle.gc.gc05 {
      top: -60px;
      left: 120px;
      width: 94px;
      height: 94px; } }
/* line 356, recruit.scss */
.circle.gc.gc06 {
  top: -80px;
  right: 160px;
  width: 117px;
  height: 117px; }
  @media screen and (max-width: 800px) {
    /* line 356, recruit.scss */
    .circle.gc.gc06 {
      right: 170px;
      top: -60px;
      width: 94px;
      height: 94px; } }
/* line 368, recruit.scss */
.circle.gc.gc07 {
  top: -115px;
  left: 50px;
  width: 117px;
  height: 117px; }
  @media screen and (max-width: 800px) {
    /* line 368, recruit.scss */
    .circle.gc.gc07 {
      left: 72px;
      top: -60px;
      width: 94px;
      height: 94px; } }
/* line 380, recruit.scss */
.circle.gc.gc08 {
  bottom: 530px;
  right: -205px;
  width: 180px;
  height: 180px; }
  @media screen and (max-width: 800px) {
    /* line 380, recruit.scss */
    .circle.gc.gc08 {
      right: -110px; } }
/* line 389, recruit.scss */
.circle.gc.gcm01 {
  right: -143px;
  top: 233px;
  width: 242px;
  height: 242px; }
  @media screen and (max-width: 800px) {
    /* line 389, recruit.scss */
    .circle.gc.gcm01 {
      right: -20px;
      top: auto;
      bottom: -75px;
      width: 114px;
      height: 114px; } }
/* line 402, recruit.scss */
.circle.gc.gcm02 {
  left: -140px;
  top: -60px;
  width: 77px;
  height: 77px; }
  @media screen and (max-width: 800px) {
    /* line 402, recruit.scss */
    .circle.gc.gcm02 {
      display: none; } }
/* line 411, recruit.scss */
.circle.gc.gcmc01 {
  top: -70px;
  right: -200px;
  width: 162px;
  height: 162px; }
  @media screen and (max-width: 800px) {
    /* line 411, recruit.scss */
    .circle.gc.gcmc01 {
      top: -25px;
      right: -20px;
      width: 114px;
      height: 114px; } }
/* line 423, recruit.scss */
.circle.gc.gcmc02 {
  top: 210px;
  left: -45px;
  width: 242px;
  height: 242px; }
  @media screen and (max-width: 800px) {
    /* line 423, recruit.scss */
    .circle.gc.gcmc02 {
      top: 155px;
      left: -10px;
      width: 158px;
      height: 158px; } }

/* line 440, recruit.scss */
.lr {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  transition: clip-path 0.6s ease-out;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
  /* line 446, recruit.scss */
  .lr.active {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
  /* line 449, recruit.scss */
  .lr.lr01 {
    top: -240px;
    right: calc(50% - 50vw);
    translate: 25px 0; }
    @media screen and (max-width: 800px) {
      /* line 449, recruit.scss */
      .lr.lr01 {
        top: -95px;
        width: 229px;
        translate: 15px 0; } }
  /* line 459, recruit.scss */
  .lr.lr02 {
    top: 0px;
    left: calc(50% - 50vw);
    translate: -25px 0; }
    @media screen and (max-width: 800px) {
      /* line 459, recruit.scss */
      .lr.lr02 {
        top: 35px;
        translate: -8px 0;
        width: 226px; } }
  /* line 469, recruit.scss */
  .lr.lr03 {
    top: 210px;
    right: calc(50% - 50vw);
    translate: -85px 0; }
    @media screen and (max-width: 800px) {
      /* line 469, recruit.scss */
      .lr.lr03 {
        top: 312px;
        translate: 10px 0;
        width: 278px; } }
  /* line 479, recruit.scss */
  .lr.lr04 {
    top: -95px;
    left: calc(50% - 50vw);
    translate: -55px 0; }
    @media screen and (max-width: 800px) {
      /* line 479, recruit.scss */
      .lr.lr04 {
        top: 450px;
        translate: -100px 0;
        width: 462px; } }
  /* line 489, recruit.scss */
  .lr.lr05 {
    top: -240px;
    right: calc(50% - 50vw);
    translate: -80px 0; }
    @media screen and (max-width: 800px) {
      /* line 489, recruit.scss */
      .lr.lr05 {
        bottom: 45px;
        translate: 10px 0;
        width: 278px; } }
  /* line 499, recruit.scss */
  .lr.lr06 {
    bottom: 25px;
    left: calc(50% - 50vw);
    translate: -25px 0; }
    @media screen and (max-width: 800px) {
      /* line 499, recruit.scss */
      .lr.lr06 {
        bottom: 17px;
        translate: -8px 0;
        width: 226px; } }
  /* line 509, recruit.scss */
  .lr.lr07 {
    top: -540px;
    left: calc(50% - 50vw);
    translate: -185px 0; }
    @media screen and (max-width: 800px) {
      /* line 509, recruit.scss */
      .lr.lr07 {
        top: -185px;
        translate: -100px 0;
        width: 475px; } }
  /* line 519, recruit.scss */
  .lr.lr08 {
    top: 245px;
    right: 90px; }
    @media screen and (max-width: 800px) {
      /* line 519, recruit.scss */
      .lr.lr08 {
        top: auto;
        bottom: -340px;
        right: calc(50% - 50vw);
        translate: 10px 0;
        width: 278px; } }
  /* line 530, recruit.scss */
  .lr.lr09 {
    top: -245px;
    right: -95px; }
    @media screen and (max-width: 800px) {
      /* line 530, recruit.scss */
      .lr.lr09 {
        top: -185px;
        right: calc(50% - 50vw);
        translate: 10px 0;
        width: 278px; } }

/* line 545, recruit.scss */
.fv {
  width: 100%;
  height: 100svh;
  overflow: hidden;
  margin-bottom: 170px; }
  @media screen and (max-width: 800px) {
    /* line 545, recruit.scss */
    .fv {
      margin-bottom: 105px; } }
  /* line 553, recruit.scss */
  .fv .recruit-person {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100svh; }
    @media screen and (max-width: 800px) {
      /* line 559, recruit.scss */
      .fv .recruit-person::before {
        position: absolute;
        left: 0;
        bottom: 415px;
        width: 100%;
        height: 255px;
        background: linear-gradient(to bottom, #eff9fc 0%, #eff9fc 80%, rgba(239, 249, 252, 0) 100%);
        content: ""; } }
    /* line 570, recruit.scss */
    .fv .recruit-person::after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      z-index: -1;
      pointer-events: none; }
      @media screen and (max-width: 800px) {
        /* line 570, recruit.scss */
        .fv .recruit-person::after {
          background-size: 879px 502px;
          background-position: center bottom; } }
    /* line 587, recruit.scss */
    .fv .recruit-person.rp01 {
      opacity: 0;
      z-index: 3; }
      /* line 590, recruit.scss */
      .fv .recruit-person.rp01::after {
        background-image: url("../img/topimage_recruit0101.jpg"); }
      /* line 593, recruit.scss */
      .fv .recruit-person.rp01.start {
        opacity: 1;
        transition: opacity 0.5s ease-out 0s; }
        /* line 597, recruit.scss */
        .fv .recruit-person.rp01.start .circle.gc {
          opacity: 1; }
          /* line 599, recruit.scss */
          .fv .recruit-person.rp01.start .circle.gc.gcr01 {
            translate: -225% -70%;
            transition: translate 3s ease-out 1s,opacity 3s ease-out 1s; }
        /* line 604, recruit.scss */
        .fv .recruit-person.rp01.start .circle.bc {
          opacity: 1; }
          /* line 606, recruit.scss */
          .fv .recruit-person.rp01.start .circle.bc.bcr01 {
            opacity: 1;
            translate: 340% 400%;
            transition: translate 3s ease-out 1s,opacity 3s ease-out 1s; }
      /* line 614, recruit.scss */
      .fv .recruit-person.rp01.hide {
        opacity: 0;
        transition: opacity 0.5s ease-out 0s; }
    /* line 619, recruit.scss */
    .fv .recruit-person.rp02 {
      opacity: 0;
      z-index: 2; }
      /* line 622, recruit.scss */
      .fv .recruit-person.rp02::after {
        background-image: url("../img/topimage_recruit0201.jpg"); }
      /* line 625, recruit.scss */
      .fv .recruit-person.rp02.start {
        opacity: 1;
        transition: opacity 0.5s ease-out 0s; }
        /* line 629, recruit.scss */
        .fv .recruit-person.rp02.start .circle.gc {
          opacity: 1; }
          /* line 631, recruit.scss */
          .fv .recruit-person.rp02.start .circle.gc.gcr02 {
            translate: 50% -15%;
            transition: translate 3s ease-out 1s,opacity 3s ease-out 1s; }
            @media screen and (max-width: 800px) {
              /* line 631, recruit.scss */
              .fv .recruit-person.rp02.start .circle.gc.gcr02 {
                translate: 100% -120%; } }
        /* line 639, recruit.scss */
        .fv .recruit-person.rp02.start .circle.bc {
          opacity: 1; }
          /* line 641, recruit.scss */
          .fv .recruit-person.rp02.start .circle.bc.bcr02 {
            translate: -675% 275%;
            transition: translate 3s ease-out 1s,opacity 3s ease-out 1s; }
            @media screen and (max-width: 800px) {
              /* line 641, recruit.scss */
              .fv .recruit-person.rp02.start .circle.bc.bcr02 {
                width: 9.1vw;
                height: 9.1vw;
                translate: -530% 275%; } }
    /* line 654, recruit.scss */
    .fv .recruit-person.rp03 {
      opacity: 1;
      z-index: 1; }
      /* line 657, recruit.scss */
      .fv .recruit-person.rp03::after {
        background-image: url("../img/topimage_recruit0301.jpg"); }
      /* line 660, recruit.scss */
      .fv .recruit-person.rp03.start {
        opacity: 1;
        transition: opacity 0.5s ease-out 0s; }
        /* line 664, recruit.scss */
        .fv .recruit-person.rp03.start .circle.gc {
          opacity: 1; }
          /* line 666, recruit.scss */
          .fv .recruit-person.rp03.start .circle.gc.gcr03 {
            translate: -232% 71%;
            transition: translate 3s ease-out 0s,opacity 3s ease-out 0s; }
            @media screen and (max-width: 800px) {
              /* line 666, recruit.scss */
              .fv .recruit-person.rp03.start .circle.gc.gcr03 {
                translate: -232% 141%; } }
        /* line 674, recruit.scss */
        .fv .recruit-person.rp03.start .circle.bc {
          opacity: 1; }
          /* line 676, recruit.scss */
          .fv .recruit-person.rp03.start .circle.bc.bcr03 {
            translate: 540% -140%;
            transition: translate 3s ease-out 0s,opacity 3s ease-out 0s; }
            @media screen and (max-width: 800px) {
              /* line 676, recruit.scss */
              .fv .recruit-person.rp03.start .circle.bc.bcr03 {
                translate: 460% 100%; } }
      /* line 686, recruit.scss */
      .fv .recruit-person.rp03.hide {
        opacity: 0;
        transition: opacity 0.5s ease-out 0s; }
    /* line 691, recruit.scss */
    .fv .recruit-person .pattern {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      pointer-events: none;
      background-image: url("../img/bg_topimage-recruit01.svg"), url("../img/bg_topimage-recruit02.svg");
      background-repeat: no-repeat,no-repeat;
      background-position: left top,right bottom; }
      @media screen and (max-width: 800px) {
        /* line 691, recruit.scss */
        .fv .recruit-person .pattern {
          background-image: url("../img/bg_topimage-recruit_sp.svg");
          background-repeat: no-repeat;
          background-position: left top;
          background-size: cover; } }
    /* line 709, recruit.scss */
    .fv .recruit-person figure {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 2; }
      @media screen and (max-width: 800px) {
        /* line 709, recruit.scss */
        .fv .recruit-person figure {
          position: absolute;
          display: flex;
          align-items: flex-end;
          width: 879px;
          height: 502px;
          bottom: 0;
          left: 50%;
          translate: -50% 0; } }
      /* line 724, recruit.scss */
      .fv .recruit-person figure img {
        width: 100%;
        height: 100svh;
        object-fit: cover; }
        @media screen and (max-width: 800px) {
          /* line 724, recruit.scss */
          .fv .recruit-person figure img {
            width: 879px;
            height: 502px; } }
    /* line 734, recruit.scss */
    .fv .recruit-person .circle {
      top: 50%;
      left: 50%;
      z-index: 3;
      opacity: 0; }
      /* line 740, recruit.scss */
      .fv .recruit-person .circle.gc.gcr01 {
        width: 13.3vw;
        height: 13.3vw;
        translate: -225% -115%; }
        @media screen and (max-width: 800px) {
          /* line 740, recruit.scss */
          .fv .recruit-person .circle.gc.gcr01 {
            width: 30.1vw;
            height: 30.1vw; } }
      /* line 749, recruit.scss */
      .fv .recruit-person .circle.gc.gcr02 {
        width: 13.5vw;
        height: 13.5vw;
        translate: 100% -15%; }
        @media screen and (max-width: 800px) {
          /* line 749, recruit.scss */
          .fv .recruit-person .circle.gc.gcr02 {
            width: 30.1vw;
            height: 30.1vw;
            translate: 150% -120%; } }
      /* line 759, recruit.scss */
      .fv .recruit-person .circle.gc.gcr03 {
        width: 12.9vw;
        height: 12.9vw;
        translate: -285% 71%; }
        @media screen and (max-width: 800px) {
          /* line 759, recruit.scss */
          .fv .recruit-person .circle.gc.gcr03 {
            width: 30.1vw;
            height: 30.1vw;
            translate: -282% 141%; } }
      /* line 771, recruit.scss */
      .fv .recruit-person .circle.bc.bcr01 {
        width: 4.1vw;
        height: 4.1vw;
        translate: 340% 490%; }
        @media screen and (max-width: 800px) {
          /* line 771, recruit.scss */
          .fv .recruit-person .circle.bc.bcr01 {
            width: 9.1vw;
            height: 9.1vw; } }
      /* line 780, recruit.scss */
      .fv .recruit-person .circle.bc.bcr02 {
        width: 5vw;
        height: 5vw;
        translate: -675% 420%; }
        @media screen and (max-width: 800px) {
          /* line 780, recruit.scss */
          .fv .recruit-person .circle.bc.bcr02 {
            width: 9.1vw;
            height: 9.1vw;
            translate: -630% 275%; } }
      /* line 790, recruit.scss */
      .fv .recruit-person .circle.bc.bcr03 {
        width: 3.9vw;
        height: 3.9vw;
        translate: 540% -310%; }
        @media screen and (max-width: 800px) {
          /* line 790, recruit.scss */
          .fv .recruit-person .circle.bc.bcr03 {
            width: 9.1vw;
            height: 9.1vw;
            translate: 460% 0%; } }
    /* line 802, recruit.scss */
    .fv .recruit-person svg {
      position: absolute;
      left: 50%;
      top: 50%;
      stroke-width: 4px;
      z-index: 0;
      pointer-events: none; }
      @media screen and (max-width: 800px) {
        /* line 802, recruit.scss */
        .fv .recruit-person svg {
          stroke-width: 6px; } }
      /* line 812, recruit.scss */
      .fv .recruit-person svg.lrt01 {
        width: 108vw;
        translate: -49% -27%; }
        @media screen and (max-width: 800px) {
          /* line 812, recruit.scss */
          .fv .recruit-person svg.lrt01 {
            width: 220vw; } }
      /* line 819, recruit.scss */
      .fv .recruit-person svg.lrt02 {
        width: 97.6vw;
        left: -20vw;
        top: -2.2vw;
        translate: 0 0; }
        @media screen and (max-width: 800px) {
          /* line 819, recruit.scss */
          .fv .recruit-person svg.lrt02 {
            width: 200vw;
            left: 50%;
            top: 50%;
            translate: -50% -50%; } }
        /* line 830, recruit.scss */
        .fv .recruit-person svg.lrt02 .cls-1 {
          fill: none;
          stroke: #004eb9;
          stroke-dasharray: 2800 2800;
          stroke-width: 4px; }
          @media screen and (max-width: 800px) {
            /* line 830, recruit.scss */
            .fv .recruit-person svg.lrt02 .cls-1 {
              stroke-width: 6px; } }
      /* line 840, recruit.scss */
      .fv .recruit-person svg.lrt03 {
        width: 103vw;
        translate: -50.8% -35.8%; }
        @media screen and (max-width: 800px) {
          /* line 840, recruit.scss */
          .fv .recruit-person svg.lrt03 {
            width: 248vw;
            translate: -50.8% -9%; } }
  /* line 850, recruit.scss */
  .fv .read-recruit-topimage {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 83.4%;
    translate: -49% -5%;
    z-index: 4;
    opacity: 0;
    transition: translate 3s ease-out 0s,opacity 3s ease-out 0s,top 3s ease-out 0s; }
    @media screen and (max-width: 800px) {
      /* line 850, recruit.scss */
      .fv .read-recruit-topimage {
        width: 77.3%;
        top: 185px;
        translate: -50% 0; } }
    /* line 864, recruit.scss */
    .fv .read-recruit-topimage.start {
      opacity: 1;
      translate: -49% -30%; }
      @media screen and (max-width: 800px) {
        /* line 864, recruit.scss */
        .fv .read-recruit-topimage.start {
          top: 135px;
          translate: -50% 0; } }
    /* line 872, recruit.scss */
    .fv .read-recruit-topimage img {
      width: 100%; }
  /* line 876, recruit.scss */
  .fv .recruit-pagemenu {
    position: absolute;
    right: 20px;
    top: 145px;
    z-index: 4; }
    @media screen and (max-width: 800px) {
      /* line 876, recruit.scss */
      .fv .recruit-pagemenu {
        display: none; } }

/* line 887, recruit.scss */
.kZIBxwAt_0 {
  stroke-dasharray: 2204 2206;
  stroke-dashoffset: 2205; }

/* line 887, recruit.scss */
.start .kZIBxwAt_0 {
  animation: kZIBxwAt_draw 3000ms ease-out 0ms forwards; }

@keyframes kZIBxwAt_draw {
  100% {
    stroke-dashoffset: 0; } }
@keyframes kZIBxwAt_fade {
  0% {
    stroke-opacity: 1; }
  95.1219512195122% {
    stroke-opacity: 1; }
  100% {
    stroke-opacity: 0; } }
/* line 889, recruit.scss */
.JBdVlQIu_0 {
  stroke-dasharray: 3065 3067;
  stroke-dashoffset: 3066; }

/* line 889, recruit.scss */
.start .JBdVlQIu_0 {
  animation: JBdVlQIu_draw 3000ms ease-out 500ms forwards; }

@keyframes JBdVlQIu_draw {
  100% {
    stroke-dashoffset: 0; } }
@keyframes JBdVlQIu_fade {
  0% {
    stroke-opacity: 1; }
  96.07843137254902% {
    stroke-opacity: 1; }
  100% {
    stroke-opacity: 0; } }
/* line 891, recruit.scss */
.LbtjniKW_0 {
  stroke-dasharray: 2476 2478;
  stroke-dashoffset: 2477; }

/* line 891, recruit.scss */
.start .LbtjniKW_0 {
  animation: LbtjniKW_draw 3000ms ease-out 500ms forwards; }

@keyframes LbtjniKW_draw {
  100% {
    stroke-dashoffset: 0; } }
@keyframes LbtjniKW_fade {
  0% {
    stroke-opacity: 1; }
  95.1219512195122% {
    stroke-opacity: 1; }
  100% {
    stroke-opacity: 0; } }
/* line 897, recruit.scss */
.prologue .read-prologue {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 145px; }
  @media screen and (max-width: 800px) {
    /* line 897, recruit.scss */
    .prologue .read-prologue {
      font-size: 18px;
      line-height: 1.56;
      margin-bottom: 75px; } }

/* line 911, recruit.scss */
.prologue-content {
  position: relative;
  display: flex; }
  @media screen and (max-width: 800px) {
    /* line 911, recruit.scss */
    .prologue-content {
      flex-wrap: wrap; } }
  /* line 917, recruit.scss */
  .prologue-content.prologue01 {
    justify-content: space-between;
    margin-bottom: 110px; }
    @media screen and (max-width: 800px) {
      /* line 917, recruit.scss */
      .prologue-content.prologue01 {
        margin-bottom: 55px; } }
    /* line 923, recruit.scss */
    .prologue-content.prologue01 .l-prologue {
      position: relative;
      width: 30%;
      margin-left: 5.4%; }
      @media screen and (max-width: 800px) {
        /* line 923, recruit.scss */
        .prologue-content.prologue01 .l-prologue {
          width: 100%;
          margin-left: 0; } }
      @media screen and (max-width: 800px) {
        /* line 931, recruit.scss */
        .prologue-content.prologue01 .l-prologue figure {
          width: 59.1%;
          margin: 0 0 45px 20px; } }
    /* line 938, recruit.scss */
    .prologue-content.prologue01 .r-prologue {
      position: relative;
      width: 56.3%; }
      @media screen and (max-width: 800px) {
        /* line 938, recruit.scss */
        .prologue-content.prologue01 .r-prologue {
          width: 100%; } }
      /* line 944, recruit.scss */
      .prologue-content.prologue01 .r-prologue .cap-prologue {
        margin: 170px 0 0; }
        @media screen and (max-width: 800px) {
          /* line 944, recruit.scss */
          .prologue-content.prologue01 .r-prologue .cap-prologue {
            margin: 0 0 40px; } }
      /* line 950, recruit.scss */
      .prologue-content.prologue01 .r-prologue figure {
        position: relative;
        z-index: 1; }
        /* line 953, recruit.scss */
        .prologue-content.prologue01 .r-prologue figure.p0102 {
          width: 42.1%;
          margin: -75px 0 0 47.6%;
          z-index: 0; }
          @media screen and (max-width: 800px) {
            /* line 953, recruit.scss */
            .prologue-content.prologue01 .r-prologue figure.p0102 {
              width: 47.8%;
              margin: 0 30px 0 auto; } }
        /* line 962, recruit.scss */
        .prologue-content.prologue01 .r-prologue figure.pi0101 {
          width: 32.9%;
          margin: -65px 0 0 17.5%;
          z-index: 1; }
          @media screen and (max-width: 800px) {
            /* line 962, recruit.scss */
            .prologue-content.prologue01 .r-prologue figure.pi0101 {
              width: 37.3%;
              margin: -45px 0 0 30px; } }
  /* line 974, recruit.scss */
  .prologue-content.prologue02 {
    flex-direction: row-reverse;
    margin-bottom: 160px; }
    @media screen and (max-width: 800px) {
      /* line 974, recruit.scss */
      .prologue-content.prologue02 {
        flex-direction: column-reverse;
        margin-bottom: 85px; } }
    /* line 981, recruit.scss */
    .prologue-content.prologue02 .l-prologue {
      position: relative;
      width: 46.1%;
      margin-left: 4.5%; }
      @media screen and (max-width: 800px) {
        /* line 981, recruit.scss */
        .prologue-content.prologue02 .l-prologue {
          width: 100%;
          margin-left: 0; } }
      /* line 989, recruit.scss */
      .prologue-content.prologue02 .l-prologue figure {
        position: relative;
        z-index: 1; }
        /* line 992, recruit.scss */
        .prologue-content.prologue02 .l-prologue figure.p0201 {
          width: 100%; }
          @media screen and (max-width: 800px) {
            /* line 992, recruit.scss */
            .prologue-content.prologue02 .l-prologue figure.p0201 {
              width: 77.6%;
              margin: 0 0 0 auto; } }
        /* line 999, recruit.scss */
        .prologue-content.prologue02 .l-prologue figure.pi0201 {
          position: absolute;
          left: -86.8%;
          bottom: -135px;
          width: 91.9%;
          z-index: 1; }
          @media screen and (max-width: 800px) {
            /* line 999, recruit.scss */
            .prologue-content.prologue02 .l-prologue figure.pi0201 {
              position: relative;
              left: auto;
              bottom: auto;
              width: 79.7%;
              margin-top: -45px; } }
        /* line 1013, recruit.scss */
        .prologue-content.prologue02 .l-prologue figure figcaption {
          text-align: right; }
    /* line 1018, recruit.scss */
    .prologue-content.prologue02 .r-prologue {
      display: flex;
      flex-direction: column;
      width: 49.6%; }
      @media screen and (max-width: 800px) {
        /* line 1018, recruit.scss */
        .prologue-content.prologue02 .r-prologue {
          width: 100%; } }
      /* line 1025, recruit.scss */
      .prologue-content.prologue02 .r-prologue .cap-prologue {
        margin: 65px 0 60px auto; }
        @media screen and (max-width: 800px) {
          /* line 1025, recruit.scss */
          .prologue-content.prologue02 .r-prologue .cap-prologue {
            margin: 0 0 45px auto; } }
  /* line 1033, recruit.scss */
  .prologue-content.prologue03 {
    flex-wrap: wrap;
    margin-bottom: 330px; }
    @media screen and (max-width: 800px) {
      /* line 1033, recruit.scss */
      .prologue-content.prologue03 {
        margin-bottom: 115px; } }
    /* line 1039, recruit.scss */
    .prologue-content.prologue03 .l-prologue {
      position: relative;
      width: 36.6%;
      margin: 0 4.7% 0 23.4%; }
      @media screen and (max-width: 800px) {
        /* line 1039, recruit.scss */
        .prologue-content.prologue03 .l-prologue {
          width: 100%;
          margin: 0; } }
      /* line 1047, recruit.scss */
      .prologue-content.prologue03 .l-prologue figure {
        position: relative;
        z-index: 1; }
        /* line 1050, recruit.scss */
        .prologue-content.prologue03 .l-prologue figure.p0301 {
          width: 100%;
          z-index: 0; }
          @media screen and (max-width: 800px) {
            /* line 1050, recruit.scss */
            .prologue-content.prologue03 .l-prologue figure.p0301 {
              width: 70.7%; } }
        /* line 1057, recruit.scss */
        .prologue-content.prologue03 .l-prologue figure.pi0301 {
          width: 55.9%;
          z-index: 1;
          margin: -55px -110px 0 auto; }
          @media screen and (max-width: 800px) {
            /* line 1057, recruit.scss */
            .prologue-content.prologue03 .l-prologue figure.pi0301 {
              width: 43.6%;
              margin: -45px 0 0 auto; } }
    /* line 1068, recruit.scss */
    .prologue-content.prologue03 .r-prologue {
      position: relative;
      width: 35.3%; }
      @media screen and (max-width: 800px) {
        /* line 1068, recruit.scss */
        .prologue-content.prologue03 .r-prologue {
          width: 100%; } }
      /* line 1074, recruit.scss */
      .prologue-content.prologue03 .r-prologue .cap-prologue {
        margin: 95px 0 60px auto; }
        @media screen and (max-width: 800px) {
          /* line 1074, recruit.scss */
          .prologue-content.prologue03 .r-prologue .cap-prologue {
            margin: 0 0 65px; } }
    /* line 1081, recruit.scss */
    .prologue-content.prologue03 figure {
      z-index: 1; }
      /* line 1083, recruit.scss */
      .prologue-content.prologue03 figure.p0302 {
        position: absolute;
        left: 4.9%;
        bottom: 0px;
        width: 16%; }
        @media screen and (max-width: 800px) {
          /* line 1083, recruit.scss */
          .prologue-content.prologue03 figure.p0302 {
            position: relative;
            left: auto;
            bottom: auto;
            width: 40%;
            margin-left: 20px; } }
      /* line 1096, recruit.scss */
      .prologue-content.prologue03 figure.p0303 {
        position: absolute;
        left: 25.2%;
        bottom: -90px;
        width: 17.9%; }
        @media screen and (max-width: 800px) {
          /* line 1096, recruit.scss */
          .prologue-content.prologue03 figure.p0303 {
            position: relative;
            left: auto;
            bottom: auto;
            width: 44.8%;
            margin: 135px 0 0 auto; } }
  /* line 1111, recruit.scss */
  .prologue-content.prologue04 {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 115px; }
    @media screen and (max-width: 800px) {
      /* line 1111, recruit.scss */
      .prologue-content.prologue04 {
        flex-direction: column;
        margin-bottom: 205px; } }
    /* line 1119, recruit.scss */
    .prologue-content.prologue04 .l-prologue {
      position: relative;
      width: 35.5%; }
      @media screen and (max-width: 800px) {
        /* line 1119, recruit.scss */
        .prologue-content.prologue04 .l-prologue {
          width: 100%;
          order: 2;
          margin-bottom: 20px; } }
      /* line 1127, recruit.scss */
      .prologue-content.prologue04 .l-prologue figure {
        z-index: 1; }
        @media screen and (max-width: 800px) {
          /* line 1129, recruit.scss */
          .prologue-content.prologue04 .l-prologue figure.p0401 {
            width: 77.8%;
            margin-top: -20px;
            z-index: 0; } }
        /* line 1136, recruit.scss */
        .prologue-content.prologue04 .l-prologue figure.pi0401 {
          position: absolute;
          right: -85px;
          bottom: -70px;
          width: 51.8%;
          z-index: 1; }
          @media screen and (max-width: 800px) {
            /* line 1136, recruit.scss */
            .prologue-content.prologue04 .l-prologue figure.pi0401 {
              position: relative;
              right: auto;
              bottom: auto;
              width: 40%;
              margin: 0 30px 0 auto; } }
    /* line 1152, recruit.scss */
    .prologue-content.prologue04 .r-prologue {
      position: relative;
      width: 57.1%; }
      @media screen and (max-width: 800px) {
        /* line 1152, recruit.scss */
        .prologue-content.prologue04 .r-prologue {
          display: flex;
          justify-content: flex-end;
          width: 100%;
          order: 1;
          margin-bottom: 20px; } }
      /* line 1162, recruit.scss */
      .prologue-content.prologue04 .r-prologue .cap-prologue {
        margin: 20px 0 0; }
        @media screen and (max-width: 800px) {
          /* line 1162, recruit.scss */
          .prologue-content.prologue04 .r-prologue .cap-prologue {
            margin: 0; } }
    /* line 1169, recruit.scss */
    .prologue-content.prologue04 .p04-bottom {
      position: relative;
      width: 100%; }
      @media screen and (max-width: 800px) {
        /* line 1169, recruit.scss */
        .prologue-content.prologue04 .p04-bottom {
          order: 3; } }
      /* line 1175, recruit.scss */
      .prologue-content.prologue04 .p04-bottom figure {
        position: relative;
        z-index: 1; }
        /* line 1178, recruit.scss */
        .prologue-content.prologue04 .p04-bottom figure.p0402 {
          width: 18.5%;
          margin: -180px 0 10px auto; }
          @media screen and (max-width: 800px) {
            /* line 1178, recruit.scss */
            .prologue-content.prologue04 .p04-bottom figure.p0402 {
              width: 40.3%;
              margin: 0 23px 7px auto; } }
        /* line 1186, recruit.scss */
        .prologue-content.prologue04 .p04-bottom figure.p0403 {
          width: 29.1%;
          margin: 0 4.8% 45px auto; }
          @media screen and (max-width: 800px) {
            /* line 1186, recruit.scss */
            .prologue-content.prologue04 .p04-bottom figure.p0403 {
              width: 63.3%;
              margin: 0 0 0 45px; } }
        /* line 1194, recruit.scss */
        .prologue-content.prologue04 .p04-bottom figure.pi0402 {
          position: absolute;
          bottom: 5px;
          right: 0;
          width: 20.5%; }
          @media screen and (max-width: 800px) {
            /* line 1194, recruit.scss */
            .prologue-content.prologue04 .p04-bottom figure.pi0402 {
              position: relative;
              bottom: auto;
              right: auto;
              width: 47.8%;
              margin: 0 0 0 auto; } }
        /* line 1207, recruit.scss */
        .prologue-content.prologue04 .p04-bottom figure.p0404 {
          width: 18.8%;
          margin: 0 0 0 38.8%; }
          @media screen and (max-width: 800px) {
            /* line 1207, recruit.scss */
            .prologue-content.prologue04 .p04-bottom figure.p0404 {
              width: 61.2%;
              margin: 0 0 20px; } }
        /* line 1215, recruit.scss */
        .prologue-content.prologue04 .p04-bottom figure.p0405 {
          width: 17.4%;
          margin: -118px 0 0 59.4%; }
          @media screen and (max-width: 800px) {
            /* line 1215, recruit.scss */
            .prologue-content.prologue04 .p04-bottom figure.p0405 {
              width: 56.4%;
              margin: 0 0 0 auto; } }
  /* line 1227, recruit.scss */
  .prologue-content figure figcaption {
    display: block;
    font-size: 13px;
    margin-top: 8px;
    white-space: nowrap; }
  /* line 1233, recruit.scss */
  .prologue-content figure img {
    border-radius: 14px; }
  /* line 1237, recruit.scss */
  .prologue-content .cap-prologue {
    color: #004EB9;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin: 0; }

/* line 1246, recruit.scss */
.read-prologue-bottom p {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 25px; }
  /* line 1251, recruit.scss */
  .read-prologue-bottom p:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 800px) {
    /* line 1246, recruit.scss */
    .read-prologue-bottom p {
      font-size: 18px;
      margin-bottom: 15px; } }

/* line 1263, recruit.scss */
.recruit-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.2em;
  margin-bottom: 90px; }
  @media screen and (max-width: 800px) {
    /* line 1263, recruit.scss */
    .recruit-title {
      font-size: 24px;
      margin-bottom: 70px; } }

/* line 1276, recruit.scss */
.interview .interview-content {
  position: relative;
  min-height: 670px;
  margin-bottom: 125px; }
  @media screen and (max-width: 800px) {
    /* line 1276, recruit.scss */
    .interview .interview-content {
      margin-bottom: 80px; } }
  /* line 1283, recruit.scss */
  .interview .interview-content:last-child {
    margin-bottom: 0; }
  /* line 1286, recruit.scss */
  .interview .interview-content .interviewlist {
    display: flex;
    gap: 0 45px; }
    @media screen and (max-width: 800px) {
      /* line 1286, recruit.scss */
      .interview .interview-content .interviewlist {
        flex-wrap: wrap;
        gap: 60px 0; } }
    /* line 1293, recruit.scss */
    .interview .interview-content .interviewlist a {
      display: block;
      width: 100%;
      text-decoration: none; }
      @media screen and (min-width: 800px) {
        /* line 1300, recruit.scss */
        .interview .interview-content .interviewlist a:hover .interviewlist-img::before {
          background-color: rgba(29, 29, 29, 0.4); }
        /* line 1304, recruit.scss */
        .interview .interview-content .interviewlist a:hover .interviewlist-img figure img {
          scale: 1.2; }
        /* line 1309, recruit.scss */
        .interview .interview-content .interviewlist a:hover h3 {
          color: #004EB9; }
        /* line 1312, recruit.scss */
        .interview .interview-content .interviewlist a:hover .interview-more {
          background-color: #003F95; }
          /* line 1314, recruit.scss */
          .interview .interview-content .interviewlist a:hover .interview-more::before {
            rotate: 90deg; } }
      /* line 1320, recruit.scss */
      .interview .interview-content .interviewlist a .interviewlist-img {
        position: relative;
        margin-bottom: 15px;
        overflow: hidden; }
        /* line 1324, recruit.scss */
        .interview .interview-content .interviewlist a .interviewlist-img::before {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          content: "";
          border-radius: 14px;
          transition: background-color 0.3s ease-out;
          z-index: 1;
          pointer-events: none; }
        /* line 1336, recruit.scss */
        .interview .interview-content .interviewlist a .interviewlist-img figure {
          position: relative;
          border-radius: 14px;
          overflow: hidden; }
          /* line 1340, recruit.scss */
          .interview .interview-content .interviewlist a .interviewlist-img figure img {
            width: 100%;
            border-radius: 14px;
            transition: scale 0.3s ease-out; }
      /* line 1347, recruit.scss */
      .interview .interview-content .interviewlist a h3 {
        font-size: 20px;
        line-height: 1.7;
        margin-bottom: 15px;
        transition: color 0.3s ease-out; }
      /* line 1353, recruit.scss */
      .interview .interview-content .interviewlist a .interviewlist-profile {
        border-left: 3px solid #004EB9;
        padding-left: 12px;
        margin: 0; }
        /* line 1357, recruit.scss */
        .interview .interview-content .interviewlist a .interviewlist-profile .job {
          display: block;
          font-size: 18px;
          font-weight: 700; }
        /* line 1362, recruit.scss */
        .interview .interview-content .interviewlist a .interviewlist-profile .nyusha {
          display: block; }
  /* line 1369, recruit.scss */
  .interview .interview-content .crosstalklist a {
    position: relative;
    width: 100%;
    text-decoration: none; }
    @media screen and (min-width: 800px) {
      /* line 1376, recruit.scss */
      .interview .interview-content .crosstalklist a:hover .crosstalklist-img::before {
        background-color: rgba(29, 29, 29, 0.4); }
      /* line 1380, recruit.scss */
      .interview .interview-content .crosstalklist a:hover .crosstalklist-img figure img {
        scale: 1.15; }
      /* line 1385, recruit.scss */
      .interview .interview-content .crosstalklist a:hover .interview-more {
        background-color: #003F95; }
        /* line 1387, recruit.scss */
        .interview .interview-content .crosstalklist a:hover .interview-more::before {
          rotate: 90deg; } }
    /* line 1393, recruit.scss */
    .interview .interview-content .crosstalklist a .crosstalklist-img {
      position: relative;
      overflow: hidden; }
      /* line 1396, recruit.scss */
      .interview .interview-content .crosstalklist a .crosstalklist-img::before, .interview .interview-content .crosstalklist a .crosstalklist-img::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        z-index: 2;
        border-radius: 14px;
        pointer-events: none; }
      /* line 1408, recruit.scss */
      .interview .interview-content .crosstalklist a .crosstalklist-img::before {
        background-color: rgba(29, 29, 29, 0.2);
        z-index: 1;
        transition: background-color 0.3s ease-out; }
      /* line 1413, recruit.scss */
      .interview .interview-content .crosstalklist a .crosstalklist-img::after {
        background: linear-gradient(45deg, #03123b 0%, rgba(3, 18, 59, 0) 30%);
        opacity: 0.3; }
      /* line 1417, recruit.scss */
      .interview .interview-content .crosstalklist a .crosstalklist-img figure {
        position: relative;
        border-radius: 14px;
        overflow: hidden; }
        /* line 1421, recruit.scss */
        .interview .interview-content .crosstalklist a .crosstalklist-img figure img {
          border-radius: 14px;
          transition: scale 0.3s ease-out; }
    /* line 1427, recruit.scss */
    .interview .interview-content .crosstalklist a .crosstalk-profile {
      position: absolute;
      width: 100vw;
      max-width: 1090px;
      left: 30px;
      bottom: 35px;
      z-index: 3; }
      @media screen and (max-width: 800px) {
        /* line 1427, recruit.scss */
        .interview .interview-content .crosstalklist a .crosstalk-profile {
          left: 20px; } }
      /* line 1437, recruit.scss */
      .interview .interview-content .crosstalklist a .crosstalk-profile h3 {
        color: #FFFFFF;
        font-size: 28px;
        line-height: 1.57;
        margin-bottom: 30px; }
        @media screen and (max-width: 800px) {
          /* line 1437, recruit.scss */
          .interview .interview-content .crosstalklist a .crosstalk-profile h3 {
            font-size: 20px;
            line-height: 1.45;
            margin-bottom: 15px; } }
      /* line 1448, recruit.scss */
      .interview .interview-content .crosstalklist a .crosstalk-profile .crosstalk-job {
        display: flex;
        align-items: center;
        color: #FFFFFF;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.5;
        border-left: 3px solid #004EB9;
        padding-left: 12px;
        margin: 0; }
        @media screen and (max-width: 800px) {
          /* line 1448, recruit.scss */
          .interview .interview-content .crosstalklist a .crosstalk-profile .crosstalk-job {
            font-size: 15px; } }
        /* line 1461, recruit.scss */
        .interview .interview-content .crosstalklist a .crosstalk-profile .crosstalk-job .cross {
          display: flex;
          padding: 0 6px; }
          @media screen and (max-width: 800px) {
            /* line 1464, recruit.scss */
            .interview .interview-content .crosstalklist a .crosstalk-profile .crosstalk-job .cross img {
              width: 11px; } }
  /* line 1474, recruit.scss */
  .interview .interview-content .interview-more {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 68px;
    height: 68px;
    color: #FFFFFF;
    font-family: "Oxanium", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    background-color: #004EB9;
    border-radius: 14px 0 14px 0;
    z-index: 1;
    padding-top: 40px;
    transition: background-color 0.3s ease-out; }
    /* line 1490, recruit.scss */
    .interview .interview-content .interview-more::before {
      position: absolute;
      top: 15px;
      left: 50%;
      translate: -50% 0;
      width: 17px;
      height: 17px;
      content: "";
      background-image: url("../img/plus.svg");
      background-repeat: no-repeat;
      background-position: left top;
      background-size: cover;
      transition: rotate 0.3s ease-out; }

/* line 1508, recruit.scss */
.m-interview {
  max-width: 1120px;
  max-height: 100% !important;
  border-radius: 14px; }
  /* line 1512, recruit.scss */
  .m-interview button {
    appearance: none;
    font-family: "Oxanium", sans-serif;
    font-size: 14px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    z-index: 1; }
    /* line 1520, recruit.scss */
    .m-interview button.btn_close {
      position: absolute;
      right: 0;
      top: 0;
      width: 68px;
      height: 68px;
      color: #FFFFFF;
      text-align: center;
      background-color: #004EB9;
      background-image: url("../img/cross.svg");
      background-size: 13px 13px;
      background-repeat: no-repeat;
      background-position: center 20px;
      padding: 25px 0 0;
      border-radius: 0 11px 0 14px; }
    /* line 1536, recruit.scss */
    .m-interview button.btn_close_bottom {
      position: relative;
      left: 50%;
      translate: -50% 0;
      color: #004EB9;
      background: none;
      background-image: url("../img/cross_blue.svg");
      background-size: 7px 7px;
      background-repeat: no-repeat;
      background-position: 5px 40%;
      border-bottom: 1px solid #004EB9;
      padding: 0 0 2px 20px;
      margin: 0 auto 80px; }
      @media screen and (max-width: 800px) {
        /* line 1536, recruit.scss */
        .m-interview button.btn_close_bottom {
          margin-bottom: 40px; } }
  /* line 1554, recruit.scss */
  .m-interview .mi-top {
    position: relative;
    margin-bottom: 110px; }
    @media screen and (max-width: 800px) {
      /* line 1554, recruit.scss */
      .m-interview .mi-top {
        margin-bottom: 60px; } }
    /* line 1560, recruit.scss */
    .m-interview .mi-top .topimage-mi {
      position: relative;
      z-index: 0; }
      /* line 1563, recruit.scss */
      .m-interview .mi-top .topimage-mi img {
        width: 100%;
        border-radius: 14px 14px 0 0; }
        @media screen and (max-width: 800px) {
          /* line 1563, recruit.scss */
          .m-interview .mi-top .topimage-mi img {
            height: 74.6vw;
            min-height: 280px;
            object-fit: cover; } }
    /* line 1573, recruit.scss */
    .m-interview .mi-top .mi-top-detail {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      z-index: 1; }
      @media screen and (max-width: 800px) {
        /* line 1573, recruit.scss */
        .m-interview .mi-top .mi-top-detail {
          position: relative;
          left: auto;
          bottom: 0;
          display: block;
          margin-top: -105px; } }
      /* line 1589, recruit.scss */
      .m-interview .mi-top .mi-top-detail.reverse {
        flex-direction: row-reverse; }
        @media screen and (max-width: 800px) {
          /* line 1591, recruit.scss */
          .m-interview .mi-top .mi-top-detail.reverse .en-title {
            margin: 0 0 0 auto; } }
        /* line 1596, recruit.scss */
        .m-interview .mi-top .mi-top-detail.reverse .profile-detail {
          border-radius: 0 14px 0px 0; }
          @media screen and (max-width: 800px) {
            /* line 1596, recruit.scss */
            .m-interview .mi-top .mi-top-detail.reverse .profile-detail {
              border-radius: 0 14px 14px 0;
              text-align: left;
              margin: 0; } }
      /* line 1605, recruit.scss */
      .m-interview .mi-top .mi-top-detail .en-title {
        width: 44.3%; }
        @media screen and (max-width: 800px) {
          /* line 1605, recruit.scss */
          .m-interview .mi-top .mi-top-detail .en-title {
            width: 66.9%;
            margin: 0; }
            /* line 1610, recruit.scss */
            .m-interview .mi-top .mi-top-detail .en-title img {
              width: 100%; } }
        /* line 1614, recruit.scss */
        .m-interview .mi-top .mi-top-detail .en-title.en-title-ct {
          width: 47.8%; }
          @media screen and (max-width: 800px) {
            /* line 1614, recruit.scss */
            .m-interview .mi-top .mi-top-detail .en-title.en-title-ct {
              width: 72.2%; } }
      /* line 1621, recruit.scss */
      .m-interview .mi-top .mi-top-detail .profile-detail {
        width: 48.2%;
        background-color: #FFFFFF;
        padding: 40px 0 25px 40px;
        border-radius: 14px 0 0 0; }
        @media screen and (max-width: 800px) {
          /* line 1621, recruit.scss */
          .m-interview .mi-top .mi-top-detail .profile-detail {
            width: calc(100% - 20px);
            padding: 30px 20px 20px;
            margin: 0 0 0 auto;
            border-radius: 14px 0 0 14px; } }
        /* line 1632, recruit.scss */
        .m-interview .mi-top .mi-top-detail .profile-detail h2 {
          font-size: 26px;
          line-height: 1.6;
          margin-bottom: 20px; }
          @media screen and (max-width: 800px) {
            /* line 1632, recruit.scss */
            .m-interview .mi-top .mi-top-detail .profile-detail h2 {
              font-size: 20px;
              line-height: 1.5; } }
          @media screen and (max-width: 800px) {
            /* line 1640, recruit.scss */
            .m-interview .mi-top .mi-top-detail .profile-detail h2.nm {
              margin-bottom: 10px; } }
        /* line 1646, recruit.scss */
        .m-interview .mi-top .mi-top-detail .profile-detail .mi-profile {
          display: flex;
          align-items: center;
          margin-bottom: 10px; }
          @media screen and (max-width: 800px) {
            /* line 1646, recruit.scss */
            .m-interview .mi-top .mi-top-detail .profile-detail .mi-profile {
              display: block;
              margin-bottom: 3px; } }
          /* line 1654, recruit.scss */
          .m-interview .mi-top .mi-top-detail .profile-detail .mi-profile .job {
            display: inline-block;
            font-size: 18px;
            font-weight: 700;
            padding-right: 30px; }
            @media screen and (max-width: 800px) {
              /* line 1654, recruit.scss */
              .m-interview .mi-top .mi-top-detail .profile-detail .mi-profile .job {
                display: block;
                font-size: 16px;
                line-height: 1.2;
                padding-right: 0; } }
          /* line 1666, recruit.scss */
          .m-interview .mi-top .mi-top-detail .profile-detail .mi-profile .nyusha {
            display: inline-block; }
            @media screen and (max-width: 800px) {
              /* line 1666, recruit.scss */
              .m-interview .mi-top .mi-top-detail .profile-detail .mi-profile .nyusha {
                display: block; } }
        /* line 1673, recruit.scss */
        .m-interview .mi-top .mi-top-detail .profile-detail .mi-name {
          display: block;
          color: #004EB9;
          font-size: 24px;
          font-weight: 700;
          line-height: 1;
          margin: 0; }
        /* line 1681, recruit.scss */
        .m-interview .mi-top .mi-top-detail .profile-detail .mc-profile {
          display: flex;
          align-items: center;
          font-size: 20px;
          font-weight: 700;
          margin: 0; }
          @media screen and (max-width: 800px) {
            /* line 1681, recruit.scss */
            .m-interview .mi-top .mi-top-detail .profile-detail .mc-profile {
              font-size: 16px; } }
          /* line 1690, recruit.scss */
          .m-interview .mi-top .mi-top-detail .profile-detail .mc-profile .cross {
            display: flex;
            width: 15px;
            height: 15px;
            background-color: #004EB9;
            mask-image: url("../img/cross.svg");
            mask-repeat: no-repeat;
            mask-position: center top;
            mask-size: cover;
            margin: 0 6px; }
            @media screen and (max-width: 800px) {
              /* line 1690, recruit.scss */
              .m-interview .mi-top .mi-top-detail .profile-detail .mc-profile .cross {
                width: 12px;
                height: 12px;
                margin: 0 3px; } }
  /* line 1710, recruit.scss */
  .m-interview .mc-member {
    position: relative;
    width: calc(100% - 40px);
    max-width: 660px;
    margin: 0 auto 95px; }
    @media screen and (max-width: 800px) {
      /* line 1710, recruit.scss */
      .m-interview .mc-member {
        max-width: inherit;
        margin: 0 auto 85px; } }
    /* line 1719, recruit.scss */
    .m-interview .mc-member h3 {
      color: #004EB9;
      font-size: 32px;
      font-weight: 700;
      text-align: center;
      margin-bottom: 45px; }
      @media screen and (max-width: 800px) {
        /* line 1719, recruit.scss */
        .m-interview .mc-member h3 {
          font-size: 22px;
          margin-bottom: 25px; } }
    /* line 1730, recruit.scss */
    .m-interview .mc-member .mc-memberlist {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%; }
      @media screen and (max-width: 800px) {
        /* line 1730, recruit.scss */
        .m-interview .mc-member .mc-memberlist {
          gap: 45px 0; } }
      /* line 1738, recruit.scss */
      .m-interview .mc-member .mc-memberlist .mc-member-img {
        position: relative;
        width: 47%; }
        @media screen and (max-width: 800px) {
          /* line 1738, recruit.scss */
          .m-interview .mc-member .mc-memberlist .mc-member-img {
            width: 100%; } }
        /* line 1744, recruit.scss */
        .m-interview .mc-member .mc-memberlist .mc-member-img .mc-member-title {
          position: absolute;
          left: 0;
          top: 0;
          width: 125px;
          color: #FFFFFF;
          font-size: 16px;
          font-weight: 700;
          text-align: center;
          background-color: #004EB9;
          border-radius: 14px 0 14px 0;
          padding: 6px 0 8px;
          z-index: 1; }
        /* line 1758, recruit.scss */
        .m-interview .mc-member .mc-memberlist .mc-member-img figure {
          position: relative;
          width: 100%;
          margin-bottom: 8px;
          z-index: 0; }
          /* line 1763, recruit.scss */
          .m-interview .mc-member .mc-memberlist .mc-member-img figure img {
            border-radius: 14px; }
      /* line 1768, recruit.scss */
      .m-interview .mc-member .mc-memberlist .mc-member-profile {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        text-align: center;
        margin: 0; }
        /* line 1775, recruit.scss */
        .m-interview .mc-member .mc-memberlist .mc-member-profile .en {
          display: flex;
          color: #004EB9;
          font-size: 24px;
          font-weight: 700;
          line-height: 1;
          padding: 3px 0 0 12px; }
  /* line 1786, recruit.scss */
  .m-interview .mi-detail {
    margin: 0 auto;
    padding: 0 143px; }
    @media screen and (max-width: 800px) {
      /* line 1786, recruit.scss */
      .m-interview .mi-detail {
        padding: 0 20px; } }
    /* line 1793, recruit.scss */
    .m-interview .mi-detail.reverse h3 {
      left: 100%;
      translate: 120px 0; }
      @media screen and (max-width: 800px) {
        /* line 1793, recruit.scss */
        .m-interview .mi-detail.reverse h3 {
          left: auto;
          translate: 0 0; } }
    /* line 1802, recruit.scss */
    .m-interview .mi-detail.reverse .m-inner .m-content {
      flex-direction: row-reverse; }
      @media screen and (max-width: 800px) {
        /* line 1802, recruit.scss */
        .m-interview .mi-detail.reverse .m-inner .m-content {
          flex-direction: column; } }
    /* line 1810, recruit.scss */
    .m-interview .mi-detail h3 {
      position: sticky;
      left: 0;
      top: calc(50% - 62px);
      translate: -120px 0;
      text-align: center;
      white-space: nowrap;
      writing-mode: vertical-rl;
      margin: 0;
      padding-top: 35px;
      z-index: 1; }
      @media screen and (max-width: 800px) {
        /* line 1810, recruit.scss */
        .m-interview .mi-detail h3 {
          position: relative;
          left: auto;
          top: auto;
          translate: 0 0;
          text-align: left;
          writing-mode: inherit;
          white-space: normal;
          padding: 0 0 0 35px;
          margin-bottom: 12px; } }
      /* line 1832, recruit.scss */
      .m-interview .mi-detail h3::before {
        position: absolute;
        left: 50%;
        top: 0;
        translate: -50% 0;
        width: 1px;
        height: 28px;
        content: "";
        background-color: #004EB9; }
        @media screen and (max-width: 800px) {
          /* line 1832, recruit.scss */
          .m-interview .mi-detail h3::before {
            width: 28px;
            height: 1px;
            left: 0;
            top: 12px;
            translate: 0 0; } }
      /* line 1849, recruit.scss */
      .m-interview .mi-detail h3 .en {
        color: #004EB9;
        font-size: 14px;
        font-weight: 700; }
    /* line 1855, recruit.scss */
    .m-interview .mi-detail .m-inner {
      margin-top: -124px; }
      @media screen and (max-width: 800px) {
        /* line 1855, recruit.scss */
        .m-interview .mi-detail .m-inner {
          margin-top: 0; } }
      /* line 1860, recruit.scss */
      .m-interview .mi-detail .m-inner .m-content {
        position: relative;
        display: flex;
        justify-content: space-between;
        margin-bottom: 80px;
        z-index: 0; }
        @media screen and (max-width: 800px) {
          /* line 1860, recruit.scss */
          .m-interview .mi-detail .m-inner .m-content {
            flex-wrap: wrap;
            gap: 20px 0;
            margin-bottom: 40px; } }
        /* line 1871, recruit.scss */
        .m-interview .mi-detail .m-inner .m-content .lm-interview {
          position: relative;
          width: 47.6%; }
          @media screen and (max-width: 800px) {
            /* line 1871, recruit.scss */
            .m-interview .mi-detail .m-inner .m-content .lm-interview {
              width: 100%; } }
          /* line 1877, recruit.scss */
          .m-interview .mi-detail .m-inner .m-content .lm-interview h4 {
            font-size: 22px;
            line-height: 1.64;
            margin-bottom: 40px;
            z-index: 1; }
            @media screen and (max-width: 800px) {
              /* line 1877, recruit.scss */
              .m-interview .mi-detail .m-inner .m-content .lm-interview h4 {
                font-size: 18px;
                line-height: 1.56;
                margin-bottom: 20px; } }
          /* line 1888, recruit.scss */
          .m-interview .mi-detail .m-inner .m-content .lm-interview p {
            position: relative;
            margin: 0;
            z-index: 1; }
        /* line 1894, recruit.scss */
        .m-interview .mi-detail .m-inner .m-content .rm-interview {
          position: relative;
          width: 47.6%; }
          @media screen and (max-width: 800px) {
            /* line 1894, recruit.scss */
            .m-interview .mi-detail .m-inner .m-content .rm-interview {
              width: 100%; } }
          /* line 1900, recruit.scss */
          .m-interview .mi-detail .m-inner .m-content .rm-interview figure {
            position: relative;
            width: 100%;
            z-index: 1; }
            /* line 1904, recruit.scss */
            .m-interview .mi-detail .m-inner .m-content .rm-interview figure img {
              width: 100%;
              border-radius: 14px; }
      /* line 1911, recruit.scss */
      .m-interview .mi-detail .m-inner .mc-content {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 80px; }
        @media screen and (max-width: 800px) {
          /* line 1911, recruit.scss */
          .m-interview .mi-detail .m-inner .mc-content {
            display: block;
            margin-bottom: 125px; } }
        /* line 1921, recruit.scss */
        .m-interview .mi-detail .m-inner .mc-content.wide {
          display: block; }
        /* line 1924, recruit.scss */
        .m-interview .mi-detail .m-inner .mc-content.reverse {
          flex-direction: row-reverse; }
        @media screen and (max-width: 800px) {
          /* line 1927, recruit.scss */
          .m-interview .mi-detail .m-inner .mc-content.nm {
            margin-bottom: 55px; } }
        /* line 1932, recruit.scss */
        .m-interview .mi-detail .m-inner .mc-content h4 {
          width: 100%;
          font-size: 24px;
          line-height: 1.48;
          text-align: center;
          margin-bottom: 45px; }
          @media screen and (max-width: 800px) {
            /* line 1932, recruit.scss */
            .m-interview .mi-detail .m-inner .mc-content h4 {
              width: 100%;
              margin-bottom: 25px; } }
        /* line 1943, recruit.scss */
        .m-interview .mi-detail .m-inner .mc-content h5 {
          width: 100%;
          color: #004EB9;
          font-size: 18px;
          line-height: 1.55;
          padding: 10px 0 10px 50px;
          margin-bottom: 30px; }
          @media screen and (max-width: 800px) {
            /* line 1943, recruit.scss */
            .m-interview .mi-detail .m-inner .mc-content h5 {
              padding: 10px 0 0px 40px;
              margin-bottom: 20px; } }
          /* line 1954, recruit.scss */
          .m-interview .mi-detail .m-inner .mc-content h5::before {
            position: absolute;
            left: 0;
            top: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 40px;
            height: 40px;
            color: #FFFFFF;
            font-family: "Oxanium", sans-serif;
            font-size: 22px;
            font-weight: 700;
            content: "Q.";
            background-color: #004EB9;
            border-radius: 50%; }
            @media screen and (max-width: 800px) {
              /* line 1954, recruit.scss */
              .m-interview .mi-detail .m-inner .mc-content h5::before {
                top: 9px;
                width: 34px;
                height: 34px;
                font-size: 18px; } }
        /* line 1978, recruit.scss */
        .m-interview .mi-detail .m-inner .mc-content .l-crosstalk {
          position: relative;
          width: 47.6%; }
          @media screen and (max-width: 800px) {
            /* line 1978, recruit.scss */
            .m-interview .mi-detail .m-inner .mc-content .l-crosstalk {
              width: 100%;
              margin-bottom: 30px; } }
        /* line 1986, recruit.scss */
        .m-interview .mi-detail .m-inner .mc-content .r-crosstalk {
          position: relative;
          width: 47.6%; }
          @media screen and (max-width: 800px) {
            /* line 1986, recruit.scss */
            .m-interview .mi-detail .m-inner .mc-content .r-crosstalk {
              width: 100%; } }
          /* line 1992, recruit.scss */
          .m-interview .mi-detail .m-inner .mc-content .r-crosstalk figure {
            position: relative;
            z-index: 1;
            margin-bottom: 20px; }
            /* line 1996, recruit.scss */
            .m-interview .mi-detail .m-inner .mc-content .r-crosstalk figure:last-child {
              margin-bottom: 0; }
            /* line 1999, recruit.scss */
            .m-interview .mi-detail .m-inner .mc-content .r-crosstalk figure img {
              width: 100%;
              border-radius: 14px; }
        /* line 2005, recruit.scss */
        .m-interview .mi-detail .m-inner .mc-content p {
          position: relative;
          min-height: 84px;
          font-size: 15px;
          line-height: 1.86;
          margin-bottom: 30px;
          padding-left: 94px; }
          @media screen and (max-width: 800px) {
            /* line 2005, recruit.scss */
            .m-interview .mi-detail .m-inner .mc-content p {
              padding-left: 57px; } }
          /* line 2015, recruit.scss */
          .m-interview .mi-detail .m-inner .mc-content p::before {
            position: absolute;
            left: 0;
            top: 3px;
            width: 64px;
            color: #004EB9;
            font-family: "Oxanium", sans-serif;
            font-size: 16px;
            font-weight: 700;
            text-align: center;
            background-repeat: no-repeat;
            background-position: left top;
            background-size: 64px 64px;
            padding-top: 65px; }
            @media screen and (max-width: 800px) {
              /* line 2015, recruit.scss */
              .m-interview .mi-detail .m-inner .mc-content p::before {
                width: 46px;
                background-size: 46px 46px;
                padding-top: 50px; } }
          /* line 2036, recruit.scss */
          .m-interview .mi-detail .m-inner .mc-content p.yk::before {
            background-image: url("../img/yk.png");
            content: "Y.K."; }
          /* line 2042, recruit.scss */
          .m-interview .mi-detail .m-inner .mc-content p.sf::before {
            background-image: url("../img/sf.png");
            content: "S.F."; }
          /* line 2047, recruit.scss */
          .m-interview .mi-detail .m-inner .mc-content p:last-child {
            margin-bottom: 0; }

/* line 2060, recruit.scss */
.jobmap {
  margin-bottom: 45px; }
  /* line 2062, recruit.scss */
  .jobmap .jobmap_topimage {
    position: relative;
    max-width: 1124px;
    margin: 0 auto 95px; }
    /* line 2066, recruit.scss */
    .jobmap .jobmap_topimage figure {
      position: relative;
      z-index: 1; }
      @media screen and (max-width: 800px) {
        /* line 2066, recruit.scss */
        .jobmap .jobmap_topimage figure {
          width: calc(100% + 100px);
          margin-left: -50px; } }
  /* line 2075, recruit.scss */
  .jobmap .jobmap-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 60px 4%; }
    @media screen and (max-width: 800px) {
      /* line 2075, recruit.scss */
      .jobmap .jobmap-content {
        gap: 40px 0; } }
    /* line 2083, recruit.scss */
    .jobmap .jobmap-content .jobmap-detail {
      width: 30.6%; }
      @media screen and (max-width: 800px) {
        /* line 2083, recruit.scss */
        .jobmap .jobmap-content .jobmap-detail {
          width: 100%; } }
      /* line 2088, recruit.scss */
      .jobmap .jobmap-content .jobmap-detail h3 {
        color: #004EB9;
        font-size: 22px;
        line-height: 1.4;
        border-left: 6px solid #004EB9;
        padding-left: 6px;
        margin-bottom: 10px; }
      /* line 2096, recruit.scss */
      .jobmap .jobmap-content .jobmap-detail .jobmap-img {
        width: 100%;
        margin: 0 auto 25px; }
        /* line 2099, recruit.scss */
        .jobmap .jobmap-content .jobmap-detail .jobmap-img img {
          border-radius: 14px; }
      /* line 2103, recruit.scss */
      .jobmap .jobmap-content .jobmap-detail h4 {
        font-size: 18px;
        border-bottom: 1px solid #1D1D1D;
        padding-bottom: 8px;
        margin-bottom: 20px; }
      /* line 2109, recruit.scss */
      .jobmap .jobmap-content .jobmap-detail p {
        margin: 0; }

/* line 2115, recruit.scss */
.read-recruit {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.58;
  margin-bottom: 24px; }
  @media screen and (max-width: 800px) {
    /* line 2115, recruit.scss */
    .read-recruit {
      font-size: 18px; } }

/* line 2124, recruit.scss */
.cap-recruit {
  margin-bottom: 40px; }

/* line 2132, recruit.scss */
.environment .read-recruit {
  margin-bottom: 160px; }
  @media screen and (max-width: 800px) {
    /* line 2132, recruit.scss */
    .environment .read-recruit {
      margin-bottom: 125px; } }
/* line 2138, recruit.scss */
.environment .environment-content {
  position: relative;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 800px) {
    /* line 2138, recruit.scss */
    .environment .environment-content {
      display: block; } }
  /* line 2145, recruit.scss */
  .environment .environment-content::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: left top;
    z-index: 0;
    pointer-events: none; }
    @media screen and (max-width: 800px) {
      /* line 2145, recruit.scss */
      .environment .environment-content::before {
        display: none; } }
  /* line 2156, recruit.scss */
  .environment .environment-content.ec01 {
    margin-bottom: 225px; }
    @media screen and (max-width: 800px) {
      /* line 2156, recruit.scss */
      .environment .environment-content.ec01 {
        margin-bottom: 190px; } }
    /* line 2161, recruit.scss */
    .environment .environment-content.ec01::before {
      top: -125px;
      right: -180px;
      width: 1002px;
      height: 627px;
      background-image: url("../img/bg_environment01.svg"); }
    @media screen and (max-width: 800px) {
      /* line 2169, recruit.scss */
      .environment .environment-content.ec01 .r-ec::before {
        top: 0;
        width: 785px;
        height: 1084px;
        background-image: url("../img/bg_environment01_sp.svg"); } }
    @media screen and (max-width: 1250px) {
      /* line 2177, recruit.scss */
      .environment .environment-content.ec01 .r-ec ul {
        translate: -5% 0; } }
    @media screen and (max-width: 800px) {
      /* line 2177, recruit.scss */
      .environment .environment-content.ec01 .r-ec ul {
        translate: 0 0; } }
    /* line 2185, recruit.scss */
    .environment .environment-content.ec01 .r-ec ul li:nth-child(1) {
      rotate: -7deg; }
      @media screen and (max-width: 800px) {
        /* line 2187, recruit.scss */
        .environment .environment-content.ec01 .r-ec ul li:nth-child(1) .ec-img {
          width: 160px; } }
    /* line 2193, recruit.scss */
    .environment .environment-content.ec01 .r-ec ul li:nth-child(2) {
      rotate: 3deg;
      translate: 0 -35px; }
      @media screen and (max-width: 800px) {
        /* line 2193, recruit.scss */
        .environment .environment-content.ec01 .r-ec ul li:nth-child(2) {
          translate: 0 0; } }
      /* line 2199, recruit.scss */
      .environment .environment-content.ec01 .r-ec ul li:nth-child(2) .ec-img {
        max-width: 210px; }
    /* line 2203, recruit.scss */
    .environment .environment-content.ec01 .r-ec ul li:nth-child(3) {
      rotate: -5deg;
      translate: 30px 20px; }
      @media screen and (max-width: 800px) {
        /* line 2206, recruit.scss */
        .environment .environment-content.ec01 .r-ec ul li:nth-child(3) .ec-img {
          width: 163px; } }
  /* line 2216, recruit.scss */
  .environment .environment-content.ec02 {
    flex-direction: row-reverse;
    margin-bottom: 300px; }
    @media screen and (max-width: 800px) {
      /* line 2216, recruit.scss */
      .environment .environment-content.ec02 {
        margin-bottom: 165px; } }
    /* line 2222, recruit.scss */
    .environment .environment-content.ec02::before {
      top: -125px;
      left: -262px;
      width: 1076px;
      height: 612px;
      background-image: url("../img/bg_environment02.svg"); }
    /* line 2229, recruit.scss */
    .environment .environment-content.ec02 .l-ec {
      padding-left: 60px; }
      @media screen and (max-width: 800px) {
        /* line 2229, recruit.scss */
        .environment .environment-content.ec02 .l-ec {
          padding: 0 0 20px 40.9%; } }
    @media screen and (max-width: 800px) {
      /* line 2237, recruit.scss */
      .environment .environment-content.ec02 .r-ec::before {
        top: -120px;
        width: 825px;
        height: 1161px;
        background-image: url("../img/bg_environment02_sp.svg"); } }
    /* line 2246, recruit.scss */
    .environment .environment-content.ec02 .r-ec ul li:nth-child(odd) {
      background-color: #FFFFFF; }
    /* line 2249, recruit.scss */
    .environment .environment-content.ec02 .r-ec ul li:nth-child(even) {
      background-color: #EFF9FC; }
    /* line 2252, recruit.scss */
    .environment .environment-content.ec02 .r-ec ul li:nth-child(1) {
      rotate: 6deg;
      translate: 0 -45px;
      z-index: 2; }
      @media screen and (max-width: 800px) {
        /* line 2252, recruit.scss */
        .environment .environment-content.ec02 .r-ec ul li:nth-child(1) {
          translate: -15px 0; } }
      @media screen and (max-width: 800px) {
        /* line 2259, recruit.scss */
        .environment .environment-content.ec02 .r-ec ul li:nth-child(1) .ec-img {
          width: 202px; } }
    /* line 2265, recruit.scss */
    .environment .environment-content.ec02 .r-ec ul li:nth-child(2) {
      rotate: -4deg;
      translate: -5px 20px;
      z-index: 1; }
      @media screen and (max-width: 800px) {
        /* line 2265, recruit.scss */
        .environment .environment-content.ec02 .r-ec ul li:nth-child(2) {
          translate: 0 -15px; } }
      @media screen and (max-width: 800px) {
        /* line 2272, recruit.scss */
        .environment .environment-content.ec02 .r-ec ul li:nth-child(2) .ec-img {
          width: 205px; } }
    /* line 2278, recruit.scss */
    .environment .environment-content.ec02 .r-ec ul li:nth-child(3) {
      rotate: 3deg;
      translate: -15px -35px;
      z-index: 0; }
      @media screen and (max-width: 800px) {
        /* line 2278, recruit.scss */
        .environment .environment-content.ec02 .r-ec ul li:nth-child(3) {
          translate: -5px -20px; } }
      @media screen and (max-width: 800px) {
        /* line 2285, recruit.scss */
        .environment .environment-content.ec02 .r-ec ul li:nth-child(3) .ec-img {
          width: 188px; } }
  /* line 2296, recruit.scss */
  .environment .environment-content.ec03::before {
    top: -115px;
    right: -95px;
    width: 1036px;
    height: 519px;
    background-image: url("../img/bg_environment03.svg"); }
  @media screen and (max-width: 800px) {
    /* line 2305, recruit.scss */
    .environment .environment-content.ec03 .r-ec::before {
      top: 0;
      translate: -55% 0;
      width: 707px;
      height: 1117px;
      background-image: url("../img/bg_environment03_sp.svg"); } }
  @media screen and (max-width: 1250px) {
    /* line 2313, recruit.scss */
    .environment .environment-content.ec03 .r-ec ul {
      translate: -5% 0; } }
  @media screen and (max-width: 800px) {
    /* line 2313, recruit.scss */
    .environment .environment-content.ec03 .r-ec ul {
      translate: 0 0; } }
  /* line 2321, recruit.scss */
  .environment .environment-content.ec03 .r-ec ul li:nth-child(1) {
    rotate: -1deg;
    translate: 50px -95px;
    z-index: 2; }
    @media screen and (max-width: 800px) {
      /* line 2321, recruit.scss */
      .environment .environment-content.ec03 .r-ec ul li:nth-child(1) {
        translate: -20px 0px; } }
    @media screen and (max-width: 800px) {
      /* line 2328, recruit.scss */
      .environment .environment-content.ec03 .r-ec ul li:nth-child(1) .ec-img {
        width: 195px; } }
  /* line 2334, recruit.scss */
  .environment .environment-content.ec03 .r-ec ul li:nth-child(2) {
    rotate: 6deg;
    translate: 50px -15px;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      /* line 2334, recruit.scss */
      .environment .environment-content.ec03 .r-ec ul li:nth-child(2) {
        translate: 0px -15px; } }
    @media screen and (max-width: 800px) {
      /* line 2341, recruit.scss */
      .environment .environment-content.ec03 .r-ec ul li:nth-child(2) .ec-img {
        width: 166px; } }
  /* line 2347, recruit.scss */
  .environment .environment-content.ec03 .r-ec ul li:nth-child(3) {
    rotate: -2deg;
    translate: 40px -70px;
    z-index: 0; }
    @media screen and (max-width: 800px) {
      /* line 2347, recruit.scss */
      .environment .environment-content.ec03 .r-ec ul li:nth-child(3) {
        translate: 40px -10px; } }
    @media screen and (max-width: 800px) {
      /* line 2354, recruit.scss */
      .environment .environment-content.ec03 .r-ec ul li:nth-child(3) .ec-img {
        width: 187px; } }
  /* line 2364, recruit.scss */
  .environment .environment-content .l-ec {
    position: relative;
    width: 260px;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      /* line 2364, recruit.scss */
      .environment .environment-content .l-ec {
        width: 100%;
        margin-bottom: 25px; } }
    /* line 2372, recruit.scss */
    .environment .environment-content .l-ec h3 {
      font-size: 30px;
      margin-bottom: 30px; }
      @media screen and (max-width: 800px) {
        /* line 2372, recruit.scss */
        .environment .environment-content .l-ec h3 {
          font-size: 24px; } }
    /* line 2379, recruit.scss */
    .environment .environment-content .l-ec p {
      color: #004EB9;
      font-size: 16px;
      margin: 0; }
  /* line 2385, recruit.scss */
  .environment .environment-content .r-ec {
    position: relative;
    width: calc(100% - 260px);
    z-index: 1; }
    @media screen and (max-width: 800px) {
      /* line 2385, recruit.scss */
      .environment .environment-content .r-ec {
        width: 100%; } }
    @media screen and (max-width: 800px) {
      /* line 2392, recruit.scss */
      .environment .environment-content .r-ec::before {
        position: absolute;
        left: 50%;
        translate: -50% 0;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        content: "";
        z-index: 0;
        pointer-events: none; } }
    /* line 2405, recruit.scss */
    .environment .environment-content .r-ec ul {
      display: flex;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 800px) {
        /* line 2405, recruit.scss */
        .environment .environment-content .r-ec ul {
          display: block;
          width: 251px;
          margin: 0 auto; } }
      /* line 2414, recruit.scss */
      .environment .environment-content .r-ec ul li {
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        width: 100%;
        line-height: 1.56;
        background-color: #EFF9FC;
        border-radius: 14px;
        margin: 0;
        padding: 40px 10px;
        box-shadow: 0px 3px 40px rgba(0, 78, 185, 0.12); }
        @media screen and (max-width: 800px) {
          /* line 2414, recruit.scss */
          .environment .environment-content .r-ec ul li {
            align-items: center;
            min-height: 317px;
            padding: 30px 0; } }
        /* line 2431, recruit.scss */
        .environment .environment-content .r-ec ul li:nth-child(even) {
          background-color: #FFFFFF; }
        /* line 2434, recruit.scss */
        .environment .environment-content .r-ec ul li .ec-img {
          display: block;
          text-align: center;
          margin: 0 auto; }
          @media screen and (max-width: 800px) {
            /* line 2434, recruit.scss */
            .environment .environment-content .r-ec ul li .ec-img {
              width: 63.7%; } }
          /* line 2441, recruit.scss */
          .environment .environment-content .r-ec ul li .ec-img img {
            width: 100%; }

/* line 2453, recruit.scss */
.message-content {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  margin-bottom: 80px;
  z-index: 1; }
  @media screen and (max-width: 800px) {
    /* line 2453, recruit.scss */
    .message-content {
      display: block;
      margin-bottom: 160px; } }
  /* line 2465, recruit.scss */
  .message-content:last-child {
    margin-bottom: 0; }
  /* line 2468, recruit.scss */
  .message-content.reverse {
    flex-direction: row-reverse;
    z-index: 2; }
    /* line 2471, recruit.scss */
    .message-content.reverse .l-message {
      margin: 0 calc(50% - 50vw); }
      @media screen and (max-width: 800px) {
        /* line 2471, recruit.scss */
        .message-content.reverse .l-message {
          margin: 0 -20px 0 auto; } }
      /* line 2477, recruit.scss */
      .message-content.reverse .l-message figure img {
        border-radius: 14px 0 0 14px; }
    /* line 2482, recruit.scss */
    .message-content.reverse .r-message {
      padding: 85px 60px 85px 0;
      border-radius: 0 14px 14px 0; }
      @media screen and (max-width: 800px) {
        /* line 2482, recruit.scss */
        .message-content.reverse .r-message {
          padding: 60px 20px 60px 0; } }
      /* line 2488, recruit.scss */
      .message-content.reverse .r-message::after {
        left: auto;
        right: 100%; }
  /* line 2494, recruit.scss */
  .message-content .l-message {
    position: relative;
    width: 50vw;
    margin: 0 calc(50% - 50vw);
    z-index: 1; }
    @media screen and (max-width: 800px) {
      /* line 2494, recruit.scss */
      .message-content .l-message {
        width: 77%;
        margin: 0 0 0 -20px; } }
    /* line 2504, recruit.scss */
    .message-content .l-message figure img {
      border-radius: 0 14px 14px 0;
      width: 100%; }
  /* line 2510, recruit.scss */
  .message-content .r-message {
    position: relative;
    width: 59%;
    background-color: #FFFFFF;
    padding: 85px 0 85px 80px;
    margin-top: 80px;
    border-radius: 14px 0 0 14px;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      /* line 2510, recruit.scss */
      .message-content .r-message {
        width: 100%;
        padding: 60px 0 60px 20px;
        margin-top: -40px; } }
    /* line 2523, recruit.scss */
    .message-content .r-message::after {
      position: absolute;
      left: 100%;
      top: 0;
      width: 100vw;
      height: 100%;
      content: "";
      background-color: #FFFFFF;
      z-index: 1;
      pointer-events: none; }
    /* line 2534, recruit.scss */
    .message-content .r-message h3 {
      width: calc(100% + 80px);
      font-size: 28px;
      margin-bottom: 40px; }
      @media screen and (max-width: 1300px) {
        /* line 2534, recruit.scss */
        .message-content .r-message h3 {
          width: 100%; } }
      @media screen and (max-width: 800px) {
        /* line 2534, recruit.scss */
        .message-content .r-message h3 {
          font-size: 24px;
          line-height: 1.75;
          margin-bottom: 30px; } }
    /* line 2547, recruit.scss */
    .message-content .r-message p {
      position: relative;
      width: calc(100% + 80px);
      font-size: 15px;
      margin-bottom: 40px;
      z-index: 2; }
      @media screen and (max-width: 1300px) {
        /* line 2547, recruit.scss */
        .message-content .r-message p {
          width: 100%; } }
      @media screen and (max-width: 800px) {
        /* line 2547, recruit.scss */
        .message-content .r-message p {
          margin-bottom: 30px; } }
      /* line 2559, recruit.scss */
      .message-content .r-message p:last-child {
        margin-bottom: 0; }

/* line 2568, recruit.scss */
.tab-wrap {
  margin-top: 65px; }
  @media screen and (max-width: 800px) {
    /* line 2568, recruit.scss */
    .tab-wrap {
      margin-top: 50px; } }
  /* line 2573, recruit.scss */
  .tab-wrap ul {
    display: flex;
    justify-content: space-between;
    gap: 0 8px;
    margin: 0;
    padding: 0; }
    /* line 2579, recruit.scss */
    .tab-wrap ul li {
      width: 100%;
      color: #FFFFFF;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.5;
      text-align: center;
      background-color: #004EB9;
      border-radius: 14px 14px 0 0;
      cursor: pointer;
      padding: 22px 0;
      margin: 0;
      transition: all 0.3s ease-out; }
      @media screen and (max-width: 800px) {
        /* line 2579, recruit.scss */
        .tab-wrap ul li {
          font-size: 18px;
          padding: 15px 0; } }
      /* line 2596, recruit.scss */
      .tab-wrap ul li.is-active {
        color: #004EB9;
        background-color: #FFFFFF; }
        /* line 2600, recruit.scss */
        .tab-wrap ul li.is-active .tab-title::before {
          border: 1px solid #004EB9; }
        /* line 2603, recruit.scss */
        .tab-wrap ul li.is-active .tab-title::after {
          rotate: 90deg;
          background-color: #004EB9; }
      /* line 2609, recruit.scss */
      .tab-wrap ul li .tab-title {
        position: relative;
        display: inline-block;
        padding-right: 35px; }
        @media screen and (max-width: 800px) {
          /* line 2609, recruit.scss */
          .tab-wrap ul li .tab-title {
            padding-right: 25px; } }
        /* line 2616, recruit.scss */
        .tab-wrap ul li .tab-title::before, .tab-wrap ul li .tab-title::after {
          position: absolute;
          top: 50%;
          content: ""; }
        /* line 2622, recruit.scss */
        .tab-wrap ul li .tab-title::before {
          right: 0;
          translate: 0 -50%;
          width: 22px;
          height: 22px;
          border: 1px solid #FFFFFF;
          border-radius: 50%; }
          @media screen and (max-width: 800px) {
            /* line 2622, recruit.scss */
            .tab-wrap ul li .tab-title::before {
              width: 18px;
              height: 18px; } }
        /* line 2634, recruit.scss */
        .tab-wrap ul li .tab-title::after {
          right: 9px;
          translate: 0 -40%;
          rotate: 0deg;
          width: 4px;
          height: 6px;
          mask-image: url(../img/arrow_r.svg);
          mask-position: center;
          mask-size: cover;
          background-color: #FFFFFF; }
          @media screen and (max-width: 800px) {
            /* line 2634, recruit.scss */
            .tab-wrap ul li .tab-title::after {
              right: 7px; } }
  /* line 2651, recruit.scss */
  .tab-wrap .panel-list {
    position: relative; }
    /* line 2653, recruit.scss */
    .tab-wrap .panel-list .panel-item {
      display: none;
      width: 100%;
      padding: 100px 105px;
      background-color: #FFFFFF;
      border-radius: 0 0 14px 14px; }
      @media screen and (max-width: 800px) {
        /* line 2653, recruit.scss */
        .tab-wrap .panel-list .panel-item {
          padding: 35px 20px; } }
      /* line 2662, recruit.scss */
      .tab-wrap .panel-list .panel-item.is-active {
        display: block;
        animation: fade 0.3s ease-out forwards; }
      /* line 2666, recruit.scss */
      .tab-wrap .panel-list .panel-item table {
        margin: 0; }
        /* line 2668, recruit.scss */
        .tab-wrap .panel-list .panel-item table th {
          position: relative;
          width: 180px;
          color: #004EB9;
          padding: 20px;
          border-bottom: 15px solid #FFFFFF; }
          @media screen and (max-width: 800px) {
            /* line 2668, recruit.scss */
            .tab-wrap .panel-list .panel-item table th {
              width: 154px;
              height: 40px;
              font-size: 13px;
              line-height: 1.46;
              padding: 12px 15px 0;
              border-bottom: none; } }
          /* line 2682, recruit.scss */
          .tab-wrap .panel-list .panel-item table th::before {
            position: absolute;
            left: 0;
            top: 3px;
            width: 100%;
            height: 63px;
            content: "";
            background-color: #EFF9FC;
            border-radius: 0 34px 34px 0;
            z-index: -1; }
            @media screen and (max-width: 800px) {
              /* line 2682, recruit.scss */
              .tab-wrap .panel-list .panel-item table th::before {
                top: 0;
                height: 40px;
                border-radius: 0 20px 20px 0; } }
        /* line 2699, recruit.scss */
        .tab-wrap .panel-list .panel-item table td {
          width: calc(100% - 180px);
          padding: 20px 0 20px 50px;
          border-bottom: 15px solid #FFFFFF; }
          @media screen and (max-width: 800px) {
            /* line 2699, recruit.scss */
            .tab-wrap .panel-list .panel-item table td {
              width: 100%;
              font-size: 13px;
              line-height: 1.46;
              padding: 15px 0 25px;
              border-bottom: none; } }

@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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