#pageSection{
 background: url(../img/business/page.jpg) center center;
 background-size: cover;
}
#sec1 .text{
 display: flex;
 padding-left: 20px;
 justify-content: flex-start;
}
#sec1 .text .maxWidth3{
 margin: 0px;
}
#sec2{
 background: url(../img/business/bgtext1.png) no-repeat left top;
 background-size:  10% auto;
 background-position: top 15% left 2%;
}
#sec2 .bg{
 background: url(../img/business/bg2.png) no-repeat right bottom;
 background-size:  10% auto;
 background-position: bottom 0% right 0%;
}

.pageList{
 text-align: center;
}
.pageList li{
 display: inline-block;
 width: 30%;
 vertical-align: top;
}

.pageSection1,
.pageSection2{
 display: flex;
 max-width: 1600px;
 margin-left: auto;
 margin-right: auto;
}
.pageSection2{
 flex-direction: row-reverse;
}
.pageSection1 .text,
.pageSection2 .text{
 width: 60%;
 padding: 50px;
 box-sizing: border-box;
}
.pageSection1 .img,
.pageSection2 .img{
 width: 40%;
 display: flex;
 justify-content: center;
}
.pageSection1 .img .msg{
 align-self: center;
}
.pageSection1 .img .msg span{
 background: #fff;
 display: inline-block;
 padding: 10px;
 margin: 5px;
}
.pageSection1 .img img,
.pageSection2 .img img{
 display: none;
}
.pageSection1 .img{
 background: url(../img/business/sectionPhoto1.png) no-repeat left center;
 background-size: auto 120%;
}
.pageSection2 .img{
 background: url(../img/business/sectionPhoto2.png) no-repeat right center;
 background-size: auto 120%;
}

/*
===================================================
        pc small
===================================================
*/
@media screen and (max-width: 1150px) {
 #sec2{
  background: none;
 }
 #sec2 .bg{
  background: none;
 }
 .pageSection1 .text,
 .pageSection2 .text{
  padding: 30px;
 }
 .pageSection1 .img{
  background: url(../img/business/sectionPhoto1.png) no-repeat center center;
  background-size: auto 120%;
 }
 .pageSection2 .img{
  background: url(../img/business/sectionPhoto2.png) no-repeat center center;
  background-size: auto 120%;
 }
}

/*
===================================================
        sp
===================================================
*/
@media screen and (max-width: 768px) {
 .pageList li{
  display: inline-block;
  width: 48%;
  vertical-align: top;
 }
 .pageSection1,
 .pageSection2{
  display: block;
 }
 .pageSection1 .text,
 .pageSection2 .text{
  width: auto;
  padding:50px 15px;
 }
 .pageSection1 .img,
 .pageSection2 .img{
  width: auto;
  height: 200px;
 }
 .pageSection1 .img img,
 .pageSection2 .img img{
  display: none;
 }
 .pageSection1 .img{
  background: url(../img/business/sectionPhoto1.png) no-repeat center center;
  background-size: 120%;
 }
 .pageSection2 .img{
  background: url(../img/business/sectionPhoto2.png) no-repeat center center;
  background-size: 120%;
 }
 #sec1 .text{
  display: flex;
  padding-left: 0px;
  justify-content: center;
 }
}