/*------------------------------------------------------------
	フォーム
------------------------------------------------------------*/
.must,
.any {
	padding: 2px;
	border: 1px solid;
	border-radius: 3px;
	background-color: #FFF;
	display: inline-block;
	font-size: 1rem;
	font-weight: normal;
}

.must {
	border-color: #F00;
	color: #F00;
}

.any {
	border-color: #CCC;
	color: #CCC;
}

.entryForm #fireupForm {
	background: #FFFFE8;
	padding: 10px 10px;
	margin-bottom: 10px;
}

.entryForm #fireupForm .lead {
	margin-bottom: 10px;
}

.entryForm #fireupForm ul {
	padding: 0 15px;
}

.entryForm #fireupForm .history {
	margin-bottom: 8px;
}

.entryForm #fireupForm li p {
	float: left;
	width: 120px;
	padding-top: 3px;
}

.entryForm .entryTable td .exampleText {
	margin-top: 1.6rem;
}

.entryForm .inputForm #directForm .block {
	margin-bottom: 10px;
}

.entryForm .inputForm #directForm .block input {
	width: 426px;
}

.entryForm .inputForm #directForm .selectArea,
.entryForm .inputForm #directForm .txtArea {
	display: inline-block;
}

.formTop {
	display: block;
	margin-top: 12px;
	text-align: center;
}

/* 紹介LP 紹介者名*/
.optional {
	width: 728px;
	margin: 0 auto 20px;
	border: 1px solid #ccc;
	display: flex;
}

.optional dt {
	padding: 13px 10px;
	width: 25%;
	text-align: left;
	border-right: 1px dotted #CCC;
	display: flex;
	align-items: center;
}

.optional dd {
	padding: 13px 10px;
	width: 75%;
	text-align: left;
}

.optional input {
	box-sizing: border-box;
	width: 340px;
}

.optional.error dt {
	background: #FFE6E6;
}

.optional.error dd {
	background: #FFF0F0;
}

.optional .errorTxt {
	margin-bottom: 5px;
	font-size: 1.2rem;
	display: none;
}

.optional.error .errorTxt {
	display: block;
}

.optional .optionalCopy {
	margin-top: 8px;
	display: block;
	font-size: 1.2rem;
	line-height: 1.2;
	color: #888;
}

.entryTable {
	border-collapse: collapse;
	border: 1px solid #CCC;
	width: 728px;
	margin: 0 auto 25px;
	table-layout: fixed;
}

.entryTable th,
.entryTable td {
	padding: 13px 10px;
	text-align: left;
}

.entryTable th {
	width: 25%;
	border-right: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

.entryTable th .must,
.entryTable th .any {
	float: right;
}

.entryTable td {
	width: 75%;
	border-bottom: 1px dotted #CCC;
}

.entryForm p.note {
	margin: 5px 0 3px;
}

.entryTable td span,
.entryTable td input {
	vertical-align: middle;
	margin: 0 3px 5px 0;
}

.entryForm #fName01,
.entryForm #fKana01 {
	width: 120px;
	margin: 0 5px 0 0;
}

.entryForm #fName02 {
	width: 120px;
	margin: 0 5px 0 17px;
}

.entryForm #fKana02 {
	width: 120px;
	margin: 0 5px 0 5px;
}

.entryForm .date li {
	float: left;
}

.entryForm .date li.year {
	margin-right: 17px;
}

.entryForm .date li.month {
	margin-right: 10px;
}

.entryForm .year select {
	width: 135px;
	margin-right: 5px;
}

.entryForm .month select {
	width: 56px;
	margin-right: 5px;
}

.entryForm .day select {
	width: 56px;
	margin-right: 5px;
}

.entryForm #fArea,
.entryForm #fEducation {
	width: 135px;
}

.entryForm #fMail,
.entryForm #fMailConf,
.entryForm #fTel {
	width: 340px;
}

.entryForm .credentialList li {
	float: left;
	width: 102px;
	vertical-align: middle;
	margin-bottom: 14px;
}

.entryForm .credentialList li input {
	margin: 0 3px 0 0;
}

.entryForm .credentialList li label,
.entryForm .credentialList li input {
	vertical-align: middle;
}

.entryForm .credentialList li.other {
	width: 505px;
	margin-bottom: 0;
}

.entryForm .credentialList li.other input {
	margin-left: 10px;
	width: 450px;
}

.entryForm .jobList li {
	margin-bottom: 10px;
}

.entryForm .jobList li select {
	width: 188px;
}

.entryForm .areaList li {
	float: left;
	margin-right: 18px;
	margin-bottom: 10px;
}

.entryForm .areaList li select {
	width: 188px;
}

.entryForm .submit {
	text-align: center;
	position: relative;
}

.entryForm .submit .toRule {
	position: absolute;
	top: 20px;
	left: 140px;
}

.entryForm .submit .pMark {
	position: absolute;
	right: 110px;
	top: -12px;
	z-index: 99;
}

.entryForm .submit .security {
	width: 100px;
	height: 72px;
	position: absolute;
	top: -10px;
	right: 0;
	display: block;
	z-index: 99;
}

.entryForm .tipped {
	color: #999;
}

.entryForm #directForm {
	width: 506px;
	margin-top: 10px;
}

.entryTable td.inputForm .radio {
	margin-bottom: 10px;
}

.entryTable td.inputForm .radio02 {
	margin-bottom: 0px;
}

.entryTable td.inputForm label,
.entryTable td.inputForm input {
	vertical-align: middle;
	margin: 0 3px 0 0;
}

.entryForm #directForm .block {
	margin-top: 15px;
	display: flex;
	align-items: center;
}

.entryForm #directForm .block .label {
	width: 80px;
}

.entryForm #directForm .block input {
	width: 310px;
}

.entryForm #directForm .block select {
	width: 135px;
	margin-right: 5px;
}

.entryForm #directForm .note {
	text-align: right;
	margin-top: 10px;
}

.entryForm .hope select {
	width: 188px;
	margin-bottom: 10px;
}

.entryForm .pref select {
	width: 188px;
	margin-bottom: 10px;
	margin-right: 15px;
}

.entryForm .name span {
	margin: 0 16px 0 3px;
}

.entryForm .kana span {
	margin: 0 5px 0 3px;
}

.entryForm .monitor input,
.entryForm .monitor label {
	vertical-align: middle;
}

.entryForm .monitor input {
	margin: 0 3px 2px 0;
}

.entryForm .monitor label {
	margin-right: 10px;
}

.entryForm .inputForm textarea {
	font-size: 1.3rem;
	width: 500px;
	height: 90px;
}

.entryForm .school .upper {
	margin-bottom: 10px;
}

.entryForm .scool span,
.entryForm .scool input {
	vertical-align: middle;
}

.entryForm .school span {
	margin: 0 10px 0 0;
}

.entryForm .school .upper span {
	margin: 0 28px 0 0;
}

.entryForm .school input {
	margin: 0;
	width: 350px;
}

.ruleBtn {
	width: 880px;
	margin: 0 auto 50px;
	text-align: right;
}

/*------------------------------------------------------------
	お申し込みエラー
------------------------------------------------------------*/
.error_text {
	text-align: left;
	font-size: 1.3rem;
	padding: 0 74px;
	margin-bottom: 25px;
}

.error_text span {
	color: #F00;
	font-size: 1.3rem;
	margin-bottom: 10px;
}

.error_text .must {
	font-size: 1rem;
}

.error_text img {
	padding-right: 5px;
	vertical-align: middle;
}

.entryTable tr.error th {
	background: #FFE6E6;
}

.entryTable tr.error td {
	background: #FFF0F0;
}

.entryForm .submit li.btn01 input {
	background: url(/img/entry/submit_btn01.jpg) no-repeat;
	width: 160px;
	height: 48px;
	border: none;
}

.kiyaku {
	margin-bottom: 5px;
	margin-left: 180px;
	text-align: center;
}

.entryForm .submit li.btn02 input {
	background: url(/img/entry/submit_btn02.jpg) no-repeat;
	width: 160px;
	height: 48px;
	border: none;
}
