#pageSection{
 background: url(../img/pallete/page.jpg) center center;
 background-size: cover;
}

#sec1 .bg{
 background: url(../img/pallete/bgtext1.png) no-repeat right top;
 background-size:  10% auto;
 background-position: top 15% right 2%;
}
#sec2 .bg{
 background: url(../img/pallete/bgtext2.png) no-repeat center top;
 background-size: 100% auto;
 background-position: top 15% center;
}
#sec3 .bg{
 background: url(../img/pallete/bgtext3.png) no-repeat right top;
 background-size:  10% auto;
 background-position: top 15% right 2%;
}

/*
===================================================
        pc small
===================================================
*/
@media screen and (max-width: 1150px) {
 #sec1 .bg{
  background: none;
 }
 #sec2 .bg{
  background: none;
 }
 #sec3 .bg{
  background: none;
 }
 .pageList{
  flex-wrap: wrap;
  justify-content: center;
 }
 .pageList li{
  width: 48%;
  margin: 1%;
  box-sizing: border-box;
  text-align: center;
  padding: 0px;
 }
 .pageList li a{
  width: 100%;
  min-width: 0px;
  box-sizing: border-box;
  line-height: 1.1em;
 }
}

/*
===================================================
        sp
===================================================
*/
@media screen and (max-width: 768px) {

}