@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　sitemap
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl{
  background-image:url(../image/ttl_page_pc.png); 
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* sitemap
-----------------------------------------------------------------*/
.sitemap{
  padding: 150px 0 200px;  
}
.sitemap .inner{
  max-width: 1100px;  
}
.sitemap-page-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sitemap-page-list > li{
   max-width: 323px;
   width: calc((100% - 45px)/3); 
}
.sitemap-page-list > li:nth-child(n+4){
  margin-top: 40px;  
}
.sitemap-page-list > li > a,
.sitemap-page-list > li > span{
  display:block;
  padding-bottom: 3px;
  margin-bottom: 10px;
  border-bottom: 2px solid #DE0021;  
  font-size: 2.3rem;
  color: #DE0021;
}
.sitemap-page-list > li:nth-child(n+4) > a{
  border-bottom:none;  
}
.sitemap-page-list::after{
  display:block;
  content:"";
  max-width: 323px;
  width: calc((100% - 45px)/3);   
}

.sitemap-page-list ul li{
  font-size: 1.9rem;  
}
.sitemap-page-list ul li+li{
  margin-top: 5px;  
}
.sitemap-page-list .blank{
  padding-right: 22px;
  background:url(../../common/image/ico_blank.svg) no-repeat right center;
  background-size:14px auto;  
}












/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

  .page-ttl{
    background-image:url(../image/ttl_page_sp.png); 
  }


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* sitemap
-----------------------------------------------------------------*/
  .sitemap{
    padding: 40px 0;  
  }
  .sitemap-page-list{
    display: block;
  }
  .sitemap-page-list > li{
     max-width: none;
     width: 100%; 
  }
  .sitemap-page-list > li:nth-child(n+2){
    margin-top: 20px;  
  }
  .sitemap-page-list > li > a,
  .sitemap-page-list > li > span{
    border-bottom: 2px solid #DE0021;  
    font-size: 1.8rem;
  }
  .sitemap-page-list::after{
    display:none;   
  }
  
  .sitemap-page-list ul li{
    font-size: 1.6rem;  
  }
  .sitemap-page-list ul li+li{
    margin-top: 3px;  
  }
  .sitemap-page-list .blank{
    padding-right: 18px;
    background-size:12px auto;  
  } 
  
}