@charset "UTF-8";
/*
form
*/

.contactBg{background: #f5f4ef;}

.rogoWrap{
	background:#f0f0f0;
	border-bottom:3px solid #373333;
}
#rogo{
	padding:30px 0;
}
#rogo img{
	width:285px; height:auto;
}
/*h1{
	display:block;
	text-align:center;
	padding:45px 0 0px;
    font-size: 6em;
    line-height: 1.2em;
}
h1 small{
	display:block;
}
h1 small.lead{
	font-size:1.2em;
	line-height:1.0em;
}
h1 span{
	display:block;
	font-size:2.6em;
	line-height:1.0em;
	margin:15px auto;
}
h1 small.en{
	font-size:1.0em;
	letter-spacing:0.15em;
	line-height:1.0em;
}*/

.freeTxt{
	font-size:1.3em;
	line-height:1.8em;
	letter-spacing:0.1em;
	margin:1.5em auto;
    text-align: center;
    /*width: 90%;*/
    padding: 30px;
    box-sizing: padding-box;
    background: #fffb;

}

.freeTxt a{
   color: #305960;
}


.detailTxt{
    font-size: 1.6em;
   line-height: 1.6em;
   margin-bottom: 1.5em;
}

#formWrap h2{
	font-size:1.8em;
	line-height:1.5em;
	padding:15px 0;
	letter-spacing:0.05em;
	display:block;
	text-align:center;
	background:#f3f3f3;
	border-top:1px solid #ededed;
	border-bottom:1px solid #ededed;
}

#formWrap h3{
	font-size:3em;
	line-height:1.5em;
	padding:15px 0;
	letter-spacing:0.05em;
	display:block;
	text-align:center;
}
#formWrap ul{
	list-style:none;
}
#formWrap li{
	margin:15px auto 45px auto;
	display:block;
	padding-right:24px;
}
#formWrap li .itemName{
	font-size:1.4em;
	line-height:1.25em;
	margin-bottom:5px;
}
#formWrap li .itemField{
}
#formWrap li .itemField span{
}
#formWrap li .itemField span input{
}
#formWrap li .itemField span label{
	font-size:1.3em;
	line-height:1.25em;
	cursor:pointer;
}
#formWrap li .itemField span.checkBox{
	margin-right:15px;
	display:inline-block;
}
#formWrap li .itemField span.textWrap{
}
#formWrap .rec li .itemField span.textWrap{
	font-size:1.3em;
	line-height:1.5em;
	margin-bottom:0;
	background:#f0f0f0;
	display:block;
	padding:5px 15px;
}
span.required{
	color:#ed5845;
}

form{
    width: 80%;
    background: #fffb;
    margin: 0 auto;
    padding: 30px;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select,
form textarea{
	font-size:1.3em;
	line-height:1.5em;
	margin-bottom:0;
}
.mailTxt{
	-webkit-appearance: none;
	display: block;
	width: 100%;
	border-radius: 8px;
	border: solid 1px #eee;
	padding:0.5em 1em;
	line-hegiht:0!important;
	margin:0;
}
@media screen and (max-width: 1000px){
form input[type="text"],
form input[type="email"],
form input[type="password"],
form select,
form textarea{
	font-size:1.8em;
	line-height:1.5em;
	margin-bottom:0;
}
.mailTxt{
	-webkit-appearance: none;
	display: block;
	width: 100%;
	border-radius: 8px;
	border: solid 1px #eee;
	padding:0.5em 1em;
	line-hegiht:0!important;
	margin:0;
}
}
@media screen and (max-width:640px){
    form{
    width: 80%;
    background: #fff;
    margin: 0 auto;
    padding: 30px;
}
    
    .freeTxt{
	font-size:1.2em;
	line-height:1.8em;
	letter-spacing:0.1em;
	margin:1.5em auto;
    text-align: center;
   /* width: 100%;*/
    padding: 30px;
    box-sizing: padding-box;
    background: #fff;

}
}
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus
			{
			}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select{
			}
		
	
form textarea{
	min-height: 9em;
	padding: 1em;
			}

form .formerize-placeholder{
	color: #999 !important;
			}

form ::-webkit-input-placeholder{
	color: #999 !important;
			}

form :-moz-placeholder{
	color: #999 !important;
			}

form ::-moz-placeholder{
	color: #999 !important;
			}

form :-ms-input-placeholder{
	color: #999 !important;
			}

form ::-moz-focus-inner{
	border: 0;
			}
input[type="button"], input[type="submit"], input[type="reset"], .button{
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    background: #305960;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 800;
    outline: 0;
    border: 0;
    cursor: pointer;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
}
input[type="button"], input[type="submit"], input[type="reset"], .button {
    font-size: 1.45em;
    padding: 0.85em 3.0em;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover{
	background: #5E5C58;
			}
		
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
.button:active{
	background: #5E5C58;
			}
		
.button.icon{
			}
			
	.button.icon:before{
		position: relative;
	}
		
input[type="button"].alt,
input[type="submit"].alt,
input[type="reset"].alt,
.button.alt{
	background: #f1f1f1;
	background: rgba(0,0,0,0.05);
	color: #444;
			}

input[type="button"].alt:hover,
input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
.button.alt:hover{
		background: #e8e8e8;
		background: rgba(0,0,0,0.085);
	}

input[type="button"].alt:active,
input[type="submit"].alt:active,
input[type="reset"].alt:active,
.button.alt:active{
		background: #e4e4e4;
		background: rgba(0,0,0,0.15);
	}


#pageBack{
	display:block;
	position:fixed;
	top:0; right:10px;
}
#pageBack a{
	display:block;
	width:200px; height:auto;
	background:#373333;
	color:#f0f0f0;
	text-align:center;
	text-decoration:none;
	font-size:1.2em;
	padding:15px 0;
}
#pageBack a:hover{
	background:#e83828;
}