@charset "utf-8";

.iconQ {
	width: 45px;
  height: 100%;
  display: inline-block;
  color: #fff;
  background: #8080ff;
  padding: 2px 10px;
  margin-right: 10px;
  margin-top: 0 !important;
}
.iconA {
  width: 215px;
  height: 100%;
  display: inline-block;
  color: #fff;
  background: #ff6633;;
  padding: 2px 10px;
  margin-right: 10px;
  margin-top: 0 !important;
  text-align: center;
}

.iconCategory {
  height: 100%;
  display: inline-block;
  width: 160px;
  text-align: center;
  color: #fff;
  padding: 2px 0;
  margin-right: 10px;
  margin-top: 0 !important;
}
.cate-trouble {
  background: #D05355;
}
.cate-setup {
  background: #090;
}
.cate-feature {
  background: #4472c4;
}




.sp-Nav {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom:40px;
}
.low-Nav.sp-Nav {
	border-top: none;
	margin-bottom:40px;
}
.sp-Nav ul {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.sp-localNav, .sp-localNavG {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	height: 100%;
	width: 100%;
}
.sp-localNav li {
	display: table-cell;
	height: 100%;
	background: #0059b3;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	vertical-align: middle;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: .2s;
}
.low-Nav .sp-localNav li {
	border-bottom: 1px solid #e5e5e5;
    border-top:none; 
}
.sp-localNav a {
	display: table;
	height: 100%;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: middle;
	text-align: center;
	line-height: 1.1;
	color: #fff;
	transition: .2s;
}
.sp-localNav a:before, .sp-localNavG a:before {
	display: table-cell;
	vertical-align: middle;
	content: '';
	width: 0;
	/*height: 40px;*/
	height: 46px;
}
.sp-localNav span, .sp-localNavG span {
	display: table-cell;
	padding: 0 3px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sp-localNav .current,
.sp-localNav .active,
.sp-localNav li:hover,
.sp-localNav li:focus {
	background: #fff;
}
.sp-localNav .current a,
.sp-localNav .active a,
.sp-localNav a:hover,
.sp-localNav a:focus {
	background: #fff;
	border-bottom-color: #fff;
	text-decoration: none;
	color: #000;
}
/* タブ表示 グレー */
.sp-localNavG li {
	display: table-cell;
	height: 100%;
	background: #999;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	vertical-align: middle;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: .2s;
}
.sp-localNavG a {
	display: table;
	height: 100%;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: middle;
	text-align: center;
	line-height: 1.1;
	color: #fff;
	transition: .2s;
}
.sp-localNavG .current,
.sp-localNavG .active,
.sp-localNavG li:hover,
.sp-localNavG li:focus {
	background: #fff;
}
.sp-localNavG .current a,
.sp-localNavG .active a,
.sp-localNavG a:hover,
.sp-localNavG a:focus {
	background: #fff;
	border-bottom-color: #fff;
	text-decoration: none;
	color: #000;
}

/*アコーディオン ---------------------------*/
.disp-none{
  display: none;
}

.accordion-area{
  border:1px solid #005AB4;
  /*padding: 10px;*/
}

.accordion-area .faq-question-area{
  color: #005AB4;
  padding: 10px 3em 10px 10px;
}
.accordion-area .faq-answer-area{
  border-top: 1px solid #ccc;
  padding-top: 15px;
  padding: 15px 10px 10px 10px;
  
}

.accordion-area .faq-question-area{
  position: relative;
}

.faq-question-area > .faq-question-title::before, 
.faq-question-area > .faq-question-title::after {
  content: "";
  display: block;
  position: absolute;
  right: 2%;
  top: 48%;
  width: 14px;
  height: 2px;
  background-color: #1357C4;
  border-radius: 1px;
}
.faq-question-area > .faq-question-title::after {
  transform: rotate(90deg);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.faq-question-area.open > .faq-question-title::after {
transform: rotate(0deg);
}