@charset "UTF-8";

main {padding-bottom: 5%;}

.card {
	background: #F4E9F1 url("../feedback/images/ornament-top.png") no-repeat scroll left 0.5% top 8px;
	position: relative;
	margin: 6.9% 0.8% 0;
	padding: 11.5% 12%;
	font-size: 17.5px;
	text-align: center;
}
.card::after {
	content: "";
	background: transparent url("../feedback/images/ornament-bottom.png") no-repeat scroll right 0.9% bottom 13px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.card, .card::after {
	background-size: 22.417503% auto;
}
.card h3, .card p {
	position: relative;
	text-align: left;
}
.card h3 {
	display: inline-block;
	padding-bottom: 0.35em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: 0 2% 1%;
	font-size: 19.5px;
}
.card h3::before {
	content: "◆";
	color: #850C68;
	margin-right: 0.4em;
}
.card p {
	margin-top: 1.5em;
	line-height: 1.36;
}
.card span {
	background-color: rgba(244, 233, 241, 0.6);
}


@media only screen and (min-width: 639px) {
}

@media only screen and (max-width: 638px) {
}