@charset "utf-8";

/* 活動実績 */
#contents .resultsSec{
  padding-top: .5em;
}
#contents .resultsSec h2{
  margin-bottom: 1.5em;
}
#contents .resultsSec p b{
  color: #3b200f;
  font-size: 1.2em;
  padding-top: 2em;
}
#contents .resultsSec p.inlCnt{
  text-align: center;
}
#contents .resultsSec .total{
  position: relative;
  overflow: hidden;
  border: 2px solid #000;
  width: 60vw;
  margin: 0 auto 2em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}
#contents .resultsSec .total table{
  width: 100%;
}
#contents .resultsSec .total table th{
  background: #f8b62a;
  color: #fff;
  font-size: 1.6em;
  font-style: italic;
  font-weight: bold;
  border-right: 2px solid #000;
  vertical-align: middle;
  width: 40%;
  padding: .1em 0;
}
#contents .resultsSec .total table td{
  font-size: 2.4em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: .1em 0;
}
#contents .resultsSec .yearList{
  position: relative;
  overflow: hidden;
  width: 66vw;
  margin: 0 auto 1em;
}
#contents .resultsSec .yearList li{
  float: left;
  width: 33.3%;
}
#contents .resultsSec .yearList li a{
  display: block;
  background: #f8b62a;
  color: #fff;
  font-size: 1.3em;
  font-style: italic;
  font-weight: bold;
  width: 76%;
  -webkit-border-radius: .7em;
  border-radius: .7em;
  margin: 0 auto;
}
#contents .resultsSec .yearList li span{
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 auto .8em;
}
#contents .resultsSec .detaList{
  position: relative;
  overflow: hidden;
  width: 80vw;
  margin: 0 auto 1em;
}
#contents .resultsSec .detaList th{
  border: 1px solid #000;
  font-size: 1.2em;
  vertical-align: middle;
  background: #fbd9b6;
  line-height: 1.2;
  padding: .3em;
}
#contents .resultsSec .detaList td{
  border: 1px solid #000;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2;
  padding: .5em .3em;
}
#contents .resultsSec .detaList td:nth-child(1),
#contents .resultsSec .detaList td:nth-child(2){
  white-space: nowrap;
}

@media screen and (max-width: 960px){
  #contents .resultsSec .yearList{
    width: 63vw;
  }
  #contents .resultsSec .yearList li a{
    width: 84%;
  }
}
@media screen and (max-width: 800px){
  #contents .resultsSec .total{
    width: 80vw;
  }
  #contents .resultsSec .total table th{
    font-size: 1.5em;
  }
  #contents .resultsSec .total table td{
    font-size: 2.3em;
  }
  #contents .resultsSec .yearList{
    width: 84vw;
  }
  #contents .resultsSec .detaList{
    width: 90vw;
  }
}
@media screen and (max-width: 600px){
  #contents .resultsSec .total{
    width: 90vw;
  }
  #contents .resultsSec .total table th{
    font-size: 1.4em;
  }
  #contents .resultsSec .total table td{
    font-size: 2.2em;
  }
  #contents .resultsSec .yearList{
    width: 94vw;
  }
  #contents .resultsSec .yearList li a{
    font-size: 1.3em;
  }
  #contents .resultsSec .yearList li span{
    font-size: 1.3em;
  }
}
@media screen and (max-width: 480px){
  #contents .resultsSec .detaList th{
    font-size: 1.1em;
  }
  #contents .resultsSec .detaList td{
    font-size: .9em;
  }
}
@media screen and (max-width: 414px){
}