@charset "UTF-8";

/* archive-list (archive) */
@media all {
	.sitemap-dt {
		position: relative;
		border-bottom: max(1rem, 1px) solid var(--blue);
		font-weight: bold;
	}
	.sitemap-dt::after {
		content: '';
		position: absolute;
		left: 0;
		top: 2em;
		display: block;
		width: 100%;
		height: max(1rem, 1px);
		background: linear-gradient(to right, var(--red), #fff);
	}
	.sitemap-dt a {line-height: 1;}
	.sitemap-dt a::after {
		content: attr(data-en);
		display: block;
		margin-top: .75em;
		width: 100%;
		color: var(--red);
		font-weight: 500;
		line-height: 1.5;
	}
	.sitemap-lower-list li::before {
		content: '-';
		display: inline-block;
		margin-right: .5em;
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.sitemap-section {margin-bottom: 80rem;}
		.sitemap-dl {padding: 0 20rem;}
		.sitemap-dl {margin-bottom: 40rem;}
		.sitemap-dt {
			padding-bottom: 11rem;
			font-size: 16rem;
		}
		.sitemap-dt a::after {font-size: 11rem;}
		.sitemap-lower-list {
			display: flex;
			flex-wrap: wrap;
			margin-top: 11rem;
			font-size: 13rem;
		}
		.sitemap-lower-list li {width: 50%;}

	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.pc_flex {
			display: flex;
			flex-wrap: wrap;
			margin: 0 auto;
			max-width: 1000rem;
		}
		.sitemap-dl {
			margin-bottom: 80rem;
			margin-left: 53rem;
			width: 210rem;
		}
		.sitemap-dt {
			font-size: 18rem;
		}
		.sitemap-dt a::after {font-size: 12rem;}
		.sitemap-lower-list {
			margin-top: 18rem;
			font-size: 14rem;
		}

	}
	/* pc */
	@media print,
	(min-width: 1025px) {
		.sitemap-dl:nth-child(4n+1) {margin-left: 0;}
	}
	/* tab */
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		.pc_flex {max-width: 736rem;}
		.sitemap-dl:nth-child(3n+1) {margin-left: 0;}
	}
}