@charset "utf-8";
@media (max-width: 767px) {
  .c-header-logo img, .c-footer-logo img {
    height: 24px;
  }
}
/* -------------------------------------------- */
/* 文字色変更 */
/* -------------------------------------------- */
.main-color {
  color: var(--text-color)
}
.faq-accordion dt::before {
  color: var(--main-color);
}
table.company tr th, .swiper-pagination-bullet-active, .flow-number.last {
  color: #111;
}
@media (max-width: 767px) {
  .main-color-bg.pr-wrap .swiper-pagination-bullet {
    color: #111;
  }
}
/* -------------------------------------------- */
/* 黄色背景上の文字色変更 */
/* -------------------------------------------- */
.gnav-header ul li a, .main-color-bg .main-ttl, .news-area ul, .blue-band-area, .tabBox .tabArea .one_tab .tab-btn-bottom, .flow-number, .flow-box.last .flow-box-inner, .bg-layer p, .point-number, .suitableness-box-ttl, .suitableness-box-number, #entry-btn.link-btn-area2.is_fixed .entry-btn-icon .fixed-entry-btn, .progressbar .item.active h3, .progressbar .item.active p, #footert-menu ul li a, .main-color-bg .swiper-button-next:after, .main-color-bg .swiper-button-prev:after {
  color: #111;
}
.link-btn-deco::before {
  background-image: url(./library/img/company/btn-deco-icon-black.svg);
}
@media (min-width: 768px) {
  .suitableness-ttl, .suitableness-ttl-en, .suitableness-ttl-sub {
    color: #111;
  }
}
/* -------------------------------------------- */
/* 黄色背景上の線の色変更 */
/* -------------------------------------------- */
.news-area ul, .c-footer-logo {
  border-bottom: 1px solid #111;
}
.gnav-header ul li + li::before {
  border-right: 1px solid #111;
}
.footer-web-link .link-btn, .footer-web-link .link-btn-deco::after {
  border: 1px solid #111;
}
.footer-web-link .link-btn::before {
  border-top: 2px solid #111;
}
.page-top-icon::after {
  border-top: 0.16em solid #111;
  border-left: 0.16em solid #111;
}
/* -------------------------------------------- */
/* 背景色変更 */
/* -------------------------------------------- */
.bg-layer::after {
  background-color: var(--main-color);
}
.progressbar .item {
  background-color: var(--sub-bg-color);
}
.progressbar .item:not(:last-child)::after {
  border-left: 44px solid var(--sub-bg-color);
}
@media (max-width: 767px) {
.progressbar .item:not(:last-child)::after {
    border-left-width: 12px;
  }
}
/* -------------------------------------------- */
/* こんな方であればぜひご応募ください　背景画像 */
/* -------------------------------------------- */
.suitableness-sp-box {
  background-image: url(../upload/fullsize/bgi-suitableness-sp.jpg);
}

@media (min-width: 768px) {
  .suitableness-wrap {
    background-image: url(../upload/fullsize/bgi-suitableness.jpg);
  }
}
/* -------------------------------------------- */