/* ------------------------------------------------
 contents_wrapper
------------------------------------------------ */
#contents_wrapper {
  background: url(../img/cp02/bg.png) 0 60px;
}
@media screen and (max-width: 767.9px) {
  #contents_wrapper {
    background-image: url(../img/cp02/bg-sp.png);
    background-position: 0 50px;
    background-size: 100% auto;
  }
}

/* ------------------------------------------------
 kv
------------------------------------------------ */
#kv {
  color: #7e644d;
  position: relative;
}
#kv .badge {
  width: 7em;
  position: absolute;
  left: 49.375em;
  top: 3.5em;
}
#kv .detail {
  position: relative;
}
#kv .detail .note {
  font-size: 0.625em;
  position: absolute;
  left: 7em;
  bottom: 0;
}
#kv .howto {
  font-size: 0.625em;
  border: 1px solid rgba(126, 100, 77, 0.6);
  border-radius: 0.2em;
  background-color: rgba(252, 250, 223, 0.7);
  margin: 2em 7em 0;
  padding: 0.7em 1em;
}
#kv .howto .heading {
  text-align: center;
}
#kv .howto .list li {
  display: inline;
}
@media screen and (max-width: 767.9px) {
  #kv > .inner {
    padding-top: 1.8333333333em;
  }
  #kv .badge {
    width: 5.4em;
    position: absolute;
    left: 1.5em;
    top: 10.5333333333em;
  }
  #kv .intro {
    margin-top: 2.0666666667em;
  }
  #kv .detail {
    margin: 0 -1.5em;
  }
  #kv .detail .note {
    font-size: 0.6666666667em;
    position: static;
    margin-top: 1.5em;
    margin-left: 3.25em;
  }
  #kv .howto {
    background-color: transparent;
    margin: 1.5em 0 0 1em;
  }
  #kv .howto .list li {
    text-indent: -1em;
    padding-left: 1em;
    display: block;
  }
}

/* ------------------------------------------------
 about
------------------------------------------------ */
#about > .inner {
  padding-top: 4.75em;
  padding-bottom: 5em;
}
#about .info {
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767.9px) {
  #about > .inner {
    padding-top: 2.6666666667em;
    padding-bottom: 2.6666666667em;
  }
}

/* ------------------------------------------------
contact
------------------------------------------------ */
#contact .sbody .contact .note {
  margin-top: 2em;
}