@charset "utf-8";
main section {
	text-align: center;
	padding: 0 2%;
}
main section:nth-of-type(2) {
	background: #f5f5f5;
}
main h3 {
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 24px;
	margin: 0 0 50px;
	padding: 0 4%;
	box-sizing: border-box;
	line-height: 1.5;
}
main h3:before, main h3:after {
	position: absolute;
	color: #ccc;
	font-family: "Times New Roman", "serif";
	font-size: 80px;
	font-weight: normal;
	line-height: 1;
}
main h3:before {
	left: -42px;
	content: "“";
	top: -15px;
}
main h3:after {
	right: -42px;
	content: "”";
	bottom: -70%;
}
main h3+p {
	max-width: 768px;
	margin: 0 auto;
	opacity: .78;
}

@media only screen and (max-width: 1024px) {
main h3 {
 font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1024 - 320)));
}
main h3:before, main h3:after {
	font-size: 50px;
}
main h3:before {
	left: -20px;
	top: -20px;
}
main h3:after {
	right: -20px;
	bottom: -85%;
}
}