.form-style {
  border-collapse: collapse;
  width: 95%;
}

.form-style tr {
  border-bottom: 1px solid #dbe1e8;  
}
.form-style tr:first-child {
  border-top: 1px solid #dbe1e8;  
}

.form-style th,
.form-style td {
  padding: 8px 10px;                // padding: 8px 0;
}

.form-style th {
  text-align: left;
  width: 120px;
	background:#f0f0f0;         //  color
}

.form-style input[type='text'],
.form-style textarea {
  width: 80%;
}
.form-style textarea {
  height: 80px;                    //  height: 100px; 
}

/*     追加　　*/
  .form-style tr {
    border: 1px solid #dbe1e8;
    border-radius: 5px;
    box-shadow: 3px 3px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    padding: 8px 8px 0;
  }
/*  **************  */

@media only screen and (max-width: 800px) {
  .form-style tr,
  .form-style th,
  .form-style td {
    display: block;
    width: auto;
  }
  
  .form-style th {
    padding-bottom: 0;
  }
  
  .form-style input[type='text'],
  .form-style textarea {
    width: 100%;
  }


.form-style {
  border-collapse: collapse;
  width: 95%;
}


}