@charset "UTF-8"; .fmin { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

/* JS有効時のみ、答えを非表示に（SEO配慮） */
html.js #qa .qa-answer { display: none; }

/* タイトルをボタン化 */
#qa .system-ttl-01 .qa-toggle{
  all: unset; /* リセット（必要なら個別指定も可） */
  display: block;
  width: 100%;
  cursor: pointer;
  padding-right: 2.2em; /* 右端の矢印スペース */
  position: relative;
}

/* フォーカス可視化 */
#qa .system-ttl-01 .qa-toggle:focus-visible{
  outline: 2px solid #3B82F6; /* 適度なアクセントカラーに */
  outline-offset: 4px;
  border-radius: 4px;
}

/* 右側の開閉アイコン（CSSだけで矢印） */
#qa .system-ttl-01 .qa-toggle .qa-caret{
  position: absolute;
  right: -25px;
  top: 50%;
  width: 1.2em;
  height: 1.2em;
  transform: translateY(-50%);
}
#qa .system-ttl-01 .qa-toggle .qa-caret::before,
#qa .system-ttl-01 .qa-toggle .qa-caret::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.2em;
  height: 2px;
  background: #999;
  transform: translate(-50%, -50%);
  transition: transform .25s ease;
}
/* 縦棒（＋）→ 展開時に回転して消える */
#qa .system-ttl-01 .qa-toggle .qa-caret::after{
  transform: translate(-50%, -50%) rotate(90deg);
}
#qa .system-ttl-01 .qa-toggle[aria-expanded="true"] .qa-caret::after{
  transform: translate(-50%, -50%) rotate(0deg);
}

/* Aブロックの余白微調整（既存を尊重して最小限） */
#qa .qa-answer .wysiwyg_qa { padding-top: 0.5em; }

/* 動きの感じを統一（jQuery slide と整合） */
@media (prefers-reduced-motion: reduce){
  * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

@media screen and (min-width: 768px) {

#qa .system-list-inner li {width: 1200px;margin:0 auto 40px;border: 1px solid #ccc;padding: 71px 0px 30px 40px;}
#qa .system-list-inner .system-ttl-01 {width: 960px;margin: 0 auto; padding-bottom: 15px; margin-bottom: 24px;position: relative;}
#qa .system-list-inner .system-ttl-01 .qqq {position: absolute;top: -14px;left: -78px;}
#qa .system-list-inner .wysiwyg_qa {width: 960px;margin: 0 auto;border-top: 1px solid #E5E5E5;position: relative;padding-top: 31px;padding-bottom: 30px;}
#qa .system-list-inner .wysiwyg_qa .aaa {position: absolute;top: 19px;left: -78px;}

 }

 
@media screen and (max-width: 767px) {

/* 右側の開閉アイコン（CSSだけで矢印） */
#qa .system-ttl-01 .qa-toggle .qa-caret{
  position: absolute;
  right: 3vw;
  top: 50%;
  width: 1.2em;
  height: 1.2em;
  transform: translateY(-50%);
}

#qa .system-list {width: 94.203vw;margin: 0 auto;}
#qa .system-list-inner li {width: 100%;border: 1px solid #ccc;margin-bottom: 9.662vw;padding: 9.662vw 5.314vw 2.2vw 17.8vw;}
#qa .system-list-inner .system-ttl-01 {width: 66.667vw;margin: 0 auto; padding-bottom: 2.5vw; margin-bottom: 5.797vw;position: relative;}
#qa .system-list-inner .system-ttl-01 .qqq {position: absolute;top: -4.2vw;left: -17.391vw;width: 14.493vw;}
#qa .system-list-inner .wysiwyg_qa {width: 66.667vw;margin: 0 auto;position: relative;border-top: 1px solid #E5E5E5;padding-top: 7.488vw; padding-bottom: 7.2vw;}
#qa .system-list-inner .wysiwyg_qa .aaa {position: absolute;top: 3.8vw;left: -17.391vw;width: 14.493vw;}

}