.c-headline {
  background: url("/data/img/views/products/pc/bg_visual.jpg") no-repeat bottom center;
  background-size: cover;
}
.c-headline .c-headline-path__col:nth-child(2) {
  width: 194px;
}

@media screen and (min-width: 751px) {
  body {
    background: #E7F2F4;
  }
}

.v-products {
  overflow: hidden;
}

section .c-head__jp {
  text-align: left;
  margin: 0 0 15px;
}
section p {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
section ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -60px;
  margin-top: 45px;
}
section ul li {
  width: 350px;
  margin-left: 60px;
}
section ul li img {
  width: 350px;
  margin-bottom: 8px;
}
section ul li p {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
@media screen and (min-width: 751px) {
  section ul li:nth-child(n+4) {
    margin-top: 45px;
  }
}
section .u-layout {
  padding: 4.5rem 0;
}

.v-sec1 {
  position: relative;
}
@media screen and (min-width: 751px) {
  .v-sec1 .u-pc-block {
    position: relative;
  }
  .v-sec1 .u-pc-block::before {
    position: absolute;
    content: "";
    background: url("/data/img/views/company/pc/shape_outline.png") no-repeat center;
    background-size: contain;
    width: 1087px;
    height: 1087px;
    left: -377px;
    top: -58px;
    z-index: -1;
  }
}
.v-sec1 .u-layout {
  padding: 6rem 0 4.5rem;
}

.v-sec4 {
  padding-bottom: 105px;
}
.v-sec4 .u-layout {
  padding-bottom: 80px;
}
@media screen and (min-width: 751px) {
  .v-sec4 .u-pc-block {
    position: relative;
  }
  .v-sec4 .u-pc-block::before {
    position: absolute;
    content: "";
    background: url("/data/img/views/products/pc/shape_products.png") no-repeat center;
    background-size: contain;
    width: 1086px;
    height: 1430px;
    right: -302px;
    bottom: -106px;
    z-index: -1;
  }
}

/**
 * For SP Layout
 */
@media screen and (max-width: 750px) {
  .c-headline {
    background: url("/data/img/views/products/sp/bg_visual.jpg") no-repeat bottom center;
    background-size: cover;
  }
  .c-headline .c-headline-path__col:nth-child(2) {
    width: 22rem;
  }

  section .c-head__jp {
    text-align: center;
    margin: 0 auto 2rem;
    white-space: nowrap;
    line-height: 4.5rem;
  }
  section .c-head__jp span {
    margin-left: -3.5rem;
  }
  section p {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  section ul {
    display: block;
    margin-left: 0;
    margin-top: 2.6rem;
  }
  section ul li {
    width: 100%;
    margin-left: 0;
  }
  section ul li img {
    width: 100%;
    margin-bottom: 1.7rem;
  }
  section ul li:nth-child(n+2) {
    margin-top: 4rem;
  }

  .v-sec1 {
    position: relative;
  }
  .v-sec1 .u-layout {
    padding: 5rem 0 4.5rem;
  }

  .v-sec4 {
    padding-bottom: 4.4rem;
    position: relative;
  }
  .v-sec4 .u-layout {
    padding-bottom: 6rem;
  }
}
/*# sourceMappingURL=index.css.map */