@charset "UTF-8";
/* line 2, style_recruiter10.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

/* line 2, style_recruiter10.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 2, style_recruiter10.scss */
body {
  line-height: 1; }

/* line 2, style_recruiter10.scss */
ol, ul {
  list-style: none; }

/* line 2, style_recruiter10.scss */
blockquote, q {
  quotes: none; }

/* line 2, style_recruiter10.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

/* line 2, style_recruiter10.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 2, style_recruiter10.scss */
button {
  padding: 0;
  margin: 0;
  border: none; }

/* line 4, style_recruiter10.scss */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

/* line 12, style_recruiter10.scss */
.clearfix {
  display: inline-block; }

/* Hides from IE Mac */
/* line 14, style_recruiter10.scss */
* html .clearfix {
  height: 1%; }

/* line 15, style_recruiter10.scss */
.clearfix {
  display: block; }

/* ---------- 初期 ---------- */
/* line 18, style_recruiter10.scss */
body {
  letter-spacing: 0.01em;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  -webkit-text-size-adjust: 100%; }

/* line 19, style_recruiter10.scss */
img {
  max-width: 100%;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none; }

/* line 24, style_recruiter10.scss */
a {
  text-decoration: none; }

/* line 25, style_recruiter10.scss */
strong {
  font-weight: bold; }

/* ---------- /共通部分 ---------- */
/* line 27, style_recruiter10.scss */
#jougetyuou {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto; }

/* line 28, style_recruiter10.scss */
#kadomaru {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }

/* line 29, style_recruiter10.scss */
#resbtn {
  -webkit-appearance: none; }

/* line 30, style_recruiter10.scss */
.ancr {
  position: relative;
  transition: 0.5s; }

/* line 31, style_recruiter10.scss */
.anca {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 10;
  cursor: pointer; }

/* line 32, style_recruiter10.scss */
.ancr:hover {
  opacity: 0.75;
  transition: 0.5s;
  cursor: pointer; }

/* ---------- /参考タグ部分 ---------- */
/* line 35, style_recruiter10.scss */
.wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

/*フォント*/
/* line 38, style_recruiter10.scss */
.roboto {
  font-family: "Roboto", sans-serif; }

/* line 39, style_recruiter10.scss */
.lato {
  font-family: "Lato", sans-serif; }

/* line 40, style_recruiter10.scss */
.notosans {
  font-family: "Noto Sans JP", sans-serif; }

/*見出し（見出ゴMB1）の代わり*/
/* line 42, style_recruiter10.scss */
.font01 {
  font-family: "Noto Sans JP", sans-serif; }

/* line 43, style_recruiter10.scss */
button {
  cursor: pointer; }

/* PC */
@media screen and (min-width: 798px) {
  /* line 49, style_recruiter10.scss */
  .md-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: .7;
    z-index: 9999; }

  /* line 61, style_recruiter10.scss */
  .md-contents {
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    width: 95%;
    height: 100%;
    overflow: hidden;
    transform: translateX(-50%);
    z-index: 10000; }

  /* line 75, style_recruiter10.scss */
  .md-inner {
    padding: 24px;
    padding-top: 60px;
    background: #fff;
    height: auto;
    box-sizing: border-box;
    height: 100%;
    max-width: 560px;
    margin: 0 auto;
    max-height: 85vh;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative; }
    /* line 86, style_recruiter10.scss */
    .md-inner .md-close {
      position: absolute;
      right: 20px;
      top: 20px;
      font-size: 22px; }
    /* line 93, style_recruiter10.scss */
    .md-inner .modale_ttl {
      text-align: center;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 15px; }

  /* line 103, style_recruiter10.scss */
  .md-xmark {
    position: absolute;
    top: 34px;
    right: 20px;
    width: 25px;
    height: 22px;
    z-index: 9999;
    cursor: pointer; }

  /* line 113, style_recruiter10.scss */
  .md-xmark span {
    height: auto;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333;
    border-radius: 4px; }

  /* line 123, style_recruiter10.scss */
  .md-xmark span:nth-of-type(1) {
    top: 0;
    transform: translateY(10px) rotate(-45deg); }

  /* line 129, style_recruiter10.scss */
  .md-xmark span:nth-of-type(2) {
    bottom: 0;
    transform: translateY(-10px) rotate(45deg); }

  /* line 134, style_recruiter10.scss */
  .sponly {
    display: none !important; }

  /* line 137, style_recruiter10.scss */
  .p-recruiter10Intro .bnr {
    max-width: 1052px;
    width: 90%;
    margin: calc(64/1920*100vw) auto calc(64/1920*100vw);
    border-radius: calc(10/1920*100vw);
    overflow: hidden;
    /*@media screen and (max-width: 768px) {
      width: calc(690/750*100vw);
      margin-bottom: calc(64/750*100vw);
      border-radius: calc(10/750*100vw);
    }*/ }
    /* line 143, style_recruiter10.scss */
    .p-recruiter10Intro .bnr a {
      display: block;
      width: 100%; }

  /* line 155, style_recruiter10.scss */
  header {
    width: 100%;
    height: 64px;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
    z-index: 10; }
    /* line 167, style_recruiter10.scss */
    header .header_inner {
      width: calc(100% - 64px);
      max-width: calc(100% - 64px);
      margin: 0 32px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      /* line 174, style_recruiter10.scss */
      header .header_inner .header_left {
        display: flex;
        justify-content: center;
        align-items: center; }
        /* line 178, style_recruiter10.scss */
        header .header_inner .header_left a.header_logo {
          display: block;
          width: 154px;
          max-width: calc(100% - 24px);
          height: 30px;
          position: relative;
          margin-right: 24px; }
          /* line 185, style_recruiter10.scss */
          header .header_inner .header_left a.header_logo::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: url("../img/recruiter10-mk/header_logo.svg") no-repeat 50%;
            background-size: cover; }
        /* line 196, style_recruiter10.scss */
        header .header_inner .header_left .header_nav {
          width: auto;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          /* line 201, style_recruiter10.scss */
          header .header_inner .header_left .header_nav a {
            display: block;
            width: auto;
            max-width: calc(100% - 16px);
            font-size: 14px;
            line-height: 1.5em;
            font-weight: 500;
            color: #404c4d;
            margin: 0 8px; }
      /* line 213, style_recruiter10.scss */
      header .header_inner .header_right {
        width: auto;
        max-width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px;
        box-sizing: border-box; }
        /* line 221, style_recruiter10.scss */
        header .header_inner .header_right a.serch {
          width: auto;
          max-width: calc(100% - 8px);
          padding: 8px 16px;
          margin: 4px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          /* line 229, style_recruiter10.scss */
          header .header_inner .header_right a.serch p.serch_txt {
            font-size: 12px;
            letter-spacing: 0.05em;
            line-height: 1.4em;
            font-weight: 500;
            color: #404c4d;
            margin-right: 4px; }
          /* line 237, style_recruiter10.scss */
          header .header_inner .header_right a.serch i.serch_icon {
            font-size: 18px;
            color: #404c4d; }
        /* line 242, style_recruiter10.scss */
        header .header_inner .header_right a.login {
          width: auto;
          max-width: calc(100% - 8px);
          margin: 4px;
          padding: 8px 16px;
          box-sizing: border-box;
          border: solid 1px #404c4d;
          border-radius: 4px; }
          /* line 250, style_recruiter10.scss */
          header .header_inner .header_right a.login p {
            font-size: 12px;
            letter-spacing: 0.05em;
            line-height: 1.4em;
            font-weight: 500;
            color: #404c4d; }
          /* line 257, style_recruiter10.scss */
          header .header_inner .header_right a.login:hover {
            background: #f5f7f7; }
        /* line 261, style_recruiter10.scss */
        header .header_inner .header_right button.price {
          width: auto;
          max-width: calc(100% - 8px);
          margin: 4px;
          padding: 8px 16px;
          box-sizing: border-box;
          border: solid 1px #404c4d;
          border-radius: 4px;
          background: #fff;
          display: flex;
          justify-content: center;
          align-items: center; }
          /* line 273, style_recruiter10.scss */
          header .header_inner .header_right button.price p {
            font-size: 12px;
            letter-spacing: 0.05em;
            line-height: 1.4em;
            font-weight: 500;
            color: #404c4d; }
          /* line 280, style_recruiter10.scss */
          header .header_inner .header_right button.price:hover {
            background: #f5f7f7; }
        /* line 284, style_recruiter10.scss */
        header .header_inner .header_right button.contact {
          width: auto;
          max-width: calc(100% - 8px);
          margin: 4px;
          padding: 8px 16px;
          box-sizing: border-box;
          border-radius: 4px;
          border: none;
          background: #de4861;
          display: flex;
          justify-content: center;
          align-items: center; }
          /* line 296, style_recruiter10.scss */
          header .header_inner .header_right button.contact p {
            font-size: 12px;
            letter-spacing: 0.05em;
            line-height: 1.4em;
            font-weight: 500;
            color: #fff; }

  /* line 307, style_recruiter10.scss */
  .content {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    height: auto;
    position: relative; }
    /* line 316, style_recruiter10.scss */
    .content .content_inner {
      width: 75%;
      max-width: 75%;
      margin-top: 64px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-direction: column; }
      /* line 325, style_recruiter10.scss */
      .content .content_inner.content_inner::-webkit-scrollbar {
        display: none; }

  /*@media screen and (max-width: 1280px) {
      .content_inner {
          width: 70%;
          max-width: 70%;
          justify-content: flex-start;
      }
  }*/
  /* line 339, style_recruiter10.scss */
  #mv {
    width: 100%;
    max-width: 100%; }
    /* line 342, style_recruiter10.scss */
    #mv .mv_img {
      width: 100%;
      position: relative; }
      /* line 345, style_recruiter10.scss */
      #mv .mv_img img.img {
        width: 100%;
        height: auto; }
      /* line 349, style_recruiter10.scss */
      #mv .mv_img .mv_cont {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0; }
        /* line 358, style_recruiter10.scss */
        #mv .mv_img .mv_cont .mv_space {
          width: 4%;
          max-width: 4%;
          height: 50px; }
        /* line 363, style_recruiter10.scss */
        #mv .mv_img .mv_cont .mv_btnarea {
          width: 34%;
          max-width: 34%;
          height: auto;
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          /* line 372, style_recruiter10.scss */
          #mv .mv_img .mv_cont .mv_btnarea img.clear01 {
            width: 100%;
            max-width: 100%;
            height: auto; }
          /* line 377, style_recruiter10.scss */
          #mv .mv_img .mv_cont .mv_btnarea button {
            width: 100%;
            height: auto;
            background: transparent;
            font-size: 100%;
            margin: 0;
            padding: 0;
            vertical-align: baseline;
            border: none; }
            /* line 386, style_recruiter10.scss */
            #mv .mv_img .mv_cont .mv_btnarea button img {
              width: 100%;
              height: auto; }
          /* line 391, style_recruiter10.scss */
          #mv .mv_img .mv_cont .mv_btnarea img.clear02 {
            width: 100%;
            height: auto; }
          /* line 395, style_recruiter10.scss */
          #mv .mv_img .mv_cont .mv_btnarea .mv_btnarea_space {
            display: none; }

  /* line 403, style_recruiter10.scss */
  .banner_link {
    width: 100%;
    padding: 50px 0; }
    /* line 406, style_recruiter10.scss */
    .banner_link a {
      display: block;
      width: 90%;
      max-width: 1200px;
      margin: 0 auto; }

  /* line 414, style_recruiter10.scss */
  #introduction {
    width: 100%;
    max-width: 100%;
    padding: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    /* line 423, style_recruiter10.scss */
    #introduction h1 {
      width: auto;
      max-width: 100%;
      font-size: 40px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      padding: 16px;
      display: flex;
      align-items: center; }
    /* line 434, style_recruiter10.scss */
    #introduction .introduction_txt {
      font-size: 22px;
      letter-spacing: 0;
      line-height: 1.2em;
      font-weight: 500;
      padding: 16px 0 40px; }
      /* line 440, style_recruiter10.scss */
      #introduction .introduction_txt span {
        font-size: 30px;
        color: #DE4862; }
    /* line 445, style_recruiter10.scss */
    #introduction .intro_slider {
      width: 100%; }
      /* line 447, style_recruiter10.scss */
      #introduction .intro_slider img {
        width: auto !important;
        height: 73px; }
    /* line 452, style_recruiter10.scss */
    #introduction .introduction_btn {
      width: 300px;
      max-width: calc(100% - 48px);
      margin-top: 20px; }
      /* line 456, style_recruiter10.scss */
      #introduction .introduction_btn a {
        display: block;
        width: 100%;
        height: 64px;
        font-size: 20px;
        letter-spacing: 0.05em;
        line-height: 64px;
        color: #fff;
        background: #3F7780;
        border-radius: 6px;
        text-align: center;
        position: relative; }
        /* line 468, style_recruiter10.scss */
        #introduction .introduction_btn a::before {
          position: absolute;
          content: ">";
          right: 20px;
          top: 50%;
          transform: translateY(-50%);
          font-size: 24px;
          font-weight: bold; }

  /*@media screen and (max-width: 1280px) {
      #introduction {
          padding: 32px;
          .introduction_cont {
              width: 979px;
              max-width: calc(100% - 32px);
              margin: 16px;
              .introduction_icon {
                  height: 25px!important;
                  &.icon01 img {
                      height: 100%;
                  }
                  &.icon14 img {
                      height: 100%;
                  }
              }
          }
      }
  }*/
  /* line 500, style_recruiter10.scss */
  #problem {
    width: 100%;
    box-sizing: border-box;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: #f5f7f7; }
    /* line 509, style_recruiter10.scss */
    #problem h1 {
      width: 80%;
      max-width: 80%;
      font-size: 40px;
      line-height: 1.35em;
      font-weight: 500;
      text-align: center;
      color: #333; }
    /* line 518, style_recruiter10.scss */
    #problem .problem_cont {
      width: 1280px;
      max-width: calc(100% - 80px);
      margin: 40px 40px 0;
      display: flex;
      justify-content: space-between; }
      /* line 524, style_recruiter10.scss */
      #problem .problem_cont img {
        width: 32%;
        max-width: 32%;
        height: auto;
        margin: 0 0 24px; }
        /* line 529, style_recruiter10.scss */
        #problem .problem_cont img:nth-of-type(2) {
          margin: 24px 0 0; }

  /*@media screen and (max-width: 1280px) {
      #problem {
          padding: 32px;
          h1 {
              font-size: 32px;
          }
          .problem_cont {
              max-width: 100%;
              margin: 24px 0 0;
              img {
                  margin: 0 0 16px;
                  &:nth-of-type(2) {
                      margin: 16px 0 0;
                  }
              }
          }
      }
  }*/
  /* line 554, style_recruiter10.scss */
  #cando {
    width: calc(100% - 80px);
    max-width: calc(100% - 80px);
    margin: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    /* line 562, style_recruiter10.scss */
    #cando .cando_ttl {
      padding: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      /* line 568, style_recruiter10.scss */
      #cando .cando_ttl h1 {
        font-size: 40px;
        line-height: 1.4em;
        font-weight: 500;
        color: #333; }
      /* line 574, style_recruiter10.scss */
      #cando .cando_ttl img {
        width: calc(87% - 32px);
        max-width: calc(87% - 32px);
        flex: 1;
        margin: 16px; }
    /* line 581, style_recruiter10.scss */
    #cando .cando_cont {
      display: flex;
      justify-content: center;
      align-items: flex-start; }
      /* line 585, style_recruiter10.scss */
      #cando .cando_cont .cando_box {
        width: auto;
        max-width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex: 1;
        flex-direction: column; }
        /* line 593, style_recruiter10.scss */
        #cando .cando_cont .cando_box:nth-of-type(2) {
          justify-content: center; }
        /* line 596, style_recruiter10.scss */
        #cando .cando_cont .cando_box img {
          width: 100%;
          height: auto;
          margin-bottom: 24px; }
        /* line 601, style_recruiter10.scss */
        #cando .cando_cont .cando_box.cando_box:nth-of-type(1) img {
          width: 97%;
          max-width: 97%; }
        /* line 605, style_recruiter10.scss */
        #cando .cando_cont .cando_box .cando_box_txt {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          margin-bottom: 40px; }
          /* line 611, style_recruiter10.scss */
          #cando .cando_cont .cando_box .cando_box_txt h2 {
            font-size: 21px;
            letter-spacing: 0.06em;
            line-height: 1.42em;
            font-weight: 500;
            text-align: center;
            min-height: 2.84em;
            color: #333;
            display: flex;
            align-items: flex-end;
            position: relative; }
            /* line 622, style_recruiter10.scss */
            #cando .cando_cont .cando_box .cando_box_txt h2::before {
              position: absolute;
              content: "";
              width: 161px;
              height: 7px;
              left: 50%;
              bottom: -20px;
              transform: translateX(-50%);
              background: #E8AE0D; }
    /* line 636, style_recruiter10.scss */
    #cando .causion {
      width: 100%;
      font-size: 12px;
      color: #333;
      text-align: right;
      box-sizing: border-box; }

  /* line 645, style_recruiter10.scss */
  .banner {
    width: 100%;
    height: 560px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    /* line 653, style_recruiter10.scss */
    .banner .banner_bg {
      width: 100%;
      height: 560px;
      position: relative; }
      /* line 657, style_recruiter10.scss */
      .banner .banner_bg::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: url("../img/recruiter10-mk/banner_bg.webp") no-repeat center;
        background-size: cover;
        z-index: -2; }
    /* line 669, style_recruiter10.scss */
    .banner .banner_cont {
      width: auto;
      max-width: 100%;
      position: absolute;
      top: auto;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      /* line 680, style_recruiter10.scss */
      .banner .banner_cont .banner_ttlarea {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column; }
        /* line 685, style_recruiter10.scss */
        .banner .banner_cont .banner_ttlarea .banner_ttl {
          font-size: 32px;
          letter-spacing: 0.01em;
          line-height: 1.35em;
          font-weight: 500;
          color: #fff;
          text-align: center;
          padding: 16px; }
        /* line 694, style_recruiter10.scss */
        .banner .banner_cont .banner_ttlarea .banner_txt {
          width: 70%;
          max-width: 70%;
          font-size: 16px;
          letter-spacing: 0.1em;
          line-height: 1.35em;
          color: #fff;
          font-weight: 500;
          text-align: center; }
      /* line 705, style_recruiter10.scss */
      .banner .banner_cont .banner_box {
        width: auto;
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 32px; }
        /* line 712, style_recruiter10.scss */
        .banner .banner_cont .banner_box button {
          width: 230px;
          max-width: calc(100% - 16px);
          height: 156px;
          box-sizing: border-box;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          background: #fff;
          padding: 8px;
          margin: 8px;
          border-radius: 6px;
          border: none;
          transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
          cursor: pointer; }
          /* line 728, style_recruiter10.scss */
          .banner .banner_cont .banner_box button:hover {
            transform: scale(1.02, 1.02); }
          /* line 731, style_recruiter10.scss */
          .banner .banner_cont .banner_box button p {
            width: auto;
            max-width: 100%;
            font-size: 16px;
            letter-spacing: 0.05em;
            line-height: 1.4em;
            font-weight: 500;
            color: #283233;
            padding: 16px; }
          /* line 742, style_recruiter10.scss */
          .banner .banner_cont .banner_box button img {
            max-width: calc(100% - 8px);
            margin-right: 8px; }
          /* line 746, style_recruiter10.scss */
          .banner .banner_cont .banner_box button:nth-of-type(1) img {
            width: 64px; }
          /* line 749, style_recruiter10.scss */
          .banner .banner_cont .banner_box button:nth-of-type(2) img {
            width: 40px; }

  /* line 757, style_recruiter10.scss */
  #active {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 40px;
    background: #f5f7f7;
    box-shadow: 0px 0px 0px rgba(81, 49, 49, 0.2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column; }
    /* line 768, style_recruiter10.scss */
    #active .active_cont {
      width: 1280px;
      max-width: calc(100% - 80px);
      box-sizing: border-box;
      padding: 64px 40px 0px 40px;
      margin: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      background: #fff;
      border-radius: 16px; }
      /* line 780, style_recruiter10.scss */
      #active .active_cont .active_ttl {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        /* line 785, style_recruiter10.scss */
        #active .active_cont .active_ttl h1 {
          font-size: 40px;
          letter-spacing: -0.03em;
          line-height: 1.43em;
          font-weight: 500;
          color: #309da5;
          text-align: center; }
          /* line 792, style_recruiter10.scss */
          #active .active_cont .active_ttl h1 span {
            font-size: 55px;
            display: inline-block;
            position: relative; }
            /* line 796, style_recruiter10.scss */
            #active .active_cont .active_ttl h1 span::before {
              position: absolute;
              content: "";
              width: 105%;
              height: 7px;
              left: 50%;
              bottom: -10px;
              transform: translateX(-50%);
              background: #E8AE0D; }
        /* line 808, style_recruiter10.scss */
        #active .active_cont .active_ttl .active_txt {
          font-size: 18px;
          line-height: 1.4em;
          font-weight: 500;
          padding-top: 40px;
          text-align: center; }
      /* line 816, style_recruiter10.scss */
      #active .active_cont img {
        width: 65%;
        max-width: 65%;
        margin-top: -50px; }
    /* line 822, style_recruiter10.scss */
    #active button {
      width: 560px;
      max-width: calc(100% - 40px);
      height: 64px;
      margin: 20px;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #de4861;
      border: none;
      border-radius: 6px; }
      /* line 834, style_recruiter10.scss */
      #active button i {
        font-size: 24px;
        color: #fff; }
        /* line 837, style_recruiter10.scss */
        #active button i:nth-of-type(1) {
          color: rgba(238, 238, 238, 0); }
      /* line 841, style_recruiter10.scss */
      #active button p {
        font-size: 20px;
        letter-spacing: 0.05em;
        line-height: 1.4em;
        font-weight: 500;
        color: #fff;
        text-align: center; }

  /* line 852, style_recruiter10.scss */
  #reason {
    width: 100%;
    box-sizing: border-box;
    padding: 80px 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    background: #e9f7f8;
    box-shadow: 0px 0px 0px rgba(81, 49, 49, 0.2); }
    /* line 862, style_recruiter10.scss */
    #reason h1 {
      font-size: 40px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333; }
    /* line 868, style_recruiter10.scss */
    #reason .reason_cont {
      width: 1280px;
      max-width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-direction: column; }
      /* line 875, style_recruiter10.scss */
      #reason .reason_cont .reason_box {
        width: 1280px;
        max-width: calc(100% - 80px);
        margin: 16px 40px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        /* line 882, style_recruiter10.scss */
        #reason .reason_cont .reason_box .reason_box_img {
          width: 45%;
          max-width: 45%; }
        /* line 886, style_recruiter10.scss */
        #reason .reason_cont .reason_box .reason_box_txt {
          width: calc(55% - 24px);
          max-width: calc(55% - 24px);
          display: flex;
          align-items: flex-start;
          flex-direction: column;
          margin-left: 24px; }
          /* line 893, style_recruiter10.scss */
          #reason .reason_cont .reason_box .reason_box_txt .reason_box_num {
            width: 128px;
            margin-bottom: 10px; }
          /* line 897, style_recruiter10.scss */
          #reason .reason_cont .reason_box .reason_box_txt h2 {
            font-size: 40px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 500;
            color: #157577; }
          /* line 904, style_recruiter10.scss */
          #reason .reason_cont .reason_box .reason_box_txt p.txt {
            font-size: 20px;
            letter-spacing: 0;
            line-height: 1.35em;
            font-weight: 500;
            padding-top: 16px;
            color: #283233; }
        /* line 913, style_recruiter10.scss */
        #reason .reason_cont .reason_box.reason_box:nth-child(2n) .reason_box_txt {
          width: 55%;
          max-width: 55%;
          margin: 0; }

  /* line 922, style_recruiter10.scss */
  #case {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 120px 24px 80px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column; }
    /* line 931, style_recruiter10.scss */
    #case h1 {
      width: auto;
      max-width: calc(100% - 40px);
      font-size: 40px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin: 20px; }
    /* line 940, style_recruiter10.scss */
    #case .case_cont {
      width: 1280px;
      max-width: calc(100% - 80px);
      margin: 0 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      /* line 948, style_recruiter10.scss */
      #case .case_cont a.case_box {
        width: calc(50% - 16px);
        max-width: calc(50% - 16px);
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        height: 200px;
        margin: 8px;
        background: #f5f7f7;
        border-radius: 8px;
        overflow: hidden;
        transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
        /* line 960, style_recruiter10.scss */
        #case .case_cont a.case_box:hover {
          background: #e1e5e5;
          transform: scale(1.05, 1.05); }
        /* line 964, style_recruiter10.scss */
        #case .case_cont a.case_box .case_box_img {
          width: 30%;
          max-width: 30%;
          height: 200px;
          position: relative; }
          /* line 969, style_recruiter10.scss */
          #case .case_cont a.case_box .case_box_img::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover; }
        /* line 981, style_recruiter10.scss */
        #case .case_cont a.case_box.box01 .case_box_img::before {
          background-image: url("../img/recruiter10-mk/case_box_img_01.webp"); }
        /* line 984, style_recruiter10.scss */
        #case .case_cont a.case_box.box02 .case_box_img::before {
          background-image: url("../img/recruiter10-mk/case_box_img_02.webp"); }
        /* line 987, style_recruiter10.scss */
        #case .case_cont a.case_box.box03 .case_box_img::before {
          background-image: url("../img/recruiter10-mk/case_box_img_03.webp"); }
        /* line 990, style_recruiter10.scss */
        #case .case_cont a.case_box.box04 .case_box_img::before {
          background-image: url("../img/recruiter10-mk/case_box_img_04.webp"); }
        /* line 993, style_recruiter10.scss */
        #case .case_cont a.case_box.box05 .case_box_img::before {
          background-image: url("../img/recruiter10-mk/case_box_img_05.webp"); }
        /* line 996, style_recruiter10.scss */
        #case .case_cont a.case_box.box06 .case_box_img::before {
          background-image: url("../img/recruiter10-mk/case_box_img_06.webp"); }
        /* line 999, style_recruiter10.scss */
        #case .case_cont a.case_box .case_box_right {
          width: 70%;
          max-width: 70%;
          height: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-direction: column; }
          /* line 1007, style_recruiter10.scss */
          #case .case_cont a.case_box .case_box_right img {
            width: 90%;
            max-width: 90%;
            margin: 32px 0 8px; }
          /* line 1012, style_recruiter10.scss */
          #case .case_cont a.case_box .case_box_right .case_box_txt {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
            box-sizing: border-box;
            padding: 0px 16px 24px; }
            /* line 1019, style_recruiter10.scss */
            #case .case_cont a.case_box .case_box_right .case_box_txt .txt {
              font-size: 14px;
              line-height: 1.4em;
              font-weight: 500;
              color: #333;
              margin-bottom: 8px; }
            /* line 1026, style_recruiter10.scss */
            #case .case_cont a.case_box .case_box_right .case_box_txt .name {
              font-size: 11px;
              line-height: 1.4em;
              font-weight: 400;
              color: #6f7e80; }
    /* line 1036, style_recruiter10.scss */
    #case a.case_btn {
      width: 256px;
      max-width: calc(100% - 48px);
      display: flex;
      justify-content: center;
      align-items: center;
      background: #309da5;
      border-radius: 6px;
      margin: 24px;
      padding: 16px 24px;
      box-sizing: border-box;
      font-size: 20px;
      letter-spacing: 0.05em;
      line-height: 1.4em;
      font-weight: 500;
      color: #fff;
      text-align: center;
      transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
      /* line 1054, style_recruiter10.scss */
      #case a.case_btn:hover {
        background: #157577; }

  /* line 1060, style_recruiter10.scss */
  #seminar {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 120px 24px 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: #f5f7f7;
    box-shadow: 0px 0px 0px rgba(81, 49, 49, 0.2); }
    /* line 1071, style_recruiter10.scss */
    #seminar h1 {
      font-size: 40px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin-bottom: 40px; }
    /* line 1078, style_recruiter10.scss */
    #seminar .seminar_cont {
      width: 1280px;
      max-width: calc(100% - 80px);
      box-sizing: border-box;
      padding: 0 16px;
      margin: 0 24px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      /* line 1088, style_recruiter10.scss */
      #seminar .seminar_cont a.seminar_box {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 32px;
        transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
        /* line 1095, style_recruiter10.scss */
        #seminar .seminar_cont a.seminar_box:hover {
          transform: scale(1.03, 1.03); }
        /* line 1098, style_recruiter10.scss */
        #seminar .seminar_cont a.seminar_box .seminar_box_img {
          width: 33%;
          max-width: 33%; }
        /* line 1102, style_recruiter10.scss */
        #seminar .seminar_cont a.seminar_box .seminar_box_txt {
          max-width: calc(100% - 24px);
          margin-left: 24px;
          display: flex;
          align-items: flex-start;
          flex-direction: column;
          color: #333; }
          /* line 1109, style_recruiter10.scss */
          #seminar .seminar_cont a.seminar_box .seminar_box_txt .ttl {
            font-size: 24px;
            line-height: 1.3em;
            font-weight: 600;
            margin-bottom: 8px; }
          /* line 1115, style_recruiter10.scss */
          #seminar .seminar_cont a.seminar_box .seminar_box_txt .txt {
            font-size: 15px;
            line-height: 1.3em; }
          /* line 1119, style_recruiter10.scss */
          #seminar .seminar_cont a.seminar_box .seminar_box_txt .date {
            font-size: 14px;
            line-height: 1;
            margin-top: 8px; }
        /* line 1125, style_recruiter10.scss */
        #seminar .seminar_cont a.seminar_box:hover .seminar_box_txt {
          color: #757575; }

  /* line 1132, style_recruiter10.scss */
  #whitepaper {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 64px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: #f5f7f7;
    box-shadow: 0px 0px 0px rgba(81, 49, 49, 0.2); }
    /* line 1143, style_recruiter10.scss */
    #whitepaper h1 {
      font-size: 40px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin-bottom: 40px; }
    /* line 1150, style_recruiter10.scss */
    #whitepaper .whitepaper_cont {
      width: 1280px;
      max-width: calc(100% - 80px);
      margin: 0 40px;
      display: flex;
      justify-content: space-around;
      align-items: flex-start;
      flex-wrap: wrap; }
      /* line 1158, style_recruiter10.scss */
      #whitepaper .whitepaper_cont a.whitepaper_box {
        width: 33.33%;
        max-width: 33.33%;
        box-sizing: border-box;
        padding: 8px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        border-radius: 8px;
        transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
        /* line 1169, style_recruiter10.scss */
        #whitepaper .whitepaper_cont a.whitepaper_box:hover {
          box-shadow: 0px 2px 20px rgba(128, 93, 93, 0.2);
          transition-duration: 200ms; }
        /* line 1173, style_recruiter10.scss */
        #whitepaper .whitepaper_cont a.whitepaper_box .whitepaper_box_img {
          width: 100%;
          max-width: 100%;
          border-radius: 4px;
          overflow: hidden; }
          /* line 1178, style_recruiter10.scss */
          #whitepaper .whitepaper_cont a.whitepaper_box .whitepaper_box_img img {
            width: 100%;
            transition-delay: 300ms;
            transition-duration: 3000ms; }
        /* line 1184, style_recruiter10.scss */
        #whitepaper .whitepaper_cont a.whitepaper_box .whitepaper_box_txt {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          flex-direction: column; }
          /* line 1189, style_recruiter10.scss */
          #whitepaper .whitepaper_cont a.whitepaper_box .whitepaper_box_txt .txt {
            font-size: 15px;
            letter-spacing: -0.04em;
            line-height: 1.4em;
            font-weight: 500;
            color: #333;
            margin-top: 8px;
            transition-delay: 300ms;
            transition-duration: 1000ms; }
          /* line 1199, style_recruiter10.scss */
          #whitepaper .whitepaper_cont a.whitepaper_box .whitepaper_box_txt .date {
            font-size: 13px;
            letter-spacing: -0.04em;
            line-height: 1.4em;
            font-weight: 500;
            color: #9b9b9b;
            margin-top: 4px;
            transition-delay: 300ms;
            transition-duration: 1000ms; }
    /* line 1212, style_recruiter10.scss */
    #whitepaper a.whitepaper_btn {
      width: 256px;
      max-width: calc(100% - 40px);
      height: 56px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #309da5;
      border-radius: 6px;
      margin: 24px;
      padding: 12px 8px;
      box-sizing: border-box;
      font-size: 20px;
      letter-spacing: 0.05em;
      line-height: 1.4em;
      font-weight: 500;
      color: #fff;
      text-align: center;
      transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
      /* line 1231, style_recruiter10.scss */
      #whitepaper a.whitepaper_btn:hover {
        background: #157577; }

  /* line 1237, style_recruiter10.scss */
  #journal {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 64px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    box-shadow: 0px 0px 0px rgba(81, 49, 49, 0.2); }
    /* line 1247, style_recruiter10.scss */
    #journal .journal_ttl {
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-direction: column;
      padding: 24px; }
      /* line 1253, style_recruiter10.scss */
      #journal .journal_ttl img {
        width: 400px;
        max-width: calc(100% - 48px);
        margin: 24px; }
      /* line 1258, style_recruiter10.scss */
      #journal .journal_ttl .journal_txt {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 1.5em;
        font-weight: 400;
        color: #333; }
    /* line 1266, style_recruiter10.scss */
    #journal .journal_cont {
      width: 1180px;
      max-width: calc(100% - 80px);
      margin: 0 40px;
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap; }
      /* line 1273, style_recruiter10.scss */
      #journal .journal_cont a.journal_box {
        width: 33.33%;
        max-width: 33.33%;
        box-sizing: border-box;
        padding: 8px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        border-radius: 8px;
        transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
        /* line 1284, style_recruiter10.scss */
        #journal .journal_cont a.journal_box:hover {
          box-shadow: 0px 2px 20px rgba(128, 93, 93, 0.2);
          transition-duration: 200ms; }
        /* line 1288, style_recruiter10.scss */
        #journal .journal_cont a.journal_box .journal_box_img {
          width: 100%;
          max-width: 100%;
          border-radius: 4px;
          overflow: hidden; }
          /* line 1293, style_recruiter10.scss */
          #journal .journal_cont a.journal_box .journal_box_img img {
            width: 100%;
            transition-delay: 300ms;
            transition-duration: 3000ms; }
        /* line 1299, style_recruiter10.scss */
        #journal .journal_cont a.journal_box .journal_box_txt {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          flex-direction: column; }
          /* line 1304, style_recruiter10.scss */
          #journal .journal_cont a.journal_box .journal_box_txt .txt {
            font-size: 15px;
            letter-spacing: -0.04em;
            line-height: 1.4em;
            font-weight: 500;
            color: #333;
            margin-top: 8px;
            transition-delay: 300ms;
            transition-duration: 1000ms; }
          /* line 1314, style_recruiter10.scss */
          #journal .journal_cont a.journal_box .journal_box_txt .date {
            font-size: 13px;
            letter-spacing: -0.04em;
            line-height: 1.4em;
            font-weight: 500;
            color: #9b9b9b;
            margin-top: 4px;
            transition-delay: 300ms;
            transition-duration: 1000ms; }
    /* line 1327, style_recruiter10.scss */
    #journal a.journal_btn {
      width: 256px;
      max-width: calc(100% - 40px);
      height: 64px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #309da5;
      border-radius: 6px;
      margin: 24px;
      padding: 12px 8px;
      box-sizing: border-box;
      font-size: 20px;
      letter-spacing: 0.05em;
      line-height: 1.4em;
      font-weight: 500;
      color: #fff;
      text-align: center;
      transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
      /* line 1346, style_recruiter10.scss */
      #journal a.journal_btn:hover {
        background: #157577; }

  /* line 1352, style_recruiter10.scss */
  #faq {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 64px 24px 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: #f5f7f7;
    box-shadow: 0px 0px 0px rgba(81, 49, 49, 0.2); }
    /* line 1363, style_recruiter10.scss */
    #faq h1 {
      font-size: 32px;
      letter-spacing: 0;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin-bottom: 40px; }
    /* line 1371, style_recruiter10.scss */
    #faq .faq_cont {
      width: 1280px;
      max-width: calc(100% - 80px);
      margin: 0 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      /* line 1379, style_recruiter10.scss */
      #faq .faq_cont button {
        width: calc(50% - 16px);
        max-width: calc(50% - 16px);
        height: 78px;
        box-sizing: border-box;
        padding: 16px;
        margin: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: solid 2px #2F9CA5;
        border-radius: 8px;
        background: #fff;
        transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
        /* line 1393, style_recruiter10.scss */
        #faq .faq_cont button:hover {
          background: #e1e5e5;
          transform: scale(1.02, 1.02); }
        /* line 1397, style_recruiter10.scss */
        #faq .faq_cont button .faq_btn_txt {
          width: 90%;
          max-width: 90%;
          display: flex;
          justify-content: flex-start;
          align-items: flex-start; }
          /* line 1403, style_recruiter10.scss */
          #faq .faq_cont button .faq_btn_txt .faq_btn_q {
            font-size: 16px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 500;
            color: #309da5; }
          /* line 1410, style_recruiter10.scss */
          #faq .faq_cont button .faq_btn_txt .faq_btn_txt {
            max-width: calc(100% - 8px);
            font-size: 14px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 500;
            color: #309da5;
            margin: 2px 8px 0 0; }
        /* line 1420, style_recruiter10.scss */
        #faq .faq_cont button i {
          display: flex;
          justify-content: center;
          align-items: center;
          background: #f5f7f7;
          border-radius: 30px;
          color: #309da5;
          font-size: 24px;
          margin: 0px 0px 0px 0px;
          padding: 1px 3px 2px 3px;
          max-width: 100%;
          position: relative; }
    /* line 1435, style_recruiter10.scss */
    #faq .modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      height: 100vh;
      width: 100%;
      z-index: 11; }
      /* line 1443, style_recruiter10.scss */
      #faq .modal .modal-bg {
        position: absolute;
        height: 100vh;
        width: 100%;
        background: rgba(0, 0, 0, 0.16); }
      /* line 1449, style_recruiter10.scss */
      #faq .modal .modal-content {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center; }
        /* line 1456, style_recruiter10.scss */
        #faq .modal .modal-content .modal_inner {
          width: 480px;
          max-width: 100%;
          height: 240px;
          box-sizing: border-box;
          padding: 24px;
          background: #fff;
          border-radius: 8px;
          display: flex;
          justify-content: flex-start;
          flex-direction: column;
          position: relative;
          z-index: 12; }
          /* line 1469, style_recruiter10.scss */
          #faq .modal .modal-content .modal_inner h2 {
            font-size: 16px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 500;
            color: #309da5;
            margin-bottom: 10px; }
          /* line 1477, style_recruiter10.scss */
          #faq .modal .modal-content .modal_inner .modal_txt {
            font-size: 15px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 600;
            color: #333; }
            /* line 1483, style_recruiter10.scss */
            #faq .modal .modal-content .modal_inner .modal_txt a {
              color: #157577;
              text-decoration: underline; }

  /*問い合わせ系のモーダル*/
  /* line 1494, style_recruiter10.scss */
  .modal02 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 11; }
    /* line 1502, style_recruiter10.scss */
    .modal02 .modal-bg {
      position: absolute;
      height: 100vh;
      width: 100%;
      background: rgba(0, 0, 0, 0.4); }
    /* line 1508, style_recruiter10.scss */
    .modal02 .modal-content {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      align-items: center; }
      /* line 1515, style_recruiter10.scss */
      .modal02 .modal-content .modal_inner {
        width: 560px;
        max-width: 100%;
        height: 90vh;
        box-sizing: border-box;
        padding: 24px;
        background: #fff;
        border-radius: 16px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        position: relative;
        z-index: 12;
        box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); }
        /* line 1530, style_recruiter10.scss */
        .modal02 .modal-content .modal_inner .btn {
          width: 100%;
          max-width: 100%;
          height: 20px;
          margin-bottom: 20px;
          display: flex;
          justify-content: flex-start;
          align-items: flex-end;
          flex-direction: column; }
          /* line 1539, style_recruiter10.scss */
          .modal02 .modal-content .modal_inner .btn button {
            color: #333;
            font-size: 24px;
            background: transparent;
            padding: 0;
            margin: 0;
            border: none; }
        /* line 1548, style_recruiter10.scss */
        .modal02 .modal-content .modal_inner h1 {
          font-size: 20px;
          letter-spacing: 0;
          line-height: 1.4em;
          font-weight: 600;
          color: #333;
          padding-bottom: 16px;
          text-align: center; }
        /* line 1557, style_recruiter10.scss */
        .modal02 .modal-content .modal_inner .modal_form {
          width: 541px;
          max-width: 100%;
          height: 88%; }
          /* line 1561, style_recruiter10.scss */
          .modal02 .modal-content .modal_inner .modal_form iframe {
            width: 100%;
            height: 100%; }
    /* line 1568, style_recruiter10.scss */
    .modal02.contact {
      width: 100%; }
      /* line 1571, style_recruiter10.scss */
      .modal02.contact .modal-content .modal_inner {
        width: auto;
        margin-top: 80px;
        height: 85vh; }
        /* line 1575, style_recruiter10.scss */
        .modal02.contact .modal-content .modal_inner .btn {
          margin-bottom: 25px; }
        /* line 1578, style_recruiter10.scss */
        .modal02.contact .modal-content .modal_inner h1 {
          padding-bottom: 8px; }
        /* line 1581, style_recruiter10.scss */
        .modal02.contact .modal-content .modal_inner .modal_form {
          height: 100%; }
    /* line 1587, style_recruiter10.scss */
    .modal02.dl {
      width: 100%; }
      /* line 1590, style_recruiter10.scss */
      .modal02.dl .modal-content .modal_inner {
        margin-top: 80px;
        height: 90vh; }
        /* line 1593, style_recruiter10.scss */
        .modal02.dl .modal-content .modal_inner .modal_form {
          height: 88%; }

  /* line 1601, style_recruiter10.scss */
  footer {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 40px 8px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    /* line 1610, style_recruiter10.scss */
    footer .footer_inner {
      width: 1100px;
      max-width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 40px; }
      /* line 1617, style_recruiter10.scss */
      footer .footer_inner .footer_left {
        width: auto;
        max-width: calc(100% - 32px);
        margin-left: 32px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start; }
        /* line 1624, style_recruiter10.scss */
        footer .footer_inner .footer_left ul {
          width: auto;
          max-width: calc(100% - 48px);
          margin-right: 48px;
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          flex-direction: column; }
          /* line 1632, style_recruiter10.scss */
          footer .footer_inner .footer_left ul li {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 1.5em;
            font-weight: 500;
            color: #404c4d; }
          /* line 1639, style_recruiter10.scss */
          footer .footer_inner .footer_left ul a {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 1.5em;
            font-weight: 400;
            color: #404c4d;
            margin-top: 12px; }
      /* line 1649, style_recruiter10.scss */
      footer .footer_inner .footer_right {
        width: auto;
        max-width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column; }
        /* line 1656, style_recruiter10.scss */
        footer .footer_inner .footer_right button {
          width: 209px;
          max-width: 100%;
          height: 48px;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          border-radius: 8px;
          padding: 0;
          margin: 0;
          border: none;
          transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
          cursor: pointer; }
          /* line 1670, style_recruiter10.scss */
          footer .footer_inner .footer_right button.contact {
            background: #157577; }
            /* line 1672, style_recruiter10.scss */
            footer .footer_inner .footer_right button.contact:hover {
              background: #0a6668; }
          /* line 1676, style_recruiter10.scss */
          footer .footer_inner .footer_right button.dl {
            background: #fff;
            border: 1px solid #404c4d;
            margin-top: 16px; }
            /* line 1680, style_recruiter10.scss */
            footer .footer_inner .footer_right button.dl:hover {
              background: #e1e5e5; }
          /* line 1684, style_recruiter10.scss */
          footer .footer_inner .footer_right button p {
            font-size: 13px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 500;
            text-align: center; }
          /* line 1691, style_recruiter10.scss */
          footer .footer_inner .footer_right button.contact p {
            color: #fff; }
          /* line 1694, style_recruiter10.scss */
          footer .footer_inner .footer_right button.dl p {
            color: #404c4d; }
        /* line 1698, style_recruiter10.scss */
        footer .footer_inner .footer_right a {
          width: 209px;
          max-width: 100%;
          height: 48px;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 8px;
          border: 1px solid #404c4d;
          box-sizing: border-box;
          margin-top: 16px;
          transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
          /* line 1710, style_recruiter10.scss */
          footer .footer_inner .footer_right a:hover {
            background: #e1e5e5; }
          /* line 1713, style_recruiter10.scss */
          footer .footer_inner .footer_right a p {
            font-size: 13px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 500;
            color: #404c4d;
            text-align: center; }
          /* line 1721, style_recruiter10.scss */
          footer .footer_inner .footer_right a .icon {
            position: relative;
            width: 16px;
            max-width: calc(100% - 8px);
            height: 16px;
            margin-left: 8px; }
            /* line 1727, style_recruiter10.scss */
            footer .footer_inner .footer_right a .icon::before {
              position: absolute;
              content: "";
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              background: url("../img/recruiter10-mk/footer_icon.svg") no-repeat center;
              background-size: cover; }

  /*side*/
  /* line 1744, style_recruiter10.scss */
  #side {
    width: 25%;
    max-width: 25%;
    height: 100vh;
    box-sizing: border-box;
    padding: 30px 16px 16px 16px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: column;
    background: #e9f7f8;
    left: auto;
    position: fixed;
    right: 0px;
    top: 64px;
    transform-origin: center center;
    z-index: 2; }
    /* line 1762, style_recruiter10.scss */
    #side h1 {
      font-size: 20px;
      letter-spacing: 0;
      line-height: 1.3em;
      font-weight: 500;
      text-align: center;
      padding-bottom: 8px; }
    /* line 1770, style_recruiter10.scss */
    #side .side_form {
      width: 100%;
      max-width: 100%;
      height: auto;
      flex: 1;
      position: relative;
      z-index: 0; }
      /* line 1777, style_recruiter10.scss */
      #side .side_form iframe {
        width: 100%;
        height: 100%; }

  /* line 1784, style_recruiter10.scss */
  .float_btn {
    display: none !important; } }
/* SP */
@media screen and (max-width: 797px) {
  /* line 1795, style_recruiter10.scss */
  .md-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: .7;
    z-index: 9999; }

  /* line 1807, style_recruiter10.scss */
  .md-contents {
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    width: 95%;
    height: 100%;
    overflow: hidden;
    transform: translateX(-50%);
    z-index: 10000; }

  /* line 1821, style_recruiter10.scss */
  .md-inner {
    padding: 24px;
    padding-top: 60px;
    background: #fff;
    height: auto;
    box-sizing: border-box;
    height: 100%;
    max-width: 560px;
    margin: 0 auto;
    max-height: 85vh;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: relative; }
    /* line 1832, style_recruiter10.scss */
    .md-inner .md-close {
      position: absolute;
      right: 20px;
      top: 20px;
      font-size: 22px; }
    /* line 1839, style_recruiter10.scss */
    .md-inner .modale_ttl {
      text-align: center;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 15px; }

  /* line 1849, style_recruiter10.scss */
  .md-xmark {
    position: absolute;
    top: 34px;
    right: 20px;
    width: 25px;
    height: 22px;
    z-index: 9999;
    cursor: pointer; }

  /* line 1859, style_recruiter10.scss */
  .md-xmark span {
    height: auto;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333;
    border-radius: 4px; }

  /* line 1869, style_recruiter10.scss */
  .md-xmark span:nth-of-type(1) {
    top: 0;
    transform: translateY(10px) rotate(-45deg); }

  /* line 1875, style_recruiter10.scss */
  .md-xmark span:nth-of-type(2) {
    bottom: 0;
    transform: translateY(-10px) rotate(45deg); }

  /* line 1880, style_recruiter10.scss */
  .pconly {
    display: none !important; }

  /* line 1883, style_recruiter10.scss */
  .p-recruiter10Intro .bnr {
    width: calc(690/750*100vw);
    margin: calc(64/750*100vw) auto;
    border-radius: calc(10/750*100vw); }
    /* line 1887, style_recruiter10.scss */
    .p-recruiter10Intro .bnr a {
      display: block;
      width: 100%; }

  /* line 1894, style_recruiter10.scss */
  header {
    width: 100%;
    height: 70px;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    box-sizing: border-box;
    padding: 12px 16px;
    z-index: 10; }
    /* line 1908, style_recruiter10.scss */
    header .header_inner {
      width: 100%;
      max-width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      /* line 1914, style_recruiter10.scss */
      header .header_inner .header_left {
        display: flex; }
        /* line 1916, style_recruiter10.scss */
        header .header_inner .header_left a.header_logo {
          display: block;
          width: 40px;
          height: 33px;
          position: relative; }
          /* line 1921, style_recruiter10.scss */
          header .header_inner .header_left a.header_logo::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: url("../img/recruiter10-mk/header_logo_sp.svg") no-repeat 50%;
            background-size: cover; }
        /* line 1932, style_recruiter10.scss */
        header .header_inner .header_left .header_nav {
          display: none; }
      /* line 1936, style_recruiter10.scss */
      header .header_inner .header_right {
        width: auto;
        max-width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px;
        box-sizing: border-box; }
        /* line 1944, style_recruiter10.scss */
        header .header_inner .header_right a.serch {
          display: none; }
        /* line 1947, style_recruiter10.scss */
        header .header_inner .header_right a.login {
          width: auto;
          max-width: calc(100% - 6px);
          margin: 0 6px 0 0;
          padding: 8px;
          box-sizing: border-box;
          border: solid 1px #404c4d;
          border-radius: 4px; }
          /* line 1955, style_recruiter10.scss */
          header .header_inner .header_right a.login p {
            font-size: 10px;
            letter-spacing: 0.05em;
            line-height: 1.21em;
            font-weight: 500;
            color: #404c4d; }
          /* line 1962, style_recruiter10.scss */
          header .header_inner .header_right a.login:hover {
            background: #f5f7f7; }
        /* line 1966, style_recruiter10.scss */
        header .header_inner .header_right button.price {
          width: auto;
          max-width: calc(100% - 6px);
          margin: 0 6px 0 0;
          padding: 8px;
          box-sizing: border-box;
          border: solid 1px #404c4d;
          border-radius: 4px;
          background: #fff;
          display: flex;
          justify-content: center;
          align-items: center; }
          /* line 1978, style_recruiter10.scss */
          header .header_inner .header_right button.price p {
            font-size: 10px;
            letter-spacing: 0.05em;
            line-height: 1.21em;
            font-weight: 500;
            color: #404c4d; }
          /* line 1985, style_recruiter10.scss */
          header .header_inner .header_right button.price:hover {
            background: #f5f7f7; }
        /* line 1989, style_recruiter10.scss */
        header .header_inner .header_right button.contact {
          width: auto;
          max-width: 100%;
          padding: 8px;
          box-sizing: border-box;
          border-radius: 4px;
          border: none;
          background: #de4861;
          display: flex;
          justify-content: center;
          align-items: center; }
          /* line 2000, style_recruiter10.scss */
          header .header_inner .header_right button.contact p {
            font-size: 10px;
            letter-spacing: 0.05em;
            line-height: 1.4em;
            font-weight: 500;
            color: #fff; }

  /* line 2011, style_recruiter10.scss */
  .content {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    height: auto;
    justify-content: center; }
    /* line 2019, style_recruiter10.scss */
    .content .content_inner {
      width: 100%;
      max-width: 100%;
      margin-top: 50px;
      position: relative;
      display: flex;
      align-items: center;
      flex-direction: column; }
      /* line 2027, style_recruiter10.scss */
      .content .content_inner.content_inner::-webkit-scrollbar {
        display: none; }

  /*@media screen and (max-width: 1280px) {
      .content_inner {
          width: 70%;
          max-width: 70%;
          justify-content: flex-start;
      }
  }*/
  /* line 2041, style_recruiter10.scss */
  #mv {
    width: 100%;
    max-width: 100%; }
    /* line 2044, style_recruiter10.scss */
    #mv .mv_img {
      width: 100%;
      position: relative; }
      /* line 2047, style_recruiter10.scss */
      #mv .mv_img img.img {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0; }
      /* line 2055, style_recruiter10.scss */
      #mv .mv_img .mv_cont {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start; }
        /* line 2060, style_recruiter10.scss */
        #mv .mv_img .mv_cont .mv_btnarea {
          width: 100%;
          max-width: 100%;
          height: auto;
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          /* line 2069, style_recruiter10.scss */
          #mv .mv_img .mv_cont .mv_btnarea img.clear01 {
            width: 100%;
            max-width: 100%;
            background: rgba(238, 238, 238, 0);
            opacity: 0; }
          /* line 2075, style_recruiter10.scss */
          #mv .mv_img .mv_cont .mv_btnarea button {
            width: 77%;
            max-width: 77%;
            height: auto;
            background: transparent;
            font-size: 100%;
            margin: 0;
            padding: 0;
            vertical-align: baseline;
            border: none; }
            /* line 2085, style_recruiter10.scss */
            #mv .mv_img .mv_cont .mv_btnarea button img {
              width: 100%;
              height: auto; }
          /* line 2090, style_recruiter10.scss */
          #mv .mv_img .mv_cont .mv_btnarea img.clear02 {
            width: 100%;
            height: auto;
            background: rgba(238, 238, 238, 0);
            opacity: 0; }
          /* line 2096, style_recruiter10.scss */
          #mv .mv_img .mv_cont .mv_btnarea img.clear03 {
            width: 100%;
            height: auto;
            background: rgba(238, 238, 238, 0);
            opacity: 0; }
          /* line 2102, style_recruiter10.scss */
          #mv .mv_img .mv_cont .mv_btnarea .mv_btnarea_space {
            width: 100%;
            max-width: 100%;
            height: 15px;
            background: #e9f7f8; }

  /* line 2113, style_recruiter10.scss */
  .banner_link {
    width: 100%;
    padding: 30px 0; }
    /* line 2116, style_recruiter10.scss */
    .banner_link a {
      display: block;
      width: 90%;
      max-width: 750px;
      margin: 0 auto; }

  /* line 2124, style_recruiter10.scss */
  #introduction {
    width: 100%;
    max-width: 100%;
    padding: 24px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    /* line 2133, style_recruiter10.scss */
    #introduction h1 {
      width: auto;
      max-width: calc(100% - 32px);
      font-size: 28px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      padding: 16px;
      margin: 16px;
      display: flex;
      align-items: center; }
    /* line 2145, style_recruiter10.scss */
    #introduction .introduction_txt {
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.8em;
      font-weight: 500;
      padding: 0 40px 30px;
      margin: 0 10px; }
      /* line 2152, style_recruiter10.scss */
      #introduction .introduction_txt span {
        font-size: 20px;
        color: #DE4862; }
    /* line 2157, style_recruiter10.scss */
    #introduction .intro_slider {
      width: 100%; }
      /* line 2159, style_recruiter10.scss */
      #introduction .intro_slider img {
        width: auto !important;
        height: 13.33vw; }
    /* line 2164, style_recruiter10.scss */
    #introduction .introduction_btn {
      width: 100%;
      max-width: calc(100% - 48px);
      margin-top: 20px; }
      /* line 2168, style_recruiter10.scss */
      #introduction .introduction_btn a {
        display: block;
        width: 100%;
        height: 56px;
        font-size: 15px;
        letter-spacing: 0.05em;
        line-height: 56px;
        font-weight: 500;
        color: #fff;
        background: #3F7780;
        border-radius: 8px;
        text-align: center;
        position: relative; }
        /* line 2181, style_recruiter10.scss */
        #introduction .introduction_btn a::before {
          position: absolute;
          content: ">";
          right: 17px;
          top: 50%;
          transform: translateY(-50%);
          font-size: 20px;
          font-weight: bold; }

  /*@media screen and (max-width: 1280px) {
      #introduction {
          padding: 32px;
          .introduction_cont {
              width: 979px;
              max-width: calc(100% - 32px);
              margin: 16px;
              .introduction_icon {
                  height: 25px!important;
                  &.icon01 img {
                      height: 100%;
                  }
                  &.icon14 img {
                      height: 100%;
                  }
              }
          }
      }
  }*/
  /* line 2213, style_recruiter10.scss */
  #problem {
    width: 100%;
    box-sizing: border-box;
    padding: 64px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: #f5f7f7; }
    /* line 2222, style_recruiter10.scss */
    #problem h1 {
      width: auto;
      max-width: calc(100% - 32px);
      font-size: 28px;
      line-height: 1.35em;
      font-weight: 500;
      text-align: center;
      color: #333;
      margin: 16px; }
    /* line 2232, style_recruiter10.scss */
    #problem .problem_cont {
      width: 1280px;
      max-width: 100%;
      margin: 0;
      box-sizing: border-box;
      padding: 24px;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      align-items: center; }
      /* line 2242, style_recruiter10.scss */
      #problem .problem_cont img {
        width: calc(100% - 16px);
        max-width: calc(100% - 16px);
        height: auto;
        margin: 8px; }

  /*@media screen and (max-width: 1280px) {
      #problem {
          padding: 32px;
          h1 {
              font-size: 32px;
          }
          .problem_cont {
              max-width: 100%;
              margin: 24px 0 0;
              img {
                  margin: 0 0 16px;
                  &:nth-of-type(2) {
                      margin: 16px 0 0;
                  }
              }
          }
      }
  }*/
  /* line 2269, style_recruiter10.scss */
  #cando {
    width: 1280px;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 64px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    /* line 2279, style_recruiter10.scss */
    #cando .cando_ttl {
      padding: 24px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      /* line 2285, style_recruiter10.scss */
      #cando .cando_ttl h1 {
        font-size: 28px;
        line-height: 1.4em;
        font-weight: 500;
        color: #333;
        padding-bottom: 8px; }
      /* line 2292, style_recruiter10.scss */
      #cando .cando_ttl img {
        width: 60%;
        max-width: 60%; }
    /* line 2297, style_recruiter10.scss */
    #cando .cando_cont {
      max-width: calc(100% - 48px);
      margin: 0 24px;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      /* line 2303, style_recruiter10.scss */
      #cando .cando_cont .cando_box {
        width: auto;
        max-width: 100%;
        margin: 8px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex: 1;
        flex-direction: column; }
        /* line 2312, style_recruiter10.scss */
        #cando .cando_cont .cando_box img {
          width: calc(85% - 16px);
          max-width: calc(85% - 16px);
          height: auto;
          margin: 8px; }
        /* line 2318, style_recruiter10.scss */
        #cando .cando_cont .cando_box .cando_box_txt {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          margin: 30px 0; }
          /* line 2324, style_recruiter10.scss */
          #cando .cando_cont .cando_box .cando_box_txt h2 {
            font-size: 20px;
            letter-spacing: 0.06em;
            line-height: 1.42em;
            font-weight: 500;
            color: #333;
            text-align: center;
            color: #333;
            display: flex;
            align-items: flex-end;
            position: relative; }
            /* line 2335, style_recruiter10.scss */
            #cando .cando_cont .cando_box .cando_box_txt h2::before {
              position: absolute;
              content: "";
              width: 161px;
              height: 5px;
              left: 50%;
              bottom: -15px;
              transform: translateX(-50%);
              background: #E8AE0D; }
    /* line 2349, style_recruiter10.scss */
    #cando .causion {
      width: 100%;
      max-width: calc(100% - 48px);
      margin: 0 24px;
      font-size: 12px;
      color: #333;
      text-align: right; }

  /* line 2359, style_recruiter10.scss */
  .banner {
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    /* line 2368, style_recruiter10.scss */
    .banner .banner_bg {
      width: 100%;
      height: 720px;
      position: relative; }
      /* line 2372, style_recruiter10.scss */
      .banner .banner_bg::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: url("../img/recruiter10-mk/banner_bg.webp") no-repeat center;
        background-size: cover;
        z-index: -2; }
    /* line 2384, style_recruiter10.scss */
    .banner .banner_cont {
      width: auto;
      max-width: 100%;
      height: 720px;
      position: absolute;
      top: auto;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      /* line 2396, style_recruiter10.scss */
      .banner .banner_cont .banner_ttlarea {
        width: 100%;
        max-width: calc(100% - 48px);
        box-sizing: border-box;
        padding: 0 16px;
        margin: 0 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        /* line 2406, style_recruiter10.scss */
        .banner .banner_cont .banner_ttlarea .banner_ttl {
          font-size: 24px;
          letter-spacing: 0.2em;
          line-height: 1.3em;
          font-weight: 500;
          color: #fff;
          text-align: center; }
        /* line 2414, style_recruiter10.scss */
        .banner .banner_cont .banner_ttlarea .banner_txt {
          font-size: 14px;
          letter-spacing: 0.1em;
          line-height: 1.5em;
          color: #fff;
          font-weight: 500;
          text-align: center;
          margin: 8px 0 20px; }
      /* line 2424, style_recruiter10.scss */
      .banner .banner_cont .banner_box {
        width: auto;
        max-width: calc(100% - 32px);
        margin: 16px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        flex: none; }
        /* line 2435, style_recruiter10.scss */
        .banner .banner_cont .banner_box button {
          width: 60%;
          max-width: calc(60% - 16px);
          height: 136px;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          background: #fff;
          padding: 8px 8px 8px 8px;
          margin: 8px;
          border: none;
          border-radius: 6px;
          transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
          cursor: pointer;
          position: relative; }
          /* line 2451, style_recruiter10.scss */
          .banner .banner_cont .banner_box button:hover {
            transform: scale(1.02, 1.02); }
          /* line 2454, style_recruiter10.scss */
          .banner .banner_cont .banner_box button p {
            font-size: 13px;
            letter-spacing: 0.05em;
            line-height: 1.4em;
            font-weight: 500;
            color: #283233;
            text-align: center;
            padding: 8px; }
          /* line 2463, style_recruiter10.scss */
          .banner .banner_cont .banner_box button img {
            width: 64px;
            max-width: calc(100% - 10px);
            margin-right: 10px; }
          /* line 2468, style_recruiter10.scss */
          .banner .banner_cont .banner_box button:nth-of-type(2) img {
            width: 40px; }

  /* line 2476, style_recruiter10.scss */
  #active {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: 64px 24px;
    background: #f5f7f7;
    box-shadow: 0px 0px 0px rgba(81, 49, 49, 0.2); }
    /* line 2487, style_recruiter10.scss */
    #active .active_cont {
      width: 1280px;
      max-width: 100%;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      background: #fff;
      border-radius: 16px; }
      /* line 2497, style_recruiter10.scss */
      #active .active_cont .active_ttl {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 16px;
        box-sizing: border-box; }
        /* line 2504, style_recruiter10.scss */
        #active .active_cont .active_ttl h1 {
          font-size: 24px;
          letter-spacing: -0.03em;
          line-height: 1.7em;
          font-weight: 500;
          color: #309da5;
          text-align: center; }
          /* line 2511, style_recruiter10.scss */
          #active .active_cont .active_ttl h1 span {
            font-size: 38px;
            display: inline-block;
            position: relative; }
            /* line 2515, style_recruiter10.scss */
            #active .active_cont .active_ttl h1 span::before {
              position: absolute;
              content: "";
              width: 105%;
              height: 5px;
              left: 50%;
              bottom: -10px;
              transform: translateX(-50%);
              background: #E8AE0D; }
        /* line 2527, style_recruiter10.scss */
        #active .active_cont .active_ttl .active_txt {
          font-size: 15px;
          line-height: 1.4em;
          font-weight: 500;
          box-sizing: border-box;
          padding: 30px 20px 0;
          text-align: center; }
      /* line 2536, style_recruiter10.scss */
      #active .active_cont img {
        width: 92%;
        max-width: 92%; }
    /* line 2541, style_recruiter10.scss */
    #active button {
      width: 100%;
      max-width: 100%;
      height: 56px;
      margin: 40px 0;
      padding: 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #de4861;
      border: none;
      border-radius: 6px; }
      /* line 2553, style_recruiter10.scss */
      #active button i {
        font-size: 24px;
        color: #fff; }
        /* line 2556, style_recruiter10.scss */
        #active button i:nth-of-type(1) {
          color: rgba(238, 238, 238, 0); }
      /* line 2560, style_recruiter10.scss */
      #active button p {
        font-size: 15px;
        letter-spacing: 0.05em;
        line-height: 1.4em;
        font-weight: 500;
        color: #fff;
        text-align: center; }

  /* line 2571, style_recruiter10.scss */
  #reason {
    width: 100%;
    box-sizing: border-box;
    padding: 64px 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    background: #e9f7f8;
    box-shadow: 0px 0px 0px rgba(81, 49, 49, 0.2); }
    /* line 2581, style_recruiter10.scss */
    #reason h1 {
      font-size: 28px;
      letter-spacing: -0.06em;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      padding: 16px; }
    /* line 2589, style_recruiter10.scss */
    #reason .reason_cont {
      width: 1280px;
      max-width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      align-content: flex-start;
      flex-wrap: wrap; }
      /* line 2597, style_recruiter10.scss */
      #reason .reason_cont .reason_box {
        width: 100%;
        max-width: 100%;
        padding: 8px;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column; }
        /* line 2606, style_recruiter10.scss */
        #reason .reason_cont .reason_box:nth-child(2n) {
          flex-direction: column-reverse;
          justify-content: flex-end; }
        /* line 2610, style_recruiter10.scss */
        #reason .reason_cont .reason_box .reason_box_img {
          width: calc(90% - -16px);
          max-width: calc(90% - -16px); }
        /* line 2614, style_recruiter10.scss */
        #reason .reason_cont .reason_box .reason_box_txt {
          width: 100%;
          max-width: 100%;
          display: flex;
          align-items: flex-start;
          flex-direction: column; }
          /* line 2620, style_recruiter10.scss */
          #reason .reason_cont .reason_box .reason_box_txt .reason_box_num {
            width: 108px;
            margin-bottom: 8px; }
          /* line 2624, style_recruiter10.scss */
          #reason .reason_cont .reason_box .reason_box_txt h2 {
            max-width: 100%;
            font-size: 32px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 500;
            color: #157577; }
          /* line 2632, style_recruiter10.scss */
          #reason .reason_cont .reason_box .reason_box_txt p.txt {
            font-size: 18px;
            letter-spacing: 0;
            line-height: 1.5em;
            font-weight: 500;
            padding: 18px 0;
            color: #283233; }
        /* line 2641, style_recruiter10.scss */
        #reason .reason_cont .reason_box:nth-child(2n+1) h2 {
          width: 314px; }
        /* line 2644, style_recruiter10.scss */
        #reason .reason_cont .reason_box:nth-child(2n) h2 {
          width: 384px; }
        /* line 2647, style_recruiter10.scss */
        #reason .reason_cont .reason_box:nth-of-type(1) .reason_box_img {
          margin-left: -16px; }
        /* line 2650, style_recruiter10.scss */
        #reason .reason_cont .reason_box:nth-of-type(2) .reason_box_img {
          width: 94%;
          max-width: 94%; }
        /* line 2654, style_recruiter10.scss */
        #reason .reason_cont .reason_box:nth-of-type(3) .reason_box_img {
          width: 90%;
          max-width: 90%; }
        /* line 2658, style_recruiter10.scss */
        #reason .reason_cont .reason_box:nth-of-type(4) .reason_box_img {
          width: 88%;
          max-width: 88%; }

  /* line 2666, style_recruiter10.scss */
  #case {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 64px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column; }
    /* line 2675, style_recruiter10.scss */
    #case h1 {
      width: auto;
      max-width: calc(100% - 48px);
      font-size: 28px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin: 24px; }
    /* line 2684, style_recruiter10.scss */
    #case .case_cont {
      width: 1280px;
      max-width: calc(100% - 32px);
      margin: 0 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      /* line 2692, style_recruiter10.scss */
      #case .case_cont a.case_box {
        width: calc(100% - 16px);
        max-width: calc(100% - 16px);
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        height: 156px;
        margin: 8px;
        background: #f5f7f7;
        border-radius: 8px;
        overflow: hidden;
        transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
        /* line 2704, style_recruiter10.scss */
        #case .case_cont a.case_box:hover {
          background: #e1e5e5;
          transform: scale(1.05, 1.05); }
        /* line 2708, style_recruiter10.scss */
        #case .case_cont a.case_box .case_box_img {
          width: 25%;
          max-width: 25%;
          height: 100%;
          position: relative; }
          /* line 2713, style_recruiter10.scss */
          #case .case_cont a.case_box .case_box_img::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover; }
        /* line 2725, style_recruiter10.scss */
        #case .case_cont a.case_box.box01 .case_box_img::before {
          background-image: url("../img/recruiter10-mk/case_box_img_01.webp"); }
        /* line 2728, style_recruiter10.scss */
        #case .case_cont a.case_box.box02 .case_box_img::before {
          background-image: url("../img/recruiter10-mk/case_box_img_02.webp"); }
        /* line 2731, style_recruiter10.scss */
        #case .case_cont a.case_box.box03 .case_box_img::before {
          background-image: url("../img/recruiter10-mk/case_box_img_03.webp"); }
        /* line 2734, style_recruiter10.scss */
        #case .case_cont a.case_box.box04 .case_box_img::before {
          background-image: url("../img/recruiter10-mk/case_box_img_04.webp"); }
        /* line 2737, style_recruiter10.scss */
        #case .case_cont a.case_box.box05 .case_box_img::before {
          background-image: url("../img/recruiter10-mk/case_box_img_05.webp"); }
        /* line 2740, style_recruiter10.scss */
        #case .case_cont a.case_box.box06 .case_box_img::before {
          background-image: url("../img/recruiter10-mk/case_box_img_06.webp"); }
        /* line 2743, style_recruiter10.scss */
        #case .case_cont a.case_box .case_box_right {
          width: 75%;
          max-width: 75%;
          height: 100%;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-direction: column; }
          /* line 2751, style_recruiter10.scss */
          #case .case_cont a.case_box .case_box_right img {
            width: 90%;
            max-width: 90%;
            margin: 16px 0 8px; }
          /* line 2756, style_recruiter10.scss */
          #case .case_cont a.case_box .case_box_right .case_box_txt {
            width: 85%;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
            box-sizing: border-box;
            padding: 8px 0; }
            /* line 2764, style_recruiter10.scss */
            #case .case_cont a.case_box .case_box_right .case_box_txt .txt {
              font-size: 12px;
              letter-spacing: 0;
              line-height: 1.4em;
              font-weight: 500;
              color: #333;
              margin-bottom: 8px; }
            /* line 2772, style_recruiter10.scss */
            #case .case_cont a.case_box .case_box_right .case_box_txt .name {
              font-size: 10px;
              line-height: 1.4em;
              font-weight: 400;
              color: #6f7e80; }
        /* line 2780, style_recruiter10.scss */
        #case .case_cont a.case_box.case_box:nth-child(n+3) .case_box_right .case_box_txt .txt {
          font-size: 13px; }
    /* line 2785, style_recruiter10.scss */
    #case a.case_btn {
      width: calc(100% - 64px);
      max-width: calc(100% - 64px);
      height: 56px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #309da5;
      border-radius: 6px;
      margin: 24px 32px 32px;
      padding: 12px 24px;
      box-sizing: border-box;
      font-size: 18px;
      letter-spacing: 0.05em;
      line-height: 1.4em;
      font-weight: 500;
      color: #fff;
      text-align: center;
      transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
      /* line 2804, style_recruiter10.scss */
      #case a.case_btn:hover {
        background: #157577; }

  /* line 2810, style_recruiter10.scss */
  #seminar {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 64px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: #f5f7f7;
    box-shadow: 0px 0px 0px rgba(81, 49, 49, 0.2); }
    /* line 2821, style_recruiter10.scss */
    #seminar h1 {
      font-size: 24px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin-bottom: 24px; }
    /* line 2828, style_recruiter10.scss */
    #seminar .seminar_cont {
      width: 1280px;
      max-width: calc(100% - 48px);
      box-sizing: border-box;
      margin: 0 24px;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-direction: column; }
      /* line 2837, style_recruiter10.scss */
      #seminar .seminar_cont a.seminar_box {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        margin-bottom: 30px;
        transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
        /* line 2844, style_recruiter10.scss */
        #seminar .seminar_cont a.seminar_box:hover {
          transform: scale(1.03, 1.03); }
        /* line 2847, style_recruiter10.scss */
        #seminar .seminar_cont a.seminar_box .seminar_box_img {
          width: 100%;
          max-width: 100%; }
        /* line 2851, style_recruiter10.scss */
        #seminar .seminar_cont a.seminar_box .seminar_box_txt {
          max-width: 100%;
          margin-top: 16px;
          display: flex;
          align-items: flex-start;
          flex-direction: column;
          color: #333; }
          /* line 2858, style_recruiter10.scss */
          #seminar .seminar_cont a.seminar_box .seminar_box_txt .ttl {
            font-size: 20px;
            line-height: 1.3em;
            font-weight: 600;
            margin-bottom: 8px; }
          /* line 2864, style_recruiter10.scss */
          #seminar .seminar_cont a.seminar_box .seminar_box_txt .txt {
            font-size: 13px;
            line-height: 1.3em; }
          /* line 2868, style_recruiter10.scss */
          #seminar .seminar_cont a.seminar_box .seminar_box_txt .date {
            font-size: 12px;
            line-height: 1;
            margin-top: 8px; }
        /* line 2874, style_recruiter10.scss */
        #seminar .seminar_cont a.seminar_box:hover .seminar_box_txt {
          color: #757575; }

  /* line 2881, style_recruiter10.scss */
  #whitepaper {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 64px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: #f5f7f7;
    box-shadow: 0px 0px 0px rgba(81, 49, 49, 0.2); }
    /* line 2892, style_recruiter10.scss */
    #whitepaper h1 {
      font-size: 24px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin-bottom: 24px; }
    /* line 2899, style_recruiter10.scss */
    #whitepaper .whitepaper_cont {
      width: 1280px;
      max-width: calc(100% - 48px);
      margin: 0 24px;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-wrap: wrap; }
      /* line 2907, style_recruiter10.scss */
      #whitepaper .whitepaper_cont a.whitepaper_box {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        border-radius: 8px;
        margin-bottom: 16px;
        transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
        /* line 2917, style_recruiter10.scss */
        #whitepaper .whitepaper_cont a.whitepaper_box:hover {
          box-shadow: 0px 2px 20px rgba(128, 93, 93, 0.2);
          transition-duration: 200ms; }
        /* line 2921, style_recruiter10.scss */
        #whitepaper .whitepaper_cont a.whitepaper_box .whitepaper_box_img {
          width: 40%;
          max-width: 40%;
          border-radius: 4px;
          overflow: hidden; }
          /* line 2926, style_recruiter10.scss */
          #whitepaper .whitepaper_cont a.whitepaper_box .whitepaper_box_img img {
            width: 100%;
            transition-delay: 300ms;
            transition-duration: 3000ms;
            filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.15)); }
        /* line 2933, style_recruiter10.scss */
        #whitepaper .whitepaper_cont a.whitepaper_box .whitepaper_box_txt {
          width: calc(60% - 8px);
          max-width: calc(60% - 8px);
          margin-left: 8px;
          display: flex;
          justify-content: space-between;
          flex-direction: column; }
          /* line 2940, style_recruiter10.scss */
          #whitepaper .whitepaper_cont a.whitepaper_box .whitepaper_box_txt .txt {
            font-size: 14px;
            letter-spacing: -0.01em;
            line-height: 1.5em;
            font-weight: 500;
            color: #333;
            transition-delay: 300ms;
            transition-duration: 1000ms; }
          /* line 2949, style_recruiter10.scss */
          #whitepaper .whitepaper_cont a.whitepaper_box .whitepaper_box_txt .date {
            font-size: 14px;
            letter-spacing: -0.01em;
            line-height: 1.5em;
            font-weight: 500;
            color: #9b9b9b;
            transition-delay: 300ms;
            transition-duration: 1000ms; }
    /* line 2961, style_recruiter10.scss */
    #whitepaper a.whitepaper_btn {
      width: 100%;
      max-width: calc(100% - 48px);
      height: 56px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #309da5;
      border-radius: 8px;
      margin: 8px 24px 0;
      padding: 12px 8px;
      box-sizing: border-box;
      font-size: 15px;
      letter-spacing: 0;
      line-height: 1.4em;
      font-weight: 500;
      color: #fff;
      text-align: center;
      transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
      /* line 2980, style_recruiter10.scss */
      #whitepaper a.whitepaper_btn:hover {
        background: #157577; }

  /* line 2986, style_recruiter10.scss */
  #journal {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 64px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    box-shadow: 0px 0px 0px rgba(81, 49, 49, 0.2); }
    /* line 2996, style_recruiter10.scss */
    #journal .journal_ttl {
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-direction: column;
      padding: 16px;
      margin-bottom: 24px; }
      /* line 3003, style_recruiter10.scss */
      #journal .journal_ttl img {
        width: 260px;
        max-width: 100%;
        margin: 24px; }
      /* line 3008, style_recruiter10.scss */
      #journal .journal_ttl .journal_txt {
        font-size: 15px;
        letter-spacing: 0;
        line-height: 1.5em;
        font-weight: 400;
        color: #333;
        text-align: center; }
    /* line 3017, style_recruiter10.scss */
    #journal .journal_cont {
      width: 1180px;
      max-width: 100%;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      /* line 3023, style_recruiter10.scss */
      #journal .journal_cont a.journal_box {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin-bottom: 16px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        border-radius: 8px;
        transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
        /* line 3033, style_recruiter10.scss */
        #journal .journal_cont a.journal_box:hover {
          box-shadow: 0px 2px 20px rgba(128, 93, 93, 0.2);
          transition-duration: 200ms; }
        /* line 3037, style_recruiter10.scss */
        #journal .journal_cont a.journal_box .journal_box_img {
          width: 40%;
          max-width: 40%;
          border-radius: 4px;
          overflow: hidden; }
          /* line 3042, style_recruiter10.scss */
          #journal .journal_cont a.journal_box .journal_box_img img {
            width: 100%;
            transition-delay: 300ms;
            transition-duration: 3000ms; }
        /* line 3048, style_recruiter10.scss */
        #journal .journal_cont a.journal_box .journal_box_txt {
          width: calc(60% - 8px);
          margin-left: 6px;
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          flex-direction: column; }
          /* line 3055, style_recruiter10.scss */
          #journal .journal_cont a.journal_box .journal_box_txt .txt {
            font-size: 14px;
            letter-spacing: -0.01em;
            line-height: 1.4em;
            font-weight: 500;
            color: #333;
            transition-delay: 300ms;
            transition-duration: 1000ms; }
          /* line 3064, style_recruiter10.scss */
          #journal .journal_cont a.journal_box .journal_box_txt .date {
            font-size: 14px;
            letter-spacing: -0.01em;
            line-height: 1.4em;
            font-weight: 500;
            color: #9b9b9b;
            transition-delay: 300ms;
            transition-duration: 1000ms; }
    /* line 3076, style_recruiter10.scss */
    #journal a.journal_btn {
      width: 100%;
      max-width: 100%;
      height: 56px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #309da5;
      border-radius: 6px;
      margin-top: 24px;
      padding: 12px 24px;
      box-sizing: border-box;
      font-size: 18px;
      letter-spacing: 0.05em;
      line-height: 1.4em;
      font-weight: 500;
      color: #fff;
      text-align: center;
      transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
      /* line 3095, style_recruiter10.scss */
      #journal a.journal_btn:hover {
        background: #157577; }

  /* line 3101, style_recruiter10.scss */
  #faq {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 64px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: #f5f7f7;
    box-shadow: 0px 0px 0px rgba(81, 49, 49, 0.2); }
    /* line 3112, style_recruiter10.scss */
    #faq h1 {
      font-size: 24px;
      letter-spacing: 0;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin-bottom: 24px; }
    /* line 3120, style_recruiter10.scss */
    #faq .faq_cont {
      width: 1280px;
      max-width: calc(100% - 48px);
      margin: 0 24px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      /* line 3128, style_recruiter10.scss */
      #faq .faq_cont button {
        width: calc(100% - 16px);
        max-width: calc(100% - 16px);
        height: auto;
        box-sizing: border-box;
        padding: 16px;
        margin: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: solid 2px #2F9CA5;
        border-radius: 8px;
        background: #fff;
        transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
        /* line 3142, style_recruiter10.scss */
        #faq .faq_cont button:hover {
          background: #e1e5e5;
          transform: scale(1.02, 1.02); }
        /* line 3146, style_recruiter10.scss */
        #faq .faq_cont button .faq_btn_txt {
          width: 90%;
          max-width: 90%;
          display: flex;
          justify-content: flex-start;
          text-align: left; }
          /* line 3152, style_recruiter10.scss */
          #faq .faq_cont button .faq_btn_txt .faq_btn_q {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 500;
            color: #309da5; }
          /* line 3159, style_recruiter10.scss */
          #faq .faq_cont button .faq_btn_txt .faq_btn_txt {
            width: 86%;
            max-width: 100%;
            font-size: 14px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 500;
            color: #309da5;
            overflow: visible;
            overflow-wrap: anywhere;
            word-break: break-word; }
        /* line 3172, style_recruiter10.scss */
        #faq .faq_cont button i {
          display: flex;
          justify-content: center;
          align-items: center;
          background: #f5f7f7;
          border-radius: 30px;
          color: #309da5;
          font-size: 24px;
          margin: 0px 0px 0px 0px;
          padding: 1px 3px 2px 3px;
          max-width: 100%;
          position: relative; }
    /* line 3187, style_recruiter10.scss */
    #faq .modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      height: 100vh;
      width: 100%;
      z-index: 11; }
      /* line 3195, style_recruiter10.scss */
      #faq .modal .modal-bg {
        position: absolute;
        height: 100vh;
        width: 100%;
        background: rgba(0, 0, 0, 0.16); }
      /* line 3201, style_recruiter10.scss */
      #faq .modal .modal-content {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center; }
        /* line 3208, style_recruiter10.scss */
        #faq .modal .modal-content .modal_inner {
          width: 86%;
          max-width: 86%;
          height: 280px;
          box-sizing: border-box;
          padding: 24px;
          background: #fff;
          border-radius: 8px;
          display: flex;
          justify-content: flex-start;
          flex-direction: column;
          position: relative;
          z-index: 12; }
          /* line 3221, style_recruiter10.scss */
          #faq .modal .modal-content .modal_inner h2 {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 500;
            color: #309da5;
            margin-bottom: 10px; }
          /* line 3229, style_recruiter10.scss */
          #faq .modal .modal-content .modal_inner .modal_txt {
            font-size: 15px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 600;
            color: #333; }
            /* line 3235, style_recruiter10.scss */
            #faq .modal .modal-content .modal_inner .modal_txt a {
              color: #157577;
              text-decoration: underline; }

  /*問い合わせ系のモーダル*/
  /* line 3246, style_recruiter10.scss */
  .modal02 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 101; }
    /* line 3254, style_recruiter10.scss */
    .modal02 .modal-bg {
      position: absolute;
      height: 100vh;
      width: 100%;
      background: rgba(0, 0, 0, 0.4); }
    /* line 3260, style_recruiter10.scss */
    .modal02 .modal-content {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: flex-end;
      flex-direction: column;
      align-items: center; }
      /* line 3267, style_recruiter10.scss */
      .modal02 .modal-content .modal_inner {
        width: 100%;
        max-width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 16px;
        background: #fff;
        border-radius: 16px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        position: relative;
        z-index: 12;
        box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); }
        /* line 3282, style_recruiter10.scss */
        .modal02 .modal-content .modal_inner .btn {
          width: 100%;
          max-width: 100%;
          height: 20px;
          margin-bottom: 20px;
          display: flex;
          justify-content: flex-start;
          align-items: flex-end;
          flex-direction: column; }
          /* line 3291, style_recruiter10.scss */
          .modal02 .modal-content .modal_inner .btn button {
            color: #333;
            font-size: 24px;
            background: transparent;
            padding: 0;
            margin: 0;
            border: none; }
        /* line 3300, style_recruiter10.scss */
        .modal02 .modal-content .modal_inner h1 {
          font-size: 18px;
          letter-spacing: 0;
          line-height: 1.4em;
          font-weight: 900;
          color: #333;
          padding-bottom: 16px;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center; }
        /* line 3312, style_recruiter10.scss */
        .modal02 .modal-content .modal_inner .modal_form {
          width: 541px;
          max-width: 100%;
          height: 88%; }
          /* line 3316, style_recruiter10.scss */
          .modal02 .modal-content .modal_inner .modal_form iframe {
            width: 100%;
            height: 100%; }
    /* line 3323, style_recruiter10.scss */
    .modal02.contact {
      width: 100%; }
      /* line 3326, style_recruiter10.scss */
      .modal02.contact .modal-content .modal_inner {
        width: 95%;
        max-width: 95%;
        margin: 24px 0;
        height: calc(100% - 48px);
        padding: 16px 16px 1px 16px; }
        /* line 3332, style_recruiter10.scss */
        .modal02.contact .modal-content .modal_inner .btn {
          margin-bottom: 25px; }
        /* line 3335, style_recruiter10.scss */
        .modal02.contact .modal-content .modal_inner h1 {
          font-size: 18px;
          height: calc(5% - 20px);
          padding-bottom: 8px;
          margin: 0px 0px 20px 0px;
          max-width: 100%; }
        /* line 3342, style_recruiter10.scss */
        .modal02.contact .modal-content .modal_inner .modal_form {
          width: 541px;
          height: 95%; }
    /* line 3349, style_recruiter10.scss */
    .modal02.dl {
      width: 100%; }
      /* line 3353, style_recruiter10.scss */
      .modal02.dl .modal-content .modal_inner h1 {
        height: 5%; }
      /* line 3356, style_recruiter10.scss */
      .modal02.dl .modal-content .modal_inner .modal_form {
        height: 88%;
        flex: 1; }

  /* line 3365, style_recruiter10.scss */
  .float_btn {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 10;
    backdrop-filter: blur(42px);
    -webkit-backdrop-filter: blur(42px);
    background: rgba(255, 255, 255, 0.5); }
    /* line 3377, style_recruiter10.scss */
    .float_btn button {
      width: calc(100% - 48px);
      max-width: calc(100% - 48px);
      margin: 12px 24px 12px 24px;
      height: 56px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      background: #157577;
      border-radius: 6px;
      border: solid 1px #404c4d;
      box-sizing: border-box; }
      /* line 3390, style_recruiter10.scss */
      .float_btn button p {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 1;
        font-weight: bold;
        color: #fff;
        text-align: center; }

  /* line 3401, style_recruiter10.scss */
  footer {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 40px 0px;
    margin-bottom: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    /* line 3411, style_recruiter10.scss */
    footer .footer_inner {
      width: calc(100% - 48px);
      max-width: calc(100% - 48px);
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      margin: 24px; }
      /* line 3418, style_recruiter10.scss */
      footer .footer_inner .footer_left {
        width: 100%;
        max-width: 100%;
        height: 426px;
        display: flex;
        justify-content: space-between;
        flex-direction: column; }
        /* line 3425, style_recruiter10.scss */
        footer .footer_inner .footer_left ul {
          width: auto;
          max-width: 100%;
          display: flex;
          justify-content: flex-start;
          flex-direction: column; }
          /* line 3431, style_recruiter10.scss */
          footer .footer_inner .footer_left ul li {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 1.5em;
            font-weight: 500;
            color: #404c4d; }
          /* line 3438, style_recruiter10.scss */
          footer .footer_inner .footer_left ul a {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 1.5em;
            font-weight: 400;
            color: #404c4d;
            margin-top: 12px; }
          /* line 3446, style_recruiter10.scss */
          footer .footer_inner .footer_left ul:last-of-type a:first-of-type {
            margin-top: 20px; }
      /* line 3451, style_recruiter10.scss */
      footer .footer_inner .footer_right {
        width: 100%;
        max-width: 100%;
        margin-top: 32px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column; }
        /* line 3459, style_recruiter10.scss */
        footer .footer_inner .footer_right button {
          width: 100%;
          max-width: 100%;
          height: 48px;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          border-radius: 8px;
          padding: 0;
          margin: 0;
          border: none;
          transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1);
          cursor: pointer; }
          /* line 3473, style_recruiter10.scss */
          footer .footer_inner .footer_right button.contact {
            background: #157577; }
            /* line 3475, style_recruiter10.scss */
            footer .footer_inner .footer_right button.contact:hover {
              background: #0a6668; }
          /* line 3479, style_recruiter10.scss */
          footer .footer_inner .footer_right button.dl {
            background: #fff;
            border: 1px solid #404c4d;
            margin-top: 16px; }
            /* line 3483, style_recruiter10.scss */
            footer .footer_inner .footer_right button.dl:hover {
              background: #e1e5e5; }
          /* line 3487, style_recruiter10.scss */
          footer .footer_inner .footer_right button p {
            font-size: 13px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 500;
            text-align: center; }
          /* line 3494, style_recruiter10.scss */
          footer .footer_inner .footer_right button.contact p {
            color: #fff; }
          /* line 3497, style_recruiter10.scss */
          footer .footer_inner .footer_right button.dl p {
            color: #404c4d; }
        /* line 3501, style_recruiter10.scss */
        footer .footer_inner .footer_right a {
          width: 100%;
          max-width: 100%;
          height: 48px;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 8px;
          border: 1px solid #404c4d;
          box-sizing: border-box;
          margin-top: 16px;
          transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
          /* line 3513, style_recruiter10.scss */
          footer .footer_inner .footer_right a:hover {
            background: #e1e5e5; }
          /* line 3516, style_recruiter10.scss */
          footer .footer_inner .footer_right a p {
            font-size: 13px;
            letter-spacing: 0;
            line-height: 1em;
            font-weight: 500;
            color: #404c4d;
            text-align: center; }
          /* line 3524, style_recruiter10.scss */
          footer .footer_inner .footer_right a .icon {
            position: relative;
            width: 16px;
            max-width: calc(100% - 8px);
            height: 16px;
            margin-left: 8px; }
            /* line 3530, style_recruiter10.scss */
            footer .footer_inner .footer_right a .icon::before {
              position: absolute;
              content: "";
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              background: url("../img/recruiter10-mk/footer_icon.svg") no-repeat center;
              background-size: cover; }

  /*side*/
  /* line 3547, style_recruiter10.scss */
  #side {
    display: none !important; } }

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