@charset "UTF-8";

.sitemap{margin-top: 50px;}

.sitemap .text-small {
  color: #000;
  font-size: 1.4rem; }
.sitemap__nav {
  width: 1200px;
  margin: 0 auto; }

.sitemap .service__read {
  margin-bottom: 4%; }

.sitemap h3 {
  border-bottom: 1px solid #CBCBCB;
  margin-bottom: 1%;
  padding-bottom: 1%;
  font-size: 2.8rem; }

.sitemap h4 {
  font-size: 2.2rem;
  background: #e3e9f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1%;
  color: #4664AA; 
  }

.sitemapMatter {
	padding-left:1.6rem;
	text-indent:-1.6rem;
}

.firstYear {
margin: 30px auto;
line-height: 1;
margin-bottom: 6%;
}
.firstYear ul.ctgy_list{
margin:0px auto;
width:90%;}

.firstYear p{margin:35px auto 35px 63px;}

.firstYear ul.ctgy_list li {
display:inline-block;
padding-top:20px;
width:32%;

}

.firstYear ul.ctgy_list li a:hover{
opacity:0.8;
color:#898989;
width:120%;
height:auto;
border-bottom:1px solid #898989;
}



@media all and (max-width: 1023px) {
	
.sitemap__nav {
    width: 100%; }
	
.firstYear ul.ctgy_list{margin:30px auto;}

.firstYear ul.ctgy_list li {
padding-top:20px;
width:100%;
}

.firstYear ul.ctgy_list li a:hover{
	opacity:0.8;
	color:#898989;
	width:120%;
	height:auto;}

}

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

.sitemap{
width:90%;
margin:0px auto;
	}
.firstYear ul.ctgy_list li {
padding: 15px 12px;
 line-height: 1;
 border-top: 1px solid #898989;
 border-bottom: 1px solid #898989;
 font-weight: bold;
 width: 95%;
 height: auto;
 text-align:center;
}	

.firstYear ul.ctgy_list li:nth-child(2n){
	border-top: none;
	border-bottom:none;
	}
.firstYear ul.ctgy_list li:first-child{border-top: none;}
.firstYear ul.ctgy_list li:last-child{border-bottom: 1px solid #898989; }
}

@media all and (max-width: 600px) {
  
.sitemap{
width:100%;
margin:0px auto;
}
.sitemap h3 {
font-size:1.8rem;
margin-bottom: 15px;
padding-bottom: 10px; 
}
	
.firstYear {margin:40px 0;}

.firstYear ul.ctgy_list{
	width:90%;
	margin:0px auto;;}

.firstYear ul.ctgy_list li {
padding: 15px 12px;
 line-height: 1;
 border-top: 1px solid #898989;
 border-bottom: 1px solid #898989;
 font-weight: bold;
 height: auto;
 text-align:center;
 margin:0px auto;
}	

.firstYear ul.ctgy_list li a:hover{
opacity:0.8;
color:#898989;
width:80%;
height:auto;
border-bottom:none;
}

}