@charset "utf-8";

/*新ロゴ　カラー用
--------------------------------------------------------*/

/*ヘッダーロゴ*/
h1.flexBox.flex-wrap {
  height: 68px;
  span {
    width: auto;
    img {
      width: 100%;
      width: 100%;
      max-height: 60px;
    }
  }
}

@media only screen and (max-width: 834px) {
  h1.flexBox.flex-wrap {
    display: flex;
    justify-content: center;
    .hidden-xs {
      display: block !important;
    }
  }
}
/*ヘッダーロゴ*/
footer {
  h1.flexBox.flex-wrap {
    height: auto;
    span {
      img {
        max-height: none;
        max-width: 28em;
      }
    }
  }
}
@media only screen and (max-width: 834px) {
  footer {
    h1.flexBox.flex-wrap {
      span {
        img {
          max-width: 270px;
        }
      }
    }
  }
}

/*サイトカラー
--------------------------------------------------------*/
:root {
  --g_light2: #fbfcf5;
  --g_light: #f2f5e5;
  --g_m_light: #d6ddb6;
  --g_main: #a4c352;
  --g_m_dark: #5a7b03;
  --g_dark: #445811;
  --black: #333;
  --white: #fff;
}
.blue {
  color: var(--black);
}
.cont-lbl01 span {
  background: linear-gradient(transparent 55%, var(--g_light) 55%);
}
.index-btn01,
.more-link {
  border: 2px solid var(--g_m_dark);
}
.fa-instagram,
.fa-x-twitter {
  background-color: var(--g_dark);
}
@media print, screen and (min-width: 992px) {
  #h_top .current-menu-item,
  #h_top .current-menu-ancestor {
    border-bottom: 2px solid var(--g_m_dark);
  }
}
/*ドロワーナビ*/
.mean-container .mean-nav ul {
  background-color: var(--g_m_light);
}
.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li span.pre {
  color: var(--g_m_dark);
}
/*スライドショー*/
.swiper-pagination-bullet-active {
  background: var(--g_m_dark);
}
.swiper-button-next,
.swiper-button-prev {
  height: 2em;
}
.swiper-button-next {
  background-image: url(https://www.faithno1.com/web/faithno1/wp-content/themes/faith-child/images/next.png);
}
.swiper-button-prev {
  background-image: url(https://www.faithno1.com/web/faithno1/wp-content/themes/faith-child/images/prev.png);
}
/*TOP
-----------------*/
.head-news-area {
  align-items: center;
  background-color: var(--g_m_dark);
}
.index-lbl01:after {
  background-color: var(--g_dark);
}
.index-area2-in1-1 {
  background-color: var(--g_m_dark);
}
.index-btn01:link,
.index-btn01:visited,
.index-btn01:active,
.more-link:link,
.more-link:visited,
.more-link:active {
  color: var(--black);
}
.index-btn01:hover,
.more-link:hover {
  color: var(--white);
}
.index-btn01:hover::after,
.more-link:hover::after {
  background-color: var(--g_m_dark);
}

.index-area2-box2 {
  border: 2px solid var(--g_m_dark);
}
.index-area2-in1-3 a:link,
.index-area2-in1-3 a:hover,
.index-area2-in1-3 a:visited,
.index-area2-in1-3 a:active {
  color: var(--black);
}
.useful a {
  background-color: var(--g_m_dark);
}
.foo-area-lbl01:before {
  background-color: var(--g_m_dark);
}
.footer-sns {
  background-color: var(--g_light);
}
/*その他ぺージ
-----------------*/
.topicpass a:link,
.topicpass a:hover,
.topicpass a:visited,
.topicpass a:active {
  color: var(--g_dark);
}
.other-lbl01,
.other-lbl05 {
  background-color: var(--g_light);
}
.other-lbl01:after,
.other-lbl01-2:after {
  background-color: var(--g_dark);
}
.other-lbl05:after {
  background-color: var(--g_dark) !important;
}
.other-lbl-policy {
  border-top: 1px solid var(--g_m_dark);
  border-bottom: 1px solid var(--g_m_dark);
}
.other-lbl04,
.other-lbl-policy {
  border-top: 1px solid var(--g_main);
  border-bottom: 1px solid var(--g_main);
}
.other-lbl04::before {
  color: var(--g_dark);
}
.other-btn02 a {
  background-color: var(--g_dark);
}
.read-lbl-center {
  color: var(--black);
}
.foo-contact-inner1 {
  border: 1px solid var(--g_m_dark);
}
.sidebar-wrap {
  background-color: var(--g_dark);
}
#menu-solution_sidebar .current-menu-item a:link,
#menu-solution_sidebar .current-menu-item a:hover,
#menu-solution_sidebar .current-menu-item a:visited,
#menu-solution_sidebar .current-menu-item a:active {
  color: var(--g_dark);
}
#menu-solution_sidebar .current-menu-item {
  background-color: var(--g_m_light);
}
.pagination .current {
  background: var(--g_dark);
}
.mfp_element_submit,
.mfp_element_reset,
.mfp_element_button,
button.mfp_next,
button.mfp_prev {
  color: var(--g_m_dark) !important;
}

.svr-nas-trouble-wrap::before {
  background-color: var(--g_light);
}
.svr-nas-trouble-box {
  border: 3px solid var(--g_m_dark);
}
.sol-comment-box1,
.sol-comment-box2 {
  border: 3px solid var(--g_m_dark);
}
.sol-comment-box1::after,
.sol-comment-box2::after {
  border-top: solid 3px var(--g_m_dark);
  border-right: solid 3px var(--g_m_dark);
}
.svr-nas-trouble-box li:nth-child(odd) {
  background-color: var(--g_light2);
}
.arrow-bt1 {
  border-top: 40px solid var(--g_m_dark);
}
.comment-area-textbox {
  border: solid 3px var(--g_light);
}
.svr-nas-merit-num {
  background-color: var(--g_m_dark);
}
.svr-nas-merit-title {
  border: 3px dashed var(--g_m_dark);
}
.other-lbl06::before {
  border-left: 5px solid var(--g_m_dark);
}
.svr-nas-point-wrap::before {
  background-color: var(--g_m_dark);
}

.vpn-telwk-tab {
  outline: 3px solid var(--g_m_light);
}
.vpn-telwk-tab:after {
  background: var(--g_m_dark);
}
.sol-numbering-lbl {
  background-color: var(--g_m_light);
}
.sol-numbering-lbl span {
  background-color: var(--g_dark);
}
.comment-area-textbox:after {
  border-top: solid 3px var(--g_light);
  border-right: solid 3px var(--g_light);
}
.acd-label {
  background: var(--g_light);
  border: 1px solid var(--g_m_dark);
}
.acd-label i {
  color: var(--g_m_dark);
}
.copy-halfhalf-box1 {
  background-color: var(--g_m_dark);
}
.copy-halfhalf-area {
  border: 5px solid var(--g_m_dark);
}
.cont-lbl01 span {
  background: linear-gradient(transparent 55%, var(--g_m_light) 55%);
}
.news-ar-day {
  border-bottom: 3px solid var(--g_light);
}
.cont-single-bt {
  border-bottom: 3px solid var(--g_light) !important;
}
.post-navigation .nav-links a:link,
.post-navigation .nav-links a:hover,
.post-navigation .nav-links a:visited,
.post-navigation .nav-links a:active {
  color: var(--black);
}

.icon-footer-sns::after {
  border: var(--g_m_dark) 1px solid;
}