/* CSS Document */
/* ==================== CONTACT-BOX-1 ==================== */
.contact-box-1 {
  margin-bottom: 0;
}
.contact-box-1-01 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;
}
.contact-box-1-02 {
  width: 250px;
  margin: 0 auto 10px;
  font-size: 18px;
  text-align: center;
  border-bottom: 2px solid #aabcbc;
}
.contact-box-1-03 {
  text-align: center;
}
.contact-box-1-03 a {
  font-size: 40px;
  font-weight: 700;
  color: #777;
}
.contact-box-1-04 {
  text-align: center;
  margin-bottom: 30px;
}
.contact-box-1-05 {
  width: 248px;
  margin: 0 auto 30px;
  border: 1px solid #00b900;
  border-radius: 10px;
}
.contact-box-1-05 a {
  color: #00b900;
  display: block;
  line-height: 40px;
}
.contact-box-1-06 {
  width: 30px;
  padding: 0 10px 0 20px;
  vertical-align: middle;
}
/* ==================== CONTACT-FORM ==================== */
#formWrap {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.formTable {
  width: 100%;
  margin: 0 auto 20px;
}
.formTable th {
  border-bottom: 1px solid #ccc;
  padding: 20px 0 10px 10px;
}
.formTable td {
  border-bottom: 1px solid #ccc;
  padding: 20px 20px 10px 10px;
}
.formTable th {
  width: 35%;
  text-align: left;
}
p.error_messe {
  margin: 5px 0;
  color: red;
}
/* ==================== PRIVACY ==================== */
.privacy {
  padding: 20px 0;
}
.privacy-01 {
  text-align: center;
  margin-bottom: 10px;
}
.privacy-02 {
  text-align: center;
  margin-bottom: 30px;
}
.privacy-03 {
  text-align: center;
  margin-bottom: 10px;
}
.privacy-box {
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
  padding: 10px 15px;
  border: 1px solid #ccc;
  overflow: auto;
  height: 150px;
  background-color: #fcfcfc;
}
.privacy-box-01 {
  margin-bottom: 10px;
}
.privacy-box-02 {
  margin-bottom: 5px;
}
.privacy-box-03 {
  margin: 0 0 10px 20px;
}
.privacy-box-04 {
  border-bottom: 1px solid #f00;
}
/* ==================== CONTACT-FORM CUSTOM==================== */
input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  text-align: center; /* 文字位置   */
  cursor: pointer; /* カーソル   */
  line-height: 40px; /* 余白       */
  background: #aabcbc; /* 背景色     */
  color: #ffffff; /* 文字色     */
  transition: .5s; /* なめらか変化 */
  box-shadow: 1px 1px 2px #ccc; /* 影の設定 */
  border: 1px solid #aabcbc; /* 枠の指定 */
  width: 250px;
  font-size: 18px;
  border-radius: 10px;
}
.button:hover {
  box-shadow: none; /* カーソル時の影消去 */
  color: #aabcbc; /* 背景色     */
  background: #fff; /* 文字色     */
}
.contact-01 {
  font-size: 14px;
  color: #f00;
  padding-left: 10px;
}
.contact-02 {
  text-align: center;
  margin-bottom: 20px;
  color: #f00;
}
.contact-03 {
  text-align: center;
}
.contact-04 {
  margin-right: 20px;
}
.contact-05 {
  margin: 0 0 30px;
  text-align: center;
}
.contact-06 {
  margin-bottom: 50px;
}
.contact-07 {
  margin-left: 20px;
}
.contact-08 {
  margin-bottom: 30px;
  text-align: center;
}
/* ==================== CONTACT-FORM CUSTOM==================== */
.thanks-01 {
  text-align: center;
  margin: 30px 0;
  font-size: 24px;
}
.thanks-02 {
  line-height: 1.8;
  text-align: center;
  margin-bottom: 30px;
  font-size: 18px;
}
.thanks-03 {
  width: 150px;
  margin: 0 auto;
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width: 820px) {
  #formWrap {
    width: 90%;
    margin: 0 auto;
  }
  .formTable th {
    width: 40%;
  }
}
@media screen and (max-width: 599px) {
  #formWrap {
    width: 96%;
    margin: 0 auto;
  }
  .formTable th, .formTable td {
    width: auto;
    display: block;
  }
  .formTable th {
    margin-top: 5px;
    border-bottom: 0;
  }
  form input[type="text"], form textarea {
    width: 80%;
    padding: 5px;
    font-size: 110%;
    display: block;
  }
  form input[type="submit"], form input[type="reset"], form input[type="button"] {
    display: block;
    width: 80%;
    line-height: 50px;
    margin-bottom: 10px;
    margin: 0 auto
  }
  .formTable td, .formTable th {
    padding: 10px 0 10px 10px;
  }
  .contact-box-1-01 {
    font-size: 18px;
  }
  .contact-03 .button {
    margin-bottom: 20px;
  }
}