#main .bg {
    max-width: 100%;
    width: 1600px;
    padding-top: 80px;
    background: url(../images/common/bg-1.png) 5% 10% no-repeat,
                url(../images/common/bg-2.png) right 5% no-repeat;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width:768px) {
  #main .bg {
      padding-top: 50px;
      background: url(../images/common/bg-1.png) left 0 /25% auto no-repeat,
                  url(../images/common/bg-2.png) right 0 /25% auto no-repeat;
  }
}

.page-lower #footer {
  margin-top: 0;
}

@media (max-width:768px) {
  .page-nav {
    display: none !important;
  }
  .page-nav + * {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}

#main .title-3 {
  color: var(--c-blue2);
}

.fs-18 {
  font-size: 1.125em;
}

#main .features {
  padding: 90px 0;
}
#main .features .body {
  width: 1200px;
}
#main .features .visual {
  
}
#main .features .inner {
  max-width: 100%;
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
#main .features .inner .num {
  position: relative;
  z-index: 1;
  margin-top: -70px;
  margin-bottom: 1.75em;
}
#main .features .inner .content {
  width: 47.23%;
}
#main .features .inner .content .title-2 {
  margin-bottom: 1em;
}
#main .features .inner .photo {
  width: 47.23%;
}

@media (max-width:768px) {
  #main .features .inner .content,
  #main .features .inner .photo {
    width: 100%;
  }
  #main .features .inner .content + .photo {
    margin-top: 2em;
  }
  #main .features .inner .photo {
    text-align: center;
  }
}

@media (max-width:768px) {
  #main .features .inner .num {
    margin-top: -50px;
  }
  #main .features .inner .num img {
    height: 100px;
  }
}
@media (max-width:540px) {
  #main .features .inner .num {
    margin-top: -40px;
  }
  #main .features .inner .num img {
    height: 80px;
  }
}

#main .business {
  background: #eee;
}
#main .business .title-1 {
  text-align: center;
}
#main .business .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3em;
}
#main .business .list .item {
    position: relative;
    width: 47.2222%;
    color: #fff;
}
#main .business .list .item .photo {
  overflow: hidden;
}
#main .business .list .item .photo img {
  transition: .4s;
}
#main .business .list .item:hover .photo img {
  transform: scale(1.05);
}
#main .business .list .item .title {
    position: absolute;
    left: 0;
    bottom: 1em;
    width: 100%;
    text-align: center;
}
#main .business .list .item .title span {
    display: block;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.33;
}
#main .business .list .item .title small {
    display: block;
    font-size: 2rem;
    font-family: Rajdhani,sans-serif;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: .1em;
    margin-top: .5em;
}
@media (max-width:736px) {
    #main .business .list .item {
      width: 49%;
    }
    #main .business .list .item .title span {
      font-size: 3.2vw;
    }
    #main .business .list .item .title small {
      font-size: 2vw;
    }
}


/* ****************************************************************************************************
   * integrated
**************************************************************************************************** */

.page-business-integrated #visual .title-1:after {
    content: 'INTEGRATED PRODUCTION';
}
.page-business-integrated #visual {
    background: url(../images/business/integrated/visual-bg.jpg) center center /cover no-repeat;
}

.page-business-integrated #main .header {
  font-size: 1.8rem;
  line-height: 2.3333;
}

.page-business-integrated #main .features.n1 {
  background: #eee;
}
.page-business-integrated #main .features.n2 {
  background: linear-gradient(90deg,rgba(179, 209, 242, 1) 0%, rgba(247, 250, 255, 1) 100%);
}
.page-business-integrated #main .features.n3 .num,
.page-business-integrated #main .features.n3 .title-3 {
  text-align: center;
}
.page-business-integrated #main .features.n3 .list .item {
  max-width: 100%;
  width: 960px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 60px;
}
.page-business-integrated #main .features.n3 .list .item:nth-child(2n+2) {
  flex-direction: row-reverse;
  margin-left: auto;
}
.page-business-integrated #main .features.n3 .list .item .photo {
  width: 37.5%;
}
.page-business-integrated #main .features.n3 .list .item .content {
  width: 55.21%;
}
@media (max-width:768px) {
  .page-business-integrated #main .features.n1 .inner .photo {
    margin-top: 2em;
  }
  .page-business-integrated #main .features.n3 .list .item {
    margin-top: 40px;
  }
}
@media (max-width:640px) {
  .page-business-integrated #main .features.n3 .list .item {
    max-width: 100%;
    width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-business-integrated #main .features.n3 .list .item .photo,
  .page-business-integrated #main .features.n3 .list .item .content {
    width: 100%;
  }
  .page-business-integrated #main .features.n3 .list .item .content {
    margin-top: 1em;
  }
}

/* ****************************************************************************************************
   * machining
**************************************************************************************************** */

.page-business-machining #visual .title-1:after {
  content: 'INTEGRATED PRODUCTION';
}
.page-business-machining #visual {
  background: url(../images/business/machining/visual-bg.jpg) center center /cover no-repeat;
}
.page-business-machining #main .figure {
  text-align: center;
}
.page-business-machining #main .figure img {
  margin-bottom: .5em;
}
.page-business-machining #main .figure b {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--c-blue);
}
@media (max-width:540px) {
  .page-business-machining #main .flex-col-2:not(.features-col) {
    display: block;
  }
  .page-business-machining #main .flex-col-2:not(.features-col) > * {
    width: 100%;
  }
  .page-business-machining #main .flex-col-2:not(.features-col) > * ~ * {
    margin-top: 2em;
  }
}