@charset "UTF-8";

/* .mainimg */
.mainimg {
	padding:0;
}
.mainimg .inner {
	padding:0;
	position:static;
}
.mainimg .cont {
	position:static;
}

/* .formArea */
.formArea {
	padding:1.3% 0 4.2%;
}
.formArea table {
	width:100%;
	clear:both;
	border-top:#9f9fa0 1px solid;
	border-left:#9f9fa0 1px solid;
	box-sizing:border-box;
	margin-bottom:7%;
}
.formArea table th {
	border-right:#9f9fa0 1px solid;
	border-bottom:#9f9fa0 1px solid;
	box-sizing:border-box;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	background:#eeefef;
	padding:2.8% 3%;
}
.formArea table th span {
	display:inline-block;
	vertical-align:middle;
}
.formArea table td {
	width:70%;
	text-align:left;
	vertical-align:middle;
	border-right:#9f9fa0 1px solid;
	border-bottom:#9f9fa0 1px solid;
	box-sizing:border-box;
	padding:2% 2.5%;
}
.formArea table th.th01 {
	width:15%;
	padding-left:2%;
}
.formArea .mustTxt {
	color:#e50011;
	border:#e50011 2px solid;
	display:inline-block;
	vertical-align:middle;
	background:#fefefe;
	box-sizing:border-box;
	padding: 1px 2px 0;
	line-height:1.3;
	margin:-0.5% 5px;
}
.formArea .list01 {
	margin-left:-2.5%;
}
.formArea .list01 li {
	width:50%;
	display:inline-block;
	margin:0 -2px;
	vertical-align: top;
}
.formArea .list01 li span {
	display:inline-block;
	vertical-align:middle;
	width:19%;
	margin:0 -2px;
	text-align:center;
}
.formArea span.error,
.formArea .list01 li span.error {
	display:block;
	width: auto;
	margin:2% 0;
}
.formArea .mwform-radio-field.horizontal-item {
	display: inline-block;
	padding-right: 4px;
}
.formArea .list02 li {
	display:inline;
}
.formArea .list02 li span.error {
	width: 28.3%;
}
.formArea .list02 li .tabTxt01 {
	padding:0 1.8%;
}
.formArea .buttonAdd {
	color:#187fc3;
	margin-left:4.5%;
	border:none;
	padding:0;
	background:none;
	cursor:pointer;
	font-size:15px;
}
.formArea .buttonAdd:hover {
	text-decoration:underline;
}
.formArea .tabTxt02 {
	padding-left:2%;
}
.formArea .tabTxt03 {
	padding:2% 0 0;
}
.formArea input[type="text"],
.formArea input[type="email"] {
	border:#9f9fa0 1px solid;
	border-radius:3px;
	padding:0 4px;
	line-height:40px;
	height:40px;
	box-sizing:border-box;
	font-size:15px;
}
.formArea input.text01 {
	width:81%;
}
.formArea input.text02 {
	width:21%;
}
.formArea input.text03 {
	width:100%;
}
.formArea input.text04 {
	width:28.3%;
}
.formArea input[type="radio"],
.formArea input[type="checkbox"] {
	margin:-2px 5px 0 0;
	padding:0;
	vertical-align:middle;
}
.formArea .list03 li {
	display:inline-block;
	padding-right:5.5%;
}
.formArea .list03.pp li {
	padding-right:4%;
}
.formArea .textarea01 {
	padding:1% 0 2%;
}
.formArea textarea {
	width:100%;
	border:#9f9fa0 1px solid;
	border-radius:3px;
	padding:5px 8px;
	height:120px;
	box-sizing:border-box;
	overflow:hidden;
	font-size:12px;
}
.formArea .chechTxt {
	text-align:center;
	padding-bottom:4.8%;
}
.formArea .chechTxt a {
	color:#221814;
	text-decoration:underline;
}
.formArea .chechTxt a:hover {
	text-decoration:none;
}
.formArea .comp {
	padding-bottom: 200px;
}
.formArea .comp p {
	padding-bottom: 50px;
}
.formArea .comp p a {
	color: #187fc3;
}

/* .mailBtn */
.mailBtn {
	width:100%;
	clear:both;
	text-align:center;
}
.mailBtn li {
	width:30.5%;
	display:inline-block;
	padding:0 0.5%;
}
.mailBtn li input {
	width:100%;
	display:block;
	cursor:pointer;
	box-sizing:border-box;
	border:#221814 5px solid;
	background:url(../common/images/ico01.png) no-repeat 14% center;
	background-size:10% auto;
	padding:2.6% 15%;
}

@media only screen and (max-width:1024px){
.formArea .buttonAdd {
	font-size:1.465vw;
}
.formArea textarea {
	font-size:1.165vw;
}
.formArea input[type="text"] {
	font-size:1.552vw;
}
.formArea .comp {
	width: 98%;
	margin: 0 auto;
	padding-bottom: 100px;
}
}

@media only screen and (min-width:1px) and (max-width:680px){
/* .formArea */
.formArea table th {
	width:100%!important;
	display:block;
	padding:3%!important;
}
.formArea table td {
	width:100%;
	display:block;
	padding:3%;
}
.formArea table th.thTit {
	border-bottom:none;
	padding-bottom:2%;
	font-weight:bold;
}
.formArea .list01 {
	margin-left:-1%;
}
.formArea input[type="text"] {
	height:30px;
	line-height:30px;
	font-size:3.1vw;
}
.formArea .buttonAdd {
	font-size:3vw;
}
.formArea input.text04 {
	width:27%;
}
.formArea textarea {
	font-size:3vw;
}
.formArea .list03 {
	margin-bottom:-5px;
}
.formArea .list03 li {
	padding-bottom:5px;
}
.formArea .comp {
	width: 95%;
	padding-bottom: 50px;
}
.formArea .comp p {
	padding-bottom: 30px;
}

/* .mailBtn */
.mailBtn li {
	width:40%;
}
.mailBtn li input {
	border-width: 2px;
}
}