/* ------ ページ全体 ------ */
body {
  line-height: 1.9;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
  font-weight: 300;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  color: #e3e3e3;
  background: #212121;
  min-width: 320px;
  font-size: 18px;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
h2, p, input {
  word-break: keep-all;
  overflow-wrap: break-word;
}
/* ------ ボタン ------  */
.submit, .reset, .back {
  text-align: center;
  width: 110px !important;
  height: 50px !important;
  font-size: 16px;
  margin: auto;
  display: inline-block;
  box-sizing: border-box;
}
.reset {
  margin-right: 3em;
}
.check {
  text-align: center;
  width: 110px !important;
  height: 50px !important;
  font-size: 16px;
  margin: 10px auto;
  display: inline-block;
  box-sizing: border-box;
}
/* ------ メッセージ ------ */
.title {
  color: #e3e3e3;
  text-align: center;
}
.msg_head {
  color: #e3e3e3;
  text-align: center;
  font-size: 16px;
}
.msg_foot {
  color: #e3e3e3;
  text-align: center;
  font-size: 16px;
}
.msg_attn {
  color: #e3e3e3;
  text-align: center;
  font-size: 16px;
}
.return {
  color: #e3e3e3;
  text-align: center;
  font-size: 16px;
}
/* RESPONSIVE 設定
------------------------------------------------------------*/
  @media only screen and (min-width: 769px) {
  #mailform {
    max-width: 709px;
    margin: 0 auto;
  }
  table {
    display: block;
    max-width: 709px;
    margin: 0 auto;
    border: none;
  }
  table tbody, table tr {
    display: block;
    width: 100%;
  }
  table tr {
    margin-bottom: 20px;
  }
  table th, table td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
  table th {
    font-size: 16px;
    padding: 6px 10px !important;
    text-align: left;
    background-color: #DDD !important;
    color: #5e5e5e !important;
    border: none;
  }
  table td {
    padding: 20px !important;
    font-size: 14px;
    color: #212121;
    background-color: #F5F5F5 !important;
    border: none;
    min-height: 65px;
  }
  input, textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  textarea {
    height: 120px;
    resize: vertical;
  }
}
  @media only screen and (max-width: 768px) {
  #mailform {
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto;
  }
  table {
    display: block;
    width: 94% !important;
    max-width: 94% !important;
    margin: 0 auto;
    border: none;
  }
  table tbody, table tr {
    display: block;
    width: 100%;
  }
  table tr {
    margin-bottom: 20px;
  }
  table th, table td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
  table th {
    font-size: 16px;
    padding: 6px 10px !important;
    text-align: left;
    background-color: #DDD !important;
    color: #5e5e5e !important;
    border: none;
  }
  table td {
    padding: 20px !important;
    font-size: 14px;
    color: #212121;
    background-color: #F5F5F5 !important;
    border: none;
    min-height: 65px;
  }
  input, textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  textarea {
    height: 120px;
    resize: vertical;
  }
}