﻿@charset "UTF-8";

/* QA部分の文字色変更　試験利用　20250425変更 */
.qa .question {
  color: #000000;
}
.qa #AnswerQT .guide {
  color: #000000;
}
/* アンサーのアイコン画像変更　20250425追加 */
.qa #AnswerQT .guide::after {
  background: url(../img/icon_qa_qtmobile.svg) center no-repeat;
  background-size: contain;
}


/* 文字サイズ変更 */
@media only screen and (max-width: 768px) {
  body {
    font-size: 1.6rem;
  }
}


/*スマホ時横スライドテーブル*/
@media only screen and (max-width: 768px) {
  .sp_slide_table {
    overflow-x: scroll;
    position: relative;
  }
  .sp_slide_table th,
  .sp_slide_table td {
    white-space: nowrap;
  }
}


/* スマホテーブルスライドヒント表示 */
.pct_scrollhint {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 1rem;
  display: none;
  font-size: 1.1rem;
  padding: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.pct_scrollhint.active {
  display: block;
}
.pct_scrollhint span {
  color: #fff;
  display: block;
  margin-top: .5rem;
  white-space: nowrap;
}


/* ヘッダー・パンくず */
.service-wrap .breadCrumbs {
  color: #1f3134;
}
.service-wrap .breadCrumbs a:link,
.service-wrap .breadCrumbs a:visited {
  color: #1f3134;
}
.service-wrap .breadCrumbs li::after {
  border-color: #1f3134;
}
.ttl-ulayer h2 {
  color: #1f3134;
}

/* キーワードボックス */
.keyword-box ul li a {
  color: #1f3134;
}

/* メイン */
.list-article.list-qa-link li a .ttl-q {
  color: #1f3134;
}
.list-article.list-qa-link li a .txt-a::before {
  background: url(../img/icon_qa_qtmobile.svg) center no-repeat;
  background-size: contain;
}

/* カテゴリーボタン */
.btn-category li a {
  color: #1f3134;
}
.btn-category li a:after {
  border-top: 1px solid #1f3134;
  border-right: 1px solid #1f3134;
}

/* サイドバー */
.faq-search-list h4 {
  color: #1f3134;
}

/* カテゴリーページ */
.ttl-large {
  color: #1f3134;
}
.faq_category_btn li a {
  border: 1px solid #ABCD03;
  color: #1f3134;
}
.color-second-l {
  color: #1f3134;
}

/* 詳細ページ */
.qa .question,
.qa #AnswerQT .guide,
.problem_solving #anc_Area .btn-block p a {
  color: #1f3134;
}
.problem_solving #anc_Area .btn-block p.yes a {
  border: none;
}
.problem_solving #anc_Area .btn-block p.no a {
  background: #bbb;
  border: none;
}
#AnswerQT .num::before {
  color: #1f3134;
}

/* フッター */
.contact-block {
  color: #1f3134;
}
.bg-bl {
  background: #aacc03;
}
.contact-block .btn-base a {
  background: #fff;
}
.contact-block .btn-base a:hover {
  opacity: .7;
}


/* 一覧ページマウスホバー */
.list-article.list-qa-link li a:hover {
  background: #f5f5f5;
  color: #333;
}
