@charset "UTF-8";

/* ========================================
 *  Template Name: Contact Style Sheet
 * =======================================*/

#contact {
  padding: 0px 15px;
}

.inquiry {
  max-width: 750px;
  margin: 0 auto;
}

.inquiry p {
  margin-bottom: 1.5em;
}

.inquiry-form {
  max-width: 750px;
  margin: 0 auto;
}

.inquiry-form table {
  width: 100%;
  margin-bottom: 50px;
  background: ;
}

.inquiry-form tr {
  border-bottom: 1px solid #ccc;
}

.inquiry-form table th,
.inquiry-form table td {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: none;
  font-weight: normal;
}

.inquiry-form table th {
  padding: 15px 0px;
  color: #000;
  font-size: ;
  font-weight: normal;
  text-align: left;
}

.inquiry-form table td {
  padding: 0 0px 24px;
}

.cf7-label {

}

.cf7-en {
  color: #1c1c1c;
  font-weight: bold;
  font-size: 1.15em;
}

.cf7-jp {
  font-size: 0.75em;
  color: #666;
}

.required {
  margin-left: 2px;
  color: #eb008c;
}

input {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 15px;
  border: 0;
  background-color: #eee;
  caret-color: #000;
}

input[type="checkbox"] {
  width: 50%;
}

input:focus,
textarea:focus {
  outline: 2px solid #000;
}

textarea {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  border: 0;
  background-color: #eee;
  caret-color: #000;
}

.wpcf7 input.wpcf7-submit {
  display: block;
  width: 300px;
  margin: 15px auto 0;
  padding: 15px;
  border: 0;
  color: #fff;
  font-family: ;
  font-size: 18px;
  font-weight: 700;
  background: #000;
}

input.wpcf7-submit:hover {
  cursor: pointer;
}

.submit {
  transition: .3s;
}

.submit:hover {
  opacity: .7;
}

.inquiry-form .wpcf7-not-valid-tip {
  color: #eb008c;
}

.inquiry-form .wpcf7-response-output {
  border-color: #eb008c;
}

.inquiry-form.wpcf7 form.invalid .wpcf7-response-output,
.inquiry-form.wpcf7 form.unaccepted .wpcf7-response-output,
.inquiry-form.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #eb008c;
}

/* ========================================
 *  画面の横幅が768px以上 (Tablet)
 * =======================================*/
@media screen and (min-width: 768px) {



}

/* ========================================
 *  画面の横幅が1024px以上 (Desktop)
 * =======================================*/
@media screen and (min-width: 1024px) {

#contact {
  padding: 0;
}

.inquiry-form {
}

.inquiry-form table {
  margin-bottom: 3rem;
}

.inquiry-form table tr {
  display: flex;
}

.inquiry-form table th,
.inquiry-form table td {
  padding: 24px 0px 24px;
}

.inquiry-form table th {
  width: 30%;
}

.inquiry-form table td {
  width: 70%;
}

}