@charset "UTF-8";

#report
{
	padding: 7rem 1rem 10rem;
	max-width: 1200px;
	justify-content: space-between;
}

#contents
{
	width: calc(100% - 5rem);
}

#contents > div
{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 2rem;
	background-color:rgb(255, 255, 255);
	border-radius: 1rem;
}

#report .title
{
	margin-bottom: 2rem;
}

#report .title h1
{
	font-size: 1.5rem;
	margin-bottom: .5em;
}

#report .title .retreat,
#report .title .time
{
	font-family: 'R-M','GG-M', sans-serif;
	font-weight: 500;
	color: rgb(100, 100, 100);
}

#report .title .retreat:before,
#report .title .time:before
{
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	margin-right: .25em;
}
#report .title .retreat:before
{
	content:"\f0c1";
}
#report .title .time:before
{
	content:"\f017";
}

#report .link
{
	display:flex;
	flex-direction:column;
	align-items:center;
	margin: 5rem 0 3rem;
}

#report .link .direction
{
	letter-spacing: .1em;
}

#contents h2
{
	font-size: 1.1rem;
}


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

@media screen and (max-width: 800px)
{

}