.pagebox {
  display: flex;
}
.pagebox .text {
  width: calc(50% - 65px);
  display: flex;
  justify-content: flex-end;
}
.pagebox .text .textInner {
  max-width: 500px;
  padding: 0px 15px;
  box-sizing: border-box;
}
.pagebox .photo {
  width: calc(50% + 50px);
}

#sec2 .bg {
  background: url(../img/factory/bg1.jpg) no-repeat center center;
  background-size: cover;
}
#sec2 .list {
  display: flex;
  flex-wrap: wrap;
}
#sec2 .list li {
  width: 25%;
  overflow: hidden;
}
#sec2 .list li img {
  transition: 1s;
}
#sec2 .list li:hover img {
  transform: scale(1.2);
}

/*
===================================================
	tb
===================================================
*/
@media screen and (max-width: 1100px) {
}

/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 640px) {
  .pagebox {
    display: block;
  }
  .pagebox .text {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .pagebox .text .textInner {
    max-width: none;
    padding: 0px 15px;
    box-sizing: border-box;
  }
  .pagebox .photo {
    width: auto;
    padding: 0 15px;
    margin-top: 1em;
  }
}