/*トグルになるメニューの初期のデザイン*/
dl.toggle{
 max-width: 900px;
 width: 96%;
 margin: 0 auto;
}
dl.toggle dt {
	margin-top:16px;
	cursor:pointer;
	padding:20px 20px 20px 20px;
  position: relative;
 background: #2E60A2;
 text-align: center;
 color: white;
 font-size:1.2em;
}

dl.toggle dt::before { 
 content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  right: 2%;
  margin-top: -4px;
 color: white;
}


/*トグルになるメニューがアクティブ時のデザイン*/
dl.toggle dt.active {
	cursor:pointer;
	padding:20px 20px 20px 20px;
  position: relative;
 text-align: left;
 color: white;
 text-align: center;
}
dl.toggle dt.active::before {
 content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 2%;
  margin-top: -4px;
 color: white;
}

dl.toggle dd dl dt,dl.toggle dd dl dt.active {
 text-align: left;
 font-size:1.0em;
}
dl.toggle dd dl dd{
 background: #F1F1F1;
}
dl.toggle dd dl dd ul{
 list-style: none;
}
/*表示切り替えしたい要素は最初は非表示にしておく*/
dl.toggle dd {
	display:none;
	background:15px 25px #FFF;
	padding:20px 20px 20px 20px;
  text-align: left;
}
.faq-q{
/*	padding-left:3em;*/
  position: relative;
}
/*
.faq-q::before{
 content: 'Q';
  position: absolute;
 left: 0;
 background: #009749;
 color: white;
 padding: 0 0.4em;
}
*/
.faq-a{
/*	padding-left:3em;*/
  position: relative;
}
/*
.faq-a::before{
 content: 'A';
  position: absolute;
 left: 0;
 background: #0097BA;
 color: white;
 padding: 0 0.4em;
}
*/
dl.toggle dd img{
	width:40%;
	height:auto;
	padding-left:2%;
}

@media screen and (max-width: 768px) {
 dl.toggle dt {
 font-size:1.0em;
}
.sp-toggle .sp-t-midashi {
	cursor:pointer;
 position: relative;
}
.sp-toggle .sp-t-midashi::before { 
 content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #2E60A2;
  border-right: solid 2px #2E60A2;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 30%;
  right: 2%;
  margin-top: -4px;
 color: white;
}
.sp-toggle .sp-t-midashi.active::before {
 content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #2E60A2;
  border-right: solid 2px #2E60A2;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 30%;
  right: 2%;
  margin-top: -4px;
 color: white;
}
.sp-toggle .sp-t-inside{
	display:none;
}
 
}