@charset "euc-jp";

/* for common and Sp */
.body_contents {
	width:90%;
	margin:0 auto;
}
#entry_body .body_contents,
#entry_inputerror_body .body_contents,
#entry_confirm_body .body_contents,
#entry_accepted_body .body_contents {
	width:960px;
	margin:0 auto;
	padding:0 20px;
	overflow:hidden;
}

.header_logo_area {
/*	height:45px;*/
	padding:16px 0;
	overflow: hidden;
}
.header_logo_area img {
	width:auto;
	height:50px;
}
.pagetitle {
	color:#fff;
}
#entry_body .header_logo_area,
#entry_inputerror_body .header_logo_area,
#entry_confirm_body .header_logo_area,
#entry_accepted_body .header_logo_area {
	padding:16px;
}
#entry_body .header_logo_area img,
#entry_inputerror_body .header_logo_area img,
#entry_confirm_body .header_logo_area img,
#entry_accepted_body .header_logo_area img {
	width:auto;
	height:auto;
}
#entry_body footer .wrap,
#entry_inputerror_body footer .wrap,
#entry_confirm_body footer .wrap,
#entry_accepted_body footer .wrap {
	width:960px;
	margin:0 auto;
	position: relative;
}
.header_page_caption {
	background:#00008f;
}
#job_list_body .header_page_caption td {
	padding: 0.5em 1em 0.5em;
	color:#fff;
}

footer {
	padding:2em 0 1em;
}

footer .pageup {
	padding:0;
	margin:0;
	position: absolute;
	font-size: 12px;
	bottom: 4rem;
	right: 1.8rem;
	z-index: 1;
	color: #fff;
	background: #00008f;
	text-indent:-9999px;
	width:3em;
	height:3em;
}
footer .pageup a {
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	display: block;
	position: relative;
	color:#fff;
	text-decoration:none;
}
footer .pageup a:before {
	position: absolute;
	top: 16px;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -5px;
	content: "";
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media screen and (min-width:768px) {
	.body_contents {
		width: 100%;
		padding:0 20px;
		margin:0 auto;
	}



}
@media screen and (min-width:1025px) {
	#entry_body .body_contents,
	#entry_inputerror_body .body_contents,
	#entry_confirm_body .body_contents,
	#entry_accepted_body .body_contents {
		padding:0;
	}
	.pageup,
	a:link,
	.btn {
		-webkit-transition: 1s;
		-moz-transition: 1s;
		-ms-transition: 1s;
		transition: 1s;
	}
	#entry_body footer .wrap,
	#entry_inputerror_body footer .wrap,
	#entry_confirm_body footer .wrap,
	#entry_accepted_body footer .wrap {
		width:960px;
		margin:0 auto;
		position: relative;
	}
	footer .wrap {
		width:960px;
		margin:0 auto;
		position: relative;
	}
	footer .pageup {
		position: absolute;
		bottom: 3rem;
		right:0;
	}
	.pageup:hover,
	a:hover,
	.btn:hover {
		opacity:0.7;
	}
	.body_contents {
		width:960px;
		margin:0 auto;
	}
	.header_logo_area {
		height:91px;
	}
	.header_logo_area img {
		width:auto;
		height:auto;
	}
	.header_page_caption {
		background:#fff;
	}
	#job_list_body .header_page_caption td {
		color:#333
	}
	.pagetitle {
		color:#333;
	}


}

/* ボタン */
#job_description_body input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background: transparent;
	cursor: pointer;
}
#job_description_body input {
	color: #fff;
	font-size: 1.6rem;
	display: block;
	margin:0 auto;
	width: 100%;
	height: 5.8rem;
	line-height: 5.8rem;
	font-family: YuGothic,'Yu Gothic',Meiryo,'メイリオ','Hiragino Kaku Gothic ProN W3','ヒラギノ角ゴ ProN W3',sans-serif;
	text-decoration: none;
	}
#job_description_body .btn {
	background: #00008f;
	position: relative;
	margin: 0;
}


@media screen and (min-width:768px) {
	#job_description_body .btn {
			width: 30rem;
			height: 5.8rem;
			display: block;
			margin: 20px auto 20px;
	}
}
/* 職種一覧 */
#job_list_body .unit_job_category .mgn {
	background:#fff;
}
#job_list_body .unit_job_category .mgn font {
	color:#00008f;
}
#job_list_body .unit_job_category table[width="620"] {
	width:100%;
}
#job_list_body .unit_job_category .job_category_menu + tr td:first-child {
	border-top:1px solid #ddd;
	padding:0.5em 1em 0.5em;
}
#job_list_body .unit_job_category table[width="620"] td {
	padding:1.5em 1em 0;
	text-align: left;
	line-height: 1.8;
	display:block;
	width:100%;
}
#job_list_body .unit_job_category table[width="620"] td:last-child {
	border-bottom:1px solid #ddd;
	padding:0.5em 1em 0.5em;
}
#job_list_body .unit_job_category table[width="620"] tr:nth-child(n+3) .small {
	color: #fff;
	background: #c00;
	display: inline-block;
	line-height: 1;
	padding: 0.5em 0.5em 0.2em;
	font-size: 1rem;
	margin: 0 0.5rem 0 0;
	position: relative;
	top: -2px;
}

@media screen and (min-width:768px) {
	/*for iPad*/
	.body_contents {
	}
	#job_list_body .unit_job_category table[width="620"] td {
	display: table-cell;
	width:25%;
	}
	#job_list_body .unit_job_category table[width="620"] td:first-child {
	display: table-cell;
	width:75%;
	}
	#job_list_body .jobname {
	background:#fff;
	color:#999999;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}
	#job_list_body .unit_job_category table[width="620"] td {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}
	#job_list_body .unit_job_category a:before {
	content:"";
	width:1em;
	height:1em;
	display: inline-block;
	position: absolute;
	left:0;
	top:6px;
	z-index: 0;
	background:#00008f;
	}
	#job_list_body .unit_job_category a:after {
	content: "";
	position: absolute;
	top: 11px;
	left: 4px;
	display: block;
	width: 6px;
	height: 6px;
	margin:0;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	z-index: 1;
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
	}
}
@media screen and (min-width:1025px) {
	/* for pc */
	.body_contents {
	}
	#job_list_body .unit_job_category .job_category_menu + tr td:first-child,
	#job_list_body .unit_job_category table[width="620"] td:last-child {
		padding:1.5em;
	}
	#job_list_body .unit_job_category table[width="620"] td {
		padding:1.5em 1em 0 1.5em;
	}
}
/* 職種詳細 */
#job_description_body .jobname {
	background:#fff;
	color:#999999;
}
#job_description_body .jobcategory font {
	background:#00008f;
	color:#fff;
}
#job_description_body .jobname font {
	background:none;
}
#job_description_body table[width="620"] td table[width="620"] td {
	border-left:6px solid #00008f;
	background:#fff;
}
#job_description_body table[width="620"] td table[width="620"] td:last-child {
	border:none;
	background:transparent;
}
#job_description_body table[width="620"] td table[width="620"] tr:first-child td[bgcolor="#004890"]{
	text-align:center;
}
#job_description_body table[width="620"] td table[width="620"] td[colspan="2"] .movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#job_description_body table[width="620"] td table[width="620"] td[colspan="2"] .movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/* 写真 */
#job_description_body table[width="620"] td table[width="620"] td:last-child p[class^="pic"] {
		display: table;
		table-layout:fixed;
		height: auto;
		width: 100%;
		min-height: 180px;
		margin: 13px auto 26px;
		padding: 8px;
		border: 1px solid #eee;
		-webkit-box-shadow: 3px 3px 3px #ddd;
		-moz-box-shadow: 3px 3px 3px #ddd;
		box-shadow: 3px 3px 3px #ddd;
}
#job_description_body table[width="620"] td table[width="620"] td:last-child p[class^="pic"] span {
	padding: 8px;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
}
#job_description_body table[width="620"] td table[width="620"] td:last-child p[class^="pic"] img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
#job_description_body table[width="620"] td table[width="620"] td[align="center"] {
	text-align:center;
}
@media screen and (orientation: landscape) {
}
@media screen and (min-width:768px) {
	#job_description_body table[width="620"] td table[width="620"] td {
		border-left:none;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		background:#fff;
	}
	#job_description_body table[width="620"] td table[width="620"] td:last-child {
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		background:#fff;
	}


	#job_description_body input[type="submit"] {
		width:30rem;
	}

	#job_description_body table[width="620"] td table[width="620"] td:last-child span[style*="float:"] {
		margin:0 0.5em 0.5em 0.5em;
	}
	#job_description_body table[width="620"] td table[width="620"] td:last-child p[class^="pic"] {
		display: table;
		table-layout:fixed;
		height: auto;
		width: 250px;
		min-height: 176px;
		float: right;
		margin: 0 0 13px 26px;
		padding: 6px;
		border: 1px solid #eee;
		-webkit-box-shadow: 3px 3px 3px #ddd;
		-moz-box-shadow: 3px 3px 3px #ddd;
		box-shadow: 3px 3px 3px #ddd;
	}
	#job_description_body table[width="620"] td table[width="620"] td:last-child p[class^="pic"] span {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
	#job_description_body table[width="620"] td table[width="620"] td:last-child p[class^="pic"] img {
		box-sizing: border-box;
		width: auto;
		height: auto;
		max-height: 100%;
	}
}
@media screen and (min-width:1025px) {
}
/* 同意文 */
#entry_body textarea[cols="70"] {
	width:100%;
}
/* エントリー */

#entry_body input[value^="同意する"],
#entry_body input[value^="同意しない"],
#entry_body input[value^="I agree"],
#entry_body input[value^="I do not agree"] {
	color: #fff;
	font-size: 1.6rem;
	display: block;
	margin:0 auto;
	width: 30rem;
	height: 5.8rem;
	line-height: 5.8rem;
	text-decoration: none;

}
#entry_body form > .body_submit_button_area tr:last-child td:last-child,
#entry_body .body_submit_button_area td,
#entry_inputerror_body form > .body_submit_button_area tr:last-child td:last-child,
#entry_inputerror_body .body_submit_button_area td,
#entry_confirm_body form > .body_submit_button_area tr:last-child td:last-child,
#entry_confirm_body .body_submit_button_area td ,
#entry_accepted_body form > .body_submit_button_area tr:last-child td:last-child,
#entry_accepted_body .body_submit_button_area td {
	border:none;
}
#entry_body label[for*="flag"]:after,
#entry_body label[for^="change_job_date"]:after,
#entry_body label[for*="title_type"]:after,
#entry_body label[for*="interview_human"]:after,
#entry_body label[for*="sex"]:after,
#entry_inputerror_body label[for*="flag"]:after,
#entry_inputerror_body label[for^="change_job_date"]:after,
#entry_inputerror_body label[for*="title_type"]:after,
#entry_inputerror_body label[for*="interview_human"]:after,
#entry_inputerror_body label[for*="sex"]:after,
#entry_confirm_body label[for*="flag"]:after,
#entry_confirm_body label[for^="change_job_date"]:after,
#entry_confirm_body label[for*="title_type"]:after,
#entry_confirm_body label[for*="interview_human"]:after,
#entry_accepted_body label[for*="flag"]:after,
#entry_accepted_body label[for^="change_job_date"]:after,
#entry_accepted_body label[for*="title_type"]:after,
#entry_accepted_body label[for*="interview_human"]:after,
#entry_confirm_body label[for*="sex"]:after {
	background-color: #00008f;
}
#entry_body font[color="#ff0000"],
#entry_inputerror_body font[color="#ff0000"],
#entry_confirm_body font[color="#ff0000"],
#entry_accepted_body font[color="#ff0000"] {
	background: #00008f;
}
#entry_body .btn input,
#entry_body .btn a,
#entry_inputerror_body .btn input,
#entry_inputerror_body .btn a,
#entry_confirm_body .btn input,
#entry_confirm_body .btn a,
#entry_accepted_body .btn input,
#entry_accepted_body .btn a {
	color: #fff;
	font-size: 1.8rem;
	margin:0;
	display: block;
	width: 60rem;
	height: 5.8rem;
	line-height: 5.8rem;
	padding-right: 15px;
	font-family: YuGothic,'Yu Gothic',Meiryo,'メイリオ','Hiragino Kaku Gothic ProN W3','ヒラギノ角ゴ ProN W3',sans-serif;
	text-decoration: none;
}
#entry_body input[type="checkbox"]:checked + span:after,
#entry_body label[for^="media"]:after,
#entry_body label[for^="delete_button_upload"]:after,
#entry_body label[for^="contact_how"]:after,
#entry_body label[for^="skill_"]:after,
#entry_inputerror_body input[type="checkbox"]:checked + span:after,
#entry_inputerror_body label[for^="media"]:after,
#entry_inputerror_body label[for^="delete_button_upload"]:after,
#entry_inputerror_body label[for^="contact_how"]:after,
#entry_inputerror_body label[for^="skill_"]:after,
#entry_confirm_body input[type="checkbox"]:checked + span:after,
#entry_confirm_body label[for^="media"]:after,
#entry_confirm_body label[for^="delete_button_upload"]:after,
#entry_confirm_body label[for^="contact_how"]:after,
#entry_confirm_body label[for^="skill_"]:after {
	border-right: 2px solid #00008f;
	border-bottom: 2px solid #00008f;
	z-index: 1;
}
#entry_confirm_body .btn input[name="submit[retype]"] {
	width:40rem;
	background:#6c6c6c;
}
#entry_confirm_body .btn input[name="submit[write]"] {
	width:40rem;
}


@media screen and (min-width:1025px) {

}

/* 一覧へ戻る */
a[href$="job.phtml"] {
	float:right;
}