/* タブ切り替え */
#faq .TAB{
	display: flex;
	flex-wrap: wrap;
  justify-content: space-between;
}
#faq .TAB .tabLabel {
  color: #007CA4;
  font-weight: 700;
	background: #F2F2F2;
  font-size: 18px;
	padding: 1em 0;
  text-align: center;
  border-right: 1px solid #E0E0E0;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
	flex: 1;
	order: -1;
	transition: .5s ;
	cursor: pointer;
}
#faq .TAB .tabLabel:first-of-type {
  border-left: 1px solid #E0E0E0;
}
#faq .TAB .tabLabel:nth-last-of-type(1){ margin-right: 0; }
#faq .TAB input {
	display: none;
}
#faq .TAB input:checked + .tabLabel {
	color: #FFF;
	background: #007CA4;
  border-top: 1px solid #007CA4;
  border-bottom: 1px solid #007CA4;
}
#faq .TAB input:checked + .tabLabel + .faq_list {
	padding: 1em 0 0 0;
	height: auto;
	overflow: auto;
	transition: .5s opacity;
	opacity: 1;
}
#faq .TAB .faq_list {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}

#faq dl.faq{
  line-height: 1.7;
  margin: 30px 0;
}
#faq dl.faq dt{
  font-size: 16px;
  font-weight: 700;
  color: #007CA4;
}
#faq dl.faq dt::before{
  content: "Q";
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  font-size: 24px;
  color: #007CA4;
  margin: -5px 0.8em 0 0;
  float: left;
}
#faq dl.faq dd{
  clear: both;
  margin-bottom: 40px;
}
#faq dl.faq dd p{
  font-size: 14px;
  overflow: hidden;
}
#faq dl.faq dd::before{
  content: "A";
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  font-size: 24px;
  color: #FEC909;
  margin: -5px 0.8em 0 0;
  float: left;
}
#faq dl.faq dd p a{
  color: #007CA4;
  margin: 0 3px;
}
#faq dl.faq dd p a:hover{
  text-decoration: underline;
}
#faq dl.faq dd p a::after{ /*サイト内リンク*/
  content: url("../img/icn_link.svg");
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
#faq dl.faq dd p a.linkout::after{/*サイト外リンク*/
  content: url("../img/icn_linkout.svg");
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}


@media screen and (max-width: 768px) {
	#faq .TAB{
		margin-top: 30px;
	}
  #faq .TAB .tabLabel {
		display: block;
    flex-basis: 100%;
    margin-bottom: 2%;
    padding: 0.75em 0;
		border: 1px solid #E0E0E0;
  }
	#faq dl.faq{
		line-height: 1.6;
	  margin: 15px 0;
	}
	#faq dl.faq dd{
	  margin-bottom: 20px;
	}


}