@charset "UTF-8";

.form_con {
  width: 95%;          /* 画面が狭いときは 90 % */
  max-width: 700px;    /* 画面が広いときは上限 700 px */
  margin: 2em auto;
  background-color: #fbf3db;
  border: 1px solid #a35223;
  border-radius: 10px;
  padding: 3% 0 3% 3%;
  color: #a35223;
}


.small-text {
  font-size: 75%;
}
.mid-text {
  font-size: clamp(10px, 2.5vw, 18px); /* 最小14px-最大20pxの間で 3.5vw */
}
table.mailform .center-heading {
  text-align: center;
}

div#mf_wrapper {
	width: 95%;
	text-align: center;
	margin: 0px ;
	
}
div#mf_header h1 {
	font-size: 140%;
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	font-size: 110%;

	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#mailform {
	padding: 5px;
}

table.mailform tr th {
  font-weight: bold;
  font-size: clamp(10px, 2.7vw, 20px); /* 最小14px-最大20pxの間で 3.5vw */
  border-bottom: none;
  padding: 10px;
  width:27%;
}
table.mailform tr td {
  font-weight: bold;
  font-size: 120%;
  border-bottom: none; /* ← ここを追加または変更 */
  padding: 10px;
}
table.mailform {
  border-collapse: collapse; /* セル間の余白をなくす */
  border: none;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 100%;

}
input[type='text'] {
  width: 100%;
  padding: 5px;
  border-radius: 5px;
   border: 1px solid #a35223;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 1.5em;
  text-align: left;


}


table.mailform input[type="submit"] {
  color: #a35223;              /* 文字色 */
  background-color: #fff;      /* 背景色 */
  border: 1px solid #a35223;   /* 枠線 */
  padding: 10px 10px;          /* 余白（任意で調整） */
  font-size: clamp(10px, 2.5vw, 20px); /* 最小14px-最大20pxの間で 3.5vw */
	font-weight: bold;
  border-radius: 5px;          /* 角丸（任意） */
  cursor: pointer;             /* ホバー時にポインター */
  	float: right;
	margin-right: 2.5vw;
}