@charset "UTF-8";

/* サイトマップ　*/


.sitemap-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 4%; 
}
.sitemap-section .sitemap-item {
  width: calc((100% - 8%) / 3);
  box-sizing: border-box;
  margin-bottom: 50px;
}

.item-ttl {
	color: #00A0C8;
	font-size: 1rem;
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
}
.item-ttl:after {
	width: 100%;
	height: 6px;
	background-image: url("/admission/assets/img/about_img/txt-box-ttl-line.svg");
	background-position: left center;
	background-size: cover;
	left: 0;
	bottom: 0;
}
.sitemap-item > ul > li > a {
	color: #000;
	text-decoration: none;
	font-size: 1rem;
	line-height: 1.6em;
	transition: all .3s;
	display: inline-block;
	position: relative;
}
.sitemap-item > ul > li > ul {
	padding-left: 1em;
	margin-top: 5px;
	margin-bottom: 20px;
}
.sitemap-item > ul > li > ul li {
	line-height: 1.5em;
}
.sitemap-item > ul > li > ul li a {
	color: #000;
	text-decoration: none;
	font-size: .8rem;
	display: inline-block;
	position: relative;
	transition: all .3s;
}
.sitemap-item > ul > li a:after,
.sitemap-item > ul > li > ul li a:after {
	position: absolute;
	right: -8px;
	top: calc(50% - 3px);
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 2px solid #00a0c8;
	border-right: 0;
}
.sitemap-item > ul > li > ul li a.window:after {
	position: absolute;
	right: -15px;
	top: calc(50% - 3px);
	width: 6px;
	height: 6px;
	background-image: url("/admission/assets/img/common_img/window.svg");
	border: none;
}
@media (hover: hover) {
	.sitemap-item > ul > li > a:hover {
		color: var(--main-color);
	}
	.sitemap-item > ul > li > ul li > a:hover {
		color: var(--main-color);
	}
}
@media screen and (max-width: 834px) {
	.item-ttl{
		color: #00A0C8;
		font-size: 1rem;
	}
	.item-ttl:after {
		
	}
}


@media screen and (max-width: 843px) {
	.sitemap-section .sitemap-item {
		width: calc((100% - 4%) / 2);
		box-sizing: border-box;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 480px) {
	.sitemap-section .sitemap-item {
		width: calc((100% - 4%) / 1);
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	.sitemap-item > ul > li > a {
		font-size: 0.9rem;
	}
	.sitemap-item > ul > li > ul {
		margin-bottom: 20px;
	}
}