.pageContacts{
 display: flex;
 justify-content: center;
}
.pageContacts .box{
 width: 30%;
 text-align: center;
 margin: 1%;
}
.pageList{
 display: flex;
 justify-content: space-around;
}
.pageList li{
 width: 20%;
 padding: 15px 1% 30px;
 background: #fff;
 box-shadow: 2px 2px 25px rgba(0,0,0,0.1);
}
.pageList li h4{
 margin: 0 auto;
 width: 140px;
 height: 140px;
 display: flex;
 justify-content: center;
 align-items: center;
 color: #fff;
 background: #024d9b;
 border-radius: 50%;
 text-align: center;
}
.pageList li .text{
 padding: 10px;
 margin-top: 1em;
 line-height: 1.8em;
}
/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 768px) {
 .pageContacts{
  display: block;
 }
 .pageContacts .box{
  width: auto;
  text-align: center;
  margin: 30px 0px 0px;
 }
 .pageList{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
 }
 .pageList li{
  width: 45%;
  padding: 15px 1% 20px;
  background: #fff;
  box-shadow: 2px 2px 25px rgba(0,0,0,0.1);
  font-size: 80%;
  margin-bottom: 15px;
 }
 .pageList li h4{
  margin: 0 auto;
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #024d9b;
  border-radius: 50%;
  text-align: center;
 }
 .pageList li .text{
  padding: 10px;
  margin-top: 1em;
  line-height: 1.8em;
 }
}