@media screen and (max-width:799px) {
  /*---------------------------------------------------
  *
  * CONTACT
  *
  ----------------------------------------------------*/
  .pageTtl{
    padding: 30px 0 20px;
    font-size: 22px;
  }
  .formBox{
    max-width: none;
  }
  .formBox .noteList{
    padding: 10px;
    font-size: 14px;
  }
  .formBox .noteList li{
    padding-left: 1em;
    text-indent: -1em;
  }
  .formBox .noteList .tel{
    padding: 10px 0 0;
    border-top: 1px solid #ccc6b8;
    text-align: center;
  }
  /* mailformpro
  --------------------------------------------------- */
  #mailformpro table,
  #mailformpro tbody,
  #mailformpro tr,
  #mailformpro th,
  #mailformpro td{
    display: block;
  }
  #mailformpro th, #mailformpro td{

  }
  #mailformpro th{
    padding: 8px 10px;
    width: 100%;
    border-bottom: none;
  }
  #mailformpro td{
    margin: 0 0 30px;
    padding: 15px;
    background: #fff;
  }
  #mailformpro .size-small{
    width: 35%;
  }
  #mailformpro .size-medium{
    width: 100%;
  }
  #mailformpro .size-long{
  }
  .mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password{
    /*width: 100%;*/
    padding: 8px 8px;
  }
  /* confirm */
  div#mfp_phase_confirm h4{
    font-size: 15px;
  }
  table#mfp_confirm_table{
    margin-bottom: 20px;;
  }
  table#mfp_confirm_table,
  table#mfp_confirm_table tr,
  table#mfp_confirm_table tbody,
  table#mfp_confirm_table th,
  table#mfp_confirm_table td{
    display: block;
  }
  table#mfp_confirm_table tr th{
    padding: 8px 10px;
    width: 100%;
    border-bottom: none;
  }
  table#mfp_confirm_table tr td{
    padding: 8px 10px;
    margin: 0 0 20px;
    background: #fff;
  }
  
  /* button */
  .mfp_buttons button{
    padding: 8px 40px 8px 30px;
    width: 42%;
  }
  .mfp_buttons button+button{
    margin-left: 10px;
  }

  /* 住所 */
  form#mailformpro .addressItem{
    flex-direction: column;
  }
  form#mailformpro .addressTtl{
    align-self: flex-start;
  }

  /*---------------------------------------------------
  *
  * THANKS
  *
  ----------------------------------------------------*/
  .thanksBox{
    margin: 0 0 50px;
  }
  .thanksBox p{
    text-align: left;
  }
}