/* =====
 * single
============================================================================= */
/* -----
 * setting
----------------------------------------------------------------------------- */
/* -----
 * modules
----------------------------------------------------------------------------- */
#Header:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 17px;
    z-index: -1;
    display: block;
    background-image: url(../images/index/keyvisual.jpg);
    -webkit-background-size: cover;
    background-size: cover;
}
#ContentBody {
    padding-top: 77px;
}

#Contact {
  padding: 80px 0 120px;
}

#Contact > .content-inner {
  width: 520px;
}

#Contact > .content-inner > .text {
  margin-top: 60px;
}


.kiji-info{
  text-align: center;
  font-size: 11px;
  margin-bottom: 20px;
}

.post h1{
  font-weight: bold;
  font-size: 18px;
  padding: 40px 0 10px 0;
  text-align: center;
  line-height: 1.6;
}

.post img{
  max-width: 100%;
  height: auto;
  display: block;
}


.list-item img{
  max-width: 100%;
  height: auto;
  display: block;
}

#Contact .links {
  max-width: 260px;
  margin:0 auto;
}

#Contact .links a.contact-link{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: none;
    text-align: center;
    padding: 20px;
}
/* -----
 * responsive
----------------------------------------------------------------------------- */
@media screen and (min-width: 1000px) {
  /* PC */
  form button {
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  form button:hover {
    background-color: #fcc419;
  }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  /* tablet */
}

@media screen and (max-width: 767px) {
  /* smart phone */
  #Contact {
    padding: 50px 15px;
  }
  #Contact > .content-inner {
    width: auto;
  }
  #Contact > .content-inner > .contact-form .item {
    display: block;
  }
  #Contact > .content-inner > .contact-form .item.vertical {
    display: block;
  }
  #Contact > .content-inner > .contact-form .item > .attr {
    width: auto;
  }
  #Contact > .content-inner > .contact-form .item > .value {
    width: auto;
  }
  #Contact > .content-inner > .contact-form .btns {
    margin-top: 25px;
    display: block;
  }
  #Contact > .content-inner > .contact-form .btns .form-btn {
    width: 100%;
    margin: 10px 0;
  }
}