@charset "UTF-8";
@import url("base.css");
@import url("../contact_form/mfp.statics/mailformpro.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*メイン*/
#contact {
  margin: 4em auto 0; }
  #contact .text p {
    text-align: center; }
  #contact .text dl {
    margin: 3em 0;
    padding: 2em 0;
    text-align: center;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000; }
    #contact .text dl dt {
      font-weight: bold;
      margin: 0 0 1em; }
    #contact .text dl dd span {
      font-weight: bold;
      display: block;
      margin: 1em 0 0; }
  #contact h2 {
    font-size: 200%;
    text-align: center;
    margin: 0 0 1em; }
    #contact h2 span {
      font-size: 50%;
      font-weight: normal !important;
      display: block; }
  #contact #thanks a {
    color: #000;
    text-decoration: none; }
    #contact #thanks a:hover, #contact #thanks a:active {
      color: #000;
      text-decoration: underline; }

.inp01 {
  width: 30% !important; }

.inp02 {
  width: 50% !important; }

.inp03 {
  width: 80% !important; }

/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1000px) {
  /*メイン*/
  #contact {
    width: 540px; } }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 999px) {
  /*メイン*/
  #contact {
    width: 540px; } }
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/
/* tablet1  */
@media only screen and (max-width: 600px) {
  /*メイン*/
  #contact {
    width: 96%; }
    #contact h2 {
      font-size: 180%; }

  .inp01 {
    width: 40% !important; }

  .inp02 {
    width: 70% !important; }

  .inp03 {
    width: 100% !important; } }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*メイン*/ }
