/*==================================
Layout
==================================*/
.cp-page-inner {
  width: 750px;
  margin: 0 auto;
}
.cp-bgposi {
  position: relative;
  top: -1px;
}
.cp-bgcolor {
  background-color: #FCDF50;
}
.cp-bgcolor02 {
  background-color: #ece448;
}

/*==================================
Image
==================================*/
.cp-box-img {
  width: 100%;
}
.cp-box-img img {
  vertical-align: bottom;
  max-width: 100%;
}

/*==================================
offer
==================================*/
.cp-cv-area {
  position: relative;
}
.cp-cv-area-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5.6261343013%;
  margin: auto;
  width: 61.3333333333%;
  transition-duration: 0.4s;
}
.cp-cv-area-btn:hover {
  transform: scale(1.1);
}

/*==================================
footer
==================================*/
.cp-footer {
  background-color: #000;
}
.cp-footer .copyright {
  margin: 0 auto;
}
.cp-footer .copyright img {
  width: 100%;
}
.cp-footer-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cp-footer-list-item img {
  width: 100%;
}

/*==================================
sp
==================================*/
@media screen and (max-width: 768px) {
  .cp-page-inner {
    width: 100%;
    margin: 0 auto;
  }
}