.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

body.matsuda-cloud .contents {
  width: 100%;
  background-color: #F6F5F3;
}
body.matsuda-cloud .site-footer {
  margin-top: 0;
}

.page-cloud .visual .inner,
.page-cloud .price,
.page-cloud .reason,
.page-cloud .real .inner,
.page-cloud .merit,
.page-cloud .contact .inner {
  width: 1000px;
  margin: auto;
  text-align: center;
}
.page-cloud .visual .inner,
.page-cloud .price,
.page-cloud .reason,
.page-cloud .merit,
.page-cloud .minimum,
.page-cloud .contact .inner {
  padding: 70px 0;
}
.page-cloud .visual {
  height: 850px;
  text-align: center;
  background: #CDD5D8 url("/cloud/images/Asset-47.jpg") no-repeat 55% bottom;
}
.page-cloud .visual img {
  margin-left: 450px;
  margin-top: 50px;
}
.page-cloud .price {
  border-bottom: 1px solid #ccc;
}
.page-cloud .reason {
  text-align: center;
}
.page-cloud .real {
  min-width: 1000px;
  padding: 50px 0;
  background: url("/cloud/images/Asset-33.png") no-repeat -150px 380px, url("/cloud/images/Asset-34.png") no-repeat calc(100% + 130px) 380px;
  background-color: #3E527A;
}
.page-cloud .merit {
  position: relative;
  background-color: #F6F5F3;
}
.page-cloud .merit .heading {
  margin-right: 80px;
  margin-bottom: 50px;
}
.page-cloud .merit .merit-item {
  display: inline-block;
  margin: 40px 15px;
}
.page-cloud .merit .arrow {
  position: absolute;
  left: calc(50% - 270px);
  bottom: 20px;
}
.page-cloud .minimum {
  padding-top: 0;
}
.page-cloud .contact {
  background: #3E527A url("/cloud/images/Asset-38.png") no-repeat right 0;
  background-size: auto 100%;
}

.page-cloud.for-sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .page-cloud.for-pc {
    display: none;
  }

  .page-cloud.for-sp {
    display: block;
  }
  .page-cloud.for-sp .img {
    text-align: center;
  }
  .page-cloud.for-sp .img img {
    width: 100%;
  }
  .page-cloud.for-sp .img-line {
    padding: 20px;
    text-align: center;
  }
  .page-cloud.for-sp .img-line img {
    width: 100%;
  }
  .page-cloud.for-sp .price {
    width: 100%;
    padding: 0 0 30px;
    border-bottom: 1px solid #ccc;
  }
  .page-cloud.for-sp .why-head {
    padding: 30px 0;
  }
  .page-cloud.for-sp img[usemap] {
    max-width: 100%;
    height: auto;
  }
}

/*# sourceMappingURL=cloud.css.map */