.pageList{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-around;
}
.pageList li{
 width: 30%;
 margin: 1% 1% 40px;;
 position: relative;
}
.pageList li h3{
 margin-bottom: 12px;
}
.pageList li h4{
 margin-top: 10px;
}
.pageList li p{
 margin-top: 10px;
}
.voice {
 margin-top: 50px;
}
.voice .q{
 background: #fff;
 display: flex;
 align-items: center;
}
.voice .q .icon{
 color: #024d9b;
 text-align: center;
 width: 100px;
 padding: 20px;
 position: relative;
}
.voice .q .icon:after{
 height: 50%;
 top: 25%;
 right: 6px;
 position: absolute;
 content: "";
 display: block;
 border-right: solid 1px #5a8aba;
}
.voice .q .text{
 color: #0d1644;
 padding: 20px;
 line-height: 1.5em;
}
.voice .a{
 background: #0d1644;
 color: #fff;
 padding: 20px 20px 40px 160px;
 line-height: 2em;
}
/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 960px) {
 .pageBg{
  position: relative;
 }
 .pageBg:before{
  display: none;
 }
 .pageList{
  justify-content: flex-start;
  margin-left: 2%;
 }
 .pageList li{
  width: 47%;
  margin: 1% 1% 30px;
  font-size: 70%;
 }
 .pageList li h3{
  margin-bottom: 12px;
 }
 .pageList li h4{
  margin-top: 10px;
 }
 .pageList li p{
  margin-top: 10px;
 }
 .voice {
  margin-top: 50px;
 }
 .voice .q{
  background: #fff;
  display: flex;
  align-items: center;
 }
 .voice .q .icon{
  color: #024d9b;
  text-align: center;
  width: 13%;
  padding: 10px;
  position: relative;
  font-size: 70%;
 }
 .voice .q .icon img{
  width: 15px;
  height: auto;
 }
 .voice .q .icon:after{
  height: 50%;
  top: 25%;
  right: 5px;
  position: absolute;
  content: "";
  display: block;
  border-right: solid 1px #5a8aba;
 }
 .voice .q .text{
  color: #0d1644;
  padding: 10px;
  line-height: 1.5em;
  font-size: 80%;
  width: 75%;
 }
 .voice .a{
  background: #0d1644;
  color: #fff;
  padding: 10px 10px 20px 80px;
  line-height: 2em;
  font-size: 80%;
 }
}