/**
 * ----------------------------------------------------------------------------
 * Main Visual
 * ----------------------------------------------------------------------------
 */
.mv {
  position: relative;
  width: 100%;
}

@media (max-width: 768px) {
  .mv {
    background: url(../img/technology-development/mv-sp.jpg) center/cover no-repeat;
    height: 250px;
  }
}

@media (min-width: 769px) {
  .mv {
    background: url(../img/technology-development/mv.jpg) center/cover no-repeat;
    height: 500px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Development
 * ----------------------------------------------------------------------------
 */
@media (max-width: 768px) {
  .development {
    margin: 40px 0 90px;
  }
}

@media (min-width: 769px) {
  .development {
    margin: 50px 0 70px;
  }
}

@media (max-width: 768px) {
  .development-intro {
    font-size: 18px;
    line-height: 32px;
    margin: 30px 0 0;
    padding: 0 20px;
    text-align: left;
  }
}

@media (min-width: 769px) {
  .development-intro {
    font-size: 22px;
    line-height: 2;
    margin: 40px 0 0;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .development .grid {
    margin-top: 45px;
  }
}

@media (min-width: 769px) {
  .development .grid {
    margin-top: 50px;
  }
}

/*# sourceMappingURL=technology-development.css.map */


section.case {
    padding: 70px 0 120px;
    margin-bottom: 30px;
    background: #ecf1f4;
}

section.case .grid {
    margin-top: 50px;
}

@media (max-width: 768px) {
section.case .grid li {
    width: 47%;
    margin-top: 15px;
}

section.case .grid li img {
    width: 100%;
}

section.case .grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto 0;
}

section.case {
    padding: 50px 0 70px;
}
  
}