﻿

/* =============== faq =============== */
/* =大区分の名称とプラスボタン= */
#faq h3 {
  background: url(../img/icon_plus.png) no-repeat 98%;
  background-color: #AACF53;
  color: #fff;
  font-size: 1.2rem;
  margin: 2rem 0 0 0;
  padding: 1rem;
  text-align: center; }

#faq h3.active {
  background: url(../img/icon_minus.png) no-repeat 98%;
  background-color: #AACF53; }

#faq h4 {
  background: url(../img/icon_plus.png) no-repeat 98%;
  background-size: 1rem;
  background-color: #fff;
  color: #333;
  padding: 1rem;
  text-align: left;
  font-size: 1rem; }

#faq h4.active {
  background: url(../img/ico_minus.png) no-repeat 98%;
  background-size: 1rem;
  background-color: #fff;
  border-bottom: 1px #333 solid;
  margin-bottom: 0; }

#faq .ques-box {
  background: rgba(0, 170, 170, 0.15);
  display: none;
  padding: .5rem;
  margin: 0 0 0 0;
  word-break: break-all; }

#faq .ques-box ul.ques,
#faq .ques-box ul.ques-sub {
  background: #fff;
  margin: 0;
  padding: 0 .5rem; }

#faq .ques-box ul.ques-sub {
  display: none;
  margin: 0 0 .5rem 0; }

#faq .ques-box ul.ques li,
#faq .ques-box ul.ques-sub li {
  list-style: none; }

#faq .ques-box ul.ques li.red,
#faq .ques-box ul.ques-sub li.red {
  color: #AACF53; }

#faq .ques-box ul.ques li:nth-child(odd),
#faq .ques-box ul.ques-sub li:nth-child(odd) {
  font-weight: bold;
  padding: 1.5rem 0 .5rem 0; }

#faq .ques-box ul.ques li:nth-child(even),
#faq .ques-box ul.ques-sub li:nth-child(even) {
  border-bottom: 1px solid #AACF53;
  padding: 0 0 1.5rem 0; }

#faq .ques-box ul.ques li:last-child,
#faq .ques-box ul.ques-sub li:last-child {
  border-bottom: none; }




