#question #subimage{
	background: url("../images/question/subimage.jpg") no-repeat center center;
}
#faq01 ul.faq li{
	border-bottom:dotted 3px #333;
	padding: 10px;
}
#faq01 ul.faq li dl{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	background: url("../images/question/ya.png") no-repeat left 43% center;
}
#faq01 ul.faq li dl dt{
	width: 45%;
	background: url("../images/question/q.png") no-repeat left center;
	padding: 10px;
	padding-right: 50px;
	padding-left: 80px;
	font-size:110%;
	font-weight: bold;
	min-height: 53px;
}
#faq01 ul.faq li dl dd{
	width: 55%;
	background: url("../images/question/a.png") no-repeat left center;
	padding: 10px;
	padding-left: 80px;
	min-height: 53px;
}
.tab {
}

.tab-buttons {
  display: flex;
	justify-content: center;
  border-bottom: 2px solid #fff;
}

.tab-buttons button {
  padding: 10px 20px;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  font-size: 100%;
		color:#333;
  transition: all 0.3s;
}

.tab-buttons button:hover {
  color: #dd6885;	
  border-bottom: 2px solid #dd6885;
}

.tab-buttons button.active {
  border-bottom: 2px solid #dd6885;
  color: #dd6885;
}

.tab-contents .content {
  display: none;
  padding: 20px 0;
  animation: fadeIn 0.3s ease-in-out;
}

.tab-contents .content.active {
  display: block;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*-------------------------sp----------------------------*/
@media screen and (min-width: 767px) and (max-width:1099px) {

}

@media (max-width: 767px) {

#faq01 ul.faq li dl{
	background: none;
}
#faq01 ul.faq li dl dt{
	background-size: 50px;
	width: 100%;
	padding: 10px 10px 10px 60px;
	min-height: 50px;
}
#faq01 ul.faq li dl dd{
	background-size: 50px;
	background-position: left top 10px;
	width: 100%;
	padding: 10px 10px 10px 60px;
}
	.tab-buttons {
		flex-wrap:wrap;
		}
	.tab-buttons button {
		padding:10px;
	}
}