@charset "UTF-8";

#newSitemap{position: relative; line-height:1.4;}
#newSitemap > ul {width: 105%}
#newSitemap > ul > li{width: 24.5%; padding: 0 80px 0 0; display: inline-block; vertical-align: top;}

#newSitemap > ul > li > div{position:relative;}
#newSitemap > ul > li > div > a{padding: 15px 0; position:relative; background:#00A8C2 url('../images/deco-title.jpg') no-repeat right center; font-size:20px; font-family: 'Noto Regular'; text-align: center; color:#fff;}
#newSitemap > ul > li > div > a::after {content:''; position:absolute; background:url('../images/bg_pattern_03.png') center center; width:100%; height: 100%; left:6px; top:6px; z-index: -1;}
#newSitemap > ul > li > div > ul {display: inline-block; width: 100%; padding: 10px 0;}
#newSitemap > ul > li > div > ul > li{position:relative; margin-bottom: 10px; box-sizing:border-box;}
#newSitemap > ul > li > div > ul > li > a{position: relative; overflow: hidden; padding:12px 0 12px 30px; text-align: left; text-overflow: ellipsis; white-space: nowrap; color:#454545; font-size:18px; font-family: 'Noto Regular'; color: #666;}
#newSitemap > ul > li > div > ul > li > a:hover {background: #e5f6fc;}
#newSitemap > ul > li > div > ul > li > a:hover::after {content:''; position: absolute; left: 0px; top: 0px; width: 5px; height: 100%; background: #00a3e6;}
#newSitemap > ul > li > div > ul > li > a[target=_blank]::before {content:''; position: absolute; right: 20px; top: 17px; width: 15px; height: 15px; background:url('../images/ico-blank.png') no-repeat center center; }

#newSitemap > ul > li > div > ul > li > ul > li > a{font-family: 'Noto DemiLight'; font-size:15px; position:relative; padding-left:60px; color:#2b7090; margin:8px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#newSitemap > ul > li > div > ul > li > ul > li > a:hover {color: #428fe2;}
#newSitemap > ul > li > div > ul > li > ul > li > a:before{content:''; width:13px; height:13px; background: url('../images/ico-depth.png') no-repeat center center; display:block; position:absolute; left:30px; top:0;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > a{font-weight: 400; font-size:15px; position:relative; padding-left:13px; color:#666; margin:10px 0 10px 15px; word-break:keep-all; font-size:15px;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > a:hover {text-decoration: underline; color: #428fe2;}
#newSitemap > ul > li > div > ul > li > ul > li > ul > li > a:before{content:''; width:7px; height:2px; background-color:#b5c2d1; display:block; position:absolute; left:0; top:9px;}
#newSitemap a{display:block;}

@media only screen and (max-width:1440px){
	#newSitemap > ul > li {width: 33%}
}

@media only screen and (max-width:1200px){
	#newSitemap > ul > li {width: 41.6%; margin: 0 8% 0 0; padding: 0;}
	#newSitemap > ul > li:nth-child(even){padding: 0;}
	#newSitemap > ul > li > div > a{background-size: cover;}
}

@media only screen and (max-width:620px){
	#newSitemap > ul {width: 98%;}
	#newSitemap > ul > li {width: 100%; padding: 0}
	#newSitemap > ul > li > div > ul {min-height: auto;}
}