@charset "UTF-8";

/* kv ---------------------------------------*/

.kv-title-sitemap-wrapper{
	padding-top: 40px;
	margin-bottom: 30px;
}

.kv-title-sitemap b{letter-spacing: 5px;}

/* common ---------------------------------------*/

.sitemap{padding: 0 20px 48px;}

.title-sitemap{
	font-size: 20px;
	font-weight: bold;
	background: #fff;
	color: #000000;
	padding: 12px 18px;
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.title-sitemap::before {
	display: block;
	content: '';
	background-color: #0546A5; 
	width: 4px;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
}

.title-sub-sitemap{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 10px;
}

.sitemap-list-item{	
	margin-bottom: 8px;
	position: relative;
	padding-left: 23px;
}

.sitemap-list-item::before {
	display: block;
	content: '';
	background: url('/img/common/icon_arrow_right_bl.svg') no-repeat center center; 
	background-size: 100%;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 4px;
}

.sitemap-list-item a{
	font-size: 14px;
	color: #0546A5;
	line-height: 18px;
	transition: 0.3s;
}

.sitemap-list-item a:hover{opacity: 0.7;}


/* products ---------------------------------------*/

.sitemap-products{margin-bottom: 72px;}

.sitemap-products-3col{
	display: flex;
	justify-content: space-between;
}

.sitemap-products-3col-content{width: 30%;}

.sitemap-products-top{margin-bottom: 40px;}

.sitemap-products-top-3col {
	display: flex;
	justify-content: space-between;
}

.sitemap-products-top-3col-content {width: 30%;}


/* rd ---------------------------------------*/

.sitemap-rd{margin-bottom: 72px;}

.sitemap-list-rd{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sitemap-list-rd .sitemap-list-item{width: 47%;}

.sitemap-list-rd .sitemap-list-item:first-of-type{width: 100%;}

.sitemap-list-rd-archive .sitemap-list-item:first-of-type{width: 47%;}


/* bottom ---------------------------------------*/

.sitemap-bottom{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 62px;
}

.sitemap-bottom-content{width: 30%;}


@media screen and (max-width: 768px){

	/* kv ---------------------------------------*/

	.kv-title-sitemap-wrapper{
		padding-top: 30px;
		margin-bottom: 0px;
	}

	.kv-title-sitemap b{letter-spacing: 3px;}

	/* common ---------------------------------------*/

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

	.title-sitemap{
		font-size: 18px;
		padding: 10px 18px;
		margin-bottom: 40px;
	}

	.title-sitemap::before {
		width: 4px;
		height: 100%;
	}

	.title-sub-sitemap{
		font-size: 14px;
		margin-bottom: 8px;
	}

	.sitemap-list-item{	margin-bottom: 8px;}

	.sitemap-list-item::before {
		width: 18px;
		height: 18px;
	}

	.sitemap-list-item a{
		font-size: 14px;
		line-height: 18px;
	}


	/* products ---------------------------------------*/

	.sitemap-products{margin-bottom: 57px;}

	.sitemap-products-inner{padding: 0 28px;}

	.sitemap-products-3col{display: block;}

	.sitemap-products-3col-content{
		width: 100%;
		margin-bottom: 40px;
	}

	.sitemap-products-top{margin-bottom: 32px;}

	.sitemap-products-top-3col {
		display: block;
	}

	.sitemap-products-top-3col-content {width: 100%;}


	/* rd ---------------------------------------*/

	.sitemap-rd{margin-bottom: 80px;}

	.sitemap-rd-inner{padding: 0 28px;}

	.sitemap-list-rd{display: block;}

	.sitemap-list-rd .sitemap-list-item{width: 100%;}

	.sitemap-list-rd-archive .sitemap-list-item:first-of-type{width: 100%;}


	/* bottom ---------------------------------------*/

	.sitemap-bottom{
		display: block;
		margin-bottom: 50px;
	}

	.sitemap-bottom-content{
		width: 100%;
		margin-bottom: 60px;
	}

	.sitemap-bottom-content-inner{padding: 0 28px;}

}