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

/*=====================================================
  issue/
=====================================================*/
#issue{}
.blueBox{
  background: #DEEAF9;
  border-radius: 8px;
  padding: 48px;
}
@media only screen and (max-width:767px){
  .blueBox{
    padding: 16px;
  }
}
#contentsArea .contentsInner{
  margin-top: 80px;
}
#contentsArea .section .bgImg{
  width: 100vw;
}

/* cardType
-----------------------------------------*/
#issue #contentsArea .cardType{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  justify-content: center;
  column-gap: 14px;
  margin-top: 16px;
}
@media only screen and (max-width:767px){
  #issue #contentsArea .cardType{
      flex-direction: column;
  }
}
#issue .cardType .cardInner{
  background: #F2F2F7;
  width: calc(24% - 32px);
  padding: 16px;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 200%;
  color: #3071B9;
  margin: 10px 0;
}
@media only screen and (max-width:767px){
  #issue .cardType .cardInner{
    flex-direction: column;
    width: calc(100% - 32px);
  }  
}
#issue .cardType .cardInner h3{
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 180%;
  margin-bottom: 16px;
  
}






/* fotterSnbNavi
---------------------------------------------------*/
/* 他の記事を見る */
#issue #footerSubNavi #reference{
  display: none;
}
/* こちらもぜひご覧ください */
#footerSubNavi #moreInfo li.moreInfo_story,
#footerSubNavi #moreInfo li.moreInfo_issue,
#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{}
*/