@charset "utf-8";


/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl{
  background:url(../image/sitemap/img_kv_pc.jpg) no-repeat center center;
  background-size: cover;  
}
.page-ttl h1{
  max-width: 330px;
}

@media screen and (max-width: 768px) {
  .page-ttl h1 {
      max-width: 300px;
      padding: 12px 10px 3px;
      font-size: 2.8rem;
  }
}

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

/* sitemap_content
-----------------------------------------------------------------*/

.sitemap_content{
  max-width: 1420px;
  margin: 0 auto;
  padding: 55px 0 75px;
}
.sitemap_content .gnav{
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.sitemap_content .gnav .nav04{
  order: 5;  
}
.sitemap_content .gnav .nav05{
  order: 4;  
}
.sitemap_content .gnav .nav-item{
  width: 20%;
  padding-right: 10px;  
}
.sitemap_content .gnav .nav-item.nav01{
  width: 17%;  
}
.sitemap_content .gnav .nav-item.nav03{
  width: 23%;  
}
.sitemap_content .gnav >.nav-item > a{
  position: relative;
   display: inline-block;
   padding-left: 65px;
   margin-bottom: 20px;
   color: #231815;
   font-size: 2rem;
   letter-spacing: 1px;
}
.sitemap_content .gnav >.nav-item > a::after{
  position: absolute;
  left: 40px;
  top: 50%;
  transform:translate(-50%,-50%);
  display: block;
  content: "";
  width: 32px;
  height: 26px;
  background: no-repeat center center; 
}
.sitemap_content .gnav >.nav-item.nav00 > a::after{
  background-image:url(../../common/image/ico_gnav01.svg);
}
.sitemap_content .gnav >.nav-item.nav01 > a::after{
  background-image:url(../../common/image/ico_gnav02.svg);
  background-size:22px auto;      
}
.sitemap_content .gnav >.nav-item.nav02 > a::after{
  background-image:url(../../common/image/ico_gnav03.svg);
  background-size:20px auto;  
}
.sitemap_content .gnav >.nav-item.nav03 > a::after{
  background-image:url(../../common/image/ico_gnav04.svg);
  background-size:31px auto;  
}
.sitemap_content .gnav >.nav-item.nav04 > a::after{
  background-image:url(../../common/image/ico_gnav05.svg);
  background-size:26px auto;  
}
.sitemap_content .gnav >.nav-item.nav05 > a::after{
  background-image:url(../../common/image/ico_gnav06.svg);
  background-size:16px auto;  
}
.sitemap_content .gnav .sub-menu{
  padding-left: 25px;
}
.sitemap_content .gnav .sub-menu li{
  margin-bottom: 5px;  
}
.sitemap_content .gnav .sub-menu .kaso{
  margin-left:20px;
}
.sitemap_content .gnav .sub-menu a{
  display: inline-block; 
  padding-left: 15px;
  background:url(../../common/image/arw_btn_gr_14_28.svg) no-repeat left center;
  background-size: 8px auto;  
  font-size: 1.4rem;  
}
.sitemap_content .gnav .sub-menu a:hover{
  color:#7FBE26;
}

.sitemap_content .util-nav{
  margin: 0 auto;
  padding: 18px;
  border: 2px solid #2D2A29;
  border-radius:36px;
  text-align:center;
}
.sitemap_content .util-nav li{
  display: inline-block;
  margin: 0 10px;  
}
.sitemap_content .util-nav li.sp{
  display: none;
}
.sitemap_content .util-nav li a{
  display: inline-block; 
  padding-left: 22px;
  background:url(../../common/image/arw_btn_gr_14_28.svg) no-repeat left center;
  background-size: 8px auto;  
  font-size: 1.6rem;
}
.sitemap_content .util-nav li a:hover{
  color:#7FBE26;
}

.sitemap_content .other-nav{
  margin: 30px auto 0;
  text-align:center;
}
.sitemap_content .other-nav li{
  display: inline-block;
  margin: 0 10px;  
}
.sitemap_content .other-nav li a{
  display: inline-block; 
  padding-left: 22px;
  background:url(../../common/image/arw_btn_gr_14_28.svg) no-repeat left center;
  background-size: 8px auto;  
  font-size: 1.6rem;
}
.sitemap_content .other-nav li a.blank{
  padding-right: 22px;
  position: relative;
}
.sitemap_content .other-nav li a:hover{
  color:#7FBE26;
}
.sitemap_content .other-nav li a.blank::after{
  content:"";
  display: block;
  width: 22px;
  height:13px;
  background:url(../image/sitemap/ico_blank_green.svg) no-repeat right center;
  background-size: contain;  
  position: absolute;
  top:50%;
  right:0%;
  transform: translate(0,-50%);
}

.sitemap_content .blank-navWrap{
  margin:60px auto 0;
  padding-top:60px;
  border-top:1px solid #231815; 
}
.sitemap_content .blank-navWrap .ttl{
  font-size: 2.0rem;
  text-align: center;
}
.sitemap_content .blank-navWrap .wrapper{
  display: flex;
  max-width: 1080px;
  margin:30px auto 0;
  justify-content: space-between;
}
.sitemap_content .blank-navWrap .wrapper .blank-nav{
  width: 49%;
}
.sitemap_content .blank-navWrap .wrapper .blank-nav li{
  margin-bottom: 5px;
}
.sitemap_content .blank-navWrap .wrapper .blank-nav li a{
  display: inline-block;
  padding-left: 20px;
  padding-right: 22px;
  background: url(../../common/image/arw_btn_gr_14_28.svg) no-repeat left center;
  background-size: 8px auto;
  font-size: 1.4rem;
  position: relative;
}
.sitemap_content .blank-navWrap .wrapper .blank-nav li a:hover{
  color:#7FBE26;
}
.sitemap_content .blank-navWrap .wrapper .blank-nav li a span{
  display: inline-block;
  width: 16px;
  height:16px;
  margin-left:5px;
  vertical-align: sub;
}


/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .page-ttl{
    background:url(../image/sitemap/img_kv_sp.jpg) no-repeat center center;
    background-size: cover;  
  }

  
/* sitemap_content
-----------------------------------------------------------------*/

  .sitemap_content{
    padding: 30px 0 50px;
  }
  .sitemap_content .gnav{
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .sitemap_content .gnav .nav-item{
    width: 100%;
    padding-right: 10px; 
    margin-bottom:15px;
    padding-bottom:15px;  
    border-bottom:1px solid #E2E2E2;
  }
  .sitemap_content .gnav .nav-item.nav01,
  .sitemap_content .gnav .nav-item.nav03{
    width: 100%;  
  }
  .sitemap_content .gnav >.nav-item > a{
     padding-left: 40px;
     margin-bottom: 10px;
     font-size: 1.8rem;
  }
  .sitemap_content .gnav >.nav-item.sp > a{
     margin-bottom: 0;
  }
  .sitemap_content .gnav >.nav-item > a::after{
    left: 0;
    transform:translate(0,-50%);
    width: 32px;
    height: 26px;
  }
  .sitemap_content .gnav >.nav-item.nav00 > a::after{
    background-image:url(../../common/image/ico_gnav01.svg);
    background-size:22px auto;  
  }
  .sitemap_content .gnav >.nav-item.nav01 > a::after{
    background-image:url(../../common/image/ico_gnav02.svg);
    background-size:22px auto;      
  }
  .sitemap_content .gnav >.nav-item.nav02 > a::after{
    background-image:url(../../common/image/ico_gnav03.svg);
    background-size:20px auto;  
  }
  .sitemap_content .gnav >.nav-item.nav03 > a::after{
    background-image:url(../../common/image/ico_gnav04.svg);
    background-size:31px auto;  
  }
  .sitemap_content .gnav >.nav-item.nav04 > a::after{
    background-image:url(../../common/image/ico_gnav05.svg);
    background-size:26px auto;  
  }
  .sitemap_content .gnav >.nav-item.nav05 > a::after{
    background-image:url(../../common/image/ico_gnav06.svg);
    background-size:16px auto;  
  }
  .sitemap_content .gnav .sub-menu{
    padding-left: 15px;
  }
  .sitemap_content .gnav .sub-menu li{
    margin-bottom: 5px;  
  }
  .sitemap_content .gnav .sub-menu .kaso{
    margin-left:20px;
  }
  .sitemap_content .gnav .sub-menu a{
    padding-left: 15px;
    background:url(../../common/image/arw_btn_gr_14_28.svg) no-repeat left center;
    background-size: 8px auto; 
    font-size: 1.6rem;
  }

  .sitemap_content .util-nav{
    display: block;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 15px;
    border: none;
    border-bottom: 1px solid #E2E2E2;  
    border-radius:0;
    text-align:left;
  }
  .sitemap_content .util-nav li{
    display: inline-block;
    width: 100%;
    margin: 0 0 0 15px;  
  }
  .sitemap_content .util-nav li.ttl{
    margin-left: 0;
    margin-bottom: 10px;  
    font-size: 1.8rem;
  }
  .sitemap_content .util-nav li a{
    display: inline-block; 
    padding-left: 15px;
    background:url(../../common/image/arw_btn_gr_14_28.svg) no-repeat left center;
    background-size: 8px auto;  
    font-size: 1.6rem;
  }

  .sitemap_content .other-nav{
    margin: 15px auto 0;
    text-align:left;
  }
  .sitemap_content .other-nav li{
    display: inline-block;
    width: 100%;
    margin: 0 0 0 15px;  
  }
  .sitemap_content .other-nav li a{
    display: inline-block; 
    padding-left: 15px;
    background:url(../../common/image/arw_btn_gr_14_28.svg) no-repeat left center;
    background-size: 8px auto;  
    font-size: 1.6rem;
  }
  .sitemap_content .other-nav li a.blank{
    padding-right: 22px;
    position: relative;
  }
  .sitemap_content .other-nav li a.blank::after{
    content:"";
    display: block;
    width: 22px;
    height:13px;
    background:url(../image/sitemap/ico_blank_green.svg) no-repeat right center;
    background-size: contain;  
    position: absolute;
    top:50%;
    right:0%;
    transform: translate(0,-50%);
  }

  .sitemap_content .blank-navWrap{
    margin:15px auto 0;
    padding-top:15px;
    border-top:1px solid #E2E2E2; 
  }
  .sitemap_content .blank-navWrap .ttl{
    font-size: 1.8rem;
    text-align: left;
  }
  .sitemap_content .blank-navWrap .wrapper{
    display: flex;
    max-width: 1080px;
    margin:3% auto 0;
    flex-wrap:wrap;
  }
  .sitemap_content .blank-navWrap .wrapper .blank-nav{
    width: 100%;
  }
  .sitemap_content .blank-navWrap .wrapper .blank-nav li{
    width: 100%;
    margin: 0 0 5px 15px;
  }
  .sitemap_content .blank-navWrap .wrapper .blank-nav li a{
    display: inline-block;
    padding-left: 20px;
    padding-right: 22px;
    background: url(../../common/image/arw_btn_gr_14_28.svg) no-repeat left top 5px;
    background-size: 8px auto;
    font-size: 1.4rem;
    position: relative;
  }
  .sitemap_content .blank-navWrap .wrapper .blank-nav li a span{
    display: inline-block;
    height:14px;
    margin-left:8px;
  }


}