/*--- Base css ---------------------------------------------*/
html{
	font-size: 62.5%;/* 10px */
	}
body {
	margin: 0;
	padding: 0;
	font-size: 1.2rem;/* 12px */
	background: #EADACB;
	color: #444;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
#main {
	margin: 1.5em;
	background: #FFF;
}
h1 {
	position: relative;
	display: inline-block;
	margin: 1rem 0 1rem -10px;
	padding: 1rem 3rem;
	border-radius: 0 100vh 100vh 0;
	background: #724938;
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
	color: #FFF;
	font-size: 1.8rem;
}
h1:before {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-top: 10px solid #563F2E;
	border-left: 10px solid transparent;
}
#contents {
	padding: 1.5em;
}
/*--- Table css ---------------------------------------------*/
#contents table {
	width: 100%;
	border-collapse: collapse;
	margin: 1em auto;
	text-align: center;
}
#contents table th, #contents table td {
	border-top: 1px #D8D8D8 solid;
	border-bottom: 1px #D8D8D8 solid;
	background: #FFF;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
#contents table th {
	border-bottom: 1px #FFF solid;
	background: #FCE7E6;
}
#contents .form1 tr:last-child th,
#contents .form2 tr:last-child th,
#contents .form3 tr:last-child th {
	border-bottom: 1px #D8D8D8 solid;
}

#contents table.form4 td {
	border-top: 1px #EADACB solid;
	border-bottom: 1px #EADACB solid;
	background: #EADACB;
}
#contents .form1 th {
	width: 20%;
}
#contents .form2 th, #contents .form3 th {
	width: 50%;
}
.form2 caption {
	text-align: left;
}
/*--- Other css ---------------------------------------------*/
td textarea {
  width: 95%;
	height: 90px;
  padding: 0.5em;
  resize: none; /* リサイズ不可 */
}
td input[type="text"]{
  width: 95%;
  padding: 0.5em;
  resize: none; /* リサイズ不可 */
}
td.btn {
	text-align: center;
}
td.btn input {
	width: 110px;
	height: 32px;
}
/* for back-button */
form.back {
	margin-top: 2em;
}
/* for message */
#contents p.msg {
	color: #dd0000;
}
#contents span.msg {
	color: #dd0000;
}
/* for arrow-link */
.arrow01 {
  position: relative;
  display: inline-block;
  padding-left: 22px;
  color: #333;
  text-decoration: none;
}
.arrow01:before {
  content: '';
  width: 18px;
  height: 18px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -9px;
}
.arrow01:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 6px;
  margin-top: -4px;
}
/*--- Responsive css ---------------------------------------------*/
@media only screen and (max-width: 480px) {
body {
	font-size: 1.4rem;/* 14px */
}
#head h1 {
	text-align: center;
}
#contents table.form1 th, #contents table.form1 td,
#contents table.form2 th, #contents table.form2 td,
#contents table.form3 th, #contents table.form3 td {
  width: auto;
	display: block;
	border: none;
	padding: 8px;
}
#contents .form1 tr:last-child th,
#contents .form2 tr:last-child th,
#contents .form3 tr:last-child th {
	border: none;
}
td.btn input {
	width: 8em;
}
}