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

	  見出し

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

h2.contact{
  letter-spacing: 10px;
  font-size:25px;
  font-weight: 600;
  text-align:center;
  }


  h2.contact::after {
        content: 'お問い合わせ';
        text-align: left;
        display: block;
        font-size: 13px;
        color:#898989;
        font-weight: normal;
        letter-spacing: 10px;
        padding-top:10px;
        text-align:center;
    }




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

	  お問い合わせフォーム

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



    #formWrap {
    	width:700px;
    	margin:0 auto;
    	line-height: 200%;
    	font-size:100%;
      padding-top:100px;
      margin-bottom:50px;
    }
    table.formTable{
    	width:100%;
    	margin:0 auto;
    	border-collapse:collapse;
    }
    table.formTable td,table.formTable th{
    	border:1px solid #ccc;
    	padding:10px;
    }
    table.formTable th{
    	width:30%;
    	font-weight:normal;
    	background:#efefef;
    	text-align:left;
    }
    /*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
    @media screen and (max-width:572px) {
    #formWrap {
    	width:95%;
    	margin:0 auto;
    }
    table.formTable th, table.formTable td {
    	width:auto;
    	display:block;
    }
    table.formTable th {
    	margin-top:5px;
    	border-bottom:0;
    }
    input[type="text"], textarea {
    	width:80%;
    	padding:5px;
    	font-size:110%;
    	display:block;
    }
    input[type="submit"], input[type="reset"], input[type="button"] {
    	display:block;
    	width:100%;
    	height:40px;
    }
    }