@charset "UTF-8";
/* ------------------------------ */
/* 共通開始 */
/* ------------------------------ */
/************ breakpointの設定	************/
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
@media screen and (min-width: 1025px) {
  .pc {
    display: block; } }
@media screen and (max-width: 1024px) {
  .pc {
    display: none !important; } }

.pc_big {
  /* 1350pxより大きい画面にはPC版のヘッダーを適用したい。 */ }
  @media screen and (min-width: 1351px) {
    .pc_big {
      display: block; } }
  @media screen and (max-width: 1350px) {
    .pc_big {
      display: none !important; } }

.pc_small {
  /* SP版のヘッダーを1350pxまで適用したい。 */ }
  @media screen and (min-width: 1351px) {
    .pc_small {
      display: none !important; } }
  @media screen and (max-width: 1350px) {
    .pc_small {
      display: block !important; } }

@media screen and (min-width: 1024px) {
  .tab {
    display: none !important; } }
@media screen and (max-width: 1023px) {
  .tab {
    display: block; } }

@media screen and (min-width: 770px) {
  .sp {
    display: none !important; } }
@media screen and (max-width: 769px) {
  .sp {
    display: block; } }

a {
  color: unset;
  text-decoration: none; }

img {
  max-width: 100%;
  height: auto; }

/************ breakpointの設定	************/
/*==========フォント読み込み==========*/
body, input, button, textarea, select {
  font-family: "Noto Sans CJK JP","Noto Sans Japanese","Noto Sans JP", "Hiragino Kaku Gothic ProN", "Meiryo", "sans-serif"; }

/*==========フォント読み込み終了==========*/
/*==========カラーコード開始==========*/
/*==========カラーコード終了==========*/
/*==========font-sizeコード開始==========*/
/*==========font-sizeコード終了==========*/
/*==========グラデーションを定義開始==========*/
/*==========グラデーションを定義開始==========*/
/*==========ボタンを定義開始==========*/
/*==========ボタンを定義終了==========*/
/*==========矢印を定義開始==========*/
/*==========矢印を定義終了==========*/
/*==========クリップパスを開始==========*/
/*==========クリップパスを終了==========*/
/*==========ホバーアニメーションボタン開始==========*/
.button-4 {
  width: auto;
  height: 80px;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 0 0px 0px; }
  .button-4 .h_wrap {
    width: auto;
    height: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    position: relative;
    border: 2px solid linear-gradient(90deg, #043b8b, #12246c);
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 1px 10px; }
    .button-4 .h_wrap .eff-4 {
      width: 140px;
      height: 25px;
      left: -140px;
      position: absolute;
      transition: all .5s ease;
      z-index: 1;
      background-image: linear-gradient(90deg, #043b8b, #12246c); }
    .button-4 .h_wrap .h_in {
      color: #222222; }
      .button-4 .h_wrap .h_in_u {
        font-size: 12px; }
  .button-4:hover .h_wrap .eff-4 {
    left: 0; }
  .button-4:hover .h_wrap .h_in {
    position: relative;
    color: #ffffff;
    z-index: 5; }
    .button-4:hover .h_wrap .h_in_u {
      font-size: 12px; }

/*==========ホバーアニメーションボタン終了==========*/
/*==========フェードインアニメーション終了==========*/
/* 下から上へフェードイン */
.element {
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }

/* フェードイン時に入るクラス */
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0); }

/* 左から右へフェードイン */
.toright {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-30px);
  transition: opacity 1s, visibility 1s, transform 1s; }

/* フェードイン時に入るクラス */
.is-toright {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); }

/* 投稿一覧用：下から上へフェードイン */
.catch {
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }

/* 投稿一覧用：フェードイン時に入るクラス */
.catch-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0); }

/*==========フェードインアニメーション終了==========*/
/* ------------------------------ */
/* 共通終了 */
/* ------------------------------ */
/* ------------------------------ */
/* 追加 */
/* ------------------------------ */
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* ------------------------------ */
/* 下層共通 */
/* ------------------------------ */
.bread_crumb {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  position: relative;
  z-index: 1; }
  .bread_crumb .content {
    width: 100%;
    max-width: 1470px;
    padding: 15px; }
  .bread_crumb .bread_crumb_list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .bread_crumb .bread_crumb_list li {
      color: #222222;
      font-size: 16px; }
      .bread_crumb .bread_crumb_list li a {
        color: #12246c;
        font-size: 16px;
        position: relative;
        margin-right: 10px;
        padding-right: 15px; }
        .bread_crumb .bread_crumb_list li a::before {
          content: "";
          content: "";
          width: 4px;
          height: 4px;
          border: 2px solid;
          border-color: #12246c #12246c transparent transparent;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 2px);
          right: 0px; }

.sub_main {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1; }
  .sub_main.news {
    background: url(../img/news/sub_main_bg.jpg) center no-repeat;
    background-size: cover; }
  .sub_main.column {
    background: url(../img/column/sub_main_bg.jpg) center no-repeat;
    background-size: cover; }
  .sub_main.company {
    background: url(../img/company/sub_main_company.png) center no-repeat;
    background-size: cover; }
  .sub_main.consultant {
    background: url(../img/consultant/sub_main_consultant.png) center no-repeat;
    background-size: cover; }
  .sub_main.contact {
    background: url(../img/contact/sub_main_contact.png) center no-repeat;
    background-size: cover; }
  .sub_main.careerchange_top {
    background: url(../img/careerchange/careerchange_top.png) center no-repeat;
    background-size: cover; }
  .sub_main.torecruiters_top {
    background: url(../img/torecruiters/torecruiters_top_img01.png) center no-repeat;
    background-size: cover; }
    @media screen and (max-width: 1440px) {
      .sub_main.torecruiters_top {
        background: url(../img/torecruiters/torecruiters_top_img02.png) center no-repeat; } }
    @media screen and (max-width: 1280px) {
      .sub_main.torecruiters_top {
        background: url(../img/torecruiters/torecruiters_top_img03.png) center no-repeat; } }
  .sub_main.recruit_top {
    background: url(../img/recruit/recruit_top_img.png) center no-repeat;
    background-size: cover; }
  .sub_main .content {
    width: 100%;
    max-width: 1470px;
    padding: 0 15px; }
  .sub_main .sub_main_ttl.animation-on {
    animation-name: fadeUpAnime;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0; }
  .sub_main .sub_main_block {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .sub_main .sub_main_block h1 {
      padding: 170px 0;
      color: #fff;
      line-height: 1; }
      .sub_main .sub_main_block h1 .en {
        font-family: 'Lato', sans-serif;
        font-size: 94px;
        font-weight: bold;
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 10px; }
      .sub_main .sub_main_block h1 .ja {
        font-size: 20px;
        font-weight: bold;
        width: 100%;
        display: block;
        text-align: center; }

/* ------------------------------ */
/* 下層共通終了 */
/* ------------------------------ */
/*==========投稿系一覧を定義開始==========*/
.wp-pagenavi {
  text-align: center; }
  .wp-pagenavi a {
    border: 1px solid #12246c !important;
    color: #12246c !important;
    padding: 10px 13px  !important; }
  .wp-pagenavi span.current {
    background-color: #12246c !important;
    color: #ffffff !important;
    border: 1px solid #12246c !important;
    padding: 10px 13px !important; }

/* ------------------------------ */
/* 投稿系一覧終了 */
/* ------------------------------ */
/* ------------------------------ */
/* 新着情報 */
/* ------------------------------ */
.news_sec {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 70px 0; }
  .news_sec .content {
    width: 100%;
    max-width: 1470px;
    padding: 0 15px; }
  .news_sec .common_post_list01 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .news_sec .common_post_list01 li {
      width: 31.25%;
      margin-right: 3.125%;
      margin-bottom: 50px; }
      .news_sec .common_post_list01 li:nth-child(3n - 2) {
        transition-delay: 0; }
      .news_sec .common_post_list01 li:nth-child(3n - 1) {
        transition-delay: .3s; }
      .news_sec .common_post_list01 li:nth-child(3n) {
        transition-delay: .6s;
        margin-right: 0; }
      .news_sec .common_post_list01 li a {
        display: block;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, transparent 0%, transparent 50%, #f2f5f8 50%, #f2f5f8 100%); }
        .news_sec .common_post_list01 li a:hover {
          opacity: 0.7; }
        .news_sec .common_post_list01 li a .n_s_upper {
          position: relative;
          padding-top: 71%;
          mask-image: url(../img/mask.png);
          mask-repeat: no-repeat;
          mask-position: 0; }
          .news_sec .common_post_list01 li a .n_s_upper img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            clip-path: polygon(0% 100%, 0 25px, 25px 0%, 100% 0%, 100% 0, 100% 100%); }
        .news_sec .common_post_list01 li a .n_s_lower {
          display: flex;
          flex-wrap: wrap;
          background-color: #f2f5f8;
          padding: 20px;
          text-align: left;
          position: relative;
          height: 219px; }
          .news_sec .common_post_list01 li a .n_s_lower .n_s_cat {
            position: absolute;
            top: -20px;
            right: 0;
            min-width: 140px;
            height: 40px;
            color: #ffffff;
            background-image: -webkit-gradient(linear, left top, right top, from(#043b8b), to(#12246c));
            background-image: linear-gradient(90deg, #043b8b, #12246c);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 5px 10px; }
          .news_sec .common_post_list01 li a .n_s_lower .n_s_date {
            color: #12246c;
            font-size: 16px;
            font-weight: bold; }
          .news_sec .common_post_list01 li a .n_s_lower .n_s_ttl {
            padding: 5px 0 10px 0;
            font-size: 20px;
            font-weight: bold;
            width: 100%; }
          .news_sec .common_post_list01 li a .n_s_lower .n_s_text {
            font-size: 16px;
            width: 100%; }

/* ------------------------------ */
/* 新着情報終了 */
/* ------------------------------ */
/* ------------------------------ */
/* コラム */
/* ------------------------------ */
.column_sec {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 70px 0;
  background: #e6e9f5; }
  .column_sec .content {
    width: 100%;
    max-width: 1470px;
    padding: 0 15px; }
  .column_sec .common_post_list01 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .column_sec .common_post_list01 li {
      width: 31.25%;
      margin-right: 3.125%;
      margin-bottom: 50px; }
      .column_sec .common_post_list01 li:nth-child(3n - 2) {
        transition-delay: 0; }
      .column_sec .common_post_list01 li:nth-child(3n - 1) {
        transition-delay: .3s; }
      .column_sec .common_post_list01 li:nth-child(3n) {
        transition-delay: .6s;
        margin-right: 0; }
      .column_sec .common_post_list01 li a {
        display: block;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, transparent 0%, transparent 50%, #f2f5f8 50%, #f2f5f8 100%); }
        .column_sec .common_post_list01 li a:hover {
          opacity: 0.7; }
        .column_sec .common_post_list01 li a .n_s_upper {
          position: relative;
          padding-top: 71%;
          mask-image: url(../img/mask.png);
          mask-repeat: no-repeat;
          mask-position: 0; }
          .column_sec .common_post_list01 li a .n_s_upper img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            clip-path: polygon(0% 100%, 0 25px, 25px 0%, 100% 0%, 100% 0, 100% 100%); }
        .column_sec .common_post_list01 li a .n_s_lower {
          display: flex;
          flex-wrap: wrap;
          background-color: #f2f5f8;
          padding: 20px;
          text-align: left;
          position: relative;
          height: 219px; }
          .column_sec .common_post_list01 li a .n_s_lower .n_s_cat {
            position: absolute;
            top: -20px;
            right: 0;
            min-width: 140px;
            height: 40px;
            color: #ffffff;
            background-image: -webkit-gradient(linear, left top, right top, from(#043b8b), to(#12246c));
            background-image: linear-gradient(90deg, #043b8b, #12246c);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 5px 10px; }
          .column_sec .common_post_list01 li a .n_s_lower .n_s_date {
            color: #12246c;
            font-size: 16px;
            font-weight: bold; }
          .column_sec .common_post_list01 li a .n_s_lower .n_s_ttl {
            padding: 5px 0 10px 0;
            font-size: 20px;
            font-weight: bold;
            width: 100%; }
          .column_sec .common_post_list01 li a .n_s_lower .n_s_text {
            font-size: 16px;
            width: 100%; }

/* ------------------------------ */
/* コラム終了 */
/* ------------------------------ */
/* ------------------------------ */
/* 詳細 */
/* ------------------------------ */
.single_sec {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 70px 0; }
  .single_sec .content {
    width: 100%;
    max-width: 1030px;
    padding: 0 15px; }
  .single_sec .single_main {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px; }
  .single_sec .single_block h1 {
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 20px; }
  .single_sec .single_block h2 {
    margin-top: 50px;
    margin-bottom: 10px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    padding-left: 30px;
    border-bottom: 2px solid #12246c; }
    .single_sec .single_block h2::before {
      content: "";
      width: 24px;
      height: 36px;
      position: absolute;
      top: 3px;
      left: 0;
      background: url(../img/single_logo.png) center no-repeat;
      background-size: contain; }
  .single_sec .single_block h3 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    padding-left: 20px;
    position: relative; }
    .single_sec .single_block h3::before {
      content: "";
      width: 4px;
      height: 100%;
      background: #12246c;
      position: absolute;
      top: 0;
      left: 0; }
  .single_sec .single_block h4 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
    padding-left: 20px;
    position: relative; }
    .single_sec .single_block h4::before {
      content: "";
      width: 10px;
      height: 10px;
      background: #12246c;
      position: absolute;
      top: 12px;
      left: 0; }
  .single_sec .single_block h5 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #12246c; }
  .single_sec .single_block h6 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #222222; }
  .single_sec .single_block p {
    line-height: 1.8;
    margin: 0 0 20px 0; }
    .single_sec .single_block p a {
      color: #12246c;
      font-weight: bold;
      padding-bottom: 3px;
      position: relative; }
  .single_sec .single_block ul {
    margin: 30px 0; }
    .single_sec .single_block ul li {
      font-size: 16px;
      padding-left: 15px;
      position: relative; }
      .single_sec .single_block ul li::before {
        content: "";
        width: 10px;
        height: 10px;
        background: #12246c;
        position: absolute;
        top: 5px;
        left: 0; }
  .single_sec .single_block ol {
    margin: 30px 0;
    counter-reset: item;
    list-style-type: none;
    padding-left: 0; }
    .single_sec .single_block ol li {
      text-indent: -1.3em;
      padding-left: 1.3em; }
      .single_sec .single_block ol li::before {
        counter-increment: item;
        content: counter(item) ".";
        /* 以下は自由に装飾... */
        padding-right: .5em;
        font-weight: bold;
        color: #12246c; }
  .single_sec .single_block pre {
    margin: 30px 0;
    background: #f5f5f5;
    padding: 5%;
    line-height: 2;
    font-family: 'Noto Sans JP';
    letter-spacing: 2px; }
  .single_sec .single_block table {
    margin: 30px 0;
    width: 100%; }
    .single_sec .single_block table tr {
      width: 100%;
      border-bottom: 1px solid #ccc; }
      .single_sec .single_block table tr:last-child {
        border-bottom: none; }
      .single_sec .single_block table tr th {
        width: 28%;
        padding: 15px;
        background: #12246c;
        color: #ffffff; }
      .single_sec .single_block table tr td {
        width: 72%;
        padding: 15px;
        background: #f5f5f5;
        border: none; }
  .single_sec .single_block .cat a {
    color: #ffffff; }
  .single_sec .single_block a {
    color: #12246c;
    font-weight: bold;
    padding-bottom: 3px; }
  .single_sec .single_block .wp-block-buttons {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 30px 0; }
    .single_sec .single_block .wp-block-buttons .wp-block-button {
      width: 90%;
      max-width: 350px;
      cursor: pointer; }
      .single_sec .single_block .wp-block-buttons .wp-block-button a {
        width: 100%;
        display: block;
        padding: 20px 15px;
        border-bottom: none;
        color: #fff;
        background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #12246c 100%);
        position: relative;
        z-index: 5; }
        .single_sec .single_block .wp-block-buttons .wp-block-button a.white {
          position: relative;
          background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #12246c 100%); }
          .single_sec .single_block .wp-block-buttons .wp-block-button a.white::before {
            position: absolute;
            background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #fff 0); }
          .single_sec .single_block .wp-block-buttons .wp-block-button a.white::after {
            content: "";
            width: 15px;
            height: 12px;
            background: url(../img/news/arrow01.png) center no-repeat;
            background-size: contain;
            position: absolute;
            top: calc(50% - 6px);
            right: 15px;
            transition: 0.3s; }
        .single_sec .single_block .wp-block-buttons .wp-block-button a::after {
          content: "";
          width: 15px;
          height: 12px;
          background: url(../img/news/arrow02.png) center no-repeat;
          background-size: contain;
          position: absolute;
          top: calc(50% - 6px);
          right: 15px;
          transition: .3s; }
        .single_sec .single_block .wp-block-buttons .wp-block-button a:hover {
          color: #12246c; }
          .single_sec .single_block .wp-block-buttons .wp-block-button a:hover::before {
            content: "";
            width: calc(100% - 4px);
            height: calc(100% - 4px);
            position: absolute;
            top: 2px;
            left: 2px;
            z-index: -1;
            background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #fff 0);
            border-radius: 100vh; }
          .single_sec .single_block .wp-block-buttons .wp-block-button a:hover::after {
            right: 10px;
            background: url(../img/news/arrow01.png) center no-repeat;
            background-size: contain; }
  .single_sec .single_block .common_btn {
    display: flex;
    justify-content: center; }
    .single_sec .single_block .common_btn a {
      background: url(../../assets/img/common_btn_01_2px.png) top center no-repeat;
      width: 370px;
      height: 80px;
      display: flex;
      flex-direction: row;
      align-items: center;
      background-size: contain;
      transition: all .5s ease;
      position: relative;
      border-bottom: none; }
      .single_sec .single_block .common_btn a:hover {
        width: 150px;
        height: 76px;
        line-height: 78px;
        background: linear-gradient(135deg, transparent 3%, #12246c 3%);
        color: #fff;
        outline: transparent;
        position: relative;
        user-select: none;
        -webkit-user-select: none;
        touch-action: manipulation;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 370px;
        height: 80px;
        color: #ffffff; }
        .single_sec .single_block .common_btn a:hover .common_btn_arrow {
          background-color: #ffffff;
          transition: all .3s;
          right: 2%; }
          .single_sec .single_block .common_btn a:hover .common_btn_arrow::before {
            background-color: #ffffff; }
          .single_sec .single_block .common_btn a:hover .common_btn_arrow::after {
            background-color: #ffffff; }
        .single_sec .single_block .common_btn a:hover .common_btn_text {
          color: #ffffff; }
    .single_sec .single_block .common_btn_text {
      margin: 0 auto;
      color: #12246c;
      font-weight: bold; }
    .single_sec .single_block .common_btn_arrow {
      position: relative;
      display: block;
      width: 23px;
      height: 3px;
      background-color: #ffffff;
      margin-left: 10px;
      background-color: #12246c;
      margin: 0 30px 0 0;
      position: absolute;
      top: calc(50% - 2px);
      right: 3%; }
      .single_sec .single_block .common_btn_arrow::before {
        content: '';
        position: absolute;
        top: 5px;
        right: -3px;
        display: block;
        width: 15px;
        height: 2px;
        transform: rotate(-45deg);
        background-color: #ffffff; }
      .single_sec .single_block .common_btn_arrow::after {
        content: '';
        position: absolute;
        bottom: 5px;
        right: -3px;
        display: block;
        width: 15px;
        height: 2px;
        transform: rotate(45deg);
        background-color: #ffffff; }
      .single_sec .single_block .common_btn_arrow::before {
        background-color: #12246c; }
      .single_sec .single_block .common_btn_arrow::after {
        background-color: #12246c; }
  .single_sec .single_block .single_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px; }
    .single_sec .single_block .single_info .date {
      font-family: 'Lato', sans-serif;
      color: #12246c;
      font-size: 16px;
      margin-right: 20px;
      font-weight: bold; }
    .single_sec .single_block .single_info .cat {
      color: #fff;
      background: #12246c;
      padding: 3px 10px; }

/* ------------------------------ */
/* 詳細終了 */
/* ------------------------------ */
/* ------------------------------ */
/* 企業情報開始 */
/* ------------------------------ */
.company {
  /*--見出し開始--*/
  /*--見出し終了--*/
  /*--企業理念開始--*/
  /*--企業理念終了--*/
  /*--社名の由来開始--*/
  /*--社名の由来終了--*/
  /*--代表挨拶開始--*/
  /*--代表挨拶終了--*/
  /*--会社概要開始--*/
  /*--会社概要終了--*/
  /*--アクセス開始--*/
  /*--アクセス終了--*/ }
  .company + .bread_crumb {
    background: rgba(255, 255, 255, 0);
    z-index: 5; }
  .company .c_ttl_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 60px 0 60px 0;
    position: relative;
    z-index: 5; }
    .company .c_ttl_wrap .ja {
      color: #222222;
      font-size: 42px;
      margin: 0 0 10px 0;
      letter-spacing: 1px; }
    .company .c_ttl_wrap .en {
      color: #12246c;
      font-size: 14px; }
    .company .c_ttl_wrap.white .ja {
      color: #ffffff; }
    .company .c_ttl_wrap.white .en {
      color: #ffffff; }
  .company .philosophy {
    max-width: 1920px;
    margin: 0 auto;
    position: relative; }
    .company .philosophy::before {
      content: '';
      display: inline-block;
      position: absolute;
      width: 6000px;
      height: 714px;
      left: -1200px;
      bottom: -1190px;
      background-color: #f5f5f5;
      transform: rotate(-24.5deg) scale(0, 1);
      transform-origin: left center;
      z-index: 0; }
    .company .philosophy.animation-on::before {
      transform: rotate(-24.5deg) scale(1, 1);
      transition: .4s; }
    .company .philosophy .catchcopy {
      display: flex;
      justify-content: center;
      margin: 30px 10px;
      position: relative;
      z-index: 5; }
    .company .philosophy .c_catch_wrap {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 40px 0 30px 0;
      max-width: calc(((100% - 1200px) / 2) + 1200px);
      position: relative;
      z-index: 5; }
      @media screen and (max-width: 980px) {
        .company .philosophy .c_catch_wrap {
          flex-direction: column-reverse; } }
      .company .philosophy .c_catch_wrap .img_wrap {
        display: flex;
        justify-content: flex-start; }
      .company .philosophy .c_catch_wrap .catch_wrap {
        display: flex;
        justify-content: flex-start;
        margin: 10px 10px 75px 50px; }
    .company .philosophy .c_goal_wrap {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      max-width: 1200px;
      margin: 100px auto 130px;
      position: relative;
      z-index: 5; }
      @media screen and (max-width: 1280px) {
        .company .philosophy .c_goal_wrap {
          padding: 0 20px 0 20px;
          margin: 70px auto 100px; } }
      @media screen and (max-width: 1024px) {
        .company .philosophy .c_goal_wrap {
          flex-direction: column; } }
      .company .philosophy .c_goal_wrap .c_goal_l {
        background: linear-gradient(135deg, transparent 30px, #043c8d 30px, #12246c 100%); }
        @media screen and (max-width: 1024px) {
          .company .philosophy .c_goal_wrap .c_goal_l {
            margin-bottom: 20px; } }
        @media screen and (max-width: 980px) {
          .company .philosophy .c_goal_wrap .c_goal_l {
            width: 50%;
            margin: 0 auto 20px; } }
        .company .philosophy .c_goal_wrap .c_goal_l .c_goal_l_wrap {
          color: #ffffff;
          width: 390px;
          height: 330px;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 50px 40px; }
          @media screen and (max-width: 1280px) {
            .company .philosophy .c_goal_wrap .c_goal_l .c_goal_l_wrap {
              width: 100%;
              padding: 20px 30px; } }
          @media screen and (max-width: 1024px) {
            .company .philosophy .c_goal_wrap .c_goal_l .c_goal_l_wrap {
              padding: 50px 40px; } }
          .company .philosophy .c_goal_wrap .c_goal_l .c_goal_l_wrap .c_goal_ttl {
            font-size: 56px;
            letter-spacing: 3px;
            font-weight: bold; }
          .company .philosophy .c_goal_wrap .c_goal_l .c_goal_l_wrap .c_goal_text.mission {
            font-size: 22px;
            margin: 0 auto;
            text-align: center;
            line-height: 2;
            margin-top: 35px; }
            @media screen and (max-width: 980px) {
              .company .philosophy .c_goal_wrap .c_goal_l .c_goal_l_wrap .c_goal_text.mission {
                margin-top: 15px; } }
          .company .philosophy .c_goal_wrap .c_goal_l .c_goal_l_wrap .c_goal_text.vision01 {
            font-size: 24px;
            margin-bottom: 10px;
            margin-top: 35px; }
          .company .philosophy .c_goal_wrap .c_goal_l .c_goal_l_wrap .c_goal_text.vision02 {
            font-size: 14px;
            text-align: center;
            line-height: 2; }
          .company .philosophy .c_goal_wrap .c_goal_l .c_goal_l_wrap .c_goal_text.value {
            font-size: 18px;
            line-height: 2;
            padding-left: 15px;
            position: relative; }
            .company .philosophy .c_goal_wrap .c_goal_l .c_goal_l_wrap .c_goal_text.value::before {
              content: '';
              position: absolute;
              left: 0;
              width: 13px;
              height: 13px;
              background-color: #ffffff;
              top: 50%;
              transform: translate(-50%, -50%);
              -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%); }
          .company .philosophy .c_goal_wrap .c_goal_l .c_goal_l_wrap .c_goal_value_wrap {
            margin-top: 35px; }
  .company .origin {
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.6);
    position: relative;
    z-index: 5; }
    .company .origin .c_logo_wrap a {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      max-width: 750px;
      width: 50%;
      height: auto;
      margin: 0 auto; }
      @media screen and (max-width: 980px) {
        .company .origin .c_logo_wrap a {
          width: 80%; } }
      .company .origin .c_logo_wrap a img {
        width: 100%;
        height: auto; }
    .company .origin .c_content {
      margin: 50px auto 0px;
      text-align: center;
      font-size: 16px;
      line-height: 2.2;
      padding-bottom: 130px; }
      @media screen and (max-width: 980px) {
        .company .origin .c_content {
          padding: 0 30px 0 30px; } }
  .company .greeting {
    background: url(../img/company/company_bkblue.png) center center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 5; }
    .company .greeting .c_ttl_wrap {
      padding: 100px 0 60px 0; }
    .company .greeting .c_greeting_wrap {
      max-width: 1200px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      padding: 0 20px 100px 20px; }
      @media screen and (max-width: 980px) {
        .company .greeting .c_greeting_wrap {
          flex-direction: column-reverse; } }
      .company .greeting .c_greeting_wrap .c_greeting_left {
        color: #ffffff;
        padding-right: 20px;
        max-width: 50%; }
        @media screen and (max-width: 980px) {
          .company .greeting .c_greeting_wrap .c_greeting_left {
            max-width: 100%;
            padding: 30px 30px 30px 30px; } }
        .company .greeting .c_greeting_wrap .c_greeting_left .c_greeting_topic {
          font-size: 36px;
          margin-bottom: 30px; }
        .company .greeting .c_greeting_wrap .c_greeting_left .c_greeting_content {
          font-size: 16px;
          margin-bottom: 30px; }
          @media screen and (max-width: 980px) {
            .company .greeting .c_greeting_wrap .c_greeting_left .c_greeting_content {
              margin-bottom: 60px; } }
        .company .greeting .c_greeting_wrap .c_greeting_left .c_greeting_name_wrap {
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          text-align: right; }
          .company .greeting .c_greeting_wrap .c_greeting_left .c_greeting_name_wrap .c_greeting_name_01 {
            margin-bottom: 10px; }
      .company .greeting .c_greeting_wrap .c_greeting_right {
        width: 50%; }
        .company .greeting .c_greeting_wrap .c_greeting_right .c_greeting_pic {
          padding: 10px 0 10px 20px; }
        .company .greeting .c_greeting_wrap .c_greeting_right img {
          width: 100%;
          height: auto; }
  .company .outline {
    background-color: #e6e9f5;
    position: relative;
    z-index: 5; }
    .company .outline .c_ttl_wrap {
      padding: 100px 0 60px 0; }
    .company .outline .c_outline_wrap {
      padding: 0px 0 100px 0; }
      .company .outline .c_outline_wrap .c_outline_table_wrap {
        background-color: #ffffff;
        padding: 80px 120px 80px 120px;
        max-width: 1200px;
        margin: 0 auto; }
        @media screen and (max-width: 980px) {
          .company .outline .c_outline_wrap .c_outline_table_wrap {
            padding: 80px 20px 80px 20px;
            width: 90%; } }
        .company .outline .c_outline_wrap .c_outline_table_wrap table {
          color: #222222; }
          .company .outline .c_outline_wrap .c_outline_table_wrap table tr {
            line-height: 3; }
          .company .outline .c_outline_wrap .c_outline_table_wrap table th {
            padding: 15px 15px 15px 35px;
            border-top: unset;
            border-right: unset;
            border-left: unset;
            border-bottom: 1px solid #12246c;
            text-align: left;
            width: 20%; }
            @media screen and (max-width: 980px) {
              .company .outline .c_outline_wrap .c_outline_table_wrap table th {
                width: 25%; } }
          .company .outline .c_outline_wrap .c_outline_table_wrap table td {
            border-top: unset;
            border-right: unset;
            border-left: unset;
            border-bottom: 1px solid #cccccc;
            text-align: left;
            padding: 15px 15px 15px 50px; }
            .company .outline .c_outline_wrap .c_outline_table_wrap table td .long {
              line-height: 2; }
  .company .access {
    max-width: 1920px;
    padding: 50px 20px 70px 20px;
    /*background-color: $color-white;*/
    margin: 0 auto;
    position: relative;
    z-index: 5; }
    .company .access .c_map_wrap {
      display: flex;
      justify-content: center;
      max-width: 1200px;
      margin: 20px auto 20px; }
      .company .access .c_map_wrap iframe {
        width: 100%; }
    .company .access .address {
      margin: 30px auto;
      color: #222222;
      text-align: center; }

/* ------------------------------ */
/* 企業情報終了 */
/* ------------------------------ */
/* ------------------------------ */
/* コンサルタント開始 */
/* ------------------------------ */
.consultant_sec li {
  margin-bottom: 50px; }
.consultant_sec .common_post_list01 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 20px auto 20px;
  max-width: 1800px;
  flex-wrap: wrap; }
.consultant_sec .low {
  padding-top: 30px; }
.consultant_sec .c_c_wrap {
  width: 330px;
  height: 420px;
  position: relative;
  margin: 20px; }
  .consultant_sec .c_c_wrap.c_c_01 {
    background: url(../img/consultant/consultant_01.png) center no-repeat;
    background-size: contain; }
  .consultant_sec .c_c_wrap.c_c_02 {
    background: url(../img/consultant/consultant_02.png) center no-repeat;
    background-size: contain; }
  .consultant_sec .c_c_wrap.c_c_03 {
    background: url(../img/consultant/consultant_03.png) center no-repeat;
    background-size: contain; }
  .consultant_sec .c_c_wrap.c_c_04 {
    background: url(../img/consultant/consultant_04.png) center no-repeat;
    background-size: contain; }
  .consultant_sec .c_c_wrap .c_c_box {
    position: absolute;
    background: linear-gradient(135deg, transparent 20px, #043c8d 20px, #12246c 100%);
    width: 260px;
    height: 100px;
    right: -10px;
    bottom: -20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    padding: 20px 20px 20px 30px; }
    .consultant_sec .c_c_wrap .c_c_box .c_c_position {
      font-size: 14px; }
    .consultant_sec .c_c_wrap .c_c_box .c_c_name {
      font-size: 20px; }

.item-demo {
  cursor: pointer; }

.popup-demo {
  display: none;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100; }

.popup-content {
  padding: 2rem;
  width: 90vw;
  height: 80vh;
  overflow-y: auto;
  position: relative; }

.content-demo {
  background: url("/◇◇◇.jpg") center/cover no-repeat; }

.popup-show {
  display: flex;
  justify-content: center;
  align-items: center; }

.p-c-wrap {
  width: 960px;
  height: 544px;
  display: flex;
  flex-direction: column;
  background: url(../img/consultant/consultant_popup_bk.png) center no-repeat;
  background-size: cover;
  position: relative; }

.popup_wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 40px 40px 40px 40px;
  width: 100%;
  height: 100%; }
  .popup_wrap .pop_l {
    width: 40%;
    padding: 0px; }
    .popup_wrap .pop_l img {
      width: 100%;
      height: auto; }
  .popup_wrap .pop_r {
    width: 60%;
    padding: 0px 0px 0px 30px; }
  .popup_wrap .pop_namewrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px; }
    .popup_wrap .pop_namewrap .ja {
      font-size: 32px;
      font-weight: bold; }
    .popup_wrap .pop_namewrap .en {
      font-size: 16px;
      color: #12246c;
      font-weight: bold;
      padding-left: 20px; }
  .popup_wrap .pop_content {
    line-height: 1.8; }

.batsu {
  margin: 0 0 0 auto;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 15; }

.close {
  cursor: pointer; }

/* ------------------------------ */
/* コンサルタント終了 */
/* ------------------------------ */
/* ------------------------------ */
/* お問い合わせ開始 */
/* ------------------------------ */
.contact_sec {
  /* ---------------タブ開始--------------- */
  /*tabの形状*/
  /*liにactiveクラスがついた時の形状*/
  /*エリアの表示非表示と形状*/
  /*.area {
    display: none;
    opacity: 0;
    background: #fff;
    padding:50px 20px;
  }
  */
  /*areaにis-activeというクラスがついた時の形状*/
  /*.area.is-active {
      display: block;
      animation-name: displayAnime;
      animation-duration: 2s;
      animation-fill-mode: forwards;
  }*/
  /*@keyframes displayAnime{
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }*/
  /*========= レイアウトのためのCSS ===============*/
  /* ---------------タブ終了--------------- */ }
  .contact_sec .tab_contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media screen and (max-width: 1280px) {
      .contact_sec .tab_contact {
        justify-content: center; } }
  .contact_sec .tab_contact li {
    margin: 10px; }
  .contact_sec .tab_contact li a {
    display: block;
    margin: 0 2px;
    padding: 15px 40px 15px 20px;
    background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #12246c 100%);
    z-index: 5;
    position: relative;
    color: #12246c;
    width: 250px;
    text-align: center; }
    .contact_sec .tab_contact li a::before {
      content: "";
      width: calc(100% - 4px);
      height: calc(100% - 4px);
      position: absolute;
      top: 2px;
      left: 2px;
      z-index: -1;
      background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #fff 0); }
    .contact_sec .tab_contact li a::after {
      content: "";
      width: 15px;
      height: 12px;
      background: url(../img/news/arrow01.png) center no-repeat;
      background-size: contain;
      position: absolute;
      top: calc(50% - 6px);
      right: 15px;
      transition: 0.3s; }
  .contact_sec .tab_contact li.active a {
    background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #12246c 100%);
    color: #ffffff; }
    .contact_sec .tab_contact li.active a::before {
      background: linear-gradient(135deg, transparent 10px, #043c8d 10px, transparent 0); }
    .contact_sec .tab_contact li.active a::after {
      right: 10px;
      background: url(../img/news/arrow02.png) center no-repeat;
      background-size: contain; }
  .contact_sec area {
    display: flex;
    flex-direction: column; }
  .contact_sec ul {
    list-style: none; }
  .contact_sec a {
    color: #333;
    text-decoration: none; }
  .contact_sec .tab_wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 30px auto;
    background: #fefefe; }
    @media screen and (max-width: 1280px) {
      .contact_sec .tab_wrapper {
        max-width: 700px; } }
  .contact_sec .area h2 {
    font-size: 1.3rem;
    margin: 0 0 20px 10px; }
  .contact_sec .area li {
    padding: 10px;
    border-bottom: 1px solid #ddd; }
  .contact_sec .c_text {
    text-align: center;
    margin-bottom: 50px; }

/* ---contact_sec閉じタグ--- */
/* ---------------問い合わせフォーム開始--------------- */
.c_l_content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 40px 50px 40px 50px;
  max-width: 800px;
  margin: 0 auto 60px;
  background-color: #f5f5f5; }
  .c_l_content table {
    width: 100%;
    table-layout: fixed; }
    .c_l_content table.contact-table {
      margin: 0 auto; }
      .c_l_content table.contact-table tr {
        border-bottom: 1px solid #cccccc; }
      .c_l_content table.contact-table th, .c_l_content table.contact-table td {
        padding: 20px; }
      .c_l_content table.contact-table th {
        width: 32%;
        padding: 20px 20px 20px 0;
        vertical-align: top; }
        .c_l_content table.contact-table th .th_wrap {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between; }
          .c_l_content table.contact-table th .th_wrap .th_wrap_01 {
            line-height: 1.2; }
            .c_l_content table.contact-table th .th_wrap .th_wrap_01 span {
              color: #999999;
              font-size: 12px;
              line-height: 1.2; }
          .c_l_content table.contact-table th .th_wrap .required {
            background-color: #b82b39;
            color: #ffffff;
            padding: 2px 5px;
            font-weight: normal; }
          .c_l_content table.contact-table th .th_wrap .optional {
            background-color: #12246c;
            color: #ffffff;
            padding: 2px 5px;
            font-weight: normal; }
      .c_l_content table.contact-table td {
        padding: 20px 0px 20px 0; }
      .c_l_content table.contact-table input {
        border: 1px solid #222222;
        padding: 3px;
        height: 30px;
        width: 100%; }
        .c_l_content table.contact-table input.radio {
          width: unset;
          margin-right: 5px; }
        .c_l_content table.contact-table input.button02 {
          border: unset;
          height: auto; }
      .c_l_content table.contact-table textarea {
        border: 1px solid #222222;
        width: 100%; }
      .c_l_content table.contact-table .date {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 30%;
        padding: 0 20px 0 0; }
        .c_l_content table.contact-table .date input {
          width: 100%;
          margin-right: 5px; }
      .c_l_content table.contact-table .date_wrap {
        display: flex;
        flex-direction: row;
        align-items: center; }
      .c_l_content table.contact-table .radio-list.gender {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .c_l_content table.contact-table .radio-list.gender label {
          margin: 0px 20px 0px 10px;
          display: flex;
          align-items: center; }
      .c_l_content table.contact-table .radio-list.reason {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
        .c_l_content table.contact-table .radio-list.reason span {
          margin-right: 5px;
          margin-left: 10px; }
        .c_l_content table.contact-table .radio-list.reason label {
          display: flex;
          flex-direction: row;
          align-items: center;
          white-space: nowrap;
          flex-wrap: wrap;
          line-height: 2; }
      .c_l_content table.contact-table .required, .c_l_content table.contact-table .optional {
        white-space: nowrap; }
  .c_l_content .p_policy_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .c_l_content .p_policy_wrap .privacy-policy {
      max-width: 100%;
      margin: 50px auto;
      height: 300px;
      overflow: scroll;
      padding: 25px;
      border: 1px solid #222222;
      background-color: #ffffff;
      line-height: 1.5; }
      .c_l_content .p_policy_wrap .privacy-policy__item p {
        margin-bottom: 25px; }
    .c_l_content .p_policy_wrap .p_agree {
      display: flex;
      align-items: center;
      margin-bottom: 50px; }
      .c_l_content .p_policy_wrap .p_agree input {
        margin-right: 10px; }
  .c_l_content .p_p_a {
    margin-right: 14px;
    white-space: nowrap; }
  .c_l_content .p_p_p {
    width: 60px;
    margin-right: 10px; }
  .c_l_content .p_wrap {
    margin-bottom: 10px; }
  .c_l_content .c_l_wrap_01 {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .c_l_content .c_l_wrap_01 .c_l_wrap_joinyear {
      display: flex;
      flex-direction: row;
      align-items: center;
      width: 50%;
      padding-right: 15px; }
      .c_l_content .c_l_wrap_01 .c_l_wrap_joinyear p {
        padding-right: 10px; }
      .c_l_content .c_l_wrap_01 .c_l_wrap_joinyear .joinyear {
        width: 100%;
        margin-right: 5px; }
    .c_l_content .c_l_wrap_01 .c_l_wrap_01_02 {
      display: flex;
      flex-direction: row;
      align-items: center;
      width: 50%; }
    .c_l_content .c_l_wrap_01 .c_l_wrap_radio {
      margin-right: 10px;
      display: flex;
      align-items: center; }
      .c_l_content .c_l_wrap_01 .c_l_wrap_radio label {
        display: flex;
        align-items: center; }
  .c_l_content .c_l_wrap_02 .c_l_wrap_02_wrap, .c_l_content .c_l_wrap_02 .c_l_wrap_03_wrap, .c_l_content .c_l_wrap_03 .c_l_wrap_02_wrap, .c_l_content .c_l_wrap_03 .c_l_wrap_03_wrap {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .c_l_content .c_l_wrap_02 .c_l_wrap_02_wrap input, .c_l_content .c_l_wrap_02 .c_l_wrap_03_wrap input, .c_l_content .c_l_wrap_03 .c_l_wrap_02_wrap input, .c_l_content .c_l_wrap_03 .c_l_wrap_03_wrap input {
      width: 70%; }
      .c_l_content .c_l_wrap_02 .c_l_wrap_02_wrap input.c_l_wrap_text, .c_l_content .c_l_wrap_02 .c_l_wrap_03_wrap input.c_l_wrap_text, .c_l_content .c_l_wrap_03 .c_l_wrap_02_wrap input.c_l_wrap_text, .c_l_content .c_l_wrap_03 .c_l_wrap_03_wrap input.c_l_wrap_text {
        width: 100%; }
  .c_l_content .c_o_wrap .c_o_text {
    margin-bottom: 5px; }
  .c_l_content .c_o_wrap .c_o_btn_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }
    .c_l_content .c_o_wrap .c_o_btn_wrap button {
      margin-bottom: 5px; }
  .c_l_content .button-wrap {
    margin: 0 auto;
    text-align: center; }
    .c_l_content .button-wrap button {
      background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #12246c 100%);
      border: unset;
      color: #ffffff;
      padding: 15px 38px 15px 30px;
      width: 200px;
      margin: 5px;
      position: relative; }
      .c_l_content .button-wrap button::before {
        content: "";
        width: 15px;
        height: 12px;
        background: url(../img/arrow01_w.png) no-repeat center/contain;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 17px;
        transition: 0.2s; }

/* ---------------問い合わせフォーム終了--------------- */
/* ------------------------------ */
/* お問い合わせ終了 */
/* ------------------------------ */
/* ------------------------------ */
/* 転職をお考えの方へ開始 */
/* ------------------------------ */
.careerchange_top {
  max-width: 1920px;
  margin: 0 auto;
  /*-----メインビジュアル開始-----*/
  /*-----メインビジュアル終了-----*/ }
  .careerchange_top .sub_main_block {
    width: 100%;
    height: 580px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto; }
    .careerchange_top .sub_main_block .img_wrap {
      width: 280px;
      height: auto;
      padding: 0 0 50px 0; }
      @media screen and (max-width: 1024px) {
        .careerchange_top .sub_main_block .img_wrap {
          padding: 60px 0 50px 0; } }
      .careerchange_top .sub_main_block .img_wrap.middle_put {
        display: none; }
      .careerchange_top .sub_main_block .img_wrap.bottom_put {
        display: block; }
  .careerchange_top .c_c_catch_wrap {
    padding: 0 60px 60px 0; }
    @media screen and (max-width: 1024px) {
      .careerchange_top .c_c_catch_wrap {
        padding: 60px 60px 0 0; } }
    .careerchange_top .c_c_catch_wrap .c_c_catch_01 {
      color: #12246c;
      font-size: 60px;
      font-weight: bold;
      letter-spacing: 2px; }
      @media screen and (max-width: 1024px) {
        .careerchange_top .c_c_catch_wrap .c_c_catch_01 {
          font-size: 42px; } }
    .careerchange_top .c_c_catch_wrap .c_c_catch_02 {
      color: #12246c;
      font-size: 20px;
      font-weight: bold;
      margin: 3px 0 0 0; }
      @media screen and (max-width: 1024px) {
        .careerchange_top .c_c_catch_wrap .c_c_catch_02 {
          font-size: 16px; } }
    .careerchange_top .c_c_catch_wrap .c_c_catch_btn {
      background: linear-gradient(135deg, transparent 10px, #dd7615 10px, #df5910 100%);
      position: relative;
      color: #ffffff;
      width: 75%;
      height: 60px;
      display: flex;
      align-items: center;
      margin: 52px 0 0 0; }
      .careerchange_top .c_c_catch_wrap .c_c_catch_btn a {
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
      .careerchange_top .c_c_catch_wrap .c_c_catch_btn p {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 1px; }
        @media screen and (max-width: 1024px) {
          .careerchange_top .c_c_catch_wrap .c_c_catch_btn p {
            font-size: 18px; } }
      .careerchange_top .c_c_catch_wrap .c_c_catch_btn::before {
        position: absolute;
        content: '';
        background: url(../../assets/img/news/arrow02.png) center center no-repeat;
        width: 15px;
        height: 15px;
        right: 15px; }

.careerchange {
  /*--見出し開始--*/
  /*--見出し終了--*/
  /*-----ABOUT US 開始-----*/
  /*-----ABOUT US 終了-----*/
  /*-----私たちの強み2 開始-----*/
  /*-----私たちの強み2 終了-----*/
  /*-----圧倒的な内定率 開始-----*/
  /*-----圧倒的な内定率 終了-----*/
  /*-----当社の支援実績 開始-----*/
  /*-----当社の支援実績 終了-----*/
  /*-----エグゼクティブ 開始-----*/
  /*-----エグゼクティブ 終了-----*/
  /*-----転職支援の流れ 開始-----*/
  /*-----転職支援の流れ 終了-----*/
  /*-----お申し込みフォーム 開始-----*/
  /*-----お申し込みフォーム 終了-----*/
  /*-----よくあるご質問 開始-----*/
  /* -----よくあるご質問 終了----- */
  /* ------------------------------ */
  /* 転職をお考えの方へ終了 */
  /* ------------------------------ */ }
  .careerchange .c_ttl_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-items: center;
    padding: 60px 0 60px 0; }
    .careerchange .c_ttl_wrap .ja {
      color: #222222;
      font-size: 42px;
      margin: 0 0 10px 0;
      letter-spacing: 1px; }
    .careerchange .c_ttl_wrap .en {
      color: #12246c;
      font-size: 14px; }
  .careerchange .c_c_aboutus {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: url(../../assets/img/careerchange/Aboutus_bk.png) center center no-repeat;
    background-size: cover;
    width: 100%;
    padding: 60px 10px 90px 10px;
    position: relative;
    z-index: 5; }
  .careerchange .c_c_aboutus_inner {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 278px; }
    .careerchange .c_c_aboutus_inner img {
      width: 500px;
      height: auto; }
    .careerchange .c_c_aboutus_inner .aboutus_text_wrap {
      position: absolute;
      top: 143px;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .careerchange .c_c_aboutus_inner .aboutus_text_wrap .aboutus_text_01 {
        margin-bottom: 10px;
        font-size: 36px;
        letter-spacing: 1px;
        font-weight: bold; }
        @media screen and (max-width: 1600px) {
          .careerchange .c_c_aboutus_inner .aboutus_text_wrap .aboutus_text_01 {
            font-size: 28px; } }
      .careerchange .c_c_aboutus_inner .aboutus_text_wrap .aboutus_text_02 {
        margin-bottom: 14px;
        font-size: 36px;
        letter-spacing: 1px;
        font-weight: bold; }
        @media screen and (max-width: 1600px) {
          .careerchange .c_c_aboutus_inner .aboutus_text_wrap .aboutus_text_02 {
            font-size: 28px; } }
        .careerchange .c_c_aboutus_inner .aboutus_text_wrap .aboutus_text_02 span {
          color: #12246c;
          position: relative; }
          .careerchange .c_c_aboutus_inner .aboutus_text_wrap .aboutus_text_02 span::before {
            content: '';
            position: absolute;
            display: inline-block;
            height: 2px;
            background-color: #12246c;
            left: 0;
            bottom: -8px;
            width: 100%; }
      .careerchange .c_c_aboutus_inner .aboutus_text_wrap .aboutus_text_03 {
        margin-bottom: 10px;
        font-size: 36px;
        letter-spacing: 1px;
        font-weight: bold; }
        @media screen and (max-width: 1600px) {
          .careerchange .c_c_aboutus_inner .aboutus_text_wrap .aboutus_text_03 {
            font-size: 28px; } }
  .careerchange .c_c_aboutus_box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 60px 40px 80px;
    max-width: 1440px;
    width: 100%; }
    @media screen and (max-width: 1600px) {
      .careerchange .c_c_aboutus_box {
        padding: 40px 50px 40px 50px; } }
    @media screen and (max-width: 1440px) {
      .careerchange .c_c_aboutus_box {
        width: 90%; } }
    .careerchange .c_c_aboutus_box .c_c_aboutus_box_img {
      display: flex;
      justify-content: center; }
      .careerchange .c_c_aboutus_box .c_c_aboutus_box_img img {
        width: 500px; }
    .careerchange .c_c_aboutus_box .c_c_aboutus_text {
      text-align: center;
      font-size: 24px;
      padding: 20px 0 30px 0; }
      @media screen and (max-width: 1600px) {
        .careerchange .c_c_aboutus_box .c_c_aboutus_text {
          font-size: 18px; } }
    .careerchange .c_c_aboutus_box .c_c_about_purplebox {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      background-color: #e6e9f5;
      padding: 30px 50px;
      margin: 0 auto;
      width: 1200px; }
      @media screen and (max-width: 1600px) {
        .careerchange .c_c_aboutus_box .c_c_about_purplebox {
          width: auto; } }
      .careerchange .c_c_aboutus_box .c_c_about_purplebox .c_c_text {
        position: relative;
        padding-left: 50px;
        margin: 20px;
        font-size: 24px; }
        @media screen and (max-width: 1600px) {
          .careerchange .c_c_aboutus_box .c_c_about_purplebox .c_c_text {
            margin: 10px;
            font-size: 18px; } }
        .careerchange .c_c_aboutus_box .c_c_about_purplebox .c_c_text::before {
          content: url(../img/careerchange/checkbox.png);
          transform: scale(0.2);
          position: absolute;
          top: -41px;
          left: -32px; }
  .careerchange .c_c_strength_wrap {
    position: relative; }
    .careerchange .c_c_strength_wrap::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 6000px;
      height: 750px;
      left: 114px;
      bottom: -976px;
      background-color: #f5f5f5;
      transform: rotate(-24.5deg) scale(1, 1);
      transform-origin: left center;
      z-index: -1; }
    .careerchange .c_c_strength_wrap::after {
      content: "";
      display: inline-block;
      position: absolute;
      width: 6000px;
      height: 897px;
      left: -607px;
      bottom: 863px;
      background-color: #e6e9f5;
      transform: rotate(-24.5deg) scale(1, 1);
      transform-origin: left center;
      z-index: -1; }
  .careerchange .c_c_strength {
    max-width: 1920px;
    margin: 0 auto; }
    @media screen and (max-width: 1440px) {
      .careerchange .c_c_strength {
        max-width: 1440px; } }
    .careerchange .c_c_strength .c_c_pic_wrap {
      width: 100%;
      height: 600px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 1440px) {
        .careerchange .c_c_strength .c_c_pic_wrap {
          height: 450px; } }
      @media screen and (max-width: 1280px) {
        .careerchange .c_c_strength .c_c_pic_wrap {
          height: 510px; } }
      @media screen and (max-width: 1024px) {
        .careerchange .c_c_strength .c_c_pic_wrap {
          height: 390px; } }
      .careerchange .c_c_strength .c_c_pic_wrap.pic_01 {
        background: url(../../assets/img/careerchange/careerchange_01.png) center left no-repeat;
        background-size: contain; }
      .careerchange .c_c_strength .c_c_pic_wrap.pic_02 {
        background: url(../../assets/img/careerchange/careerchange_02.png) center right no-repeat;
        background-size: contain; }
      .careerchange .c_c_strength .c_c_pic_wrap.pic_03 {
        background: url(../../assets/img/careerchange/careerchange_03.png) center left no-repeat;
        background-size: contain; }
      .careerchange .c_c_strength .c_c_pic_wrap.pic_04 {
        background: url(../../assets/img/careerchange/careerchange_04.png) center right no-repeat;
        background-size: contain; }
      .careerchange .c_c_strength .c_c_pic_wrap.left {
        margin: 0px auto 60px 0; }
        @media screen and (max-width: 915px) {
          .careerchange .c_c_strength .c_c_pic_wrap.left {
            margin: 0px auto 311px 0; } }
        .careerchange .c_c_strength .c_c_pic_wrap.left .c_c_bluebox_wrap {
          justify-content: flex-end; }
          .careerchange .c_c_strength .c_c_pic_wrap.left .c_c_bluebox_wrap .c_c_bluebox {
            margin-right: 20px; }
            @media screen and (max-width: 1440px) {
              .careerchange .c_c_strength .c_c_pic_wrap.left .c_c_bluebox_wrap .c_c_bluebox {
                margin-right: 40px;
                margin-left: 40px; } }
      .careerchange .c_c_strength .c_c_pic_wrap.right {
        margin: 0px 0 60px auto; }
        @media screen and (max-width: 915px) {
          .careerchange .c_c_strength .c_c_pic_wrap.right {
            margin: 0px 0 311px auto; } }
        .careerchange .c_c_strength .c_c_pic_wrap.right .c_c_bluebox_wrap {
          justify-content: flex-start; }
          .careerchange .c_c_strength .c_c_pic_wrap.right .c_c_bluebox_wrap .c_c_bluebox {
            margin-left: 20px; }
            @media screen and (max-width: 1440px) {
              .careerchange .c_c_strength .c_c_pic_wrap.right .c_c_bluebox_wrap .c_c_bluebox {
                margin-left: 40px;
                margin-right: 40px; } }
      .careerchange .c_c_strength .c_c_pic_wrap .c_c_bluebox_wrap {
        position: absolute;
        margin: 0 auto;
        z-index: 1;
        max-width: 1440px;
        width: 100%;
        height: 500px;
        display: flex;
        align-items: flex-end; }
        @media screen and (max-width: 915px) {
          .careerchange .c_c_strength .c_c_pic_wrap .c_c_bluebox_wrap {
            bottom: -300px; } }
      .careerchange .c_c_strength .c_c_pic_wrap .c_c_bluebox {
        background: url(../../assets/img/careerchange/careerchange_bluebtn.png) center center no-repeat;
        background-size: cover;
        color: #ffffff;
        padding: 55px 60px 55px 60px;
        width: 740px;
        height: 440px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        clip-path: polygon(0% 100%, 0 25px, 25px 0%, 100% 0%, 100% 0, 100% 100%); }
        @media screen and (max-width: 1600px) {
          .careerchange .c_c_strength .c_c_pic_wrap .c_c_bluebox {
            height: 400px;
            bottom: 22px; } }
        @media screen and (max-width: 1440px) {
          .careerchange .c_c_strength .c_c_pic_wrap .c_c_bluebox {
            height: 378px;
            margin-bottom: 40px;
            padding: 15px 40px 15px 40px; } }
        @media screen and (max-width: 1024px) {
          .careerchange .c_c_strength .c_c_pic_wrap .c_c_bluebox {
            height: 360px; } }
        .careerchange .c_c_strength .c_c_pic_wrap .c_c_bluebox .c_c_bluebox_ttl {
          font-size: 46px;
          font-weight: bold;
          margin-bottom: 40px; }
          @media screen and (max-width: 1600px) {
            .careerchange .c_c_strength .c_c_pic_wrap .c_c_bluebox .c_c_bluebox_ttl {
              font-size: 42px;
              margin-bottom: 10px; } }
          @media screen and (max-width: 1440px) {
            .careerchange .c_c_strength .c_c_pic_wrap .c_c_bluebox .c_c_bluebox_ttl {
              font-size: 36px;
              margin-bottom: 10px; } }
          @media screen and (max-width: 1024px) {
            .careerchange .c_c_strength .c_c_pic_wrap .c_c_bluebox .c_c_bluebox_ttl {
              font-size: 36px;
              line-height: 1.3; } }
        .careerchange .c_c_strength .c_c_pic_wrap .c_c_bluebox .c_c_bluebox_text {
          line-height: 1.7; }
  .careerchange .c_c_middle_wrap {
    background: url(../../assets/img/careerchange/careerchange_middle.png) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .careerchange .c_c_middle_wrap .c_c_middle_wrap_inner {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      padding-left: 20px;
      width: 1440px; }
      @media screen and (max-width: 1600px) {
        .careerchange .c_c_middle_wrap .c_c_middle_wrap_inner {
          width: 1200px; } }
      @media screen and (max-width: 1280px) {
        .careerchange .c_c_middle_wrap .c_c_middle_wrap_inner {
          justify-content: center;
          align-items: center; } }
      .careerchange .c_c_middle_wrap .c_c_middle_wrap_inner .c_c_catch_wrap {
        padding: 0 0 0px 0; }
      .careerchange .c_c_middle_wrap .c_c_middle_wrap_inner .img_wrap {
        width: 219px;
        margin-top: 10px;
        padding: 15px; }
    .careerchange .c_c_middle_wrap .c_c_catch_01 {
      font-size: 50px;
      font-weight: bold;
      letter-spacing: 2px;
      padding: 0 8px 0 8px; }
      .careerchange .c_c_middle_wrap .c_c_catch_01.c_c_white {
        color: #ffffff; }
    .careerchange .c_c_middle_wrap .c_c_catch_02 {
      font-size: 18px;
      font-weight: bold;
      margin: 3px 0 0 0; }
      .careerchange .c_c_middle_wrap .c_c_catch_02.c_c_white {
        color: #ffffff; }
    .careerchange .c_c_middle_wrap .c_c_catch_btn {
      background: linear-gradient(135deg, transparent 10px, #dd7615 10px, #df5910 100%);
      position: relative;
      color: #ffffff;
      width: 100%;
      height: 60px;
      display: flex;
      align-items: center;
      margin: 52px auto; }
      .careerchange .c_c_middle_wrap .c_c_catch_btn a {
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
      .careerchange .c_c_middle_wrap .c_c_catch_btn p {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 1px; }
      .careerchange .c_c_middle_wrap .c_c_catch_btn::before {
        position: absolute;
        content: '';
        background: url(../../assets/img/news/arrow02.png) center center no-repeat;
        width: 15px;
        height: 15px;
        right: 15px; }
  .careerchange .c_c_supportresults_wrap {
    background: url(../../assets/img/bk_purple.png) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 900px; }
    @media screen and (max-width: 1280px) {
      .careerchange .c_c_supportresults_wrap {
        padding: 0 10px 60px 10px;
        height: auto; } }
    .careerchange .c_c_supportresults_wrap .c_c_su_text_01, .careerchange .c_c_supportresults_wrap .c_c_su_text_02 {
      text-align: center; }
    .careerchange .c_c_supportresults_wrap .c_c_su_text_01 {
      margin-bottom: 60px;
      font-size: 18px; }
    .careerchange .c_c_supportresults_wrap .c_c_su_text_02 {
      margin: 60px auto 60px;
      font-size: 22px;
      font-weight: bold;
      letter-spacing: 1px; }
      @media screen and (max-width: 1024px) {
        .careerchange .c_c_supportresults_wrap .c_c_su_text_02 {
          padding: 15px 0 60px 0;
          margin: 30px auto 30px; } }
    .careerchange .c_c_supportresults_wrap .c_c_su_results {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      max-width: 1440px;
      margin: 0 auto; }
      @media screen and (max-width: 1600px) {
        .careerchange .c_c_supportresults_wrap .c_c_su_results {
          max-width: 1200px; } }
      @media screen and (max-width: 1280px) {
        .careerchange .c_c_supportresults_wrap .c_c_su_results {
          flex-direction: column; } }
      .careerchange .c_c_supportresults_wrap .c_c_su_results .c_c_su_box {
        background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #fff 0);
        background: linear-gradient(135deg, transparent 15px, #043c8d 15px, #fff 0);
        background-size: cover;
        width: 450px;
        height: 450px;
        padding: 30px 30px; }
        @media screen and (max-width: 1600px) {
          .careerchange .c_c_supportresults_wrap .c_c_su_results .c_c_su_box {
            width: 370px;
            padding: 30px 20px; } }
        @media screen and (max-width: 1280px) {
          .careerchange .c_c_supportresults_wrap .c_c_su_results .c_c_su_box {
            margin-bottom: 15px;
            height: auto; } }
        .careerchange .c_c_supportresults_wrap .c_c_su_results .c_c_su_box .c_c_su_box_ttl {
          color: #12246c;
          font-size: 24px;
          font-weight: bold;
          text-align: center;
          margin-bottom: 16px;
          height: 80px;
          display: flex;
          align-items: center;
          justify-content: center; }
        .careerchange .c_c_supportresults_wrap .c_c_su_results .c_c_su_box .c_c_su_box_cont {
          line-height: 1.8; }
  .careerchange .c_c_executive_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .careerchange .c_c_executive_wrap .c_c_exe {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .careerchange .c_c_executive_wrap .c_c_exe .c_c_exe_text {
        font-size: 18px;
        margin-bottom: 60px; }
      .careerchange .c_c_executive_wrap .c_c_exe .c_c_exe_btn a {
        display: block;
        position: relative;
        width: 250px;
        text-align: center;
        z-index: 5;
        padding: 15px 40px 15px 20px;
        background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #12246c 100%);
        color: #12246c;
        font-weight: bold;
        margin: 60px 40px 80px 40px; }
        .careerchange .c_c_executive_wrap .c_c_exe .c_c_exe_btn a::before {
          content: '';
          width: calc(100% - 4px);
          height: calc(100% - 4px);
          top: 2px;
          left: 2px;
          z-index: -1;
          position: absolute;
          background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #fff 0); }
        .careerchange .c_c_executive_wrap .c_c_exe .c_c_exe_btn a::after {
          content: '';
          width: 15px;
          height: 12px;
          background: url(../img/news/arrow01.png) center no-repeat;
          background-size: contain;
          position: absolute;
          top: calc(50% - 6px);
          right: 15px;
          transition: 0.3s; }
  .careerchange .c_c_flow_wrap {
    margin-bottom: 60px; }
    .careerchange .c_c_flow_wrap .c_c_flow {
      margin: 0 20px 0 20px; }
    .careerchange .c_c_flow_wrap .c_c_flow_block {
      margin: 0 0 20px 0; }
      .careerchange .c_c_flow_wrap .c_c_flow_block .c_c_flow_img {
        text-align: center;
        max-width: 1440px;
        margin: 0 auto; }
        @media screen and (max-width: 1600px) {
          .careerchange .c_c_flow_wrap .c_c_flow_block .c_c_flow_img {
            max-width: 1200px; } }
        @media screen and (max-width: 1280px) {
          .careerchange .c_c_flow_wrap .c_c_flow_block .c_c_flow_img img {
            width: 100%; } }
        @media screen and (max-width: 1024px) {
          .careerchange .c_c_flow_wrap .c_c_flow_block .c_c_flow_img img {
            width: 100%; } }
      .careerchange .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        max-width: 1440px;
        margin: 0 auto; }
        @media screen and (max-width: 1600px) {
          .careerchange .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap {
            max-width: 1200px; } }
        @media screen and (max-width: 1024px) {
          .careerchange .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap {
            justify-content: center; } }
        .careerchange .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap .c_c_flow_box {
          width: 100%;
          height: 210px;
          background-color: #f5f5f5;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin: 15px 15px 15px 0px; }
          .careerchange .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap .c_c_flow_box:last-child {
            margin: 15px 0px 15px 0px; }
          .careerchange .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap .c_c_flow_box .c_c_flow_box_ttl {
            font-weight: bold;
            font-size: 16px; }
          .careerchange .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap .c_c_flow_box img {
            width: auto;
            height: 100px;
            margin: 20px 15px 5px 15px;
            padding: 7px; }
  .careerchange .careerchange_contact {
    background-color: #e6e9f5;
    padding: 0 10px 60px 10px; }
    .careerchange .careerchange_contact .c_change_text {
      text-align: center;
      margin: 0 0 60px 0; }
    .careerchange .careerchange_contact .c_l_content {
      background-color: #ffffff;
      width: 1000px; }
      @media screen and (max-width: 1600px) {
        .careerchange .careerchange_contact .c_l_content {
          width: 800px; } }
  .careerchange .c_form_wrap {
    padding: 0 15px; }
    .careerchange .c_form_wrap .accordion_wrap {
      margin-bottom: 60px; }
      .careerchange .c_form_wrap .accordion_wrap a {
        color: #12246c;
        border-bottom: 1px solid #12246c; }
      .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one {
        max-width: 1200px;
        margin: 0 auto 20px; }
        @media screen and (max-width: 1600px) {
          .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one {
            max-width: 1000px; } }
      .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header {
        background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #12246c 100%);
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        padding: 28px 10%;
        text-align: left;
        position: relative;
        z-index: +1;
        cursor: pointer;
        transition-duration: 0.2s;
        min-height: 78px;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 1600px) {
          .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header {
            font-size: 18px; } }
        .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header::before {
          position: absolute;
          content: '';
          background: url(../img/careerchange/accordion_Q.png) no-repeat;
          background-size: contain;
          transform: scale(0.3);
          position: absolute;
          top: 50%;
          left: 3%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          width: 50px;
          height: 50px; }
      .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header .i_box {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        right: 3%;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin: center center;
        transition-duration: 0.2s; }
      .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header .i_box .one_i {
        display: block;
        width: 18px;
        height: 18px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin: center center;
        transition-duration: 0.2s;
        position: relative; }
      .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header.open .i_box {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header .i_box .one_i:before, .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header .i_box .one_i:after {
        display: flex;
        content: '';
        background-color: #fff;
        border-radius: 10px;
        width: 18px;
        height: 4px;
        position: absolute;
        top: 7px;
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: center center; }
      .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header .i_box .one_i:before {
        width: 4px;
        height: 18px;
        top: 0;
        left: 7px; }
      .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header.open .i_box .one_i:before {
        content: none; }
      .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header.open .i_box .one_i:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_inner {
        display: none;
        box-sizing: border-box; }
      .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_inner .box_one {
        height: auto;
        position: relative;
        padding: 30px 30px 30px 105px; }
        .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_inner .box_one::before {
          position: absolute;
          content: '';
          background: url(../img/careerchange/accordion_A.png) no-repeat;
          background-size: contain;
          transform: scale(0.3);
          position: absolute;
          top: 50%;
          left: 3%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          width: 50px;
          height: 50px; }
        .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_inner .box_one .txt_a_ac {
          font-size: 18px; }
      .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_inner p.txt_a_ac {
        margin: 0; }
      @media screen and (max-width: 1024px) {
        .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header {
          font-size: 18px; }
        .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header .i_box {
          width: 30px;
          height: 30px;
          margin-top: -15px; } }
      @media screen and (max-width: 767px) {
        .careerchange .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header {
          font-size: 16px;
          text-align: left;
          padding: 15px 60px 15px 15px; } }

/*---careerchange閉じタグ-*/
/* ------------------------------ */
/* サンクス開始 */
/* ------------------------------ */
.thanks_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 10px 60px 10px; }

.thanks_inner {
  font-size: 24px;
  text-align: center; }

/* ------------------------------ */
/* サンクス終了 */
/* ------------------------------ */
/* ------------------------------ */
/* 404開始 */
/* ------------------------------ */
.error {
  display: flex;
  justify-self: center;
  flex-direction: column;
  align-items: center; }
  .error .error_wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    .error .error_wrap .error_01 {
      color: #b82b39;
      font-size: 28px;
      font-weight: bold;
      margin: 20px; }
    .error .error_wrap .error_02 {
      color: #222222;
      font-size: 20px;
      text-align: center;
      margin: 0px 20px 30px 20px; }
  .error .gototop {
    background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #12246c 100%);
    margin: 0px 20px 30px 20px; }
    .error .gototop a {
      text-decoration: unset;
      display: block;
      width: 300px;
      height: 60px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #ffffff;
      font-weight: bold;
      font-size: 20px; }

/* ------------------------------ */
/* 404終了 */
/* ------------------------------ */
/* ------------------------------ */
/* カテゴリー一覧開始 */
/* ------------------------------ */
.category .wp-block-buttons, .taxonomy .wp-block-buttons {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 30px 0; }
  .category .wp-block-buttons .wp-block-button, .taxonomy .wp-block-buttons .wp-block-button {
    width: 90%;
    max-width: 350px;
    cursor: pointer; }
    .category .wp-block-buttons .wp-block-button a, .taxonomy .wp-block-buttons .wp-block-button a {
      width: 100%;
      display: block;
      padding: 20px 15px;
      border-bottom: none;
      color: #fff;
      background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #12246c 100%);
      position: relative;
      z-index: 5; }
      .category .wp-block-buttons .wp-block-button a.white, .taxonomy .wp-block-buttons .wp-block-button a.white {
        position: relative;
        background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #12246c 100%); }
        .category .wp-block-buttons .wp-block-button a.white::before, .taxonomy .wp-block-buttons .wp-block-button a.white::before {
          position: absolute;
          background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #fff 0); }
        .category .wp-block-buttons .wp-block-button a.white::after, .taxonomy .wp-block-buttons .wp-block-button a.white::after {
          content: "";
          width: 15px;
          height: 12px;
          background: url(../img/news/arrow01.png) center no-repeat;
          background-size: contain;
          position: absolute;
          top: calc(50% - 6px);
          right: 15px;
          transition: 0.3s; }
      .category .wp-block-buttons .wp-block-button a::after, .taxonomy .wp-block-buttons .wp-block-button a::after {
        content: "";
        width: 15px;
        height: 12px;
        background: url(../img/news/arrow02.png) center no-repeat;
        background-size: contain;
        position: absolute;
        top: calc(50% - 6px);
        right: 15px;
        transition: .3s; }
      .category .wp-block-buttons .wp-block-button a:hover, .taxonomy .wp-block-buttons .wp-block-button a:hover {
        color: #12246c; }
        .category .wp-block-buttons .wp-block-button a:hover::before, .taxonomy .wp-block-buttons .wp-block-button a:hover::before {
          content: "";
          width: calc(100% - 4px);
          height: calc(100% - 4px);
          position: absolute;
          top: 2px;
          left: 2px;
          z-index: -1;
          background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #fff 0);
          border-radius: 100vh; }
        .category .wp-block-buttons .wp-block-button a:hover::after, .taxonomy .wp-block-buttons .wp-block-button a:hover::after {
          right: 10px;
          background: url(../img/news/arrow01.png) center no-repeat;
          background-size: contain; }

/* ------------------------------ */
/* カテゴリー一覧終了 */
/* ------------------------------ */
/* ------------------------------ */
/* 採用ご担当者様へ開始 */
/* ------------------------------ */
.torecruiters_top {
  max-width: 1920px;
  margin: 0 auto;
  /*-----torecruitersメインビジュアル開始-----*/
  /*-----torecruitersメインビジュアル終了-----*/ }
  .torecruiters_top .sub_main_block {
    width: 100%;
    height: 580px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1440px;
    margin: 0 auto;
    padding: 10px; }
    @media screen and (max-width: 1440px) {
      .torecruiters_top .sub_main_block {
        max-width: 1300px; } }
    @media screen and (max-width: 1100px) {
      .torecruiters_top .sub_main_block {
        justify-content: center;
        align-items: flex-start;
        flex-direction: column-reverse; } }
    .torecruiters_top .sub_main_block .img_wrap {
      width: 280px;
      height: auto;
      padding: 0 0 220px 0;
      margin: 0 60px 0 0; }
      @media screen and (max-width: 1440px) {
        .torecruiters_top .sub_main_block .img_wrap {
          width: 215px; } }
      @media screen and (max-width: 1280px) {
        .torecruiters_top .sub_main_block .img_wrap {
          margin: 0 10px 0 0; } }
      @media screen and (max-width: 1100px) {
        .torecruiters_top .sub_main_block .img_wrap {
          margin: 15px 0px 20px 0;
          padding: 0 0 0px 0;
          width: 157px; } }
      .torecruiters_top .sub_main_block .img_wrap.middle_put {
        display: none; }
      .torecruiters_top .sub_main_block .img_wrap.bottom_put {
        display: none; }
  .torecruiters_top .c_c_catch_wrap {
    padding: 0 60px 155px 0; }
    .torecruiters_top .c_c_catch_wrap .c_c_catch_01 {
      color: #12246c;
      font-size: 56px;
      font-weight: bold;
      letter-spacing: 1px; }
      @media screen and (max-width: 1440px) {
        .torecruiters_top .c_c_catch_wrap .c_c_catch_01 {
          font-size: 50px; } }
      @media screen and (max-width: 1280px) {
        .torecruiters_top .c_c_catch_wrap .c_c_catch_01 {
          font-size: 46px; } }
      @media screen and (max-width: 1100px) {
        .torecruiters_top .c_c_catch_wrap .c_c_catch_01 {
          font-size: 42px; } }
      @media screen and (max-width: 980px) {
        .torecruiters_top .c_c_catch_wrap .c_c_catch_01 {
          font-size: 30px; } }
    .torecruiters_top .c_c_catch_wrap .c_c_catch_02 {
      color: #12246c;
      font-size: 20px;
      font-weight: bold;
      margin: 3px 0 0 0; }
      @media screen and (max-width: 1024px) {
        .torecruiters_top .c_c_catch_wrap .c_c_catch_02 {
          font-size: 16px; } }
    .torecruiters_top .c_c_catch_wrap .c_c_catch_btn {
      background: linear-gradient(135deg, transparent 10px, #dd7615 10px, #df5910 100%);
      position: relative;
      color: #ffffff;
      width: 75%;
      height: 60px;
      display: flex;
      align-items: center;
      margin: 52px 0 0 0;
      max-width: 350px; }
      .torecruiters_top .c_c_catch_wrap .c_c_catch_btn a {
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
      .torecruiters_top .c_c_catch_wrap .c_c_catch_btn p {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 1px; }
        @media screen and (max-width: 1024px) {
          .torecruiters_top .c_c_catch_wrap .c_c_catch_btn p {
            font-size: 18px; } }
      .torecruiters_top .c_c_catch_wrap .c_c_catch_btn::before {
        position: absolute;
        content: '';
        background: url(../../assets/img/news/arrow02.png) center center no-repeat;
        width: 15px;
        height: 15px;
        right: 15px; }

.torecruiters {
  /*--見出し開始--*/
  /*--見出し終了--*/
  /*-----torecruiters私たちについて　開始-----*/
  /*-----torecruiters私たちについて　終了-----*/
  /*-----torecruiters私たちの強み 開始-----*/
  /*-----torecruiters私たちの強み 終了-----*/
  /*-----As Your Evangelist.途中のバナー 開始-----*/
  /*-----As Your Evangelist.途中のバナー 終了-----*/
  /*-----ヘッドハンティングご支援の流れ 開始-----*/
  /*-----ヘッドハンティングご支援の流れ 終了-----*/
  /*-----torecruitersお申し込みフォーム 開始-----*/
  /*-----torecruitersお申し込みフォーム 終了-----*/
  /*-----よくあるご質問 開始-----*/
  /* -----よくあるご質問 終了----- */ }
  .torecruiters .c_ttl_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 60px 0 60px 0; }
    .torecruiters .c_ttl_wrap .ja {
      color: #222222;
      font-size: 42px;
      margin: 0 0 10px 0;
      letter-spacing: 1px;
      text-align: center; }
    .torecruiters .c_ttl_wrap .en {
      color: #12246c;
      font-size: 14px; }
  .torecruiters .c_c_aboutus_torec_wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 3; }
  .torecruiters .c_c_aboutus_torec_text {
    text-align: center;
    margin: 0 0px 60px 0;
    line-height: 2; }
    @media screen and (max-width: 1100px) {
      .torecruiters .c_c_aboutus_torec_text {
        margin: 0 20px 60px 20px;
        text-align: left; } }
  .torecruiters .c_c_aboutus_torec_picwrap {
    display: flex;
    flex-direction: row;
    margin: 0 0 60px 0;
    max-width: 1440px; }
    @media screen and (max-width: 1600px) {
      .torecruiters .c_c_aboutus_torec_picwrap {
        max-width: 1200px; } }
    .torecruiters .c_c_aboutus_torec_picwrap .aboutus_torec_img_r {
      padding-left: 20px; }
  .torecruiters .c_c_strength_wrap {
    position: relative; }
    .torecruiters .c_c_strength_wrap::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 6000px;
      height: 750px;
      left: 114px;
      bottom: -976px;
      background-color: #f5f5f5;
      transform: rotate(-24.5deg) scale(1, 1);
      transform-origin: left center;
      z-index: -1; }
    .torecruiters .c_c_strength_wrap::after {
      content: "";
      display: inline-block;
      position: absolute;
      width: 6000px;
      height: 897px;
      left: -607px;
      bottom: 863px;
      background-color: #e6e9f5;
      transform: rotate(-24.5deg) scale(1, 1);
      transform-origin: left center;
      z-index: -1; }
  .torecruiters .c_c_strength {
    max-width: 1920px;
    margin: 0 auto; }
    @media screen and (max-width: 1440px) {
      .torecruiters .c_c_strength {
        max-width: 1440px; } }
    .torecruiters .c_c_strength .c_c_pic_wrap {
      width: 100%;
      height: 600px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 1440px) {
        .torecruiters .c_c_strength .c_c_pic_wrap {
          height: 450px; } }
      @media screen and (max-width: 1280px) {
        .torecruiters .c_c_strength .c_c_pic_wrap {
          height: 510px; } }
      @media screen and (max-width: 1024px) {
        .torecruiters .c_c_strength .c_c_pic_wrap {
          height: 390px; } }
      .torecruiters .c_c_strength .c_c_pic_wrap.pic_01 {
        background: url(../../assets/img/torecruiters/torecruiters_strength_01.png) center left no-repeat;
        background-size: contain; }
      .torecruiters .c_c_strength .c_c_pic_wrap.pic_02 {
        background: url(../../assets/img/torecruiters/torecruiters_strength_02.png) center right no-repeat;
        background-size: contain; }
      .torecruiters .c_c_strength .c_c_pic_wrap.pic_03 {
        background: url(../../assets/img/torecruiters/torecruiters_strength_03.png) center left no-repeat;
        background-size: contain; }
      .torecruiters .c_c_strength .c_c_pic_wrap.left {
        margin: 0px auto 60px 0; }
        @media screen and (max-width: 915px) {
          .torecruiters .c_c_strength .c_c_pic_wrap.left {
            margin: 0px auto 311px 0; } }
        .torecruiters .c_c_strength .c_c_pic_wrap.left .c_c_bluebox_wrap {
          justify-content: flex-end; }
          .torecruiters .c_c_strength .c_c_pic_wrap.left .c_c_bluebox_wrap .c_c_bluebox {
            margin-right: 20px; }
            @media screen and (max-width: 1440px) {
              .torecruiters .c_c_strength .c_c_pic_wrap.left .c_c_bluebox_wrap .c_c_bluebox {
                margin-right: 40px;
                margin-left: 40px; } }
      .torecruiters .c_c_strength .c_c_pic_wrap.right {
        margin: 0px 0 60px auto; }
        @media screen and (max-width: 915px) {
          .torecruiters .c_c_strength .c_c_pic_wrap.right {
            margin: 0px 0 311px auto; } }
        .torecruiters .c_c_strength .c_c_pic_wrap.right .c_c_bluebox_wrap {
          justify-content: flex-start; }
          .torecruiters .c_c_strength .c_c_pic_wrap.right .c_c_bluebox_wrap .c_c_bluebox {
            margin-left: 20px; }
            @media screen and (max-width: 1440px) {
              .torecruiters .c_c_strength .c_c_pic_wrap.right .c_c_bluebox_wrap .c_c_bluebox {
                margin-left: 40px;
                margin-right: 40px; } }
      .torecruiters .c_c_strength .c_c_pic_wrap .c_c_bluebox_wrap {
        position: absolute;
        margin: 0 auto;
        z-index: 1;
        max-width: 1440px;
        width: 100%;
        height: 500px;
        display: flex;
        align-items: flex-end; }
        @media screen and (max-width: 915px) {
          .torecruiters .c_c_strength .c_c_pic_wrap .c_c_bluebox_wrap {
            bottom: -300px; } }
      .torecruiters .c_c_strength .c_c_pic_wrap .c_c_bluebox {
        background: url(../../assets/img/careerchange/careerchange_bluebtn.png) center center no-repeat;
        background-size: cover;
        color: #ffffff;
        padding: 55px 60px 55px 60px;
        width: 740px;
        height: 440px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        clip-path: polygon(0% 100%, 0 25px, 25px 0%, 100% 0%, 100% 0, 100% 100%); }
        @media screen and (max-width: 1600px) {
          .torecruiters .c_c_strength .c_c_pic_wrap .c_c_bluebox {
            height: 400px;
            bottom: 22px; } }
        @media screen and (max-width: 1440px) {
          .torecruiters .c_c_strength .c_c_pic_wrap .c_c_bluebox {
            height: 378px;
            margin-bottom: 40px;
            padding: 15px 40px 15px 40px; } }
        @media screen and (max-width: 1024px) {
          .torecruiters .c_c_strength .c_c_pic_wrap .c_c_bluebox {
            height: 360px; } }
        .torecruiters .c_c_strength .c_c_pic_wrap .c_c_bluebox .c_c_bluebox_ttl {
          font-size: 46px;
          font-weight: bold;
          margin-bottom: 40px; }
          @media screen and (max-width: 1600px) {
            .torecruiters .c_c_strength .c_c_pic_wrap .c_c_bluebox .c_c_bluebox_ttl {
              font-size: 42px;
              margin-bottom: 10px; } }
          @media screen and (max-width: 1440px) {
            .torecruiters .c_c_strength .c_c_pic_wrap .c_c_bluebox .c_c_bluebox_ttl {
              font-size: 36px;
              margin-bottom: 10px; } }
          @media screen and (max-width: 1024px) {
            .torecruiters .c_c_strength .c_c_pic_wrap .c_c_bluebox .c_c_bluebox_ttl {
              font-size: 36px;
              line-height: 1.3; } }
        .torecruiters .c_c_strength .c_c_pic_wrap .c_c_bluebox .c_c_bluebox_text {
          line-height: 1.7; }
  .torecruiters .c_c_middle_wrap {
    background: url(../../assets/img/torecruiters/torecruiters_banner_img.png) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 3; }
    .torecruiters .c_c_middle_wrap .c_c_middle_wrap_inner {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      padding-left: 20px;
      width: 1200px;
      height: 425px;
      margin: 0 auto; }
      @media screen and (max-width: 1280px) {
        .torecruiters .c_c_middle_wrap .c_c_middle_wrap_inner {
          justify-content: center;
          align-items: center; } }
      .torecruiters .c_c_middle_wrap .c_c_middle_wrap_inner .c_c_catch_wrap {
        padding: 0 0 0px 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        margin: 0 20px 0 20px; }
        .torecruiters .c_c_middle_wrap .c_c_middle_wrap_inner .c_c_catch_wrap .c_c_catch_btn {
          background: linear-gradient(135deg, transparent 10px, #dd7615 10px, #df5910 100%);
          position: relative;
          color: #ffffff;
          width: 75%;
          height: 60px;
          display: flex;
          align-items: center;
          margin: 52px 0 0 0;
          max-width: 350px; }
          .torecruiters .c_c_middle_wrap .c_c_middle_wrap_inner .c_c_catch_wrap .c_c_catch_btn a {
            display: block;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .torecruiters .c_c_middle_wrap .c_c_middle_wrap_inner .c_c_catch_wrap .c_c_catch_btn p {
            font-size: 22px;
            font-weight: bold;
            letter-spacing: 1px; }
            @media screen and (max-width: 1024px) {
              .torecruiters .c_c_middle_wrap .c_c_middle_wrap_inner .c_c_catch_wrap .c_c_catch_btn p {
                font-size: 18px; } }
          .torecruiters .c_c_middle_wrap .c_c_middle_wrap_inner .c_c_catch_wrap .c_c_catch_btn::before {
            position: absolute;
            content: '';
            background: url(../../assets/img/news/arrow02.png) center center no-repeat;
            width: 15px;
            height: 15px;
            right: 15px; }
      .torecruiters .c_c_middle_wrap .c_c_middle_wrap_inner .img_wrap {
        width: 175px;
        margin-top: 10px; }
        .torecruiters .c_c_middle_wrap .c_c_middle_wrap_inner .img_wrap.middle_put {
          display: none; }
        .torecruiters .c_c_middle_wrap .c_c_middle_wrap_inner .img_wrap.bottom_put {
          display: block; }
    .torecruiters .c_c_middle_wrap .c_c_catch_01 {
      font-size: 50px;
      font-weight: bold; }
      .torecruiters .c_c_middle_wrap .c_c_catch_01.c_c_white {
        color: #ffffff; }
    .torecruiters .c_c_middle_wrap .c_c_catch_02 {
      font-size: 20px; }
      .torecruiters .c_c_middle_wrap .c_c_catch_02.c_c_white {
        color: #ffffff; }
  .torecruiters .c_c_flow_wrap {
    margin-bottom: 60px;
    position: relative;
    z-index: 3;
    background-color: #ffffff;
    padding-top: 40px; }
    .torecruiters .c_c_flow_wrap .c_c_flow {
      margin: 0 20px 0 20px; }
    .torecruiters .c_c_flow_wrap .c_c_flow_block {
      margin: 0 0 20px 0; }
      .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_img {
        text-align: center;
        max-width: 1440px;
        margin: 0 auto; }
        @media screen and (max-width: 1600px) {
          .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_img {
            max-width: 1200px; } }
        @media screen and (max-width: 1280px) {
          .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_img img {
            width: 100%; } }
        @media screen and (max-width: 1024px) {
          .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_img img {
            width: 100%; } }
      .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        max-width: 1440px;
        margin: 0 auto; }
        @media screen and (max-width: 1600px) {
          .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap {
            max-width: 1200px; } }
        @media screen and (max-width: 1024px) {
          .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap {
            justify-content: center; } }
        .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap .flow_box_inner {
          width: calc(100% / 3);
          height: 280px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin: 15px 15px 15px 0px; }
          .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap .flow_box_inner:last-child {
            margin: 15px 0px 15px 0px; }
          @media screen and (max-width: 1024px) {
            .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap .flow_box_inner {
              width: calc(100% / 2); } }
        .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap .c_c_flow_box {
          height: 230px;
          width: 100%;
          background-color: #f5f5f5;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap .c_c_flow_box .c_c_flow_box_ttl {
            font-weight: bold;
            font-size: 20px; }
          .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap .c_c_flow_box img {
            width: auto;
            height: 100px;
            margin: 20px 15px 5px 15px;
            padding: 7px; }
        .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap .flow_box_text {
          font-size: 16px;
          height: 50px;
          padding: 10px 5px 5px 5px;
          text-align: center; }
          @media screen and (max-width: 1024px) {
            .torecruiters .c_c_flow_wrap .c_c_flow_block .c_c_flow_box_wrap .flow_box_text {
              font-size: 14px; } }
  .torecruiters .careerchange_contact {
    background-color: #e6e9f5;
    padding: 0 10px 60px 10px; }
    .torecruiters .careerchange_contact .c_change_text {
      text-align: center;
      margin: 0 0 60px 0; }
    .torecruiters .careerchange_contact .c_l_content {
      background-color: #ffffff;
      max-width: 1000px; }
  .torecruiters .c_form_wrap {
    padding: 0 15px; }
    .torecruiters .c_form_wrap .accordion_wrap {
      margin-bottom: 60px; }
      .torecruiters .c_form_wrap .accordion_wrap a {
        color: #12246c;
        border-bottom: 1px solid #12246c; }
      .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one {
        max-width: 1000px;
        margin: 0 auto 20px; }
      .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header {
        background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #12246c 100%);
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        padding: 28px 10%;
        text-align: left;
        position: relative;
        z-index: +1;
        cursor: pointer;
        transition-duration: 0.2s;
        min-height: 78px;
        display: flex;
        align-items: center; }
        .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header::before {
          position: absolute;
          content: '';
          background: url(../img/careerchange/accordion_Q.png) no-repeat;
          background-size: contain;
          transform: scale(0.3);
          position: absolute;
          top: 50%;
          left: 3%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          width: 50px;
          height: 50px; }
      .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header .i_box {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        right: 3%;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin: center center;
        transition-duration: 0.2s; }
      .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header .i_box .one_i {
        display: block;
        width: 18px;
        height: 18px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin: center center;
        transition-duration: 0.2s;
        position: relative; }
      .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header.open .i_box {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header .i_box .one_i:before, .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header .i_box .one_i:after {
        display: flex;
        content: '';
        background-color: #fff;
        border-radius: 10px;
        width: 18px;
        height: 4px;
        position: absolute;
        top: 7px;
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: center center; }
      .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header .i_box .one_i:before {
        width: 4px;
        height: 18px;
        top: 0;
        left: 7px; }
      .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header.open .i_box .one_i:before {
        content: none; }
      .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header.open .i_box .one_i:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_inner {
        display: none;
        box-sizing: border-box; }
      .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_inner .box_one {
        height: auto;
        position: relative;
        padding: 30px 30px 30px 105px; }
        .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_inner .box_one::before {
          position: absolute;
          content: '';
          background: url(../img/careerchange/accordion_A.png) no-repeat;
          background-size: contain;
          transform: scale(0.3);
          position: absolute;
          top: 50%;
          left: 3%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          width: 50px;
          height: 50px; }
        .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_inner .box_one .txt_a_ac {
          font-size: 18px; }
      .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_inner p.txt_a_ac {
        margin: 0; }
      @media screen and (max-width: 1024px) {
        .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header {
          font-size: 18px; }
        .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header .i_box {
          width: 30px;
          height: 30px;
          margin-top: -15px; } }
      @media screen and (max-width: 767px) {
        .torecruiters .c_form_wrap .accordion_wrap .s_02 .accordion_one .accordion_header {
          font-size: 16px;
          text-align: left;
          padding: 15px 60px 15px 15px; } }

/* ------------------------------ */
/* 採用ご担当者様へ終了 */
/* ------------------------------ */
/* ------------------------------ */
/* 当社採用情報　開始 */
/* ------------------------------ */
.recruit {
  position: relative;
  /*--見出し開始--*/
  /*--見出し終了--*/ }
  .recruit::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 6000px;
    height: 3000px;
    left: -607px;
    bottom: -1400px;
    background-color: #e6e9f5;
    transform: rotate(-24.5deg) scale(1, 1);
    transform-origin: left center;
    z-index: -1; }
  .recruit .c_ttl_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 60px 0 60px 0; }
    .recruit .c_ttl_wrap .ja {
      color: #222222;
      font-size: 42px;
      margin: 0 0 10px 0;
      letter-spacing: 1px;
      text-align: center; }
    .recruit .c_ttl_wrap .en {
      color: #12246c;
      font-size: 14px; }
  .recruit .b_b_top_wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 0 0 50px 0; }
    .recruit .b_b_top_wrap .b_b_text {
      text-align: center;
      margin: 55px auto;
      line-height: 2;
      padding: 0 15px; }
    .recruit .b_b_top_wrap .b_b_img_wrap {
      padding: 0 15px; }
  .recruit .b_b_ttl_wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    .recruit .b_b_ttl_wrap .b_b_ttl_text {
      text-align: center;
      margin: 0 0 55px 0;
      line-height: 2; }
  .recruit .recruit_post_block {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 0;
    max-width: 1440px;
    margin: 0 auto 60px;
    padding: 0 15px; }
    @media screen and (max-width: 1440px) {
      .recruit .recruit_post_block {
        max-width: 1200px; } }
    @media screen and (max-width: 1280px) {
      .recruit .recruit_post_block {
        width: 90%; } }
    .recruit .recruit_post_block .b_b_whitebox {
      background-color: #ffffff;
      padding: 30px 50px;
      clip-path: polygon(0% 100%, 0 25px, 25px 0%, 100% 0%, 100% 0, 100% 100%);
      width: 100%;
      height: 100%;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px;
      z-index: -1;
      flex-direction: row; }
      @media screen and (max-width: 915px) {
        .recruit .recruit_post_block .b_b_whitebox {
          flex-direction: column; } }
      .recruit .recruit_post_block .b_b_whitebox::before {
        clip-path: polygon(0% 100%, 0 25px, 25px 0%, 100% 0%, 100% 0, 100% 100%);
        position: absolute;
        background-color: #ffffff;
        content: '';
        width: calc($cp-width - 2px);
        height: calc($cp-height - 2px);
        z-index: 0; }
      .recruit .recruit_post_block .b_b_whitebox .b_b_w_box_l {
        position: relative;
        z-index: 1; }
        .recruit .recruit_post_block .b_b_whitebox .b_b_w_box_l img {
          width: auto;
          max-width: 400px;
          height: 280px; }
      .recruit .recruit_post_block .b_b_whitebox .b_b_w_box_r {
        padding: 10px 10px 10px 40px;
        position: relative;
        z-index: 1;
        width: calc(100% - 400px); }
        @media screen and (max-width: 915px) {
          .recruit .recruit_post_block .b_b_whitebox .b_b_w_box_r {
            padding: 10px 10px 10px 10px;
            width: 100%; } }
        .recruit .recruit_post_block .b_b_whitebox .b_b_w_box_r .b_b_w_box_r_ttl {
          padding: 15px 0 15px 0;
          display: flex;
          align-items: center;
          border-bottom: 1px solid #222222;
          font-weight: bold;
          font-size: 28px; }
        .recruit .recruit_post_block .b_b_whitebox .b_b_w_box_r .b_b_w_box_r_text {
          font-size: 16px;
          padding: 20px 0; }
        .recruit .recruit_post_block .b_b_whitebox .b_b_w_box_r .b_b_w_box_r_btn_wrap {
          position: relative;
          z-index: 2;
          display: flex;
          justify-content: flex-end; }
          .recruit .recruit_post_block .b_b_whitebox .b_b_w_box_r .b_b_w_box_r_btn_wrap .b_b_w_box_r_btn {
            color: #12246c;
            position: relative;
            transition: all 0.5s ease;
            position: relative;
            z-index: 2;
            width: 130px;
            font-weight: bold; }
            .recruit .recruit_post_block .b_b_whitebox .b_b_w_box_r .b_b_w_box_r_btn_wrap .b_b_w_box_r_btn ::before {
              content: "";
              width: 15px;
              height: 12px;
              position: absolute;
              background: url(../img/arrow01_n.png) center no-repeat;
              background-size: contain;
              top: 50%;
              transform: translateY(-50%);
              right: 3px;
              transition: 0.2s; }

/* ------------------------------ */
/* 当社採用情報　終了 */
/* ------------------------------ */
#topMovie {
  align-items: center;
  background: #fff;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000; }

#topMovie video {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%; }
  @media screen and (max-width: 1100px) {
    #topMovie video {
      width: 150%;
      height: auto; } }

.grecaptcha-badge {
  bottom: 120px !important;
  z-index: 9; }