@charset "utf-8";

/*メールフォーム
---------------------------------------------------------------------------*/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
input[type="reset"] {
  border-radius: 2px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: 1px solid #666;
  background: #efefef;
  font-size: 16px;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus {
  outline-offset: -2px;
}
/* フォーム */
#formWrap {
	max-width:800px;
	width: 100%;
	margin:0 auto;
	font-size:16px;
}
table.formTable{
	width:100%;
	margin:0 auto 15px;
	border-collapse:collapse;
	text-align: left;
	line-height:2;
}
table.formTable td,table.formTable th{
	border:1px solid #bfbfbf;
	padding:10px;
	font-weight:500;
}
table.formTable td p{
	line-height: 1.5;
}
table.formTable th{
	width:36%;
	background:#cce6f6;
	text-align:left;
}
table.formTable th span.text1{
	font-size: 82%;
	line-height: 1.5;
	display: inline-block;
	padding-top: 2px;
}
table.formTable th span.must{
	color: #fff;
	background: #f00;
	font-size: 75%;
	padding: 1px 4px;
	border-radius:3px;
}
table.formTable th span.option{
	color: #fff;
	background: #555;
	font-size: 75%;
	padding: 1px 4px;
	border-radius:3px;
}
table.formTable select {
  font-family: inherit;
  padding: 2px 12px;
  border-radius: 2px;
}
.label1 {
	color: #fff;
	background: #1e90ff;
	display:inline-block;
	padding: 1px 18px 1px 16px;
	border: 0px solid #666;
	border-radius: 3px;
	margin: 3px 16px 3px 2px;
}
input[type="submit"] {
	padding: 3px 30px 3px 35px;
}
input[type="reset"] {
	padding: 3px 35px 3px 35px;
	margin-right: 20px;
}
input[type="button"] {
	padding: 3px 35px 3px 30px;
	margin-right: 20px;
}

/* 幅900px以下
------------------------------------------------------------*/
@media only screen and (max-width:900px){
header {
	padding-left:1%;
}
#contents {
  padding-top: 80px;
}

#formWrap {
	width:100%;
	margin:0 auto;
	line-height:1.5;
}
#formWrap p{
	margin:0 auto;
}
table.formTable{
	margin:0 auto 25px;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top: 5px;
	border-bottom: 0;
	padding: 5px 10px;
}
input[type="text"], textarea {
	width: 80%;
	padding: 5px;
	font-size: 110%;
	display: block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	margin-bottom: 30px;
	margin-top: 30px;
}
#rules {
	font-size: 90% !important;
	text-align: center;
	margin:10px 0 !important;
}
}