@charset "utf-8";

/* =================================
   ■ contact
================================== */

section#contactArea{
}

section#contactArea p.message{
    margin: 0 4% 20px;
	text-align:left;
}
section#contactArea p.text{
    margin: 0 4% 20px;
}
section#contactArea .complete p.text{
    text-align: left;
}
section#contactArea p.flow{
	margin-bottom:30px;
	text-align:center;
}

section#contactArea p.em{
	margin-bottom:14px;
	text-align:right;
	font-size:75%;
}
section#contactArea p.em span{
	color:#d0a54c;
}

section#contactArea form table.tableStyle{
	width:100%;
    box-sizing: border-box;
}

section#contactArea form table.tableStyle th,
section#contactArea form table.tableStyle td{
	padding:15px 10px;
	vertical-align:middle;
    display: block;
    text-align: left;
    box-sizing: border-box;
}

section#contactArea form table.tableStyle th{
	width:auto;
	background: #faf1df;
}
section#contactArea form table.tableStyle th span.em{
	color:#fff;
	background:#e65e77;
	padding:3px 10px;
	margin-left:10px;
	font-size: 90%;
    border-radius: 3px;
}
section#contactArea form table.tableStyle td span.sample {
    font-size: 90%;
    display: block;
    margin-top: 5px;
    color: #444;
}

section#contactArea form ul.list{
    margin-bottom: 0;
}

section#contactArea form ul.list li{
	display:block;
    width: 96%;
    background: #f2f2f2;
    border-radius: 5px;
    margin-bottom: 10px;
}
section#contactArea form ul.list li label{
    padding: 4%;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

section#contactArea form ul.list li:last-child{
    margin-bottom: 0;
}

section#contactArea form input.short{
	width:40%;
}

section#contactArea form input.middle{
	width:50%;
}
section#contactArea form input.long,
section#contactArea form textarea{
	width:96%;
    padding: 3%;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 17px;
}
section#contactArea form input#ItemOther,
section#contactArea form input#buildOther{
    margin-bottom: 10px;
}

section#contactArea form select{
	padding:10px;
}

section#contactArea p.error{
	background:#CE2222;
	padding:8px;
	color:#fff;
	margin:15px 0;;
}

section#contactArea form p.error{

	margin:2px;
}

section#contactArea form p.privacy{
	text-align:left;
    margin: 0 4%;
}


section#contactArea form ul.submitArea {
	width: 96%;
    margin: 20px auto 0;
}
section#contactArea form ul.submitArea li input{
	width: 100%;
}
section#contactArea form ul.submitArea li input.submit{
    margin-bottom: 15px;
}