.ttl_1_f {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 5px;
  font-size: 20px;
  text-align: left;
  letter-spacing: 0px;
  color: #0000ee;
  border-bottom: 1px solid #bbb;
}

.Form-Item-Input {
  /* position: absolute;
  left: 350px; */
  /* border: 1px solid #ddd; */
  border: 1px solid rgb(20, 19, 19);
  border-radius: 6px;
  /* margin-left: 400px; */
  padding-left: 1em;
  padding-right: 1em;
  height: 30px;
  flex: 1;
  width: 100%;
  max-width: 510px;
  /* font-size: 18px; */
  font: inherit;
}

.Form-Item-textarea {
  /* position: absolute;
  left: 350px; */
  border: 1px solid rgb(20, 19, 19);
  width: 100%;
  height: 150px;
  resize: vertical;
  border-radius: 6px;
  overflow: auto;
  /* font-size: 12px; */
  font: inherit;
  padding: 10px;
}
/* .From_Item {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #bbb;
} */

.form-wrapper table td {
  /* overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal; */
  /* display: inline-block; */
  /* overflow-wrap: break-all; */
  word-break: break-word;
  width: 100%; /* 追加 */
  max-width: 100%;
  /* overflow-wrap: break-word; */
}
.field {
  display: flex;
}
.form-wrapper {
  /* max-width: 100rem; */
  margin: auto 80px;
}
.form-wrapper table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.form-wrapper table tr {
  border-bottom: 1px solid #d2d2d2;
  /* margin: 100px; */
  /* padding: 200px; */
}
.form-wrapper table th,
.form-wrapper table td.form_f {
  width: 10%;
  padding: 20px;
}
/* confirm th tag */
.form-wrapper table th.form_h_out {
  width: 35%;
  padding: 10px 2px;
}
.form-wrapper table td.form_out {
  left: 100px;
}
.form-wrapper table th {
  text-align: left;
}
.form-wrapper table td.form_f {
  position: relative;
  right: 20%;
  padding: 10px 0px;
  /* width: 10px; */
}
.form-wrapper table th span {
  background: #eb8086;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
  font-size: 0.8em;
  margin: 10px;
  padding: 0.2rem;
}
.submit-area {
  text-align: center;
}
/* .submit-area p {
} */
.btn-submit {
  width: 20%;
  padding: 20px;
  border-radius: 40px;
  color: #ffffff;
  background-color: #11bfd691;
  font: inherit;
  /* margin-top: 20px; */
  margin: 20px;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5);
  /* margin-left: 110px; */
  /* size: ; */
}
.btn-submit2 {
  width: 20%;
  padding: 20px;
  border-radius: 40px;
  color: #050505;
  background-color: #ffffff;
  font: inherit;
  margin-top: 20px;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5);

  /* size: ; */
}
.btn-submit:hover,
.btn-submit2:hover,
.home_button:hover {
  opacity: 0.5;
  /* background-color: #0000ee; */
}
.btn-submit:hover:disabled {
  opacity: 1;
}
.btn-submit:disabled {
  background-color: #acacac;
}
.err_message {
  color: #df0e18;
}
.max-width_f {
  max-width: 1280px;
}
._contents_f {
  position: relative;
  width: 100%;
  margin: 0px auto;
  padding: 20px 40px;
}
.form_c {
  background: #f0f0f0;
}
.br_mobile {
  display: none;
}
.select_area select {
  /* appearance: none; */
  min-width: 100px;
  height: 2.8em;
  padding: 0.2em calc(0.6em + 30px) 0.2em 0.6em;
  border: 1px solid rgb(20, 19, 19);
  border-radius: 4px;
  background-color: #fff;
  color: #333333;
  font-size: 1em;
  cursor: pointer;
  font: inherit;
}
.select_area {
  width: 400px;
  display: inline-flex;
  align-items: center;
  position: relative;
  margin: 10px 0px;
}
@media screen and (max-width: 1150px) {
  .btn-submit {
    width: 150px;
  }
  .btn-submit2 {
    width: 150px;
  }
  .form-wrapper {
    padding: 10px 10px;
    margin: 10px 10px;
  }
  .form-wrapper table {
    /* margin: 100% 100%; */
    /* padding: 10px 10px;

    width: 500px; */
  }
  .form-wrapper table td.form_f {
    /* padding: auto 11000px; */
    right: 10%;
  }
  .lf {
    margin-left: 13%;
  }
}
.mobile {
  display: none;
}
.hidden {
  display: none;
}
@media screen and (max-width: 768px) {
  .main {
    padding-top: 80px;
    /* width: 50%; */
  }

  .btn-submit {
    width: 160px;
  }
  .btn-submit2 {
    width: 160px;
  }
  .form-wrapper table th {
    width: 10%;
    padding: 10px 0px;
    font-size: 13px;
    /* display: none; */
  }
  .form-wrapper table td {
    width: 40%;
    padding: 30px 0px;
    font-size: 15px;
  }
  .form-wrapper table p {
    margin: 10px 10px;
    padding: 10px 10px;
  }
  .br_mobile {
    display: block;
  }
  .select_area {
    width: 260px;
    display: inline-flex;
    align-items: center;
    position: relative;
    margin: 10px 0px;
  }
  .select_area select {
    /* appearance: none; */
    padding: 0;
    font-size: 0.8em;
  }
  .form-wrapper {
    padding: 0px 10px;
    margin: 0px 10px;
  }
  .w {
    width: 120%;
  }
  /* .body{

  } */
  /* .mobile {
    display: block;
  } */
}
@media screen and (max-width: 530px) {
  .pc_device {
    display: none;
  }
  .mobile {
    display: block;
    width: 120%;
    /* text-align: center; */
    padding: 5px 0px;
  }
  .Form-Item-Input {
    width: 100%;
    /* text-align: center; */
  }
  .form-wrapper table td.form_f {
    width: 300px;
    padding: 10px 20px 10px 50px;
  }
  .mobile span {
    background: #eb8086;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    font-size: 0.8em;
    margin: 5px;
    padding: 0.2rem;
  }
  ._contents_f {
    margin: 0px 0px;
    padding: 0px 0px;
  }
  .select {
    width: 100%;
  }
  .Form-Item-textarea {
    width: 100%;
  }
  .lf,
  .l {
    /* padding: 0px 70px; */
    text-align: center;
    width: 100%;
  }
  .mobile_output {
    padding: 5px 0px;
  }
  .mobile_c {
    text-align: center;
  }
  .form-wrapper table td.form_out {
    width: 100%;
    padding: 5px 0px;
  }
  .form-wrapper table p {
    margin: 0px 0px;
    padding: 10px 0px;
  }
  .lf {
    margin-left: 0%;
  }
}