@charset "UTF-8";


/* #topimg メイン画像 */
#email h1 { padding: 80px 0 50px; background: url(../images/bg_pattern1.png) no-repeat right top; background-size: 75%; }

/*  #email  */
#email .section ol { margin-top: 60px; list-style-position: inside; }
#email .section ol > li { margin-top: 1.5rem; }
#email .section ol > li >  ul { list-style: disc inside; margin-top: 0.5rem; }
#email .section li p { margin-top: 1.5rem; }
#email form,
#email .form { margin: 60px auto 120px; max-width: 800px; }
#email label, #email .label { color: #fff; }
#email .required { color: #C64141; }
#email .soy_iqnuiry { margin-top: 3rem; }
#email .formBtn { margin-top: 1.5rem; }
#email .error_message { color: #FFFF00; }
#email select.select { border-radius: 4px;
	line-height: 1.5;
	padding-bottom: calc(.5em - 1px);
	padding-left: calc(.75em - 1px);
	padding-right: calc(.75em - 1px);
	padding-top: calc(.5em - 1px);
	position: relative;
	vertical-align: top;
	font-size: 1em;
	cursor: pointer;
	border-color: #000; }
#email .select.is-hovered, select.select:hover { border-color: #3a51bb; }
#email input#post { width: 13em; }
@media screen and (min-width: 580px) {
	#email form .field { width: 100%; display: flex; }
	#email form .label { flex-basis: 10em; padding-top: 0.5em; text-align: right; margin-right: 1em; }
	#email form .control { flex-grow: 2; }
	#email form .control input { width: 75%; }
	#email form .confirm .control {padding-top: 0.25em!important; }
}

@media screen and ( max-width: 1023px ) {
	#email h1 { padding-top: 3.5em; background-position: right bottom; }
}
@media screen and ( max-width: 768px ) {
	#email h1 { background-position: right center; background-size: 100%; }
}