@charset "UTF-8";
button, input, select, textarea{font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle}
button, input{line-height:normal; *overflow:visible}
table button, table input{*overflow:auto}
button, input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer; -webkit-appearance:button}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box}
input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0}
textarea{overflow:auto; vertical-align:top; resize:vertical}

form{margin-top: 2em;}
form li{margin-bottom: 1.5em;}
label{display: block; margin-bottom:1em; }
input, select, textarea {
	border: 1px solid #DDD;
	color: #777;
	font-size: 1em;
	padding: 1em;
	max-width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/js/boxsizing.htc); }
textarea{padding: 1em; min-height:15em; height: auto; width: 100%; }
input, textarea {
 -moz-transition: border .25s;
 -webkit-transition: border .25s;
 -o-transition: border .25s;
 transition: border .25s;}
input:hover, textarea:hover, input:focus, textarea:focus,input:active, textarea:active { border: 1px solid #999;}
input[type="text"],textarea{cursor: text;}
input[type="radio"], input[type="checkbox"] { display: inline; width:auto; height: auto; margin-right: 1em; }
input[type="checkbox"] + label, input[type="radio"] + label { display: inline;}
input[type="file"]{ border: none;}
input[type="date"]{ width: auto;}
select {height: auto;}
/* Placeholders */
::-webkit-input-placeholder { color: #BBB;}
:-moz-placeholder {color: #BBB;}
:-ms-input-placeholder {color: #BBB;}
/* validate.js */
label.error { color: #0078CF; margin: 0.5em 0 0 0.5em; font-weight: normal; font-style: italic; }


form#mailform {
}
.mail_box { width:100%; max-width:660px; margin:0 auto;}
.mail_box input[type="text"],.mail_box textarea{width:95%;}

.yubin_button {width:12em; max-width:20em; margin:0.25em 0; padding:0.25em 0.5em; color:#666; background-color:#efefef; border:solid 1px #83C61A; border-radius:0.5em; box-sizing:border-box;}

.submit_button { margin:2em 0 1em; text-align:center;}
.submit_button input { width:80%; max-width:20em; color:#666; font-weight:bold; background-color:#efefef; border:solid 1px #83C61A; border-radius:0.5em; box-sizing:border-box;}
.submit_button input:hover { color:#fff; background-color:#83C61A;}
.reset_button { min-width:6em; margin:1em 0; text-align:center;}


.mailform {
	background-color: #fff;
}

.mailform dt {
	width:35%;
	height:2em;
	display:block;
	text-align: left;
	font-weight: normal;
	font-size: 1em;
	padding:1em 1em 0 0;
	position:relative;
}
.mailform dt:after {
	content:"任意";
	color:#333;
	font-size:0.75em;
	line-height:2em;
	padding:0 1em;
	position:absolute;
	right:2em;
	background-color:#efefef;
}
.mailform dt.hissu {
}
.mailform dt.hissu:after {
	content:"必須";
	color:#fff;
	font-size:0.75em;
	line-height:2em;
	padding:0 1em;
	position:absolute;
	right:2em;
	background-color:#F14447;
}
.mailform dt p {
	margin: 0;
	padding:0 2em;
	font-size: 0.8em;
	letter-spacing:0.25em;
	color: #999;
	display:inline;
}

.mailform dd {
	width:65%;
	padding:0 0 1em 35%;
	margin-top:-2em;
	display:block;
	text-align: left;
	font-weight: normal;
	font-size: 1em;
	border-bottom:solid 1px #efefef;
}

.mailform dd label { display:inline-block;}

.mailform dd textarea {
	width:100%;
	height: 10em;
}


@media only screen and (max-width: 768px) {
.mailform dt {
	width:100%;
}
.mailform dd {
	width:100%;
	padding:1em 0;
	margin-top:0;
}
}