@charset "utf-8";

/*======= contact ========================================================*/
.topTxt {
	text-align:center;
	margin:60px 0 50px;
}
.required {color:#D2191A;}

.blockForm{
	margin:0 auto;
	max-width:600px;
}
.blockForm dd{margin-bottom:30px;}
.blockForm dd:last-child{margin-bottom:0;}

.blockForm input[type="text"], .blockForm textarea{
	padding:8px 12px 8px;
	border:1px solid #333;
	border-radius:6px;
	width:100%;
}
.blockForm input[type="text"]{height:40px;}
.blockForm textarea{height:100px;}
::-webkit-input-placeholder {color:#CCC;}
::-moz-placeholder {color:#ccc; opacity:1;}
:-ms-input-placeholder {color:#CCC;}

.blockForm dd .error{
	color:red;
}
#ConfirmForm dd {
	padding: 0.5em 0.5em 0.5em 1.5em;
	background-color:#eeeeee;
	font-weight:bold;
}

.btnBox {
	text-align:center;
	margin:60px 0 80px;
}
.btnBox .btnSend, .btnBox .btn{
	color:#FFF;
	font-size:15px;
	width:220px;
	height:50px;
	line-height:50px;
	margin:0 15px;
	background-color:#070707;
	border:1px solid #070707;
	cursor:pointer;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
}
.btnBox .btn a{color:#FFF;}
.btnBox .btn.btnCgray{
	background-color:#999;
	border:1px solid #999;
}
.btnBox .hover:hover,
.btnBox .btn:hover{
	opacity:0.7;
	transition: all 0.3s;
}
#pageConfirm .blockForm dd {
	font-weight:bold;
}

.thanksCom{text-align:center;}


@media screen and (max-width:768px) {
	.topTxt {
		text-align:left;
		margin:0 0 20px;
	}
	.blockForm{
		max-width:none;
	}
	.blockForm dd{
		margin-bottom:15px;
		padding-top:2px;
	}
	.btnBox {
		margin:30px 0;
	}
	.btnBox .btnSend, .btnBox .btn{
		font-size:16px;
		width:100%;
		margin:10px 0;
		cursor:pointer;
		display:block;
	}

	#pageConfirm .blockForm dd {
		padding-top:4px;
	}

	.thanksCom{text-align:left;}

}