@charset "UTF-8";

/*サイトマップ
------------------------------------*/

.content_visual {
	background-image:url("../images/low/bg_hd_contact.png");
}

.content_nav_wrap {
    width: 100%;
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.nav_sitemap {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 2rem 4rem;
    box-shadow: 0 0 24px rgb(23, 146, 67, 0.41);
    display: flex;
    justify-content: space-between;
}

.nav_sitemap ul > ul{
    width: 95%;
    padding-left: 8%;
}

.nav_sitemap ul li {
    font-size: 14px;
    line-height: 3;
}

li.title{
	width:280px;
	font-size: 14px;
	font-weight:600;
    line-height: 3;
	color:#FFF;
	background-color:#C0DCC5;
	padding-left: 0.8rem;
	border-radius:16px;
	margin-bottom: 1rem;
}

li.co{
	font-size: 12px;
    line-height: 3;
	margin-bottom: 0.4rem;
}

.nav_sitemap a {
	position:relative;
	color:#000;
}

.nav_sitemap a:hover {
	color:#179243;
}

.nav_sitemap ul li a::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 7px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #14126E;
    border-right: 2px solid #14126E;
    transform: rotate(45deg);
    transition: 0.5s;
}

.nav_sitemap ul li:hover a::after {
	color:#179243;
	right: -30px;
	border-top: 2px solid #179243;
    border-right: 2px solid #179243;
}

@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 1024px) {
li.title{
	width:250px;
	}
}
@media screen and (max-width: 960px) {
.nav_sitemap {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 2rem 4rem;
    box-shadow: 0 0 24px rgb(23, 146, 67, 0.41);
    display: flex;
	flex-wrap:wrap;
}
}
@media screen and (max-width: 768px) {
	.nav_sitemap {
		padding:2rem 4rem;
		flex-flow:column;
	}
	li.title{
		width:100%;
	}
}
@media screen and (max-width: 560px) {
.nav_sitemap {
	padding:2rem;
	}
li.title{
	width:100%;
	max-width:400px;
	}
}
@media screen and (max-width: 428px) {
.nav_sitemap {
	padding:2rem 1rem;
	}
}
@media screen and (max-width: 375px) {
.nav_sitemap {
	padding:2rem;
	}
}