#page_contact #contact_01 ul li {
  text-align: center;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    #page_contact #contact_01 ul li {
      font-size: 22px; } }
  @media screen and (min-width: 768px) {
    #page_contact #contact_01 ul li:nth-child(2) {
      font-size: 30px; } }

.contact_form {
  width: 100%;
  overflow: hidden; }
  @media print, screen and (max-width: 767px) {
    .contact_form table {
      table-layout: fixed; } }
  .contact_form table th, .contact_form table td {
    vertical-align: top;
    padding: 15px 10px; }
    @media print, screen and (max-width: 767px) {
      .contact_form table th, .contact_form table td {
        display: list-item;
        list-style: none;
        width: 100%;
        overflow: hidden;
        padding: 0; } }
    @media print, screen and (min-width: 768px) {
      .contact_form table th, .contact_form table td {
        border: solid 1px #1d1d1d; } }
  .contact_form table th {
    font-weight: bolder; }
    @media print, screen and (max-width: 767px) {
      .contact_form table th {
        border-bottom: solid 2px #1d1d1d; } }
    @media print, screen and (min-width: 768px) {
      .contact_form table th {
        min-width: 15em;
        max-width: 15em; } }
  @media print, screen and (max-width: 767px) {
    .contact_form table td {
      padding: 10px 0 1em 0; } }
  .contact_form .anchor {
    background: #18813a;
    color: #fff;
    padding: 7px;
    margin: 20px 0;
    text-align: center; }

/*form common   ---------------------------------------*/
.contact_form {
  background-color: #1d1d1d;
  color: #fff; }
  .contact_form .require {
    color: #cc9900;
    margin-left: 10px;
    font-weight: bolder;
    font-size: 0.8em; }
  .contact_form input {
    border: solid 1px #1d1d1d;
    padding: 7px; }
  .contact_form textarea,
  .contact_form input[type="email"],
  .contact_form input[name="your-address"],
  .contact_form input[name="estimate5"],
  .contact_form input[name="estimate6"] {
    width: 100%; }
  .contact_form input[name="your-name"],
  .contact_form input[name="your-namekana"],
  .contact_form input[name="your-tel"] {
    width: 60%; }
  .contact_form input[name="estimate3-tsubo"],
  .contact_form input[name="estimate7"],
  .contact_form input[name="estimate8"] {
    width: 4em;
    margin: 0 5px; }
  .contact_form input#zip {
    width: 10em;
    margin-left: 5px;
    margin-bottom: 10px; }
  .contact_form input[type="checkbox"],
  .contact_form input[type="radio"] {
    width: auto; }
  .contact_form input.wpcf7c-conf,
  .contact_form textarea.wpcf7c-conf {
    border: solid #fff 1px !important;
    padding: 0;
    background: #fff !important; }
  .contact_form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FFFCF6 inset; }
  .contact_form .mwform-radio-field label,
  .contact_form .mwform-checkbox-field label {
    margin-left: 0;
    margin-right: 1em; }
    @media print, screen and (max-width: 767px) {
      .contact_form .mwform-radio-field label,
      .contact_form .mwform-checkbox-field label {
        display: block;
        margin-bottom: 0; } }
  .contact_form textarea {
    border: solid 1px #1d1d1d; }
  .contact_form .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0; }
  .contact_form .btn .pp {
    text-align: center;
    padding: 20px 0;
    font-weight: bold;
    font-size: 1.2em; }
  .contact_form .btn .submit-btn {
    text-align: center; }
    .contact_form .btn .submit-btn input[type="submit"],
    .contact_form .btn .submit-btn input[type="button"] {
      padding: 10px 30px;
      background-color: #000;
      color: #fff; }
      .contact_form .btn .submit-btn input[type="submit"]:hover,
      .contact_form .btn .submit-btn input[type="button"]:hover {
        outline: 0;
        opacity: 0.7;
        transition: opacity .2s ease-out; }
    .contact_form .btn .submit-btn input[type="button"] {
      margin-right: 10px; }