@charset "UTF-8";

/* sitemap-section */
@media all {
	.sitemap-nav-item.sitemap {display: none;}
	.sitemap-nav-item > a {
		display: block;
		border-bottom: var(--max1px) solid rgba(122,132,140,.5);
		font-weight: bold;
		color: var(--main-color);
	}
	.sitemap-nav-item > a > small {
		display: block;
		margin-top: -.5em;
		color: var(--gray);
		font-weight: 500;
	}
	.sitemap-nav-item_2::before {
		content: '-';
		display: inline-block;
		margin-right: .5em;
	}
	.sitemap-nav-list_2 {margin-top: 1em;}
	.projects .sitemap-nav-list_2 {counter-reset: cnt;}
	.projects .sitemap-nav-item_2 {counter-increment: cnt;}
	.projects .sitemap-nav-item_2 > a {
		display: inline-flex;
		align-items: center;
		line-height: 2.25;
	}
	.projects .sitemap-nav-item_2 > a::before {
		content: counter(cnt, decimal-leading-zero);
		order: 1;
		margin-right: 6rem;
		display: inline-block;
		width: 1.9em;
		height: 1.9em;
		border-radius: 50%;
		background-color: var(--main-color);
		font-size: 11rem;
		color: #fff;
		text-align: center;
		transform: translateY(-2rem);
	}
	.sitemap-nav-item:not(.projects) .sitemap-nav-item_2 > a > small::before,
	.projects .sitemap-nav-item_2 > a > small::after {
		content: '/';
		display: inline-block;
		margin: 0 .4em;
	}
	.projects .sitemap-nav-item_2 > a {flex-direction: row-reverse;}
	.sitemap-nav-item .nav-accordion-opener {display: none;}
	/* sp */
	@media only screen and (max-width: 767px) {
		.bg-webp {padding-bottom: 80rem;}
		.sitemap-nav-list + .sitemap-nav-list,
		.sitemap-nav-item + .sitemap-nav-item {margin-top: 1.5em;}
		.sitemap-nav-item.projects {
			width: 100%;
		}
		.sitemap-nav-item > a {font-size: 18rem;}
		.sitemap-nav-item > a small {font-size: 15rem;}

		.projects .sitemap-nav-item_2 > a {
			flex-direction: row;
			flex-wrap: wrap;
			width: calc(100% - 1em);
		}
		.projects .sitemap-nav-item_2 > a::before {order: 1;}
		.projects .sitemap-nav-item_2 > a > span {
			position: relative;
			order: 3;
			padding-left: 35rem;
			width: 100%;
			line-height: 1.75;
		}
		.projects .sitemap-nav-item_2 > a > small {order: 2;}
		.projects .sitemap-nav-item_2 > a > small::after {content: none;}
		.projects .sitemap-nav-item_2 > a > span::before {
			content: '/';
			position: absolute;
			left: 26rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.bg-webp {padding-bottom: 200rem;}
		.sitemap-nav-item a {transition: opacity .3s;}
		.sitemap-nav-item a:hover {opacity: .7;}
		.sitemap-nav-list {
			display: flex;
			flex-wrap: wrap;
			margin: 100rem auto 0;
			width: 1000rem;
			gap: 100rem 50rem;
		}
		.sitemap-nav-item {width: 300rem;}
		.sitemap-nav-item.projects {
			padding-right: 350rem;
			width: 100%;
		}
		.sitemap-nav-item > a {font-size: 20rem;}
		.sitemap-nav-item > a small {font-size: 15rem;}

		@media (max-width: 1024px) {
			.sitemap-nav-list {width: 650rem;}
			.sitemap-nav-item.projects {padding: 0;}
		}

	}
}








/* template-section */
@media all {
	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {}
}