@charset "utf-8";

/* -----------------------------
	サイトマップ
-------------------------------- */
#sitemap .sitemap-area{
	padding: 80px 0 80px;
}
#sitemap .sitemap-area .inner{
	width: 1100px;
	max-width: 1100px;
    min-width: 1100px;
}
#sitemap .sitemap-area .sitemap-btn{
	display: flex;
	gap: 20px;
	justify-content: flex-start;
	margin: 0 0 50px;
}
#sitemap .sitemap-area .sitemap-btn:last-of-type{
	margin: 0;
}
#sitemap .sitemap-area .sitemap-btn li{
	width: calc((100% - 40px) / 3);
}
#sitemap .sitemap-area .sitemap-btn a{
	/* background: url(../img/arrow-b.png) no-repeat right 15px center/7px auto; */
    display: block;
    background-color: var(--gray);
	font-family: var(--font-jp);
	font-weight: 500;
    width: 100%;
    padding: 22px 10px;
    position: relative;
	font-size: 1.5rem;
}
#sitemap .sitemap-area .sitemap-btn a::after,
#sitemap .sitemap-area .sitemap-box a.top::after{
    content: "\f105";
    font-family: 'FontAwesome';
    color: var(--black);
    /* font-weight: 500;
    font-size: 1rem; */
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    right: 20px;
    transition: 0.3s;
}
#sitemap .sitemap-area .sitemap-btn li:hover a,
#sitemap .sitemap-area .sitemap-box a.top:hover{
	/* color: var(--green); */
	transition: 0.3s;
}
#sitemap .sitemap-area .sitemap-btn li:hover a::after,
#sitemap .sitemap-area .sitemap-box:hover a.top::after{
	right: 15px;
    transition: 0.3s;
}
#sitemap .sitemap-area .sitemap-box{
	margin: 50px 0;
}
#sitemap .sitemap-area .sitemap-box a.top{
	/* background: url(../img/arrow-b.png) no-repeat right 15px center/7px auto; */
    display: block;
	font-family: var(--font-jp);
	font-weight: 500;
    background-color: var(--gray);
    font-weight: 500;
    width: 100%;
    padding: 22px 10px;
    position: relative;
	font-size: 1.5rem;
}
#sitemap .sitemap-area .sitemap-box .sitemap-list{
	display: flex;
    flex-wrap: wrap;
}
#sitemap .sitemap-area .sitemap-box .sitemap-list li{
	width: 25%;
	margin: 25px 0 0 0;
    padding: 0 0 0 30px;
    position: relative;
	font-family: var(--font-jp);
	font-size: 1.5rem;
}
#sitemap .sitemap-area .sitemap-box .sitemap-list li::before{
	content: "";
    background: var(--black);
    display: block;
    top: 8px;
    position: absolute;
    height: 2px;
    width: 10px;
    left: 10px;
}
#sitemap .sitemap-area .sitemap-box .sitemap-list li:hover a{
	color: var(--main-color);
    transition: 0.3s;
}
@media screen and (max-width: 768px){
	#sitemap .sitemap-area{
		padding: 40px 20px;
		padding: 60px 20px 40px;
	}
	#sitemap .sitemap-area .inner{
		max-width: 100%;
		min-width: 100%;
		width: 100%;
	}
	#sitemap .sitemap-area .sitemap-btn{
		flex-wrap: wrap;
		gap: 15px;
		margin: 0 0 20px;
	}
	#sitemap .sitemap-area .sitemap-btn li{
		width: 100%;
	}
	#sitemap .sitemap-area .sitemap-box{
		margin: 15px 0;
	}
	#sitemap .sitemap-area .sitemap-box .sitemap-list li{
		width: 100%;
	}
}