.kvDesignSH {
  width: 1400px;
  margin-left: -100px;
  min-height: 800px;
  margin-bottom: 4%;
  height: 0;
  position: relative;
  background-image: url(../images/kv.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .kvDesignSH > .head {
    padding: 65px 0 0 100px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    height: 258px; }
    .kvDesignSH > .head p {
      font-size: 2rem; }
    .kvDesignSH > .head h1 {
      text-indent: -0.5em;
      padding: 10px 0;
      line-height: 1.4;
      font-size: 4.3rem; }
  @media screen and (max-width: 767px) {
    .kvDesignSH {
      margin: -20px -10px 4%;
      width: auto;
      min-height: 100vw;
      background-image: url(../images/kv_sp.jpg);
      background-size: cover;
      background-position: 50% 0; }
      .kvDesignSH > .head {
        height: auto;
        padding: 20px; }
        .kvDesignSH > .head p {
          font-size: 1.4rem; }
        .kvDesignSH > .head h1 {
          font-size: 1.8rem; } }

.imgwrap {
  margin: 2% 0 6%; }
  .imgwrap ul {
    display: flex; }
    .imgwrap ul.col2 li {
      width: 50%; }
    .imgwrap ul.col3 li {
      width: 33.333333%; }
    .imgwrap ul img {
      border: 1px solid #fff; }
  @media screen and (max-width: 767px) {
    .imgwrap ul {
      display: block; }
      .imgwrap ul.col2 li, .imgwrap ul.col3 li {
        width: 100%; }
        .imgwrap ul.col2 li img, .imgwrap ul.col3 li img {
          margin-bottom: 2%; } }