@charset "UTF-8";
.csrArea{}
.csrArea .readBlock{
	margin-top: 40px;
	margin-bottom: 60px;
}
.csrArea .readBlock h3{
  font-size: 20px;
	font-weight: bold;
  color: rgb(37, 46, 115);
  line-height: 1.7;
  text-align: center;
  margin-bottom: 34px;
}

.csrArea .readBlock p{
	font-size: 14px;
	line-height: 1.667;
	text-align: center;
}
.csrArea .readBlock p.nameBlock{
	margin-top: 25px;
}
.csrArea .readBlock p.nameBlock span{
	font-size: 20px;
	font-weight: bold;
}

.csrArea .imgList{}
.csrArea .imgList h3{margin-bottom: 20px;}
.csrArea .imgList ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.csrArea .imgList ul li{
	width: 310px;
	margin-bottom: 20px;
}
.csrArea .imgList ul li img{
	width: 100%;
}

.csrArea .manyyearsBlock{
	box-sizing: border-box;
	padding: 35px 50px;
	background: #f0f0f5;
}
.csrArea .manyyearsBlock h3{margin-bottom: 20px;}
.csrArea .manyyearsBlock p{font-size: 14px; margin-bottom: 25px;}
.csrArea .manyyearsBlock ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.csrArea .manyyearsBlock ul li{
	width: 428px;
}
.csrArea .manyyearsBlock ul li img{}


/* SP */
@media only screen and (max-width: 767px) {
	.csrArea .readBlock h3{
		font-size: 14px;
	}
	.csrArea .readBlock p{
		line-height: 1.75em;
		font-size: 12px;
		letter-spacing: -0.1px;
		margin-bottom: 20px;
	}

	.csrArea .readBlock p.nameBlock span{
		font-size: 16px;
		font-weight: bold;
	}
	.csrArea .imgList ul{margin-bottom: 25px;}
	.csrArea .imgList ul li{
		width: 47.5%;
		margin-bottom: 5%;
	}
	.csrArea .manyyearsBlock{
		padding: 22px 16px 10px 16px;
	}
	.csrArea .manyyearsBlock ul li{width: 100%;}
	.csrArea .manyyearsBlock ul li img{width: 100%; margin-bottom: 4%;}

	.csrArea .manyyearsBlock p{
		line-height: 1.642857142863em;
		font-size: 14px;
		margin-bottom: 15px;
	}

}