@charset "UTF-8";

/* ========================================
   サイトマップページ (Sitemap Page)
======================================== */

/* --- ページヘッダー --- */
.sitemap-header {
	background: url('../img/common/corporate-subpage-header-image.png') no-repeat center center / cover;
	padding: 35px 20px;
	text-align: center;
}

.sitemap-header-title {
	color: #877469;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.5em;
}

/* --- サイトマップ本体 --- */
.sitemap-section {
	padding: 60px 0;
}

.sitemap-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* --- 各行 --- */
.sitemap-row {
	padding: 20px 30px;
	border: 1px solid #d5cbc2;
	background-color: #faf6f0;
}

/* --- リンク --- */
.sitemap-link {
	color: #789900;
	text-decoration: underline;
	display: inline-block;
	font-weight: 700;
	font-size: 1.0rem;
	line-height: 2;
	transition: opacity 0.3s;
}

.sitemap-link:hover {
	opacity: 0.7;
}

/* --- ラベル（リンクなし） --- */
.sitemap-label {
	font-weight: 700;
	color: #4d4d4d;
	font-size: 1.0rem;
}

/* --- ネスト行（保育運営事業） --- */
.sitemap-row--nested {
	display: flex;
	padding: 0;
}

.sitemap-col-left {
	width: 220px;
	min-width: 220px;
	padding: 25px 30px;
	border-right: 1px solid #d5cbc2;
}

.sitemap-col-right {
	flex: 1;
	padding: 25px 30px;
}

.sitemap-col-right > .sitemap-link {
	display: block;
	margin-bottom: 6px;
}

.sitemap-col-right > .sitemap-link:last-of-type {
	margin-bottom: 0;
}

/* --- 施設一覧 --- */
.sitemap-facilities {
	display: flex;
	margin-top: 10px;
	padding-top: 5px;
}

.sitemap-facilities-label {
	width: 100px;
	min-width: 100px;
	font-weight: 700;
	color: #4d4d4d;
	font-size: 1.0rem;
	padding-top: 8px;
	text-decoration: underline;
}

.sitemap-facilities-content {
	flex: 1;
}

/* --- 事業案内グループ --- */
.sitemap-group {
	border: 1px solid #d5cbc2;
	background-color: #faf6f0;
}

.sitemap-group > .sitemap-row,
.sitemap-group > .sitemap-row--nested {
	border: none;
	border-bottom: 1px solid #d5cbc2;
}

.sitemap-group > :last-child {
	border-bottom: none;
}

/* --- 地区 --- */
.sitemap-district {
	margin-bottom: 10px;
}

.sitemap-district:last-child {
	margin-bottom: 0;
}

.sitemap-district-name {
	display: block;
	color: #4d4d4d;
	font-weight: 700;
	font-size: 1.0rem;
	padding-top: 10px;
	padding-bottom: 2px;
}

.sitemap-district:first-child .sitemap-district-name {
	padding-top: 5px;
}

.sitemap-district .sitemap-link {
	padding-left: 15px;
}

/* ========================================
   レスポンシブ - タブレット
======================================== */
@media screen and (max-width: 1023px) {
	.sitemap-header {
		padding: 40px 20px;
	}

	.sitemap-header-title {
		font-size: 1.6rem;
	}

	.sitemap-col-left {
		width: 180px;
		min-width: 180px;
		padding: 20px 20px;
	}

	.sitemap-col-right {
		padding: 20px 20px;
	}
}

/* ========================================
   レスポンシブ - スマホ
======================================== */
@media screen and (max-width: 767px) {
	.sitemap-header {
		padding: 30px 15px;
	}

	.sitemap-header-title {
		font-size: 1.3rem;
		letter-spacing: 0.2em;
	}

	.sitemap-section {
		padding: 40px 0;
	}

	.sitemap-row {
		padding: 15px 20px;
	}

	/* ネスト行をスマホで縦並び */
	.sitemap-row--nested {
		flex-direction: column;
	}

	.sitemap-col-left {
		width: 100%;
		min-width: 100%;
		border-right: none;
		border-bottom: 1px solid #d5cbc2;
		padding: 15px 20px;
	}

	.sitemap-col-right {
		padding: 15px 20px;
	}

	/* 施設一覧をスマホで縦並び */
	.sitemap-facilities {
		flex-direction: column;
	}

	.sitemap-facilities-label {
		width: 100%;
		min-width: 100%;
		padding-bottom: 5px;
	}

	.sitemap-link {
		font-size: 1.0rem;
	}

}