@charset "utf-8";
/* CSS Document */
/*.white2 {
  width: 100%;
  margin: 0 0 130px 0;
  background-color: #fff;
  transform-origin: bottom left;
  position: relative;
  top: 50px;
}*/
/*img#triangle {
  max-width: 100%;
  position: absolute;
  bottom: -1330px;
  left: -74px;
  display: block;
  top: 1830px;
  left: 0px;
}
@media screen and (min-width: 800px) and (max-device-width: 1500px) {
  img#triangle {
    max-width: 100%;
    position: absolute;
    display: block;
    top: 1230px;
    top: 1909px;
    left: 0;
  }
}*/
.list_right li.qr {
  margin-top: 10px;
}
.casestudy {
  margin: 0 0 50px 0;
  padding: 0;
}
.caselist.clearfix {
  width: 100%;
  height: auto;
  margin: 0 auto 30px auto;
  text-align: center;
  padding: 0;
}
.caselist li {
  width: 220px;
  margin: 0 20px 30px 0;
  list-style: none;
  float: left;
}
.caselist li:first-child {
  margin: 0 20px 30px 0
}
img.casepic {
  margin: 0 0 10px 0;
}
.caselist li:nth-child(5) {
  margin: 0 20px 30px 0
}
img.casepic {
  margin: 0 0 10px 0;
}
/*#blog_text {
  width: 511px;
  margin: auto 244.5px;
  padding: 0 0 0 0;
  text-align: center;
}
img.morecase {
  width: 511px;
  margin: 0 244.5px 0 244.5px;
  text-align: center;
}*/
@media screen and (min-width: 1024px) {
  .center {
    text-align: center;
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .center {
    text-align: center;
    margin-top: 0;
  }
  .caselist.clearfix {
    display: grid;
    justify-items: center;
    width: 100%;
    height: auto;
    margin: 0 auto 30px auto;
    text-align: center;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .center {
    text-align: center;
    margin-top: 0;
  }
  .caselist.clearfix {
    display: grid;
    justify-items: center;
    width: 100%;
    height: auto;
    margin: 0 auto 30px auto;
    text-align: center;
    padding: 0;
  }
}