@charset "utf-8";


@media only screen and (min-width: 768px),
print {


	/* recruit setting
=========================================*/
	#pageContainer {
		min-width: 1140px;
	}

	textarea {
		width: 100%;
		min-height: 120px;
	}

	input {
		width: 70%;
	}

	input,
	textarea {
		border: 1px solid #cccccc;
		padding: 5px;
	}

	.formRequired {
		background: #cc0000;
		padding: 0 7px;
		color: #fff;
		display: inline-block;
		line-height: 1.5;
	}

	#pageContainer #main .formHdg {
		margin: 40px auto 0 !important;
	}

	input#birthYear {
		width: 16%;
	}

	select#birthMonth {
		width: 16%;
		margin-left: 10px;
	}

	select#birthDay {
		width: 16%;
		margin-left: 10px;
	}

	.formFlow {
		width: 1140px;
		margin: 40px auto 0;
	}

	.formType01 {
		background: url(/hc/saiyo/form_jobreturn/img/com_bg01.png) no-repeat center center;
		padding: 13px 0;
	}

	.formType02 {
		background: url(/hc/saiyo/form_jobreturn/img/com_bg02.png) no-repeat center center;
		padding: 13px 0;
	}

	.formType03 {
		background: url(/hc/saiyo/form_jobreturn/img/com_bg03.png) no-repeat center center;
		padding: 13px 0;
	}

	.formFlow div p {
		width: 380px;
		text-align: center;
		float: left;
		margin-top: 0;
		font-size: 20px;
	}

	.formFlow p.formFlowOn {
		color: #fff;
	}

	.formBt {
		color: #e63721;
		font-weight: bold;
		position: relative;
		line-height: 1.3;
		text-decoration: none;
		display: inline-block;
		padding: 12px 20px 12px 20px;
		border: 1px solid #e63721;
		background: #FFF url(/hc/saiyo/form_jobreturn/img/com_ic14.png) no-repeat right bottom;
		background-size: 10px 10px;
		width: auto !important;
	}

	.formBt:not(:disabled):hover {
		border: 1px solid #e63721;
		background: #e63721 url(/hc/saiyo/form_jobreturn/img/com_ic13.png) no-repeat right bottom;
		background-size: 10px 10px;
		color: #FFF;
		cursor: pointer;
	}

	.formBt:disabled,
	.form-control[readonly] {
		color: #949494;
		border: 1px solid #bfbfbf;
		background-color: #e9ecef;
		opacity: 1
	}

	.formBtArea {
		border: 1px solid #aaaaaa;
		padding: 20px;
		text-align: center;
		margin-top: 30px;
	}

	.formBtAreaAgree {
		padding: 0 20px;
		text-align: center;
		margin-top: 30px;
	}

	.formBtArea p {
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.formBtAreaAgree p {

		margin-top: 0;
		margin-bottom: 20px;
	}

	input#fagree[type=checkbox] {
		width: inherit;
	}

	.formPr {
		display: table;
		clear: both;
	}

	.formPr dt {
		width: 120px;
	}

	.formPr dt,
	.formPr dd {
		display: table-cell;
	}

	.formPr dd {
		padding-left: 10px;
	}

	.formFontS {
		font-size: 14px;
		font-weight: normal;
	}

	.errorArea input,
	.errorArea textarea {
		background: #ffcccc;
	}

	.errorTx {
		color: #ff3333;
	}

	.formBtnArea {
		margin: 30px auto 0;
		width: 594px;
	}

	.formBtnArea p,
	.formBtnArea input {
		float: right;
		margin-top: 0;
	}

	.formBtnArea p a,
	.formBtnArea input {
		min-width: 227px;
		text-align: center;
	}

	.formBtnArea input {
		margin-left: 140px;
	}

	.formBox {
		border: 1px solid #dddddd;
		padding: 13px;
		margin-top: 30px;
	}

	.formBox p {
		margin-top: 0;
	}

	.completionTx dt {
		font-size: 20px;
	}

	.completionTx {
		text-align: center;
	}

	.msgWrap {
		border: 1px solid #dddddd;
		padding: 30px;
		margin-bottom: 30px;
	}

	.msgWrap p {
		margin-top: 0;
	}

	/*=================================

	clearfix

	=================================*/
	.formFlow:after,
	.formFlow .formType01:after,
	.formFlow .formType02:after,
	.formFlow .formType03:after,
	.formBtnArea:after {
		content: "";
		display: block;
		clear: both;
	}

}