.page-lower #visual {
  background-image: url("../images/strength/visual-bg.jpg");
}
.page-lower #visual .title-2:after {
  content: 'About Us';
}

#main .strength {
  background: url("../images/common/bg-1.png") 0 50px no-repeat,
              url("../images/common/bg-2.png") right center no-repeat;
  margin: 80px 0;
}
@media (max-width:1599px) {
  #main .strength {
  background: url("../images/common/bg-1.png") 0 50px /25% auto no-repeat,
              url("../images/common/bg-2.png") right center /25% auto no-repeat;
  }
}
@media (max-width:768px) {
  #main .strength {
    background: none;
  }
}
#main .strength ~ .strength {
  margin-top: 120px;
}
#main .strength .header {
  display: flex;
  flex-wrap: wrap;
  max-width: 1600px;
  width: 100%;
  margin: 0 auto 50px;
}
#main .strength .header .content {
  width: 62.5%;
}
#main .strength .header .content > div {
  max-width: 770px;
  padding-left: 70px;
  padding-right: 55px;
  padding-top: 50px;
  background: url("../images/strength/bg-strength.png") 0 0 no-repeat;
  margin-left: auto;
}
#main .strength .header .content .num {
  margin-bottom: 20px;
}
#main .strength .header .content .title {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 40px;
}
#main .strength .header .photo {
  width: 37.5%;
}
#main .strength .header .photo img {
  width: 100%;
}
#main .strength .body {
  max-width: 1020px;
}
@media (max-width:1100px) {
  #main .strength {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  #main .strength ~ .strength {
    margin-top: 50px;
  }
  #main .strength .header .content {
    width: 100%;
  }
  #main .strength .header .content > div {
    max-width: 100% !important;
    width: 500px;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    background-size: contain;
    margin-left: auto;
    margin-right: auto;
  }
  #main .strength .header .photo {
    width: 100%;
    margin-top: 40px;
  }
}
@media (max-width:768px) {
  #main .strength .header {
    margin-bottom: 30px;
  }
  #main .strength .header .content .num img {
    height: 5em;
  }
  #main .strength .header .content .title {
    font-size: 3rem;
    margin-bottom: 1em;
  }
  #main .strength .header .content > div {
    background-size: auto 8em;
    background-position: center 0;
  }
}

#main .strength .layout-col-2 {
  
}
#main .strength .layout-col-2 .content {
  width: 54%;
}
#main .strength .layout-col-2 .photo {
  width: 42%;
}
@media (max-width:768px) {
  #main .strength .layout-col-2 .content {
    width: 100%;
  }
  #main .strength .layout-col-2 .photo {
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
}

#main .n1 .photo {
  text-align: center;
}
#main .n1 .photo img {
  max-width: 600px;
}
#main .n1 .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#main .n1 .list .item {
  width: 47%;
  display: flex;
  justify-content: space-between;
}
#main .n1 .list .item:nth-child(n+3) {
  margin-top: 4%;
}
@media (max-width:1024px) {
  #main .n1 .list .item {
    width: 49%;
  }
}
#main .n1 .list .item .content {
  width: 46.8%;
}
#main .n1 .list .item .content .title {
  font-weight: 500;
}
#main .n1 .list .item .content .title i {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: inherit;
  width: 2em;
  height: 2em;
  line-height: 1.8;
  text-align: center;
  color: #fff;
  background: #1d2088;
  border-radius: 50%;
  margin-right: .4em;
}
#main .n1 .list .item .content .title span {
  font-size: 2rem;
}
#main .n1 .list .item .content .title + * {
  margin-top: .5em;
}
#main .n1 .list .item .photo {
  width: 53.2%;
}
@media (max-width:960px) {
  #main .n1 .list {
    display: block;
  }
  #main .n1 .list .item {
    max-width: 470px;
    width: 100%;
    display: flex;
    margin: 0 auto;
  }
  #main .n1 .list .item ~ .item {
    margin-top: 40px;
  }
}
@media (max-width:540px) {
  #main .n1 .list .item {
    flex-wrap: wrap;
  }
  #main .n1 .list .item .photo {
    width: 100%;
    text-align: center;
  }
  #main .n1 .list .item .content {
    width: 100%;
    margin-top: 1em;
  }
}

#main .n2 .header {
  flex-direction: row-reverse;
}
#main .n2 .header .photo {
  width: 50%;
}
#main .n2 .header .content {
  width: 50%;
}
@media (max-width:1000px) {
  #main .n2 .header .content,
  #main .n2 .header .photo {
    width: 100%;
  }
  #main .n2 .header .photo {
    margin-top: 0;
  }
}

#main .n3 .header {
}
#main .n3 .header .photo {
  width: 50%;
}
#main .n3 .header .content {
  width: 50%;
}
#main .n3 .header .content > div {
  max-width: 570px;
}
@media (max-width:1000px) {
  #main .n3 .header .content,
  #main .n3 .header .photo {
    width: 100%;
  }
  #main .n3 .header .photo {
    margin-top: 0;
  }
}