/*----------------------------------------------------------------- */
/* REFERENCE
/*----------------------------------------------------------------- */

.block_reference h2
{
	padding-top: 50px;
}

.block_reference blockquote
{
	font-size: 2.2rem;
	font-style: italic;
	line-height: 3.4rem;

	position: relative;

	padding-right: 80px;
	padding-left: 40px;

	color: var(--color__brown);
}

.block_reference blockquote:before
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 2px;
	height: 100%;

	content: '';

	background: var(--color__brown);
}

.block_reference blockquote p
{
	margin-bottom: 10px;
}

.block_reference cite
{
	font-size: 1.5rem;
	font-style: normal;
	line-height: 2.3rem;

	margin-top: 20px;

	color: var(--color__brown-darker);
}

.block_reference figure
{
	margin: 0;
}

.block_reference img
{
	max-height: 40px;
	margin: 0 30px 0 0;
}

.block_reference blockquote .icon-quote
{
	position: absolute;
	top: 20px;
	right: 0;

	width: 58px;
	height: 58px;
}

@media (max-width: 960px)
{
	.block_reference h2
	{
		padding-top: 20px;
	}
}

@media (max-width: 760px)
{
	.block_reference blockquote
	{
		font-size: 1.9rem;
		line-height: 2.7rem;

		padding-right: 50px;
		padding-left: 20px;
	}

	.block_reference blockquote .icon-quote
	{
		top: 0;

		width: 30px;
		height: 30px;
	}
}