@charset "utf-8";
/* -------------------------------------------
 * top-page-style
 */

.page-title img {
  width: 100%;
  height: auto;
}

.page-title {
  padding-bottom: 20px;
}

.campaign-banner {
  padding-bottom: 20px;
  text-align: center;
}
.campaign-banner img {
  width: 87.5%;
  height: auto;
}

.top-menues {
  padding: 0 10px 10px;
  background: #4ccac9;
  box-sizing: content-box;
}

.top-menues li {
  padding-bottom: 5px;
}

.top-menues h2 img,
.top-menues li img {
  width: 100%;
  height: auto;
}

.top-points h2 img {
  width: 100%;
  height: auto;
}

.top-points h2 {
  border-bottom: 2px solid #00b2b2;
  margin-bottom: 14px;
}

.top-points .points {
  margin: 0 20px 20px;
}

.top-points .points .image {
  width: 42.5%;
  height: auto;
  float: right;
}
.top-points .txt {
  width: 57.5%;
  float: left;
}

.top-points .txt img {
  width: 100%;
  height: auto;
}

.top-points .points li {
  padding-bottom: 20px;
}

.top-points .points li:nth-child(3){
  padding-bottom: 8px;
}

.top-points .points li:last-child {
  padding-bottom: 0px;
}