@charset "utf-8";
/* CSS Document */

/*=====================================================
  issue/
=====================================================*/
#about{}

.aboutChart{
  position: relative;
}
.aboutChart figure{
  width: 100%;
  height:  34.5454545454%;
}
.aboutChart figure img {
}
.aboutChart ul{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1%;
  width: 100%;
}
.aboutChart ul li{
  box-sizing: border-box;
  width: calc(32% - 48px);
  padding: 24px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #3071B9;
  border-radius: 4px;
}
.aboutChart ul li dt{
  font-family: 'Zen Kaku Gothic New';
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 180%;
  color: #3071B9;
}
.aboutChart ul li dd{
  line-height: 160%;
  color: #3071B9;
  font-weight: 300;
  font-size: 2.8rem;
}
.aboutChart ul li dd span{
  font-size: 4.0rem;
}

@media only screen and (max-width:767px){
  .aboutChart{
/*
    background: url("../img/about_sec01_pic01_sp.jpg") no-repeat;
    background-size: cover;
*/
  }
  .aboutChart ul{
    flex-direction: column;
    width: 90%;

  }
  .aboutChart ul li{
    width: 100%;
    margin: 5px 0
  }


}
/* footterSnbNavi
---------------------------------------------------*/
/* 他の記事を見る */
#footerSubNavi #reference{
  display: none;
}

/* こちらもぜひご覧ください */
#footerSubNavi #moreInfo li.moreInfo_story,
#footerSubNavi #moreInfo li.moreInfo_keyword,
#footerSubNavi #moreInfo li.moreInfo_aboutrever{
  display: none;  
}
/*
#footerSubNavi #moreInfo li.moreInfo_story{}
#footerSubNavi #moreInfo li.moreInfo_issue{}
#footerSubNavi #moreInfo li.moreInfo_innovation{}
#footerSubNavi #moreInfo li.moreInfo_keyword{}
#footerSubNavi #moreInfo li.moreInfo_report{}
#footerSubNavi #moreInfo li.moreInfo_denso{}
#footerSubNavi #moreInfo li.moreInfo_aboutrever{}
*/