/* CSS Document */

h2 {
	font-size:18px;
}
.headUl02 {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.headUl02 > li {
	text-align:left;
	width:calc(100% / 3);
	padding:20px;
	margin-top:25px;
	margin-bottom:25px;
}
.headUl02 > li > img {
	display:block;
	margin:auto;
	width:250px;
}
.qa {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
}
.qaBox {
	width:calc(( 100% / 2 ) - 40px );
	padding:20px;
	border:1px solid #333;
	border-radius:10px;
	box-shadow:5px 5px #ccc;;
	margin:10px;
}
.q {
	padding:10px;
}
.a {
	padding:10px;
}
.q:before {
	content:'\51';
	font-family: 'Font Awesome 6 Free';
	font-weight:600;
	margin-right:10px;
}
.a:before {
	content:'\41';
	font-family: 'Font Awesome 6 Free';
	font-weight:600;
	margin-right:10px;
}

/* ������������������������������      Moile CSS @media screen and (max-width: 800px)   ������������������������������*/
@media screen and (max-width: 800px) {

.headUl02 > li {
	width:calc( 100% - 20px );
	float:none;
}
.headUl02 > li > img {
}


.qaBox {
	width:calc( 100%  - 40px );


}