@charset "UTF-8";

hgroup
{
	text-align: left;
	margin: 0 auto;
}

hgroup p
{
	margin-bottom: 0;
}

.page-titleimg
{
	background-image: url(../img/sitemap/top.webp)
}

@media screen and (max-width:500px)
{
	.page-titleimg
	{
		background-image: url(../img/sitemap/top-sp.webp)
	}
}

.area
{
	padding-bottom: 100px;
}

.area ul li
{
	font-size: 1.8rem;
	font-weight: 500;
	padding: 16px 0;
	display: block;
	border-bottom: 1px solid #9F9F9F
}

.area ul li ul li
{
	font-size: 1.6rem;
	padding: 8px 0 4px 2em;
	font-weight: 400;
	border: none
}

.area ul li ul li ul li
{
	font-size: 1.6rem;
	padding: 8px 0 4px 2.5em;
	font-weight: 400;
	border: none
}

.area a:hover
{
	color: var(--brown-d)
}

@media screen and (max-width:999px)
{
	.area
	{
		padding-bottom: 50px;
	}

	.area ul li
	{
		font-size: 1.6rem
	}

	.area ul li ul li
	{
		font-size: 1.4rem;
		padding: 4px 0 4px 0;
		line-height: 1.4
	}

	.area ul li ul li ul li
	{
		font-size: 1.4rem;
		padding: 4px 0 2px 1em
	}
}