.design {
  position: relative;
  overflow: hidden;
}
.design .v-inner {
  position: relative;
}
.design .v-inner__sec1 {
  margin-top: 144px;
  position: relative;
  padding: 102px 0 0;
}
.design .v-inner__sec1 .title {
  position: absolute;
  right: 0;
  top: -140px;
}
.design .v-inner__sec1 ul li {
  list-style: none;
  position: relative;
}
.design .v-inner__sec1 ul li div {
  height: 350px;
  width: 945px;
  position: relative;
}
.design .v-inner__sec1 ul li div h4 {
  font-size: 35px;
  font-weight: normal;
  color: #fff;
  position: relative;
}
.design .v-inner__sec1 ul li div h5 {
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  margin-top: 10px;
}
.design .v-inner__sec1 ul li div p {
  font-size: 15px;
  font-weight: normal;
  color: #fff;
  margin-top: 20px;
  line-height: 30px;
}
.design .v-inner__sec1 ul li:nth-child(1) div {
  background: url("/data/img/views/design/pc/sec1_li1.png") no-repeat center center;
  background-size: cover;
}
.design .v-inner__sec1 ul li:nth-child(2) div {
  background: url("/data/img/views/design/pc/sec1_li2.png") no-repeat center center;
  background-size: cover;
}
.design .v-inner__sec1 ul li:nth-child(3) div {
  background: url("/data/img/views/design/pc/sec1_li3.png") no-repeat center center;
  background-size: cover;
}
.design .v-inner__sec1 ul li:nth-child(4) div {
  background: url("/data/img/views/design/pc/sec1_li4.png") no-repeat center center;
  background-size: cover;
}
.design .v-inner__sec1 ul li:nth-child(odd) {
  padding-right: 15px;
}
.design .v-inner__sec1 ul li:nth-child(odd) div {
  text-align: right;
  padding: 40px 30px;
}
.design .v-inner__sec1 ul li:nth-child(odd) div h4::before {
  content: "";
  width: 100px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  right: 0;
  bottom: -5px;
}
.design .v-inner__sec1 ul li:nth-child(odd)::before {
  content: "";
  width: 409px;
  height: 336px;
  background-color: #CCCCCC;
  position: absolute;
  right: 0;
  top: 30px;
}
.design .v-inner__sec1 ul li:nth-child(even) {
  padding-left: 15px;
}
.design .v-inner__sec1 ul li:nth-child(even) div {
  text-align: left;
  padding: 110px 30px;
}
.design .v-inner__sec1 ul li:nth-child(even) div h4::before {
  content: "";
  width: 100px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: -5px;
}
.design .v-inner__sec1 ul li:nth-child(even)::before {
  content: "";
  width: 409px;
  height: 336px;
  background-color: #887535;
  position: absolute;
  left: 0;
  top: 30px;
}
.design .v-inner__sec1 ul li:nth-child(n+2) {
  margin-top: 96px;
}
.design .v-inner__sec1 ul li:last-child div {
  padding: 130px 30px;
}
.design .v-inner__sec1::before {
  content: "";
  width: 753px;
  height: 723px;
  background-color: #F5F5F5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.design .v-inner__sec2 {
  margin: 97px 0 100px;
}
.design .v-inner__sec2__txt1 {
  font-size: 15px;
  font-weight: normal;
  color: #1A1A1A;
  text-align: justify;
  line-height: 30px;
  margin-top: 55px;
}
.design .v-inner__sec2 ul {
  margin-top: 70px;
}
.design .v-inner__sec2 ul li {
  list-style: none;
}
.design .v-inner__sec2 ul li p {
  font-size: 15px;
  font-weight: normal;
  color: #1A1A1A;
  margin-top: 46px;
}
.design .v-inner__sec2 ul li .img {
  margin: 24px auto 0;
  display: block;
}
.design .v-inner__sec2 ul li .img.img2 {
  margin: 24px auto -45px;
}
.design .v-inner__sec2 ul li .arw {
  display: block;
  margin: 40px auto 0;
}
.design .v-inner__sec2 ul li:nth-child(n+2) {
  margin-top: 46px;
}

@media screen and (max-width: 750px) {
  .design .v-inner__sec1 {
    margin-top: 6rem;
    padding: 5rem 2.5rem 0;
  }
  .design .v-inner__sec1 .title {
    top: -5rem;
    width: 36.4rem;
  }
  .design .v-inner__sec1 ul li div {
    width: 100%;
    height: 31rem;
  }
  .design .v-inner__sec1 ul li div h4 {
    font-size: 2.8rem;
  }
  .design .v-inner__sec1 ul li div h5 {
    font-size: 1.5rem;
    margin-top: 1.5rem;
  }
  .design .v-inner__sec1 ul li div p {
    font-size: 1.4rem;
    margin-top: 1rem;
    line-height: 2;
  }
  .design .v-inner__sec1 ul li:nth-child(1) div {
    background: url("/data/img/views/design/sp/sec1_li1.png") no-repeat center center;
    background-size: cover;
  }
  .design .v-inner__sec1 ul li:nth-child(2) div {
    background: url("/data/img/views/design/sp/sec1_li2.png") no-repeat center center;
    background-size: cover;
  }
  .design .v-inner__sec1 ul li:nth-child(3) div {
    background: url("/data/img/views/design/sp/sec1_li3.png") no-repeat center center;
    background-size: cover;
  }
  .design .v-inner__sec1 ul li:nth-child(4) div {
    background: url("/data/img/views/design/sp/sec1_li4.png") no-repeat center center;
    background-size: cover;
  }
  .design .v-inner__sec1 ul li:nth-child(odd) div {
    padding: 2rem;
  }
  .design .v-inner__sec1 ul li:nth-child(odd) div h4::before {
    width: 8rem;
    bottom: -1rem;
  }
  .design .v-inner__sec1 ul li:nth-child(odd)::before {
    width: 25.6rem;
    height: 28.5rem;
    top: 4rem;
  }
  .design .v-inner__sec1 ul li:nth-child(even) div {
    padding: 5rem 2rem;
  }
  .design .v-inner__sec1 ul li:nth-child(even) div h4::before {
    width: 8rem;
    bottom: -1rem;
  }
  .design .v-inner__sec1 ul li:nth-child(even)::before {
    width: 25.6rem;
    height: 28.5rem;
    top: 4rem;
  }
  .design .v-inner__sec1 ul li:nth-child(n+2) {
    margin-top: 8.5rem;
  }
  .design .v-inner__sec1 ul li:last-child div {
    padding: 9rem 2rem;
  }
  .design .v-inner__sec1::before {
    width: 23.6rem;
    height: 11.4rem;
  }
  .design .v-inner__sec2 {
    margin: 11rem 0 7rem;
    padding: 0 2.5rem;
  }
  .design .v-inner__sec2__txt1 {
    font-size: 1.4rem;
    margin-top: 6rem;
    line-height: 2;
  }
  .design .v-inner__sec2 ul {
    margin-top: 6rem;
  }
  .design .v-inner__sec2 ul li p {
    font-size: 1.4rem;
    margin-top: 4.5rem;
    line-height: 2;
  }
  .design .v-inner__sec2 ul li .img {
    margin-top: 4.5rem;
  }
  .design .v-inner__sec2 ul li .arw {
    margin-top: 6rem;
  }
  .design .v-inner__sec2 ul li:nth-child(n+2) {
    margin-top: 10rem;
  }

  .c-headline-h3__text {
    z-index: -1;
  }
}
/*# sourceMappingURL=index.css.map */