@charset "UTF-8";

/*content
------------------------------------------------------*/
#article{
  width:1000px;
  margin-top: 10px;
}
#sitemap_title{
  width:1000px;
  margin:0 auto;
  height:25px;
  position:relative;
}

html {
  height: 100%;
}
body {
  /* margin: 0; */
  /* padding: 0; */
  height: 100%;
}
footer {
  position: sticky;
  top: 100vh;
  /* width: 100%; */
}

/*main
------------------------------------------------------*/
.headtop{
  font-size: 138.5%;
  color: #014099;
  margin-top: 25px;
}
.gridstyle{
  margin-bottom: 80px;
}
.gridstyle02{
  margin-bottom: 40px;
}
.gridstyle:first-of-type{
  margin-top:50px;
}
.loop{
  border-bottom: solid 1px #cdd6dd;
  padding-bottom: 10px;
  font-weight: bold;
  color: #014099;
}
.detail{
  padding-bottom: 150px;
  width:100%;
}
.detail02{
  padding-bottom: 100px;
  width:100%;
}
.list a{
  float:left;
  width:220px;
  margin-bottom:10px;
  margin-left: 0.75rem; 
  text-align:start;
}
.li02{
  float:left;
  width:100%;
  text-align:start;
}
.li03{
  float:left;
  width:100%; 
  text-align:start;
  margin-bottom:40px;
}
.list-st {
  font-weight: bold;
  display:block;
  margin-bottom: 10px;
  list-style: none;
}
#article li{
  background: none;
}

/*SP
------------------------------------------------------*/
@media screen and (max-width:480px){
  .headtop{
    width:100%;
    text-align: center;    
    font-weight: bold;
    text-align:left; 
    margin-left:20px;   
  }
  .gridstyle{
    margin-left:20px;
    margin-bottom: 40px;
  }
  .gridstyle02{
    margin-left:20px;
    margin-bottom:20px;
  }
  li{
    display: block;
  }
  .list a{
    width:100%;
    float:none;
  }
  .detail{
    padding-bottom: 30px;
    width:100%;
  }
  .detail02{
    padding-bottom: 40px;
    width:100%;
  }
  .loop02{
    padding-top: 20px;
  }
  #article li{
    background: none;
  }
}