@charset "utf-8";

/* ===================================================================

CSS information

 file name	:contact.css
 style info :お問い合わせページ用CSS
 
=================================================================== */

/*------------------------------------------------------------
  main_h2
------------------------------------------------------------*/
.main_h2 {
  background: url(/contact/img/main_h2_tit_contact.jpg) 50% 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}


/*------------------------------------------------------------
  inquiry_form
------------------------------------------------------------*/
.red_label {
  padding: 3px 20px;
  background: #ffe000;
  color: #01487c;
  font-size: 88%;
  font-weight: normal;
  display: inline-block;
  float: right;
}

.blue_label {
  padding: 3px 20px;
  background: #9acde7;
  color: #fff;
  font-size: 88%;
  font-weight: normal;
  display: inline-block;
  float: right;
}

@media only screen and (max-width: 767px) {
  #inquiry_form .table_normal tr {
    display: block;
    margin-bottom: 1.5em;
  }

  #inquiry_form .table_normal th,
  #inquiry_form .table_normal td {
    display: list-item;
    border: none;
    list-style: none;
    border-bottom: 1px dotted #b2b2b2;
  }
  
  .mfp_element_text,
  .mfp_element_number,
  .mfp_element_select-one,
  .mfp_element_email,
  .mfp_element_tel,
  .mfp_element_textarea {
    border: solid 1px #b2b2b2;
    padding: 3px 8px;
    margin: 2px;
    vertical-align: middle;
    font-size: 120%;
    width: 100% !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
  }
}