@charset "utf-8";
ul.box-clm3{
  display: flex;
}
li.grid-item{
  width: 32%;
  margin-right: 2%;
  text-align: center;
  font-size: 22px;
  line-height: 1.4;
}
li.grid-item:last-child{
  margin-right: 0;
}
li.grid-item div{
  border-radius: 10px;
}
li.grid-item div.grid-item-blue{
  background: #2C438A;
  color: #fff;
  box-sizing: border-box;
  padding: 50px 0;
  height: 220px;
}
li.grid-item div.grid-item-gray{
  background: #ECEDED;
  box-sizing: border-box;
  padding: 35px 0;
  height: 180px;
}
li.grid-item div.grid-item-gray.height-adjustment{
  padding: 20px 0;
}
p.number span{
  font-size: 71px;
}
li.grid-item div.grid-item-gray p.number{
  color:#2C438A;
}
p.caption{
  font-size: 17px;
  text-align: left;
  margin-top: 10px;
}
p.reference{
  text-align: right;
  font-size: 15px;
}

@media all and (min-width: 630px) and (max-width: 1280px) {
  li.grid-item {
    font-size: 20px;
  }
  p.number span {
    font-size: 56px;
  }
}

@media only screen and (max-width:751px){
  ul.box-clm3{
    display: block;
  }
  li.grid-item {
    width: 90%;
    margin: 0 auto 20px;
  }
  li.grid-item:last-child{
    margin: 0 auto 20px;
  }
  li.grid-item div.grid-item-blue{
    padding: 40px 0;
    height: 200px;
  }
  li.grid-item div.grid-item-gray{
    height: 180px;
    padding: 30px 0;
  }
  li.grid-item div.grid-item-gray.height-adjustment {
    padding: 18px 0;
  }
  p.caption {
    font-size: 16px;
  }
}
