@charset "utf-8";

.sitemap-subtitle-en {
	margin-bottom:50px;
}

.sitemap {
  max-width: 1180px;
  border-top:1px solid #666;
  margin: 0 auto;
  padding: 2rem 0;
  font-size: 1rem;
}

/* --- 共通 --- */
.sitemap ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sitemap li {
  margin: 0.5rem 0;
}

.sitemap a {
  color: #000;
  text-decoration: none;
}

.sitemap a:hover,
.sitemap a:focus {
  text-decoration: underline;
}

/* 階層インデント */
.sitemap ul ul {
  padding-left: 1rem;
}

.sitemap ul ul.subpage {
	padding-left: 1.6rem;
}

/* --- ② 中項目（flexで2カラム） --- */
.sitemap-main > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
}

/* 各ブロックを2カラムにする（PC） */
@media (min-width: 900px) {
  .sitemap-main > ul > li {
    width: calc(50% - 1rem);
  }
}

/* スマホ・タブレットは1カラム */
@media (max-width: 899px) {
  .sitemap-main > ul > li {
    width: 100%;
  }
}

/* --- ①最上段、③最下段：1カラムのまま --- */
.sitemap-top ul {
  margin-bottom: 25px;
}

.sitemap-bottom li {
  margin: 1rem 0;
}

.sitemap-mainbox {
	border:1px solid #666;
	padding:24px 28px;
}

.sitemap-bold-large {
	font-size:21px;
	font-weight:bold;
}

.sitemap-mainbox > ul {
	margin-top:20px;
}

@media (max-width: 700px) {
	.sitemap li {
  	margin: 6px 0;
	}
	.sitemap li a {
		font-size: 15px;
	}
	.sitemap li a.sitemap-bold-large {
		font-size:17px;
	}
	.sitemap-bottom li {
		margin: 10px 0;
	}
	.sitemap-mainbox {
		padding:15px 20px;
	}
}