@charset "utf-8";
/* CSS Document */
/* ALL Reset */
body {
  margin: 0 auto;
  padding: 0;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}
#formWrap {
  width: 700px;
  margin: 0 auto 5em;
  color: #555;
  line-height: 120%;
  font-size: 90%;
}
#formWrap h1 {
  margin: 2em auto 1em;
  text-align: center;
  font-size: 22px;
  padding: 1em;
}
#formWrap p {
  text-align: center;
}
table.formTable {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
}
table.formTable td, table.formTable th {
  border: 1px solid #ccc;
}
table.formTable th {
  font-weight: normal;
  background: #18CBDB;
  text-align: left;
  color: #fff;
    padding: 1em 0.5em;
    font-size: 15px;
    line-height: 1.25em;
    
}
.check{padding: 0 0.5em;}
.check1{padding-left: 1em;}
.necessary {
  background: #EA1579;
  font-size: 8px;
    margin:0 0.5em;
    padding:  0.5em;
    vertical-align: middle;
}
.any{background: #fff;
    color: #462209;
  font-size: 8px;
    margin:0 0.5em;
    padding:  0.5em;
    vertical-align: middle;}
input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    appearance: auto;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1em;
    border: 1px solid #ccc;
}
select {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    padding: 1em;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    cursor: default;
    margin: 0em;
    font: 400 13.3333px Arial;
    border: 1px solid #ccc;
}
textarea {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(#ccc, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    flex-direction: column;
    resize: auto;
    cursor: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    column-count: initial !important;
    margin: 0em auto;
    font: 400 13.3333px Arial;
    border: 1px solid #ccc;
    border-image: initial;
    padding: 0.5em;
    width: 96%;
}

input[type="submit"], input[type="reset"], input[type="button"] {
    text-align: center;
    background: #18CBDB;
    padding: 1em;
    width: 30%;
    border-radius: 8px;
    color: #fff;
  }
input[type="submit"]:hover{
    background: #EA1579;
    cursor: pointer;
} 
input[type="reset"]:hover{
    background: #EA1579;
    cursor: pointer;
}



/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
  #formWrap {
    width: 95%;
    margin: 0 auto;
  }
  table.formTable th, table.formTable td {
    width: auto;
    display: block;
      border:none;
  }
  table.formTable th {
    margin-top: 5px;
    border-bottom: 0;
  }
  input[type="text"], textarea {
    width: auto;
    padding: 0.5em;
    font-size: 110%;
    display: block;
  }
    .check,.check1{padding: 0; margin: 1em auto; }
  input[type="submit"], input[type="reset"], input[type="button"] {
    width: 35%; text-align: center;
      border:none;
      -webkit-appearance: none;
      font-weight: bold;
      padding: 1em;
  }


    
}