@charset "utf-8";


@media only screen and (max-width: 768px) {


	/* recruit setting
=========================================*/
	.table table {
		border: none;
	}

	.table {
		margin-left: -10px;
		margin-right: -10px;
	}

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

	input {
		width: 100%;
		border-radius: 0px;
	}

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

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

	.formFlow {
		width: 100%;
		margin: 20px auto 0;
	}

	.formType01 {
		background: url(/hc/saiyo/form_jobreturn/img/sp_com_bg01.png) no-repeat center center;
		background-size: cover;
		padding: 1%;
	}

	.formType02 {
		background: url(/hc/saiyo/form_jobreturn/img/sp_com_bg02.png) no-repeat center center;
		background-size: cover;
		padding: 1%;
	}

	.formType03 {
		background: url(/hc/saiyo/form_jobreturn/img/sp_com_bg03.png) no-repeat center center;
		background-size: cover;
		padding: 1%;
	}

	.formFlow div p {
		width: 33%;
		text-align: center;
		float: left;
		margin-top: 0;
	}

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

	#pageContainer #main .formHdg {
		margin: 20px auto 0 !important;
		text-align: center
	}

	input#birthYear {
		width: 16%;
	}

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

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

	.formBt {
		color: #e63721;
		font-weight: bold;
		position: relative;
		line-height: 1.3;
		text-decoration: none;
		display: 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;
		text-align: center;
	}

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

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

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

	.formBtAreaAgree p {

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

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

	.formBox p {
		margin-top: 0;
	}

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


	.formPr {
		display: table;
	}

	.formPr dt {
		width: 30%;
	}

	.formPr dt,
	.formPr dd {
		display: block;
	}

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

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

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

	.errorTx {
		color: #ff3333;
	}

	.formBtnArea {
		margin-top: 30px;
	}

	.formTopTx {
		padding: 0 10px;

	}

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

	.completionTx {
		text-align: center;
	}

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

	.errorTx {
		color: #ff3333;
	}

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

	clearfix

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

}