@charset "utf-8";

#icon{
	width:130px;
	margin:40px auto 20px;
}

#catch{
	text-align:center;
}

#catch h2{
	display:inline-block;
	font-weight:700;
	font-size:24px;
	background:linear-gradient(transparent 60%, #ffff66 60%);
}

#catch p{
	font-size:22px;
	margin-top:5px;
}

#qa ul{
	width:790px;
	margin:70px auto 0;
  justify-content: space-between;
  align-items: start;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#qa ul li{
	width:255px;
}

#qa ul li a{
	display:block;
	color:#000;
	line-height:1.6;
}

#qa ul li a:hover{
  opacity: 1.0;
}

#qa ul li h3{
	width:255px;
	margin:0 auto 15px;
}

#qa ul li p{
	width:230px;
	margin:15px auto 0;
}

#qa ul li .qa_img{
	height:260px;
	margin:0 auto;
}

#qa ul li:nth-child(1) .qa_img{
	background: url(../images/q1.png) no-repeat center top;
}

#qa ul li:nth-child(2) .qa_img{
	background: url(../images/q2.png) no-repeat center top;
}

#qa ul li:nth-child(3) .qa_img{
	background: url(../images/q3.png) no-repeat center top;
}

#qa ul li a .qa_img img{
	opacity: 0;
	transition: 0.4s ;
}

#qa ul li a:hover .qa_img img{
	opacity: 1.0;
}


@media screen and (max-width:780px) {
	#qa ul{
		width:100%;
		margin:70px auto 0;
	  justify-content: space-between;
	  align-items: start;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#qa ul li{
		width:100%;
		margin-bottom:40px;
	}

	#qa ul li:last-child{
		margin-bottom:0;
	}

	#qa ul li:nth-child(1) .qa_img{
		width:255px;
	}

	#qa ul li:nth-child(2) .qa_img{
		width:255px;
	}

	#qa ul li:nth-child(3) .qa_img{
		width:255px;
	}
}