@charset "UTF-8";
.box1_contact {
  width: 800px;
  margin: 0 100px;
}
.h3_contact {
  width: 100%;
  background-color: #dedede;
  text-align: center;
  font-size: 20px;
}
.text1_contact {
  text-align: center;
}
.contact_table .form {
  clear: both;
}
.contact_table {
  border-collapse: collapse;
  width: 100%;
  margin: 5% 0 0 0;
}
.contact_table th {
  width: 20%;
  line-height: 25px;
  border-bottom: dotted 1px #bfbfbf;
  text-align: left;
  padding: 0.5% 0 0.5% 0;
  font-size: 15px;
  vertical-align: text-top;
}
.contact_table td {
  width: 65%;
  padding: 0.5% 0 0.5% 0;
  line-height: 25px;
  border-bottom: dotted 1px #bfbfbf;
}
.contact_table td input#companyname, input#department, input#email, input#fullname, input#furigana, input#address {
  width: 385px;
  height: 20px;
  padding: 0 0 0 5px;
  background-color: #e4e4e4;
  border: none;
}
input#phone {
  width: 270px;
  height: 20px;
  padding: 0 0 0 5px;
  background-color: #e4e4e4;
  border: none;
}
.contact_table td textarea#comment {
  width: 385px;
  height: 200px;
  font-size: 12px;
  background-color: #e4e4e4;
  border: none;
}
form #formEnd {
  text-align: center;
  margin: 5px 0 60px 0;
}
form #formEnd button {
  width: 21%;
  margin: 10px 0 0;
  border: 0;
  background-color: #fff;
}
form #formEnd button:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 480px) {
  .box1_contact {
    width: 96%;
    padding: 0 2%;
    margin: 0 0;
  }
  .h3_contact {
    width: 100%;
    background-color: #dedede;
    text-align: center;
    font-size: 20px;
  }
  .text1_contact {
    text-align: center;
  }
  .contact_table .form {
    clear: both;
  }
  .contact_table {
    border-collapse: collapse;
    width: 100%;
    margin: 5% 0 0 0;
  }
  .contact_table th {
    width: 20%;
    line-height: 25px;
    border-bottom: dotted 1px #bfbfbf;
    text-align: left;
    padding: 0.5% 0 0.5% 0;
    font-size: 15px;
    vertical-align: text-top;
  }
  .contact_table td {
    width: 65%;
    padding: 0.5% 0 0.5% 0;
    line-height: 25px;
    border-bottom: dotted 1px #bfbfbf;
  }
  .contact_table td input#companyname, input#department, input#email, input#fullname, input#furigana, input#address {
    width: 100%;
    height: 20px;
    padding: 0 0 0 5px;
    background-color: #e4e4e4;
    border: none;
  }
  input#phone {
    width: 100%;
    height: 20px;
    padding: 0 0 0 5px;
    background-color: #e4e4e4;
    border: none;
  }
  .contact_table td textarea#comment {
    width: 100%;
    height: 200px;
    font-size: 12px;
    background-color: #e4e4e4;
    border: none;
  }
  form #formEnd {
    text-align: center;
    margin: 5px 0 60px 0;
  }
  form #formEnd button {
    width: 60%;
    margin: 10px 20%;
    border: 0;
    background-color: #fff;
  }
  form #formEnd button img {
    max-width: 100%;
  }
  form #formEnd button:hover {
    opacity: 0.6;
  }
}