@charset "utf-8";
.sitemapContent {
	width: 100%;
    height: auto;
    float: left;
	margin-top: 20px;
}

.sitemapContent .headLine {
    width: 100%;
    font-size: 40px;
    color: #000000;
    float: left;
    font-family: fontBold;
	text-align: center;
	margin-bottom: 40px;
}

.navWrap {
	width: 100%;
	height: auto;
	padding: 30px 0 20px;
	border-bottom: 1px solid #E2E2E2;
	float: left;
}

.navWrap ul {
	width: 100%;
	height: 100%;
}

.navWrap ul li {
	width: 16.666%;
	height: auto;
	float: left;
}

.navWrap ul li .navTitle {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
    font-size: 22px;
	color: #000000;
	font-family: fontBold;
}

.navWrap ul li .navSubTitle {
	width: 100%;
	height: auto;
	margin: 7px 0 36px;
    font-size: 16px;
	color: #000000;
}

.navWrap ul li .navList {
	width: 100%;
	height: auto;
}

.navWrap ul li .navList .navItem {
	width: 100%;
	height: auto;
	position: relative;
}

.navWrap ul li .navList .navItem a {
	width: 100%;
	height: 100%;
	display: block;
	color: #8e8e93;
	text-align: left;
    font-size: 14px;
	margin-bottom: 20px;
}

.siteEwm {
	width: 150px;
    position: absolute;
    top: 25px;
    left: 0;
    display: none;
	z-index: 99999;
}

.siteEwm img {
	max-width: 100%;
}

.navWrap ul li .navList .navItem:hover .siteEwm {
	display: block;
}

.contactTier {
	width: 100%;
	height: auto;
	padding: 30px 0 150px;
	float: left;
}

.contactTier .contactIcon {
	width: auto;
	height: auto;
	float: left;
	position: relative;
	margin-right: 6%;
}

.contactTier .contactIcon:first-child {
	margin-top: 3px;
}

.contactTier .contactIcon a {
	width: 100%;
	height: 100%;
	display: block;
}

.contactTier .contactIcon img {
	max-width: 100%;
}

.contactTier .contactIcon:hover .siteEwm {
	display: block;
}

.contactTier .contactTel {
	width: auto;
	height: auto;
	float: left;
	padding-top: 4px;
	font-size: 14px;
	color: #8E8E93;
}

@media only screen and (max-width: 640px) {
	.sitemapContent {
		padding: 0 5%;
	}
	
	.sitemapContent .headLine {
		font-size: 24px;
		margin: 10px 0 0;
	}
	
	.navWrap {
		padding-bottom: 0;
	}
	
	.navWrap ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	.navWrap ul li {
		width: 50%;
		margin-bottom: 20px;
	}
	
	.freak {
		width: 100%!important;
	}
	
	.navWrap ul li .navTitle {
		font-size: 20px;
	}
	
	.navWrap ul li .navSubTitle {
		margin: 0 0 20px;
	}
	
	.contactTier {
		padding-bottom: 60px;
	}
	
	.contactTier .contactIcon {
		margin-right: 15%;
	}
	
	.contactTier .contactTel {
		width: 100%;
		margin-top: 20px;
		padding-top: 0;
	}
}