/* -------------------------------- sitemap */

.top-page{
    width:1040px;
}

.top-page:after{
    content: "";
    display: block;
    border-bottom:solid 2px #eee;
    margin-top:5px;
    margin-bottom:35px;
}

.toppage-Area{
    width:1040px;
    margin:0 auto;
    margin-top:30px;
}

.top-page{
    width:1040px;
    margin-bottom:5px;
    color:#000000;
}

.top-page i{
    margin-right:20px;
}

.top-page a{
    text-decoration: none;
    color:#000;
    font-weight:bold;
    font-size:1.8rem;
}

.top-page a:hover{
    opacity:0.6;
}

.sitemap-Area{
    display: flex;
    flex-wrap: wrap;
    margin:0 auto;
}

.sitemap-box{
    width:33.33%;
    margin-bottom:100px;
}


.sitemap-box li{
    padding-left:35px;
    font-size:1.8rem;
}

.sitemap-box:first-child li{
    padding-left:32px;
}

.sitemap-box:last-child{
   width:40%;
}

.sitemap-box i{
    margin-right:17px;
}

.sitemap-box h3 a{
    color:#1E93D3;
    font-size:1.8rem;
}

.sitemap-box h3 a:hover{
    opacity:0.6;
}

.sitemap-box h3{
    margin-bottom:8px;
}

.sitemap-box a{
    text-decoration: none;
}

.sitemap-box li a:hover{
    border-bottom:solid 1px #000000;
}

@media screen and (max-width: 767px) {
  .inner {
    width:100%;
  }
    
    .sitemap-Area{
        width:88%;
        display: block;
    }
    
    .sitemap-box{
        width:100%;
        margin-bottom:30px;
    }
    
    .sitemap-box:last-child{
        width:100%;
}
    
    .top-page{
        width:100%;
    }
    
    .toppage-Area{
    width:100%
}
    
   .sitemap-box a {
    display:block;
    padding: 5px 0;
} 
    
    .sitemap-box li a:hover{
    border:none;
    opacity:0.6;
} 
    
    #Contents h2:after {
  width: 60%;
}
    
     #Contents h2{
  font-size:2.7rem;
}
}