@charset "utf-8";
/* CSS Document */

.about-info-1{
	width:100%;
	margin-bottom: 5em;
}
.about-info-1 img{
	width:50%;
	box-sizing: border-box;
	margin: 0 auto 20px;
}
.about-p-3{
	text-align: left;
	fon-size:16px;
}
.about-info-2,.about-info-3{
	width:80%;
	margin: 0 auto 5em;
}
.about-info-2 .about-info-img{
	width: 100%;
	display:flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
.about-info-2 .about-info-img figure{
	width:30%;
	margin: 0 auto 20px;
	padding: 5px;
}
.about-info-2 .about-info-img figure img{
	box-sizing: border-box;
}
.about-info-2 .about-info-img figure figcaption{
	display: block;
	text-align: center;
	font-size:16px;
	line-height: 1.5em;
	margin-top: 10px;
}
.about-info-3 .about-info-listimg{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}

.about-info-3 .about-info-listimg figure{
	width:15%;
	margin: 0 auto 20px; 
	padding: 10px;
}
@media screen and (max-width:800px){
	.about-info-3 .about-info-listimg figure{
		width:25%;
	}
}
@media screen and (max-width:400px){
		.about-info-2 .about-info-img figure{
		width:50%;
	}
	.about-info-3 .about-info-listimg figure{
		width:50%;
	}
}
.about-info-3 .about-info-listimg figure img{
	box-sizing: border-box;
}
.about-info-3 .about-info-listimg figure figcaption{
	font-size:16px;
	line-height: 1.5em;
	margin-top: 10px;
}