/**
 * ----------------------------------------------------------------------------
 * Main Visual
 * ----------------------------------------------------------------------------
 */
.mv {
  position: relative;
  width: 100%;
}

@media (max-width: 768px) {
  .mv {
    background: url(../img/contact/mv-sp.jpg) center/cover no-repeat;
    height: 250px;
  }
}

@media (min-width: 769px) {
  .mv {
    background: url(../img/contact/mv.jpg) center/cover no-repeat;
    height: 500px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Contact
 * ----------------------------------------------------------------------------
 */
@media (max-width: 768px) {
  .contact {
    margin: 40px auto 90px;
    width: calc(100% - 40px);
  }
}

@media (min-width: 769px) {
  .contact {
    margin: 50px auto 125px;
    width: 860px;
  }
}

.contact-h {
  font-weight: 500px;
  text-align: center;
}

@media (max-width: 768px) {
  .contact-h {
    font-size: 20px;
  }
}

@media (min-width: 769px) {
  .contact-h {
    font-size: 32px;
  }
}

.contact-desc {
  font-weight: 500px;
  line-height: 32px;
  margin: 30px 0 0;
}

@media (max-width: 768px) {
  .contact-desc {
    text-align: left;
  
  }
}

@media (min-width: 769px) {
  .contact-desc {
    text-align: center;
    font-size: 120%;		  
  }
}

.contact-desc a {
  text-decoration: underline;
}

.contact-desc a, .contact-desc a:link, .contact-desc a:visited, .contact-desc a:hover, .contact-desc a:active, .contact-desc a:focus {
  color: #2baae2;
}

@media (max-width: 768px) {
  .contact .form {
    margin-top: 35px;
  
  }
}

@media (min-width: 769px) {
  .contact .form {
    margin-top: 30px;
    font-size: 120%;		  
  }
}

/*# sourceMappingURL=contact.css.map */

/* 送信完了画面 */

@media (max-width: 768px) {
p.thanks {
    width: 90%;
    margin: auto;
    line-height: 2;
}

}

@media (min-width: 769px) {
p.thanks {
    max-width: 800px;
    margin: auto;
    line-height: 2;
}

}