/* CSS Document */
@import url("reset.css");
@import url("common.css");
@import url("styles.css");

/* H2
---------------------------------------------------------- */
#h2Hanger::after{ background-image: url("../img/other/bg_h2.jpg");}



/* Sitemap List
---------------------------------------------------------- */
.sitemap_list{
}

.sitemap_list li{
	list-style: none;
	background-color: rgba(86,86,152,0.10);
	border-radius: 10px;
}

.sitemap_list li a{
	position: relative;
	display: block;
	padding-right: 30px;
}
.sitemap_list li a::after{
	content: '';
	position: absolute;
  right: 10px;
  top: calc(50% - 5px);
	width: 10px;
  height: 10px;
  border-top: solid 2px var(--mainColor);
  border-right: solid 2px var(--mainColor);
	transform: rotate(45deg);
}

.sitemap_list > li{
	margin: 15px 0;
	padding: 30px;
	font-weight: 700;
}

.sitemap_list > li > ul{
	margin: 15px 0 0 0;
	padding: 0;
	display: -webkit-box;
	display: flex;
  -webkit-box-align: stretch;
				align-items: stretch;
  -webkit-box-pack: justify;
				justify-content: space-between;
	flex-wrap: wrap;
}
.sitemap_list > li > ul::after {
	content: "";
	display: block;
	width: 32%; /* 子要素と同じ幅 */
}

.sitemap_list li > ul > li{
	width: 32%;
	margin: 5px 0;
	background-color: #fff;
	font-weight: 500;
}

.sitemap_list li > ul > li a{
	padding: 10px 30px 10px 10px;
}

@media screen and (max-width: 690px){
	.sitemap_list > li{ padding: 15px;}
	.sitemap_list li > ul > li{ width: 100%;}
}


/* Graduate
---------------------------------------------------------- */
.sentence{
	max-width: 900px;
	margin: 0 auto 40px;
	padding: 30px;
	background-color: rgba(204,118,173,0.10);
	border: 1px solid var(--subColor);
	border-radius: 10px;
}

.sentence h5{
	margin: 0 0 15px 0;
	color: var(--subColor);
	text-align: center;
}

.sentence p{ padding: 0;}

@media screen and (max-width: 690px){
	.sentence{
		margin: 0 auto 15px;
		padding: 20px;
	}
	.sentence h5{ margin: 0 0 10px 0;}
}