@charset "utf-8";

main {
	color: #333333;
	width: 80%;
	max-width: 640px;
	margin: 4px 24px;
	margin-left: auto;
	margin-right: auto;
}

.quote{
	background: none;
	border: 1px solid #5E534D;	/* 線の太さ・種類・色 */
	margin: 36px auto; /* 外側の余白 */
	padding: 10px 24px; /* 内側の余白 */
	position: relative;
}
.quote:after{
	background: none;
	border: 1px solid #5E534D;	/* 線の太さ・種類・色 */
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 100%;
	height: 100%;
	z-index: -1;
	box-sizing: content-box;
}

.source {
    text-align: right;
    font-size: small;
}

main h2 {
    font-size: 28px;
    border-bottom: solid;
    padding-bottom: 4px;
    margin: 4px 4px 24px;
	text-align: left;
}

main p {
    margin: 1.2rem 0;
	line-height: 1.6rem;
}

hr {
    width: 80%;
    margin: 36px auto;
    text-align: center;
}