@charset "UTF-8";
/* line 3, recruitment.scss */
:target {
  scroll-margin-top: 100px; }
  @media screen and (max-width: 800px) {
    /* line 3, recruitment.scss */
    :target {
      scroll-margin-top: 90px; } }

/* line 11, recruitment.scss */
.page-title.topimage {
  position: absolute;
  top: 125px;
  left: 0;
  height: auto;
  background: none;
  margin: 0;
  padding: 0 100px;
  z-index: 2; }
  @media screen and (max-width: 800px) {
    /* line 11, recruitment.scss */
    .page-title.topimage {
      display: none; } }
  /* line 23, recruitment.scss */
  .page-title.topimage::before {
    display: none; }

/* line 29, recruitment.scss */
.topimage {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #0E3E6A;
  z-index: 0; }
  @media screen and (max-width: 800px) {
    /* line 29, recruitment.scss */
    .topimage {
      height: 444px; } }
  /* line 38, recruitment.scss */
  .topimage::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(26, 26, 26, 0.4);
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: multiply; }
  /* line 50, recruitment.scss */
  .topimage .video-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 0;
    overflow: hidden; }
    @media screen and (max-width: 800px) {
      /* line 50, recruitment.scss */
      .topimage .video-content {
        height: 444px; } }
    /* line 61, recruitment.scss */
    .topimage .video-content video {
      position: relative;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0; }
  /* line 69, recruitment.scss */
  .topimage h1 {
    position: absolute;
    right: 100px;
    bottom: 55px;
    color: #FFFFFF;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      /* line 69, recruitment.scss */
      .topimage h1 {
        right: auto;
        left: 16px;
        bottom: 40px; } }
    /* line 80, recruitment.scss */
    .topimage h1 .en {
      position: relative;
      display: inline-block;
      font-size: 20px;
      font-weight: 900;
      line-height: 1;
      text-transform: capitalize;
      padding-bottom: 12px;
      margin-bottom: 25px; }
      @media screen and (max-width: 800px) {
        /* line 80, recruitment.scss */
        .topimage h1 .en {
          font-size: 16px;
          padding-bottom: 10px;
          margin-bottom: 20px; } }
      /* line 94, recruitment.scss */
      .topimage h1 .en::after {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 112px;
        height: 8px;
        content: "";
        background: linear-gradient(45deg, #005eaf 0%, #00af9b 99%); }
        @media screen and (max-width: 800px) {
          /* line 94, recruitment.scss */
          .topimage h1 .en::after {
            width: 90px;
            height: 6px; } }
    /* line 108, recruitment.scss */
    .topimage h1 .jp {
      display: block;
      font-size: 54px;
      font-weight: 800;
      line-height: 1.45; }
      @media screen and (max-width: 800px) {
        /* line 108, recruitment.scss */
        .topimage h1 .jp {
          font-size: 28px; } }

/* line 120, recruitment.scss */
.sidemenu {
  position: fixed;
  left: 35px;
  bottom: 40px;
  z-index: 2; }
  @media screen and (max-width: 800px) {
    /* line 120, recruitment.scss */
    .sidemenu {
      position: relative;
      left: auto;
      bottom: auto;
      width: 100%;
      padding: 60px 16px 0;
      background-color: #FFFFFF; } }
  @media screen and (max-width: 800px) {
    /* line 133, recruitment.scss */
    .sidemenu::before {
      position: absolute;
      left: 16px;
      top: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 74px;
      height: 20px;
      content: "Menu";
      color: #FFFFFF;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      font-size: 16px;
      background: linear-gradient(45deg, #005eaf 0%, #00af9b 100%); } }
  /* line 154, recruitment.scss */
  .sidemenu.black ul li a {
    color: #1A1A1A; }
  /* line 160, recruitment.scss */
  .sidemenu ul {
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 800px) {
      /* line 160, recruitment.scss */
      .sidemenu ul {
        position: relative;
        width: calc(100% - 114px);
        margin: -4px 0 0 auto; } }
    /* line 168, recruitment.scss */
    .sidemenu ul li {
      line-height: 1.64;
      margin: 0 0 6px;
      padding: 0; }
      @media screen and (max-width: 800px) {
        /* line 168, recruitment.scss */
        .sidemenu ul li {
          margin-bottom: 0; } }
      @media screen and (max-width: 800px) {
        /* line 177, recruitment.scss */
        .sidemenu ul li:first-child a {
          border: none; } }
      /* line 182, recruitment.scss */
      .sidemenu ul li:last-child {
        margin-bottom: 0; }
      /* line 185, recruitment.scss */
      .sidemenu ul li a {
        position: relative;
        display: inline-block;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.05em;
        text-decoration: none;
        transition: color 0.3s ease-out; }
        @media screen and (max-width: 800px) {
          /* line 185, recruitment.scss */
          .sidemenu ul li a {
            display: block;
            color: #1A1A1A;
            border-top: 1px solid #B5B8BC;
            padding: 6px 35px 6px 0; }
            /* line 199, recruitment.scss */
            .sidemenu ul li a::after {
              position: absolute;
              right: 14px;
              top: 50%;
              translate: 0 -50%;
              width: 9px;
              height: 11px;
              content: "";
              background-color: #005EAF;
              mask-image: url("../img/arrow_d02.svg");
              mask-position: right 50% top 50%;
              mask-repeat: no-repeat;
              pointer-events: none; } }
      /* line 215, recruitment.scss */
      .sidemenu ul li ul {
        margin-top: 6px;
        padding-left: 1em; }
        @media screen and (max-width: 800px) {
          /* line 215, recruitment.scss */
          .sidemenu ul li ul {
            width: 100%;
            margin-top: 0;
            padding-bottom: 5px; } }
        /* line 223, recruitment.scss */
        .sidemenu ul li ul li {
          margin: 0 0 0px 1em; }
          @media screen and (max-width: 800px) {
            /* line 223, recruitment.scss */
            .sidemenu ul li ul li {
              margin-left: 0; } }
          @media screen and (max-width: 800px) {
            /* line 228, recruitment.scss */
            .sidemenu ul li ul li a {
              border: none;
              padding: 2px 0; } }
          /* line 233, recruitment.scss */
          .sidemenu ul li ul li a::before {
            display: inline-block;
            content: "−";
            margin-left: -1em; }
            @media screen and (max-width: 800px) {
              /* line 233, recruitment.scss */
              .sidemenu ul li ul li a::before {
                margin-left: 0; } }

/* line 251, recruitment.scss */
article {
  padding-left: 200px; }
  @media screen and (max-width: 800px) {
    /* line 251, recruitment.scss */
    article {
      padding-left: 16px;
      padding-right: 16px; } }
  /* line 257, recruitment.scss */
  article section {
    padding-top: 150px;
    padding-bottom: 140px; }
    @media screen and (max-width: 800px) {
      /* line 257, recruitment.scss */
      article section {
        padding-top: 100px;
        padding-bottom: 90px; } }
    /* line 264, recruitment.scss */
    article section::after {
      position: absolute;
      left: -200px;
      top: 0;
      width: 100vw;
      height: 100%;
      content: "";
      pointer-events: none;
      z-index: -1; }
      @media screen and (max-width: 800px) {
        /* line 264, recruitment.scss */
        article section::after {
          left: -16px; } }
    /* line 278, recruitment.scss */
    article section:nth-child(odd)::after {
      background-color: #FFFFFF; }
    /* line 283, recruitment.scss */
    article section:nth-child(even)::after {
      background-color: #E5E8EB; }
    /* line 287, recruitment.scss */
    article section#message {
      padding-bottom: 0; }
      /* line 289, recruitment.scss */
      article section#message p {
        line-height: 2;
        margin-bottom: 35px; }
        @media screen and (max-width: 800px) {
          /* line 289, recruitment.scss */
          article section#message p {
            line-height: 1.86; } }
        /* line 295, recruitment.scss */
        article section#message p.read-recruitment {
          line-height: 1.5; }
          @media screen and (max-width: 800px) {
            /* line 295, recruitment.scss */
            article section#message p.read-recruitment {
              font-size: 28px; } }
    /* line 304, recruitment.scss */
    article section#company::before {
      position: absolute;
      top: 54px;
      right: 43px;
      width: 448px;
      height: 257px;
      content: "";
      background-image: url("../img/bg_about_company.svg");
      background-repeat: no-repeat;
      background-position: left top;
      background-size: cover;
      z-index: 0;
      pointer-events: none; }
      @media screen and (max-width: 800px) {
        /* line 304, recruitment.scss */
        article section#company::before {
          top: 12px;
          right: -16px;
          width: 221px;
          height: 127px; } }
    /* line 324, recruitment.scss */
    article section#company .title {
      margin-bottom: 60px; }
      @media screen and (max-width: 800px) {
        /* line 324, recruitment.scss */
        article section#company .title {
          margin-bottom: 35px; } }
    /* line 330, recruitment.scss */
    article section#company .read-recruitment {
      font-size: 28px;
      line-height: 1.5;
      margin-bottom: 24px; }
      @media screen and (max-width: 800px) {
        /* line 330, recruitment.scss */
        article section#company .read-recruitment {
          font-size: 21px;
          margin-bottom: 20px; } }
    /* line 341, recruitment.scss */
    article section#company .brackets p.read-brackets {
      font-size: 28px; }
      @media screen and (max-width: 800px) {
        /* line 341, recruitment.scss */
        article section#company .brackets p.read-brackets {
          font-size: 21px;
          margin-bottom: 15px; } }
    /* line 352, recruitment.scss */
    article section#works .title {
      margin-bottom: 60px; }
      @media screen and (max-width: 800px) {
        /* line 352, recruitment.scss */
        article section#works .title {
          margin-bottom: 35px; } }
    /* line 360, recruitment.scss */
    article section#environment h3 {
      font-size: 22px;
      font-weight: 800;
      letter-spacing: 0.05em;
      margin-bottom: 16px; }
      @media screen and (max-width: 800px) {
        /* line 360, recruitment.scss */
        article section#environment h3 {
          font-size: 18px;
          font-weight: 700; } }
    /* line 370, recruitment.scss */
    article section#environment .fit {
      margin-bottom: 60px; }
      @media screen and (max-width: 800px) {
        /* line 370, recruitment.scss */
        article section#environment .fit {
          margin-bottom: 40px; } }
      /* line 375, recruitment.scss */
      article section#environment .fit h4 {
        background: linear-gradient(45deg, #005eaf 0%, #00af9b 100%); }
      /* line 380, recruitment.scss */
      article section#environment .fit .fitlist ul:nth-child(1) {
        width: 43.3%; }
        @media screen and (max-width: 800px) {
          /* line 380, recruitment.scss */
          article section#environment .fit .fitlist ul:nth-child(1) {
            width: 100%; } }
      /* line 386, recruitment.scss */
      article section#environment .fit .fitlist ul:nth-child(2) {
        width: 45.7%; }
        @media screen and (max-width: 800px) {
          /* line 386, recruitment.scss */
          article section#environment .fit .fitlist ul:nth-child(2) {
            width: 100%; } }
    /* line 396, recruitment.scss */
    article section#flow {
      padding-bottom: 0; }
      @media screen and (max-width: 800px) {
        /* line 398, recruitment.scss */
        article section#flow .title {
          padding: 0 16px; } }
  /* line 405, recruitment.scss */
  article .title {
    margin-bottom: 70px; }
    @media screen and (max-width: 800px) {
      /* line 405, recruitment.scss */
      article .title {
        margin-bottom: 40px; } }
    /* line 410, recruitment.scss */
    article .title.center {
      display: flex;
      text-align: center;
      justify-content: center; }
      /* line 415, recruitment.scss */
      article .title.center h2 .jp {
        display: inline-block; }
    /* line 420, recruitment.scss */
    article .title h2 {
      margin-bottom: 0; }
      /* line 422, recruitment.scss */
      article .title h2 .en {
        display: block;
        color: #0E3E6A;
        font-size: 48px;
        line-height: 1;
        margin-bottom: 5px; }
        @media screen and (max-width: 800px) {
          /* line 422, recruitment.scss */
          article .title h2 .en {
            font-size: 38px; } }
      /* line 432, recruitment.scss */
      article .title h2 .jp {
        position: relative;
        display: block;
        font-size: 18px;
        font-weight: 800;
        letter-spacing: 0.05em;
        line-height: 1.5;
        padding-left: 44px; }
        @media screen and (max-width: 800px) {
          /* line 432, recruitment.scss */
          article .title h2 .jp {
            font-size: 14px;
            padding-left: 25px; } }
        /* line 444, recruitment.scss */
        article .title h2 .jp::before {
          position: absolute;
          left: 0;
          top: 50%;
          translate: 0 -50%;
          width: 34px;
          height: 4px;
          content: "";
          background: linear-gradient(45deg, #005eaf 0%, #00af9b 100%);
          pointer-events: none; }
          @media screen and (max-width: 800px) {
            /* line 444, recruitment.scss */
            article .title h2 .jp::before {
              width: 20px; } }

/* line 462, recruitment.scss */
p {
  margin-bottom: 40px; }
  @media screen and (max-width: 800px) {
    /* line 462, recruitment.scss */
    p {
      margin-bottom: 35px; } }

/* line 468, recruitment.scss */
.read-recruitment {
  font-size: 36px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-bottom: 40px; }
  @media screen and (max-width: 800px) {
    /* line 468, recruitment.scss */
    .read-recruitment {
      font-size: 21px;
      line-height: 1.7; } }
  /* line 478, recruitment.scss */
  .read-recruitment.center {
    text-align: center; }
    @media screen and (max-width: 800px) {
      /* line 478, recruitment.scss */
      .read-recruitment.center {
        text-align: left; } }
  /* line 484, recruitment.scss */
  .read-recruitment.nm {
    margin-bottom: 20px; }
    @media screen and (max-width: 800px) {
      /* line 484, recruitment.scss */
      .read-recruitment.nm {
        margin-bottom: 15px; } }

/* line 494, recruitment.scss */
.message-img {
  position: relative;
  width: calc(100% + 200px);
  margin-left: -200px; }
  @media screen and (max-width: 800px) {
    /* line 494, recruitment.scss */
    .message-img {
      width: calc(100% + 64px);
      margin-left: -32px; } }
  /* line 502, recruitment.scss */
  .message-img img {
    width: 100%; }

/* line 509, recruitment.scss */
.company-photo {
  position: relative;
  width: 100%;
  margin-bottom: 80px; }
  @media screen and (max-width: 800px) {
    /* line 509, recruitment.scss */
    .company-photo {
      width: calc(100% + 64px);
      margin: 0 0 40px -32px; } }
  /* line 518, recruitment.scss */
  .company-photo figure.company-img01 {
    position: absolute;
    left: 0;
    top: 0;
    width: 37.5%;
    z-index: 1; }
  /* line 525, recruitment.scss */
  .company-photo figure.company-img02 {
    position: relative;
    width: 75%;
    margin: 0 0 0 auto;
    padding-top: 70px;
    z-index: 0; }
    @media screen and (max-width: 800px) {
      /* line 525, recruitment.scss */
      .company-photo figure.company-img02 {
        padding-top: 33px; } }
  /* line 535, recruitment.scss */
  .company-photo figure img {
    width: 100%; }

/* line 541, recruitment.scss */
.brackets {
  position: relative;
  width: 100%;
  padding: 35px 16px; }
  @media screen and (max-width: 800px) {
    /* line 541, recruitment.scss */
    .brackets {
      width: calc(100% + 32px);
      margin-left: -16px;
      padding: 35px 20px; } }
  /* line 550, recruitment.scss */
  .brackets::before, .brackets::after {
    position: absolute;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    content: "";
    pointer-events: none;
    z-index: 0; }
    @media screen and (max-width: 800px) {
      /* line 550, recruitment.scss */
      .brackets::before, .brackets::after {
        width: 32px;
        height: 32px; } }
  /* line 566, recruitment.scss */
  .brackets::before {
    top: 0;
    left: 0;
    background-image: url("../img/bg_brackets01.svg"); }
  /* line 571, recruitment.scss */
  .brackets::after {
    right: 0;
    bottom: 0;
    background-image: url("../img/bg_brackets02.svg"); }
  /* line 576, recruitment.scss */
  .brackets p {
    color: #13304B;
    text-align: center;
    margin-bottom: 0; }
    /* line 580, recruitment.scss */
    .brackets p.read-brackets {
      font-family: "Zen Old Mincho", serif;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.75;
      letter-spacing: 0.05em;
      margin-bottom: 10px; }
      @media screen and (max-width: 800px) {
        /* line 580, recruitment.scss */
        .brackets p.read-brackets {
          width: calc(100% + 16px);
          margin-left: -8px;
          font-size: 21px;
          line-height: 1.6; } }

/* line 601, recruitment.scss */
.workslist {
  display: flex;
  gap: 20px 55px;
  margin: 0 0 70px;
  padding: 0; }
  @media screen and (max-width: 800px) {
    /* line 601, recruitment.scss */
    .workslist {
      gap: 20px 45px; } }
  /* line 609, recruitment.scss */
  .workslist li {
    margin: 0;
    padding: 0; }
    /* line 613, recruitment.scss */
    .workslist li:nth-child(1) a {
      color: #968444; }
      /* line 615, recruitment.scss */
      .workslist li:nth-child(1) a .circle {
        background-color: #968444; }
    /* line 621, recruitment.scss */
    .workslist li:nth-child(2) a {
      color: #4182AA; }
      /* line 623, recruitment.scss */
      .workslist li:nth-child(2) a .circle {
        background-color: #4182AA; }
    /* line 628, recruitment.scss */
    .workslist li a {
      position: relative;
      display: inline-block;
      font-size: 20px;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-decoration: none;
      padding-right: 30px; }
      @media screen and (max-width: 800px) {
        /* line 628, recruitment.scss */
        .workslist li a {
          font-size: 16px;
          padding-right: 26px; } }
      /* line 640, recruitment.scss */
      .workslist li a .circle {
        position: absolute;
        right: 0;
        top: 50%;
        translate: 0 -50%;
        width: 24px;
        height: 24px;
        border-radius: 50%; }
        @media screen and (max-width: 800px) {
          /* line 640, recruitment.scss */
          .workslist li a .circle {
            width: 20px;
            height: 20px; } }
        /* line 652, recruitment.scss */
        .workslist li a .circle::after {
          position: absolute;
          left: 50%;
          top: 50%;
          translate: -50% -50%;
          width: 9px;
          height: 11px;
          content: "";
          background-color: #FFFFFF;
          mask-image: url("../img/arrow_d02.svg");
          mask-repeat: no-repeat;
          mask-position: left top;
          mask-size: cover; }
          @media screen and (max-width: 800px) {
            /* line 652, recruitment.scss */
            .workslist li a .circle::after {
              width: 7px;
              height: 8px; } }

/* line 675, recruitment.scss */
.works {
  margin-bottom: 140px; }
  @media screen and (max-width: 800px) {
    /* line 675, recruitment.scss */
    .works {
      margin-bottom: 60px; } }
  /* line 680, recruitment.scss */
  .works:last-child {
    margin-bottom: 0; }
  /* line 685, recruitment.scss */
  .works#works01 .works-content .l-works {
    background-color: #968444; }
  /* line 691, recruitment.scss */
  .works#works01 dl dt::before {
    background-color: #968444; }
  /* line 697, recruitment.scss */
  .works#works01 .fit h4 {
    background-color: #968444; }
  /* line 702, recruitment.scss */
  .works#works01 .fit .fitlist ul:nth-child(1) {
    width: 52.7%; }
    @media screen and (max-width: 800px) {
      /* line 702, recruitment.scss */
      .works#works01 .fit .fitlist ul:nth-child(1) {
        width: 100%; } }
  /* line 708, recruitment.scss */
  .works#works01 .fit .fitlist ul:nth-child(2) {
    width: 41.3%; }
    @media screen and (max-width: 800px) {
      /* line 708, recruitment.scss */
      .works#works01 .fit .fitlist ul:nth-child(2) {
        width: 100%; } }
  /* line 720, recruitment.scss */
  .works#works02 .works-content .l-works {
    background-color: #4182AA; }
  /* line 726, recruitment.scss */
  .works#works02 dl dt::before {
    background-color: #4182AA; }
  /* line 732, recruitment.scss */
  .works#works02 .fit h4 {
    background-color: #4182AA; }
  /* line 735, recruitment.scss */
  .works#works02 .fit .fitlist {
    padding: 35px; }
    @media screen and (max-width: 800px) {
      /* line 735, recruitment.scss */
      .works#works02 .fit .fitlist {
        padding: 35px 16px; } }
    /* line 741, recruitment.scss */
    .works#works02 .fit .fitlist ul:nth-child(1) {
      width: 41%; }
      @media screen and (max-width: 800px) {
        /* line 741, recruitment.scss */
        .works#works02 .fit .fitlist ul:nth-child(1) {
          width: 100%; } }
    /* line 747, recruitment.scss */
    .works#works02 .fit .fitlist ul:nth-child(2) {
      width: 55%; }
      @media screen and (max-width: 800px) {
        /* line 747, recruitment.scss */
        .works#works02 .fit .fitlist ul:nth-child(2) {
          width: 100%; } }
  /* line 757, recruitment.scss */
  .works .works-content {
    position: relative;
    margin-bottom: 95px; }
    @media screen and (max-width: 800px) {
      /* line 757, recruitment.scss */
      .works .works-content {
        width: calc(100% + 64px);
        margin: 0 0 45px -32px; } }
    /* line 764, recruitment.scss */
    .works .works-content .l-works {
      position: relative;
      width: 100%;
      background-color: #968444;
      padding: 80px 52.5% 80px 40px;
      z-index: 0; }
      @media screen and (max-width: 800px) {
        /* line 764, recruitment.scss */
        .works .works-content .l-works {
          padding: 50px 16px 175px 32px; } }
      /* line 773, recruitment.scss */
      .works .works-content .l-works h3 {
        color: #FFFFFF;
        font-size: 30px;
        font-weight: 800;
        line-height: 1.5;
        letter-spacing: 0.05em;
        margin-bottom: 30px; }
        @media screen and (max-width: 800px) {
          /* line 773, recruitment.scss */
          .works .works-content .l-works h3 {
            font-size: 28px;
            margin-bottom: 20px; } }
      /* line 785, recruitment.scss */
      .works .works-content .l-works p {
        color: #FFFFFF;
        font-weight: 500;
        margin: 0; }
    /* line 791, recruitment.scss */
    .works .works-content .works-img {
      position: relative;
      width: 41.4vw;
      margin: -285px calc(50% - 50vw + 100px) 0 auto;
      z-index: 1; }
      @media screen and (max-width: 800px) {
        /* line 791, recruitment.scss */
        .works .works-content .works-img {
          width: calc(100% - 32px);
          margin: -153px 0 0 auto; } }
      /* line 800, recruitment.scss */
      .works .works-content .works-img img {
        width: 100%; }
  /* line 805, recruitment.scss */
  .works dl {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 0 40px;
    padding: 0; }
    @media screen and (max-width: 800px) {
      /* line 805, recruitment.scss */
      .works dl {
        display: block; } }
    /* line 814, recruitment.scss */
    .works dl dt {
      position: relative;
      width: 300px;
      font-size: 20px;
      font-weight: 800;
      letter-spacing: 0.05em;
      padding: 0 0 0 40px;
      margin: 0 0 45px; }
      @media screen and (max-width: 800px) {
        /* line 814, recruitment.scss */
        .works dl dt {
          width: 100%;
          font-size: 16px;
          font-weight: 700;
          padding-left: 25px;
          margin-bottom: 15px; } }
      /* line 829, recruitment.scss */
      .works dl dt::before {
        position: absolute;
        left: 0;
        top: 50%;
        translate: 0 -50%;
        width: 24px;
        height: 24px;
        content: ""; }
        @media screen and (max-width: 800px) {
          /* line 829, recruitment.scss */
          .works dl dt::before {
            width: 17px;
            height: 17px; } }
    /* line 843, recruitment.scss */
    .works dl dd {
      width: calc(100% - 300px);
      line-height: 1.8;
      margin: 0 0 45px;
      padding: 0; }
      @media screen and (max-width: 800px) {
        /* line 843, recruitment.scss */
        .works dl dd {
          width: 100%;
          font-size: 15px;
          margin-bottom: 35px; } }
      /* line 853, recruitment.scss */
      .works dl dd ul {
        margin: 0;
        padding: 0; }
        /* line 856, recruitment.scss */
        .works dl dd ul li {
          margin: 0 0 0 1em;
          padding: 0; }
          /* line 859, recruitment.scss */
          .works dl dd ul li::before {
            display: inline-block;
            content: "・";
            margin-left: -1em; }
  /* line 868, recruitment.scss */
  .works .brackets {
    margin-bottom: 60px; }
    @media screen and (max-width: 800px) {
      /* line 868, recruitment.scss */
      .works .brackets {
        margin-bottom: 40px; } }
    /* line 873, recruitment.scss */
    .works .brackets p {
      color: #0E3E6A;
      font-size: 18px;
      line-height: 1.88; }
      @media screen and (max-width: 800px) {
        /* line 873, recruitment.scss */
        .works .brackets p {
          font-size: 15px; } }
      /* line 880, recruitment.scss */
      .works .brackets p.read-brackets {
        font-size: 24px;
        margin-bottom: 5px; }
        @media screen and (max-width: 800px) {
          /* line 880, recruitment.scss */
          .works .brackets p.read-brackets {
            font-size: 21px;
            line-height: 1.6;
            margin-bottom: 15px; } }
  /* line 891, recruitment.scss */
  .works .works-bottom {
    position: relative;
    width: 100%;
    padding-top: 70px; }
    @media screen and (max-width: 800px) {
      /* line 891, recruitment.scss */
      .works .works-bottom {
        padding-top: 35px; } }
    /* line 898, recruitment.scss */
    .works .works-bottom::before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 1px;
      content: "";
      background-color: #B5B8BC; }
      @media screen and (max-width: 800px) {
        /* line 898, recruitment.scss */
        .works .works-bottom::before {
          width: calc(100% + 32px);
          left: -16px; } }
    /* line 913, recruitment.scss */
    .works .works-bottom dl dd ul {
      margin-bottom: 35px; }
      @media screen and (max-width: 800px) {
        /* line 913, recruitment.scss */
        .works .works-bottom dl dd ul {
          margin-bottom: 15px; } }

@media screen and (max-width: 800px) {
  /* line 924, recruitment.scss */
  .fit {
    width: calc(100% + 32px);
    margin-left: -16px; } }
/* line 929, recruitment.scss */
.fit h4 {
  display: inline-block;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.05em;
  margin: 0;
  padding: 5px 10px; }
  @media screen and (max-width: 800px) {
    /* line 929, recruitment.scss */
    .fit h4 {
      font-size: 16px;
      padding: 5px 8px; } }
/* line 942, recruitment.scss */
.fit .fitlist {
  display: flex;
  gap: 15px 4%;
  border: 1px solid #B5B8BC;
  padding: 35px 45px; }
  @media screen and (max-width: 800px) {
    /* line 942, recruitment.scss */
    .fit .fitlist {
      display: block;
      padding: 35px 16px; } }
  /* line 951, recruitment.scss */
  .fit .fitlist ul {
    display: flex;
    flex-direction: column;
    gap: 15px 0;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 800px) {
      /* line 951, recruitment.scss */
      .fit .fitlist ul {
        gap: 0; } }
    /* line 960, recruitment.scss */
    .fit .fitlist ul li {
      position: relative;
      font-weight: 500;
      line-height: 1.3;
      margin: 0;
      padding: 0 0 0 20px; }
      @media screen and (max-width: 800px) {
        /* line 960, recruitment.scss */
        .fit .fitlist ul li {
          width: 100%;
          line-height: 1.8; } }
      /* line 970, recruitment.scss */
      .fit .fitlist ul li::before {
        position: absolute;
        left: 0;
        top: 5px;
        width: 12px;
        height: 12px;
        content: "";
        border-radius: 50%;
        background: linear-gradient(45deg, #005eaf 0%, #00af9b 100%);
        pointer-events: none; }
        @media screen and (max-width: 800px) {
          /* line 970, recruitment.scss */
          .fit .fitlist ul li::before {
            top: 8px; } }

/* line 991, recruitment.scss */
.environment-content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px; }
  @media screen and (max-width: 800px) {
    /* line 991, recruitment.scss */
    .environment-content {
      display: block;
      margin-bottom: 40px; } }
  /* line 999, recruitment.scss */
  .environment-content .l-environment {
    width: 47.5%; }
    @media screen and (max-width: 800px) {
      /* line 999, recruitment.scss */
      .environment-content .l-environment {
        width: 100%;
        margin-bottom: 40px; } }
    /* line 1006, recruitment.scss */
    .environment-content .l-environment p:last-child {
      margin-bottom: 0; }
  /* line 1011, recruitment.scss */
  .environment-content .environment-img {
    position: relative;
    width: 41.4vw;
    margin: 0 calc(50% - 50vw + 100px) 0 auto; }
    @media screen and (max-width: 800px) {
      /* line 1011, recruitment.scss */
      .environment-content .environment-img {
        width: calc(100% + 64px);
        margin: 0 0 0 -32px; } }
    /* line 1019, recruitment.scss */
    .environment-content .environment-img img {
      width: 100%; }

/* line 1027, recruitment.scss */
.voice-content {
  margin-bottom: 70px; }
  @media screen and (max-width: 800px) {
    /* line 1027, recruitment.scss */
    .voice-content {
      margin-bottom: 60px; } }
  /* line 1032, recruitment.scss */
  .voice-content:last-child {
    margin-bottom: 135px; }
    @media screen and (max-width: 800px) {
      /* line 1032, recruitment.scss */
      .voice-content:last-child {
        margin-bottom: 75px; } }
    @media screen and (max-width: 800px) {
      /* line 1037, recruitment.scss */
      .voice-content:last-child .voice-img {
        margin-left: -16px; } }
  /* line 1043, recruitment.scss */
  .voice-content .voice-img {
    position: relative;
    width: 100%;
    z-index: 0; }
    @media screen and (max-width: 800px) {
      /* line 1043, recruitment.scss */
      .voice-content .voice-img {
        width: calc(100% + 48px);
        margin-left: -32px; } }
    /* line 1051, recruitment.scss */
    .voice-content .voice-img img {
      width: 100%; }
  /* line 1055, recruitment.scss */
  .voice-content .voice-detail {
    position: relative;
    width: 100%;
    max-width: 500px;
    background-color: #FFFFFF;
    margin: -130px 0 0;
    padding: 40px 0 0 0;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      /* line 1055, recruitment.scss */
      .voice-content .voice-detail {
        width: calc(100% + 32px);
        max-width: inherit;
        padding: 30px 16px 0;
        margin: -28px 0 0 -16px; } }
    /* line 1069, recruitment.scss */
    .voice-content .voice-detail.right {
      margin: -130px 0 0 auto;
      padding: 40px 0 0 50px; }
      @media screen and (max-width: 800px) {
        /* line 1069, recruitment.scss */
        .voice-content .voice-detail.right {
          padding: 30px 16px 0;
          margin: -28px 0 0 -16px; } }
      /* line 1076, recruitment.scss */
      .voice-content .voice-detail.right p {
        padding: 0; }
    /* line 1080, recruitment.scss */
    .voice-content .voice-detail h3 {
      color: #13304B;
      font-family: "Zen Old Mincho", serif;
      font-size: 24px;
      letter-spacing: 0.05em;
      margin-bottom: 5px; }
      @media screen and (max-width: 800px) {
        /* line 1080, recruitment.scss */
        .voice-content .voice-detail h3 {
          font-size: 21px;
          line-height: 1.6;
          margin-bottom: 0; } }
    /* line 1092, recruitment.scss */
    .voice-content .voice-detail p {
      margin: 0;
      padding-right: 50px; }
      @media screen and (max-width: 800px) {
        /* line 1092, recruitment.scss */
        .voice-content .voice-detail p {
          padding-right: 0; } }
      /* line 1098, recruitment.scss */
      .voice-content .voice-detail p.age {
        color: #B5B8BC;
        font-weight: 700;
        margin-bottom: 32px;
        padding: 0; }
        @media screen and (max-width: 800px) {
          /* line 1098, recruitment.scss */
          .voice-content .voice-detail p.age {
            margin-bottom: 20px; } }

/* line 1111, recruitment.scss */
.voice-slide {
  width: calc(100% + 200px);
  overflow: hidden;
  margin-left: -200px; }
  @media screen and (max-width: 800px) {
    /* line 1111, recruitment.scss */
    .voice-slide {
      width: calc(100% + 64px);
      margin-left: -32px; } }
  /* line 1119, recruitment.scss */
  .voice-slide .voice-slide-img {
    display: flex;
    width: 100%; }
    /* line 1122, recruitment.scss */
    .voice-slide .voice-slide-img img {
      width: 100%;
      min-width: 4464px; }
      @media screen and (max-width: 800px) {
        /* line 1122, recruitment.scss */
        .voice-slide .voice-slide-img img {
          min-width: 1403px; } }
      /* line 1128, recruitment.scss */
      .voice-slide .voice-slide-img img:nth-child(odd) {
        animation: lslide1 70s -35s linear infinite; }
      /* line 1131, recruitment.scss */
      .voice-slide .voice-slide-img img:nth-child(even) {
        animation: lslide2 70s linear infinite; }

@keyframes lslide1 {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(-100%); } }
@keyframes lslide2 {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-200%); } }
/* line 1156, recruitment.scss */
.flow {
  margin-bottom: 140px; }
  @media screen and (max-width: 800px) {
    /* line 1156, recruitment.scss */
    .flow {
      width: calc(100% + 32px);
      margin: 0 0 85px -16px; } }
  /* line 1162, recruitment.scss */
  .flow .title {
    margin-bottom: 50px; }
    @media screen and (max-width: 800px) {
      /* line 1162, recruitment.scss */
      .flow .title {
        margin-bottom: 40px; } }
  /* line 1168, recruitment.scss */
  .flow .komelist {
    padding-left: 104px; }
    @media screen and (max-width: 800px) {
      /* line 1168, recruitment.scss */
      .flow .komelist {
        padding-left: 0; } }
    /* line 1173, recruitment.scss */
    .flow .komelist li {
      margin-bottom: 0; }

/* line 1178, recruitment.scss */
.steplist {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 0;
  margin: 0 0 40px;
  padding: 0; }
  @media screen and (max-width: 800px) {
    /* line 1178, recruitment.scss */
    .steplist {
      align-items: flex-start;
      gap: 15px 0; } }
  /* line 1190, recruitment.scss */
  .steplist dt {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 77px;
    height: 77px;
    color: #13304B;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 900;
    background-color: #FFFFFF;
    border-radius: 50%;
    border: 1px solid #DBDCDD;
    margin-right: 27px;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      /* line 1190, recruitment.scss */
      .steplist dt {
        width: 62px;
        height: 62px;
        font-size: 14px;
        margin-right: 16px; } }
    /* line 1213, recruitment.scss */
    .steplist dt:last-of-type::before {
      display: none; }
    /* line 1217, recruitment.scss */
    .steplist dt::before {
      position: absolute;
      left: 50%;
      top: calc(100% + 3px);
      translate: -50% 0;
      height: 100%;
      content: "";
      border-left: 4px dotted #0E3E6A;
      width: 0;
      pointer-events: none;
      z-index: 0; }
  /* line 1232, recruitment.scss */
  .steplist dd {
    display: flex;
    align-items: center;
    width: calc(100% - 104px);
    padding: 0;
    margin: 0; }
    @media screen and (max-width: 800px) {
      /* line 1232, recruitment.scss */
      .steplist dd {
        display: block;
        width: calc(100% - 78px); } }
    /* line 1242, recruitment.scss */
    .steplist dd .step-title {
      display: inline-block;
      font-size: 22px;
      font-weight: 800;
      width: 180px; }
      @media screen and (max-width: 800px) {
        /* line 1242, recruitment.scss */
        .steplist dd .step-title {
          display: block;
          width: 100%;
          font-size: 20px;
          padding: 15px 0 0; } }
    /* line 1254, recruitment.scss */
    .steplist dd .step-text {
      display: inline-block;
      width: calc(100% - 180px); }
      @media screen and (max-width: 800px) {
        /* line 1254, recruitment.scss */
        .steplist dd .step-text {
          display: block;
          width: 100%;
          font-size: 15px;
          line-height: 1.86; } }

/* line 1269, recruitment.scss */
#entry {
  background-color: #FFFFFF;
  padding-top: 110px;
  padding-bottom: 100px; }
  @media screen and (max-width: 800px) {
    /* line 1269, recruitment.scss */
    #entry {
      width: calc(100% + 32px);
      margin-left: -16px;
      padding: 70px 16px 60px; } }
  /* line 1278, recruitment.scss */
  #entry p {
    margin-bottom: 30px;
    text-align: center; }

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