@charset "utf-8";

.lp {
  position: relative;
  width: 50%;
  margin: auto;
}
.lp-header {
  position: relative;
}
.lp-contents {
  position: relative;
}
.lp-contents-title {
  position: relative;
  width: 33%;
  margin: 20px 0;
  padding-left: 15px;
  text-align: left;
}
.lp-contents-items {
  position: relative;
  width: 100%;
  margin: 6px 0;
  display: block;
}
.lp-contents-items-item {
  position: relative;
  width: 32%;
  margin-bottom: 20px;
  display: inline-block;
}
.lp-footer {
  position: relative;
  width: 70%;
  margin: auto;
}
.lp-header img, .lp-contents-title img, .lp-footer img {
  width: 100%;
}
.lp-contents-items-item img {
  width: 85%;
}
.lp-textalign--left {
  text-align: left;
}
.lp-textalign--center {
  text-align: center;
}
.lp-textalign--right {
  text-align: right;
}

@media
  only screen and (max-width: 767px),
  only screen and (max-width: 640px) {
  .lp {
    width: 90%;
  }
  .lp-contents-items-item {
    width: 45%;
  }
  .lp-contents-title {
    text-align: center;
  }
  .lp-contents-items-item img {
    width: 100%;
  }
  .lp-footer {
    width: 100%;
  }
  .lp-textalign--left, .lp-textalign--center, .lp-textalign--right {
    text-align: center;
  }

}