#visual {
  background: url(../images/business/visual-bg.jpg) center center /cover no-repeat !important;
}
#visual .title-1:before {
  content: 'BUSINESS';
}

#main .page-nav {
  padding: 35px 0;
  background: #e6eaf0;
}
#main .page-nav ul {
  display: flex;
  flex-wrap: wrap;
}
#main .page-nav ul li {
  width: 23.62%;
  margin-left: 1.84%;
}
#main .page-nav ul li a {
  position: relative;
  display: block;
}
#main .page-nav ul li a:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -20px;
  z-index: 1;
  display: block;
  width: 1px;
  height: 40px;
  background: #008fff;
  transition: .2s;
}
#main .page-nav ul li a:hover:after {
  bottom: -40px;
}
#main .page-nav ul li:nth-child(4n+1) {
  margin-left: 0;
}
@media (max-width:768px) {
  #main .page-nav ul li {
    width: 49%;
    margin-left: 2%;
  }
  #main .page-nav ul li:nth-child(2n+1) {
    margin-left: 0;
  }
  #main .page-nav ul li:nth-child(n+3) {
    margin-top: 30px;
  }
}

#main .section {
  padding-top: 140px;
}
#main .section .header {
  position: relative;
  background-color: #000;
  margin-bottom: 70px;
}
#main #section-1 .header {
  background: url("../images/business/laser-visual.jpg") center center /cover no-repeat;
}
#main #section-2 .header {
  background: url("../images/business/molding-visual.jpg") center center /cover no-repeat;
}
#main #section-3 .header {
  background: url("../images/business/seikan-visual.jpg") center center /cover no-repeat;
}
#main #section-4 .header {
  background: url("../images/business/design-visual.jpg") center center /cover no-repeat;
}
@media (max-width:768px) {
  #main .section {
    padding-top: 50px;
  }
  #main .section .header {
    margin-bottom: 40px;
  }
}
#main .section .header .body {
  position: relative;
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#main .section .header .num {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20rem;
  font-family: 'Orbitron',sans-serif;
  line-height: 1;
  background: linear-gradient(-90deg, rgba(15,173,255,1) 0%, rgba(3,56,145,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateY(-50%);
}
#main .section .header .title-2 {
  font-size: 6rem;
  text-align: center;
  color: #fff;
  margin: 0 auto;
}
#main .section .header .title-2:before {
  font-size: .5em;
  margin-bottom: 0;
}
@media (max-width:768px) {
  #main .section .header .body {
    height: 18rem;
  }
  #main .section .header .num {
    font-size: 10rem;
  }
  #main .section .header .title-2 {
    font-size: 3.6rem;
  }
}
#main .section .layout-flex-2 {
  margin-top: 70px;
}
#main .section .layout-flex-2 > * {
  width: 47.23%;
}
#main .section .layout-flex-2 figcaption {
  text-align: center;
  padding: .25em 0;
}
#main .section .layout-flex-2 figure + p {
  margin-top: .5em;
}
@media (max-width:768px) {
  #main .section .layout-flex-2 {
    margin-top: 40px;
  }
  #main .section .layout-flex-2 > * {
    max-width: 510px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #main .section .layout-flex-2 > * ~ * {
    margin-top: 30px;
  }
}
#main .about {
  padding-top: 70px;
}
@media (max-width:768px) {
  #main .about {
    padding-top: 50px;
  }
}