@charset "UTF-8";

#audio-lp
{
	width: 100%;
	margin: 2rem auto;
	max-width: 1020px;
	padding: 0 2rem;
}

.statement
{
	display:flex;
	align-items: center;
	font-family: 'R-M', 'GG-M', sans-serif;
	font-weight: 550;
}

.statement h3
{
	font-size: 1.1rem;
	line-height:1;
	border:1px solid;
	padding: .5em 1em;
	border-radius: .5em;

	margin-right: 1em;
}

.content
{
	margin-top: 3rem;
	display:flex;
	flex-direction: row-reverse;
}

.content > figure
{
	min-width: 500px;
}

.content > div
{
	margin-right: 3rem;
}

.content > div >p + p
{
	margin-top: .5em;
}

.content h3
{
	margin: 2em 0 .5em;
}

.content ol.num
{
	margin-bottom: 2rem;
}

.content ol.num > li
{
	font-family: 'R-M', 'GG-M', sans-serif;
	font-weight: 550;
	border-bottom: 1px solid;
	margin-bottom: .5em;
	padding-bottom: .5em;
}

.caution
{
	font-size: .9em;
}

/*//////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA SCREEN ////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 600px), (max-height: 600px)
{
	.content
	{
		flex-direction: column;
	}
	.content > div
	{
		margin-right:0;
	}
}