@charset "UTF-8";
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; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button {
  padding: 0;
  margin: 0;
  border: none; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

/* Hides from IE Mac */
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* ---------- 初期 ---------- */
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%; }

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; }

a {
  text-decoration: none; }

strong {
  font-weight: bold; }

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

#kadomaru {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }

#resbtn {
  -webkit-appearance: none; }

.ancr {
  position: relative;
  transition: 0.5s; }

.anca {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 10;
  cursor: pointer; }

.ancr:hover {
  opacity: 0.75;
  transition: 0.5s;
  cursor: pointer; }

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

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

.lato {
  font-family: "Lato", sans-serif; }

.notosans {
  font-family: "Noto Sans JP", sans-serif; }

/*見出し（見出ゴMB1）の代わり*/
.font01 {
  font-family: "M PLUS 1p", sans-serif; }

button {
  cursor: pointer; }

/* PC */
@media screen and (min-width: 798px) {
  .sponly {
    display: none !important; }

  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; }
    header .header_inner {
      width: calc(100% - 64px);
      max-width: calc(100% - 64px);
      margin: 0 32px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      header .header_inner .header_left {
        display: flex;
        justify-content: center;
        align-items: center; }
        header .header_inner .header_left a.header_logo {
          display: block;
          width: 154px;
          max-width: calc(100% - 24px);
          height: 30px;
          position: relative;
          margin-right: 24px; }
          header .header_inner .header_left a.header_logo::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: url("../img/recruiter10-biz/header_logo.svg") no-repeat 50%;
            background-size: cover; }
        header .header_inner .header_left .header_nav {
          width: auto;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          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: 600;
            color: #404c4d;
            margin: 0 8px; }
      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; }
        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; }
          header .header_inner .header_right a.serch p.serch_txt {
            font-size: 12px;
            letter-spacing: 0.05em;
            line-height: 1.4em;
            font-weight: 600;
            color: #404c4d;
            margin-right: 4px; }
          header .header_inner .header_right a.serch i.serch_icon {
            font-size: 18px;
            color: #404c4d; }
        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; }
          header .header_inner .header_right a.login p {
            font-size: 12px;
            letter-spacing: 0.05em;
            line-height: 1.4em;
            font-weight: 600;
            color: #404c4d; }
          header .header_inner .header_right a.login:hover {
            background: #f5f7f7; }
        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; }
          header .header_inner .header_right button.price p {
            font-size: 12px;
            letter-spacing: 0.05em;
            line-height: 1.4em;
            font-weight: 600;
            color: #404c4d; }
          header .header_inner .header_right button.price:hover {
            background: #f5f7f7; }
        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; }
          header .header_inner .header_right button.contact p {
            font-size: 12px;
            letter-spacing: 0.05em;
            line-height: 1.4em;
            font-weight: 600;
            color: #fff; }

  .content {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    height: auto;
    position: relative; }
    .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; }
      .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;
      }
  }*/
  #mv {
    width: 100%;
    max-width: 100%; }
    #mv .mv_img {
      width: 100%;
      position: relative; }
      #mv .mv_img img.img {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0; }
      #mv .mv_img .mv_cont {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start; }
        #mv .mv_img .mv_cont .mv_space {
          width: 4%;
          max-width: 4%;
          height: 50px; }
        #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; }
          #mv .mv_img .mv_cont .mv_btnarea img.clear01 {
            width: 100%;
            max-width: 100%;
            height: auto; }
          #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-height: 0; }
            #mv .mv_img .mv_cont .mv_btnarea button img {
              width: 100%;
              height: auto;
              line-height: 0; }
          #mv .mv_img .mv_cont .mv_btnarea img.clear02 {
            width: 100%;
            height: auto; }
          #mv .mv_img .mv_cont .mv_btnarea .mv_btnarea_space {
            display: none; }

  #introduction {
    width: 100%;
    max-width: 100%;
    padding: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    #introduction h1 {
      width: auto;
      max-width: 100%;
      font-size: 36px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      padding: 16px;
      display: flex;
      align-items: center; }
    #introduction .introduction_cont {
      width: 1280px;
      max-width: calc(100% - 80px);
      margin: 20px 40px 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      #introduction .introduction_cont .introduction_icon {
        width: auto;
        max-width: calc(100% - 24px);
        height: 33px;
        margin: 12px 12px 0;
        display: flex;
        align-items: center; }
        #introduction .introduction_cont .introduction_icon.icon05 {
          height: 40px; }
        #introduction .introduction_cont .introduction_icon.icon11 {
          height: 28px; }
        #introduction .introduction_cont .introduction_icon.icon12 {
          height: 35px; }
        #introduction .introduction_cont .introduction_icon.icon13 {
          height: 35px; }
        #introduction .introduction_cont .introduction_icon.icon14 {
          height: 26px; }
        #introduction .introduction_cont .introduction_icon.icon15 {
          height: 26px; }
        #introduction .introduction_cont .introduction_icon.icon16 {
          height: 26px; }
        #introduction .introduction_cont .introduction_icon.icon17 {
          height: 26px; }
        #introduction .introduction_cont .introduction_icon img {
          width: auto;
          height: 100%; }
        #introduction .introduction_cont .introduction_icon.icon01 img {
          height: 41px; }
        #introduction .introduction_cont .introduction_icon.icon04 img {
          width: 72px;
          height: auto; }
        #introduction .introduction_cont .introduction_icon.icon14 img {
          height: 22px; }

  /*@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%;
                  }
              }
          }
      }
  }*/
  #problem {
    width: 100%;
    box-sizing: border-box;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: #f5f7f7; }
    #problem h1 {
      width: 80%;
      max-width: 80%;
      font-size: 40px;
      line-height: 1.35em;
      font-weight: 500;
      text-align: center;
      color: #333; }
    #problem .problem_cont {
      width: 1280px;
      max-width: calc(100% - 80px);
      margin: 40px 40px 0;
      display: flex;
      justify-content: space-between; }
      #problem .problem_cont img {
        width: 32%;
        max-width: 32%;
        height: auto;
        margin: 0 0 24px; }
        #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;
                  }
              }
          }
      }
  }*/
  #cando {
    width: calc(100% - 80px);
    max-width: calc(100% - 80px);
    margin: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    #cando .cando_ttl {
      padding: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      #cando .cando_ttl h1 {
        font-size: 40px;
        line-height: 1.4em;
        font-weight: 500;
        color: #333; }
      #cando .cando_ttl img {
        width: calc(87% - 32px);
        max-width: calc(87% - 32px);
        flex: 1;
        margin: 16px; }
    #cando .cando_cont {
      display: flex;
      justify-content: center;
      align-items: flex-start; }
      #cando .cando_cont .cando_box {
        width: auto;
        max-width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex: 1;
        flex-direction: column; }
        #cando .cando_cont .cando_box:nth-of-type(2) {
          justify-content: center; }
        #cando .cando_cont .cando_box img {
          width: 100%;
          height: auto;
          margin-bottom: 24px; }
        #cando .cando_cont .cando_box.cando_box:nth-of-type(1) img {
          width: 97%;
          max-width: 97%; }
        #cando .cando_cont .cando_box .cando_box_txt {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          #cando .cando_cont .cando_box .cando_box_txt h2 {
            font-size: 16px;
            letter-spacing: 0.06em;
            line-height: 1.4em;
            font-weight: 500;
            text-align: center;
            margin-bottom: 4px; }
          #cando .cando_cont .cando_box .cando_box_txt p {
            font-size: 14px;
            line-height: 1.75em;
            font-weight: 400; }

  .banner {
    width: 100%;
    height: 560px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .banner .banner_bg {
      width: 100%;
      height: 560px;
      position: relative; }
      .banner .banner_bg::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: url("../img/recruiter10-biz/banner_bg.webp") no-repeat center;
        background-size: cover;
        z-index: -2; }
    .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; }
      .banner .banner_cont .banner_ttlarea {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column; }
        .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; }
        .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; }
      .banner .banner_cont .banner_box {
        width: auto;
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 32px; }
        .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;
          font-family: 'Noto Sans JP', sans-serif; }
          .banner .banner_cont .banner_box button:hover {
            transform: scale(1.02, 1.02); }
          .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; }
          .banner .banner_cont .banner_box button img {
            max-width: calc(100% - 8px);
            margin-right: 8px; }
          .banner .banner_cont .banner_box button:nth-of-type(1) img {
            width: 64px; }
          .banner .banner_cont .banner_box button:nth-of-type(2) img {
            width: 40px; }

  #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; }
    #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; }
      #active .active_cont .active_ttl {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        #active .active_cont .active_ttl h1 {
          font-size: 40px;
          letter-spacing: -0.03em;
          line-height: 1.35em;
          font-weight: 500;
          color: #309da5;
          text-align: center; }
        #active .active_cont .active_ttl .active_txt {
          font-size: 18px;
          line-height: 1.4em;
          font-weight: 500;
          padding-top: 20px;
          text-align: center; }
      #active .active_cont img {
        width: 65%;
        max-width: 65%;
        margin-top: -50px; }
    #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; }
      #active button i {
        font-size: 24px;
        color: #fff; }
        #active button i:nth-of-type(1) {
          color: rgba(238, 238, 238, 0); }
      #active button p {
        font-size: 20px;
        letter-spacing: 0.05em;
        line-height: 1.4em;
        font-weight: 600;
        color: #fff;
        text-align: center; }

  #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); }
    #reason h1 {
      font-size: 40px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333; }
    #reason .reason_cont {
      width: 1280px;
      max-width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-direction: column; }
      #reason .reason_cont .reason_box {
        width: 1280px;
        max-width: calc(100% - 80px);
        margin: 16px 40px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        #reason .reason_cont .reason_box .reason_box_img {
          width: 45%;
          max-width: 45%; }
        #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; }
          #reason .reason_cont .reason_box .reason_box_txt .reason_box_num {
            width: 128px;
            margin-bottom: 10px; }
          #reason .reason_cont .reason_box .reason_box_txt h2 {
            font-size: 40px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 500;
            color: #157577; }
          #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; }
        #reason .reason_cont .reason_box.reason_box:nth-child(2n) .reason_box_txt {
          width: 55%;
          max-width: 55%;
          margin: 0; }
          #reason .reason_cont .reason_box.reason_box:nth-child(2n) .reason_box_txt h2 {
            letter-spacing: -0.1em; }

  #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; }
    #case h1 {
      width: auto;
      max-width: calc(100% - 40px);
      font-size: 40px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin: 20px; }
    #case .case_cont {
      width: 1280px;
      max-width: calc(100% - 80px);
      margin: 0 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      #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); }
        #case .case_cont a.case_box:hover {
          background: #e1e5e5;
          transform: scale(1.05, 1.05); }
        #case .case_cont a.case_box .case_box_img {
          width: 30%;
          max-width: 30%;
          height: 200px;
          position: relative; }
          #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; }
        #case .case_cont a.case_box.box01 .case_box_img::before {
          background-image: url("../img/recruiter10-biz/case_box_img_01.webp"); }
        #case .case_cont a.case_box.box02 .case_box_img::before {
          background-image: url("../img/recruiter10-biz/case_box_img_02.webp"); }
        #case .case_cont a.case_box.box03 .case_box_img::before {
          background-image: url("../img/recruiter10-biz/case_box_img_03.webp"); }
        #case .case_cont a.case_box.box04 .case_box_img::before {
          background-image: url("../img/recruiter10-biz/case_box_img_04.webp"); }
        #case .case_cont a.case_box.box05 .case_box_img::before {
          background-image: url("../img/recruiter10-biz/case_box_img_05.webp"); }
        #case .case_cont a.case_box.box06 .case_box_img::before {
          background-image: url("../img/recruiter10-biz/case_box_img_06.webp"); }
        #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; }
          #case .case_cont a.case_box .case_box_right img {
            width: 90%;
            max-width: 90%;
            margin: 32px 0 8px; }
          #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; }
            #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; }
            #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; }
    #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: 600;
      color: #fff;
      text-align: center;
      transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
      #case a.case_btn:hover {
        background: #157577; }

  #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); }
    #seminar h1 {
      font-size: 40px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin-bottom: 40px; }
    #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; }
      #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); }
        #seminar .seminar_cont a.seminar_box:hover {
          transform: scale(1.03, 1.03); }
        #seminar .seminar_cont a.seminar_box .seminar_box_img {
          width: 33%;
          max-width: 33%; }
        #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; }
          #seminar .seminar_cont a.seminar_box .seminar_box_txt .ttl {
            font-size: 24px;
            line-height: 1.3em;
            font-weight: 600;
            margin-bottom: 8px; }
          #seminar .seminar_cont a.seminar_box .seminar_box_txt .txt {
            font-size: 15px;
            line-height: 1.3em; }
          #seminar .seminar_cont a.seminar_box .seminar_box_txt .date {
            font-size: 14px;
            line-height: 1;
            margin-top: 8px; }
        #seminar .seminar_cont a.seminar_box:hover .seminar_box_txt {
          color: #757575; }

  #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); }
    #whitepaper h1 {
      font-size: 40px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin-bottom: 40px; }
    #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; }
      #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); }
        #whitepaper .whitepaper_cont a.whitepaper_box:hover {
          box-shadow: 0px 2px 20px rgba(128, 93, 93, 0.2);
          transition-duration: 200ms; }
        #whitepaper .whitepaper_cont a.whitepaper_box .whitepaper_box_img {
          width: 100%;
          max-width: 100%;
          border-radius: 4px;
          overflow: hidden; }
          #whitepaper .whitepaper_cont a.whitepaper_box .whitepaper_box_img img {
            width: 100%;
            transition-delay: 300ms;
            transition-duration: 3000ms; }
        #whitepaper .whitepaper_cont a.whitepaper_box .whitepaper_box_txt {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          flex-direction: column; }
          #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; }
          #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; }
    #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: 600;
      color: #fff;
      text-align: center;
      transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
      #whitepaper a.whitepaper_btn:hover {
        background: #157577; }

  #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); }
    #journal .journal_ttl {
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-direction: column;
      padding: 24px; }
      #journal .journal_ttl img {
        width: 400px;
        max-width: calc(100% - 48px);
        margin: 24px; }
      #journal .journal_ttl .journal_txt {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 1.5em;
        font-weight: 400;
        color: #333; }
    #journal .journal_cont {
      width: 1180px;
      max-width: calc(100% - 80px);
      margin: 0 40px;
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap; }
      #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); }
        #journal .journal_cont a.journal_box:hover {
          box-shadow: 0px 2px 20px rgba(128, 93, 93, 0.2);
          transition-duration: 200ms; }
        #journal .journal_cont a.journal_box .journal_box_img {
          width: 100%;
          max-width: 100%;
          border-radius: 4px;
          overflow: hidden; }
          #journal .journal_cont a.journal_box .journal_box_img img {
            width: 100%;
            transition-delay: 300ms;
            transition-duration: 3000ms; }
        #journal .journal_cont a.journal_box .journal_box_txt {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          flex-direction: column; }
          #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; }
          #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; }
    #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: 600;
      color: #fff;
      text-align: center;
      transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
      #journal a.journal_btn:hover {
        background: #157577; }

  #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); }
    #faq h1 {
      font-size: 32px;
      letter-spacing: 0;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin-bottom: 40px; }
    #faq .faq_cont {
      width: 1280px;
      max-width: calc(100% - 80px);
      margin: 0 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      #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); }
        #faq .faq_cont button:hover {
          background: #e1e5e5;
          transform: scale(1.02, 1.02); }
        #faq .faq_cont button .faq_btn_txt {
          width: 90%;
          max-width: 90%;
          display: flex;
          justify-content: flex-start;
          align-items: flex-start; }
          #faq .faq_cont button .faq_btn_txt .faq_btn_q {
            font-size: 16px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 700;
            color: #309da5; }
          #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; }
        #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; }
    #faq .modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      height: 100vh;
      width: 100%;
      z-index: 11; }
      #faq .modal .modal-bg {
        position: absolute;
        height: 100vh;
        width: 100%;
        background: rgba(0, 0, 0, 0.16); }
      #faq .modal .modal-content {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center; }
        #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; }
          #faq .modal .modal-content .modal_inner h2 {
            font-size: 16px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 700;
            color: #309da5;
            margin-bottom: 10px; }
          #faq .modal .modal-content .modal_inner .modal_txt {
            font-size: 15px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 900;
            color: #333; }
            #faq .modal .modal-content .modal_inner .modal_txt a {
              color: #157577;
              text-decoration: underline; }

  /*問い合わせ系のモーダル*/
  .modal02 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 11; }
    .modal02 .modal-bg {
      position: absolute;
      height: 100vh;
      width: 100%;
      background: rgba(0, 0, 0, 0.4); }
    .modal02 .modal-content {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      align-items: center; }
      .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); }
        .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; }
          .modal02 .modal-content .modal_inner .btn button {
            color: #333;
            font-size: 24px;
            background: transparent;
            padding: 0;
            margin: 0;
            border: none; }
        .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; }
        .modal02 .modal-content .modal_inner .modal_form {
          width: 541px;
          max-width: 100%;
          height: 88%; }
          .modal02 .modal-content .modal_inner .modal_form iframe {
            width: 100%;
            height: 100%; }
    .modal02.contact {
      width: 100%; }
      .modal02.contact .modal-content .modal_inner {
        width: auto;
        margin-top: 80px;
        height: 85vh; }
        .modal02.contact .modal-content .modal_inner .btn {
          margin-bottom: 25px; }
        .modal02.contact .modal-content .modal_inner h1 {
          padding-bottom: 8px; }
        .modal02.contact .modal-content .modal_inner .modal_form {
          height: 100%; }
    .modal02.dl {
      width: 100%; }
      .modal02.dl .modal-content .modal_inner {
        margin-top: 80px;
        height: 90vh; }
        .modal02.dl .modal-content .modal_inner .modal_form {
          height: 88%; }

  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; }
    footer .footer_inner {
      width: 1100px;
      max-width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 40px; }
      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; }
        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; }
          footer .footer_inner .footer_left ul li {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 1.5em;
            font-weight: 600;
            color: #404c4d; }
          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; }
      footer .footer_inner .footer_right {
        width: auto;
        max-width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column; }
        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; }
          footer .footer_inner .footer_right button.contact {
            background: #157577; }
            footer .footer_inner .footer_right button.contact:hover {
              background: #0a6668; }
          footer .footer_inner .footer_right button.dl {
            background: #fff;
            border: 1px solid #404c4d;
            margin-top: 16px; }
            footer .footer_inner .footer_right button.dl:hover {
              background: #e1e5e5; }
          footer .footer_inner .footer_right button p {
            font-size: 13px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 600;
            text-align: center; }
          footer .footer_inner .footer_right button.contact p {
            color: #fff; }
          footer .footer_inner .footer_right button.dl p {
            color: #404c4d; }
        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); }
          footer .footer_inner .footer_right a:hover {
            background: #e1e5e5; }
          footer .footer_inner .footer_right a p {
            font-size: 13px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 600;
            color: #404c4d;
            text-align: center; }
          footer .footer_inner .footer_right a .icon {
            position: relative;
            width: 16px;
            max-width: calc(100% - 8px);
            height: 16px;
            margin-left: 8px; }
            footer .footer_inner .footer_right a .icon::before {
              position: absolute;
              content: "";
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              background: url("../img/recruiter10-biz/footer_icon.svg") no-repeat center;
              background-size: cover; }

  /*side*/
  #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; }
    #side h1 {
      font-size: 20px;
      letter-spacing: 0;
      line-height: 1.3em;
      font-weight: 500;
      text-align: center;
      padding-bottom: 8px; }
    #side .side_form {
      width: 100%;
      max-width: 100%;
      height: auto;
      flex: 1; }
      #side .side_form iframe {
        width: 100%;
        height: 100%; }

  .float_btn {
    display: none !important; } }
/* SP */
@media screen and (max-width: 797px) {
  .pconly {
    display: none !important; }

  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; }
    header .header_inner {
      width: 100%;
      max-width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      header .header_inner .header_left {
        display: flex; }
        header .header_inner .header_left a.header_logo {
          display: block;
          width: 40px;
          height: 33px;
          position: relative; }
          header .header_inner .header_left a.header_logo::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: url("../img/recruiter10-biz/header_logo_sp.svg") no-repeat 50%;
            background-size: cover; }
        header .header_inner .header_left .header_nav {
          display: none; }
      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; }
        header .header_inner .header_right a.serch {
          display: none; }
        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; }
          header .header_inner .header_right a.login p {
            font-size: 10px;
            letter-spacing: 0.05em;
            line-height: 1.21em;
            font-weight: 600;
            color: #404c4d; }
          header .header_inner .header_right a.login:hover {
            background: #f5f7f7; }
        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; }
          header .header_inner .header_right button.price p {
            font-size: 10px;
            letter-spacing: 0.05em;
            line-height: 1.21em;
            font-weight: 600;
            color: #404c4d; }
          header .header_inner .header_right button.price:hover {
            background: #f5f7f7; }
        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; }
          header .header_inner .header_right button.contact p {
            font-size: 10px;
            letter-spacing: 0.05em;
            line-height: 1.4em;
            font-weight: 600;
            color: #fff; }

  .content {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    height: auto;
    justify-content: center; }
    .content .content_inner {
      width: 100%;
      max-width: 100%;
      margin-top: 80px;
      position: relative;
      display: flex;
      align-items: center;
      flex-direction: column; }
      .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;
      }
  }*/
  #mv {
    width: 100%;
    max-width: 100%; }
    #mv .mv_img {
      width: 100%;
      position: relative;
      /*background: #e9f7f8;*/ }
      #mv .mv_img img.img {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0; }
      #mv .mv_img .mv_cont {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start; }
        #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; }
          #mv .mv_img .mv_cont .mv_btnarea img.clear01 {
            width: 100%;
            max-width: 100%;
            background: rgba(238, 238, 238, 0);
            opacity: 0; }
          #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-height: 0; }
            #mv .mv_img .mv_cont .mv_btnarea button img {
              width: 100%;
              height: auto;
              line-height: 0; }
          #mv .mv_img .mv_cont .mv_btnarea img.clear02 {
            width: 100%;
            height: auto;
            background: rgba(238, 238, 238, 0);
            opacity: 0; }
          #mv .mv_img .mv_cont .mv_btnarea img.clear03 {
            width: 100%;
            height: auto;
            background: rgba(238, 238, 238, 0);
            opacity: 0; }
          #mv .mv_img .mv_cont .mv_btnarea .mv_btnarea_space {
            width: 100%;
            max-width: 100%;
            height: 15px;
            background: #e9f7f8; }

  #introduction {
    width: 100%;
    max-width: 100%;
    padding: 24px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    #introduction h1 {
      width: auto;
      max-width: calc(100% - 32px);
      font-size: 24px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      padding: 16px;
      margin: 0 16px;
      display: flex;
      align-items: center; }
    #introduction .introduction_cont {
      width: 100%;
      max-width: 100%;
      margin: 8px 0px 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      #introduction .introduction_cont .introduction_icon {
        width: auto;
        max-width: calc(100% - 8px);
        height: 20px;
        margin: 7px 4px 0;
        display: flex;
        align-items: center; }
        #introduction .introduction_cont .introduction_icon.icon17 {
          margin-top: 8px; }
        #introduction .introduction_cont .introduction_icon img {
          width: auto;
          height: 100%; }
        #introduction .introduction_cont .introduction_icon.icon04 img {
          width: 45px;
          height: auto; }
        #introduction .introduction_cont .introduction_icon.icon11 img {
          height: 12px; }
        #introduction .introduction_cont .introduction_icon.icon14 img {
          height: 60%; }
        #introduction .introduction_cont .introduction_icon.icon15 img {
          height: 12px; }
        #introduction .introduction_cont .introduction_icon.icon16 img {
          height: 12px; }
        #introduction .introduction_cont .introduction_icon.icon17 img {
          height: 14px; }

  /*@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%;
                  }
              }
          }
      }
  }*/
  #problem {
    width: 100%;
    box-sizing: border-box;
    padding: 64px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background: #f5f7f7; }
    #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; }
    #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; }
      #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;
                  }
              }
          }
      }
  }*/
  #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; }
    #cando .cando_ttl {
      padding: 24px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      #cando .cando_ttl h1 {
        font-size: 28px;
        line-height: 1.4em;
        font-weight: 500;
        color: #333;
        padding-bottom: 8px; }
      #cando .cando_ttl img {
        width: 60%;
        max-width: 60%; }
    #cando .cando_cont {
      max-width: calc(100% - 48px);
      margin: 0 24px;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      #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; }
        #cando .cando_cont .cando_box img {
          width: calc(85% - 16px);
          max-width: calc(85% - 16px);
          height: auto;
          margin: 8px; }
        #cando .cando_cont .cando_box .cando_box_txt {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          #cando .cando_cont .cando_box .cando_box_txt h2 {
            font-size: 15px;
            letter-spacing: 0.06em;
            line-height: 1.4em;
            font-weight: 500;
            text-align: center;
            margin-top: 8px; }
          #cando .cando_cont .cando_box .cando_box_txt p {
            font-size: 13px;
            letter-spacing: -0.03em;
            line-height: 1.75em;
            font-weight: 400; }

  .banner {
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .banner .banner_bg {
      width: 100%;
      height: 720px;
      position: relative; }
      .banner .banner_bg::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: url("../img/recruiter10-biz/banner_bg.webp") no-repeat center;
        background-size: cover;
        z-index: -2; }
    .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; }
      .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; }
        .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; }
        .banner .banner_cont .banner_ttlarea .banner_txt {
          font-size: 14px;
          letter-spacing: 0.1em;
          line-height: 1.5em;
          color: #fff;
          font-weight: 700;
          text-align: center;
          margin: 8px 0 20px; }
      .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; }
        .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; }
          .banner .banner_cont .banner_box button:hover {
            transform: scale(1.02, 1.02); }
          .banner .banner_cont .banner_box button p {
            font-size: 13px;
            letter-spacing: 0.05em;
            line-height: 1.4em;
            font-weight: 600;
            color: #283233;
            text-align: center;
            padding: 8px; }
          .banner .banner_cont .banner_box button img {
            width: 64px;
            max-width: calc(100% - 10px);
            margin-right: 10px; }
          .banner .banner_cont .banner_box button:nth-of-type(2) img {
            width: 40px; }

  #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); }
    #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; }
      #active .active_cont .active_ttl {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 16px;
        box-sizing: border-box; }
        #active .active_cont .active_ttl h1 {
          font-size: 24px;
          letter-spacing: -0.03em;
          line-height: 1.35em;
          font-weight: 500;
          color: #309da5;
          text-align: center; }
        #active .active_cont .active_ttl .active_txt {
          font-size: 15px;
          line-height: 1.4em;
          font-weight: 500;
          box-sizing: border-box;
          padding: 20px 20px 0;
          text-align: center; }
      #active .active_cont img {
        width: 92%;
        max-width: 92%; }
    #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; }
      #active button i {
        font-size: 24px;
        color: #fff; }
        #active button i:nth-of-type(1) {
          color: rgba(238, 238, 238, 0); }
      #active button p {
        font-size: 15px;
        letter-spacing: 0.05em;
        line-height: 1.4em;
        font-weight: 600;
        color: #fff;
        text-align: center; }

  #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); }
    #reason h1 {
      font-size: 28px;
      letter-spacing: -0.06em;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      padding: 16px; }
    #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; }
      #reason .reason_cont .reason_box {
        width: 100%;
        max-width: 100%;
        padding: 8px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column; }
        #reason .reason_cont .reason_box:nth-child(2n) {
          flex-direction: column-reverse;
          justify-content: flex-end; }
        #reason .reason_cont .reason_box .reason_box_img {
          width: calc(90% - -16px);
          max-width: calc(90% - -16px); }
          #reason .reason_cont .reason_box .reason_box_img img {
            display: flex;
            align-items: center; }
        #reason .reason_cont .reason_box .reason_box_txt {
          width: 100%;
          max-width: 100%;
          display: flex;
          align-items: flex-start;
          flex-direction: column; }
          #reason .reason_cont .reason_box .reason_box_txt .reason_box_num {
            width: 108px;
            margin-bottom: 8px; }
          #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; }
          #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; }
        #reason .reason_cont .reason_box:nth-child(2n+1) h2 {
          width: 314px; }
        #reason .reason_cont .reason_box:nth-child(2n) h2 {
          width: 384px;
          letter-spacing: -0.1em; }
        #reason .reason_cont .reason_box:nth-of-type(1) .reason_box_img {
          margin-left: -16px; }
        #reason .reason_cont .reason_box:nth-of-type(2) .reason_box_img {
          width: 94%;
          max-width: 94%; }
        #reason .reason_cont .reason_box:nth-of-type(3) .reason_box_img {
          width: 90%;
          max-width: 90%; }
        #reason .reason_cont .reason_box:nth-of-type(4) .reason_box_img {
          width: 88%;
          max-width: 88%; }

  #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; }
    #case h1 {
      width: auto;
      max-width: calc(100% - 48px);
      font-size: 28px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin: 24px; }
    #case .case_cont {
      width: 1280px;
      max-width: calc(100% - 32px);
      margin: 0 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      #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); }
        #case .case_cont a.case_box:hover {
          background: #e1e5e5;
          transform: scale(1.05, 1.05); }
        #case .case_cont a.case_box .case_box_img {
          width: 25%;
          max-width: 25%;
          height: 100%;
          position: relative; }
          #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; }
        #case .case_cont a.case_box.box01 .case_box_img::before {
          background-image: url("../img/recruiter10-biz/case_box_img_01.webp"); }
        #case .case_cont a.case_box.box02 .case_box_img::before {
          background-image: url("../img/recruiter10-biz/case_box_img_02.webp"); }
        #case .case_cont a.case_box.box03 .case_box_img::before {
          background-image: url("../img/recruiter10-biz/case_box_img_03.webp"); }
        #case .case_cont a.case_box.box04 .case_box_img::before {
          background-image: url("../img/recruiter10-biz/case_box_img_04.webp"); }
        #case .case_cont a.case_box.box05 .case_box_img::before {
          background-image: url("../img/recruiter10-biz/case_box_img_05.webp"); }
        #case .case_cont a.case_box.box06 .case_box_img::before {
          background-image: url("../img/recruiter10-biz/case_box_img_06.webp"); }
        #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; }
          #case .case_cont a.case_box .case_box_right img {
            width: 90%;
            max-width: 90%;
            margin: 16px 0 8px; }
          #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; }
            #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; }
            #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; }
        #case .case_cont a.case_box.case_box:nth-child(n+3) .case_box_right .case_box_txt .txt {
          font-size: 13px; }
    #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: 600;
      color: #fff;
      text-align: center;
      transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
      #case a.case_btn:hover {
        background: #157577; }

  #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); }
    #seminar h1 {
      font-size: 24px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin-bottom: 24px; }
    #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; }
      #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); }
        #seminar .seminar_cont a.seminar_box:hover {
          transform: scale(1.03, 1.03); }
        #seminar .seminar_cont a.seminar_box .seminar_box_img {
          width: 100%;
          max-width: 100%; }
        #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; }
          #seminar .seminar_cont a.seminar_box .seminar_box_txt .ttl {
            font-size: 20px;
            line-height: 1.3em;
            font-weight: 600;
            margin-bottom: 8px; }
          #seminar .seminar_cont a.seminar_box .seminar_box_txt .txt {
            font-size: 13px;
            line-height: 1.3em; }
          #seminar .seminar_cont a.seminar_box .seminar_box_txt .date {
            font-size: 12px;
            line-height: 1;
            margin-top: 8px; }
        #seminar .seminar_cont a.seminar_box:hover .seminar_box_txt {
          color: #757575; }

  #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); }
    #whitepaper h1 {
      font-size: 24px;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin-bottom: 24px; }
    #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; }
      #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); }
        #whitepaper .whitepaper_cont a.whitepaper_box:hover {
          box-shadow: 0px 2px 20px rgba(128, 93, 93, 0.2);
          transition-duration: 200ms; }
        #whitepaper .whitepaper_cont a.whitepaper_box .whitepaper_box_img {
          width: 40%;
          max-width: 40%;
          border-radius: 4px;
          overflow: hidden; }
          #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)); }
        #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; }
          #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; }
          #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; }
    #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: 600;
      color: #fff;
      text-align: center;
      transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
      #whitepaper a.whitepaper_btn:hover {
        background: #157577; }

  #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); }
    #journal .journal_ttl {
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-direction: column;
      padding: 16px;
      margin-bottom: 24px; }
      #journal .journal_ttl img {
        width: 260px;
        max-width: 100%;
        margin: 24px; }
      #journal .journal_ttl .journal_txt {
        font-size: 15px;
        letter-spacing: 0;
        line-height: 1.5em;
        font-weight: 400;
        color: #333;
        text-align: center; }
    #journal .journal_cont {
      width: 1180px;
      max-width: 100%;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      #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); }
        #journal .journal_cont a.journal_box:hover {
          box-shadow: 0px 2px 20px rgba(128, 93, 93, 0.2);
          transition-duration: 200ms; }
        #journal .journal_cont a.journal_box .journal_box_img {
          width: 40%;
          max-width: 40%;
          border-radius: 4px;
          overflow: hidden; }
          #journal .journal_cont a.journal_box .journal_box_img img {
            width: 100%;
            transition-delay: 300ms;
            transition-duration: 3000ms; }
        #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; }
          #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; }
          #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; }
    #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: 600;
      color: #fff;
      text-align: center;
      transition: 0.3s cubic-bezier(0.4, 0.4, 0, 1); }
      #journal a.journal_btn:hover {
        background: #157577; }

  #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); }
    #faq h1 {
      font-size: 24px;
      letter-spacing: 0;
      line-height: 1.4em;
      font-weight: 500;
      color: #333;
      margin-bottom: 24px; }
    #faq .faq_cont {
      width: 1280px;
      max-width: calc(100% - 48px);
      margin: 0 24px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      #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); }
        #faq .faq_cont button:hover {
          background: #e1e5e5;
          transform: scale(1.02, 1.02); }
        #faq .faq_cont button .faq_btn_txt {
          width: 90%;
          max-width: 90%;
          display: flex;
          justify-content: flex-start;
          text-align: left; }
          #faq .faq_cont button .faq_btn_txt .faq_btn_q {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 700;
            color: #309da5; }
          #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; }
        #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; }
    #faq .modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      height: 100vh;
      width: 100%;
      z-index: 11; }
      #faq .modal .modal-bg {
        position: absolute;
        height: 100vh;
        width: 100%;
        background: rgba(0, 0, 0, 0.16); }
      #faq .modal .modal-content {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center; }
        #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; }
          #faq .modal .modal-content .modal_inner h2 {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 700;
            color: #309da5;
            margin-bottom: 10px; }
          #faq .modal .modal-content .modal_inner .modal_txt {
            font-size: 15px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 900;
            color: #333; }
            #faq .modal .modal-content .modal_inner .modal_txt a {
              color: #157577;
              text-decoration: underline; }

  /*問い合わせ系のモーダル*/
  .modal02 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 11; }
    .modal02 .modal-bg {
      position: absolute;
      height: 100vh;
      width: 100%;
      background: rgba(0, 0, 0, 0.4); }
    .modal02 .modal-content {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: flex-end;
      flex-direction: column;
      align-items: center; }
      .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); }
        .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; }
          .modal02 .modal-content .modal_inner .btn button {
            color: #333;
            font-size: 24px;
            background: transparent;
            padding: 0;
            margin: 0;
            border: none; }
        .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; }
        .modal02 .modal-content .modal_inner .modal_form {
          width: 541px;
          max-width: 100%;
          height: 88%; }
          .modal02 .modal-content .modal_inner .modal_form iframe {
            width: 100%;
            height: 100%; }
    .modal02.contact {
      width: 100%; }
      .modal02.contact .modal-content .modal_inner {
        width: 95%;
        max-width: 95%;
        margin: 24px 0;
        height: calc(100% - 48px);
        padding: 16px 16px 1px 16px; }
        .modal02.contact .modal-content .modal_inner .btn {
          margin-bottom: 25px; }
        .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%; }
        .modal02.contact .modal-content .modal_inner .modal_form {
          width: 541px;
          height: 95%; }
    .modal02.dl {
      width: 100%; }
      .modal02.dl .modal-content .modal_inner h1 {
        height: 5%; }
      .modal02.dl .modal-content .modal_inner .modal_form {
        height: 88%;
        flex: 1; }

  .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); }
    .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; }
      .float_btn button p {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 1;
        font-weight: 600;
        color: #fff;
        text-align: center; }

  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; }
    footer .footer_inner {
      width: calc(100% - 48px);
      max-width: calc(100% - 48px);
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      margin: 24px; }
      footer .footer_inner .footer_left {
        width: 100%;
        max-width: 100%;
        height: 426px;
        display: flex;
        justify-content: space-between;
        flex-direction: column; }
        footer .footer_inner .footer_left ul {
          width: auto;
          max-width: 100%;
          display: flex;
          justify-content: flex-start;
          flex-direction: column; }
          footer .footer_inner .footer_left ul li {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 1.5em;
            font-weight: 600;
            color: #404c4d; }
          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; }
          footer .footer_inner .footer_left ul:last-of-type a:first-of-type {
            margin-top: 20px; }
      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; }
        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; }
          footer .footer_inner .footer_right button.contact {
            background: #157577; }
            footer .footer_inner .footer_right button.contact:hover {
              background: #0a6668; }
          footer .footer_inner .footer_right button.dl {
            background: #fff;
            border: 1px solid #404c4d;
            margin-top: 16px; }
            footer .footer_inner .footer_right button.dl:hover {
              background: #e1e5e5; }
          footer .footer_inner .footer_right button p {
            font-size: 13px;
            letter-spacing: 0;
            line-height: 1.4em;
            font-weight: 600;
            text-align: center; }
          footer .footer_inner .footer_right button.contact p {
            color: #fff; }
          footer .footer_inner .footer_right button.dl p {
            color: #404c4d; }
        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); }
          footer .footer_inner .footer_right a:hover {
            background: #e1e5e5; }
          footer .footer_inner .footer_right a p {
            font-size: 13px;
            letter-spacing: 0;
            line-height: 1em;
            font-weight: 600;
            color: #404c4d;
            text-align: center; }
          footer .footer_inner .footer_right a .icon {
            position: relative;
            width: 16px;
            max-width: calc(100% - 8px);
            height: 16px;
            margin-left: 8px; }
            footer .footer_inner .footer_right a .icon::before {
              position: absolute;
              content: "";
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              background: url("../img/recruiter10-biz/footer_icon.svg") no-repeat center;
              background-size: cover; }

  /*side*/
  #side {
    display: none !important; } }

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