@charset "UTF-8";
/* ****************************************************************** 

	--entry.css--

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/
body .tblInfo {
	font-size:14px;
}
.w44 {
	width:44px;
}
.w36 {
	width:36px;
}
.mr25 {
	margin-right:25px !important;
}
.mb18 {
	margin-bottom:18px !important;
}
#contents .news {
	border-bottom:none;
}
.titleDetail {
	margin:70px 0 20px;
	padding:0 0 13px 3px;
	border-bottom:3px solid #1E0E07;
	font-size:18px;
	font-weight:bold;
	letter-spacing:4.8px;
}
.titleDetail02 {
	margin:40px 0 20px;
}
#contents .contentBox {
	padding:0 0 11px;
	border-bottom:none;
}
.newsDetail .button01 {
	margin:40px 0 70px 0;
}
.newsDetail .button01 a {
	padding:15px 20px;
	width: 270px;
}
.contentBox .infoDetail tr {
	font-size:14px;
	float:left;
	width:100%;
	letter-spacing:1px;
	border-top:1px solid #E5E5E5;
	padding:16px 0 15px 5px;
}
.contentBox .infoDetail tr:first-child {
	border-top:none;
}
.contentBox .infoDetail tr:last-child {
	border-bottom:1px solid #E5E5E5;
}
.contentBox .infoDetail th {
	width:24.5%;
	font-weight:bold;
	float:left;
	line-height: 1.9em;
}
.contentBox .infoDetail td {
	float:left;
	color:#1E0E07;
	width:75.5%;
	line-height:1.9em;
}
.noteComplete {
	font-size:14px;
	line-height:1.9em;
	letter-spacing:2px;
}
.buttonComplete {
	margin:48px 0 25px 8px;
	text-align:center;
}
.buttonComplete a {
	display: inline-block;
	width: 245px;
	padding: 20px 10px 18px;
	padding-left: 42px;
	border: 2px solid #CCCACA;
	font-size: 15px;
	position: relative;
}
.buttonComplete a:after {
	position: absolute;
	left: 52px;
	top: 18px;
	width: 22px;
	height: 25px;
	background:url(/recruit/img/entry/icon_people.png) no-repeat;
	content: '';
}
.buttonComplete a:hover {
	border-color:#1E0E07;
	background:#1E0E07;
	color:#FFF;
}
.buttonComplete a:hover:after {
	background:url(/recruit/img/entry/icon_people_hover.png) no-repeat;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
}
.buttonComplete img {
	display:inline-block;
	position:relative;
	left:-10px;
	vertical-align:middle;
}
.textButton {
	text-align:center;
	margin-top:50px;
	margin-bottom:70px;
}
.textButton a:hover {
	text-decoration:underline;
}
@media screen and (max-width:1200px) and (min-width:992px) {
	#breadcrumbs {
		padding:14px 14px 0;
	}
}
@media screen and (max-width:991px) and (min-width:737px) {
	#breadcrumbs {
		padding:14px 14px 0;
	}
}
@media screen and (max-width:736px) {
	#contents section {
		margin:0;
		padding:0;
	}
	#breadcrumbs {
		margin-bottom:0;
		padding:14px 0 25px;
		font-size:11px;
	}
	#breadcrumbs li a {
		background-size:8px 8px;
	}
	.titleDetail {
		margin:30px 0 0;
		font-size:13px;
	}
	.borderDetail {
		border-top:1px solid #EDEDED;
		margin-top:30px;
	}
	.news .content {
		margin:0 15px;
	}
	.contentBox .infoDetail {
		margin-top:5px;
	}
	.contentBox .infoDetail tr {
		line-height:2em;
		padding:12px 0 12px 5px;
	}
	#contents .contentBox {
		padding:0;
		margin:0 0 25px;
	}
	.contentBox .infoDetail th {
		width:100%;
		font-size:12px;
	}
	.contentBox .infoDetail td {
		font-size:10px;
		width:100%;
	}
	.newsDetail .button01 {
		margin: 15px 0 50px 0;
	}
	.buttonComplete {
		margin:40px 0 20px 0;
	}
	.textButton {
		margin-top:25px;
		margin-bottom:50px;
	}
}
.stepList {
	max-width:730px;
	margin:0 auto 65px;
	padding:0 10px;
}
.stepList li {
	position:relative;
	float:left;
	width:28.5%;
	margin-right:6%;
	padding:16px 0 16px 10px;
	border:1px solid #1E0E07;
	background:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.stepList li:last-child {
	width:30.9%;
	margin-right:0;
	padding-left:10px;
}
.stepList li:not(:last-child):after {
	position:absolute;
	height:100%;
	width:21px;
	top:0;
	right:-21px;
	content:"";
	background:url(/recruit/img/common/icon_arrow_step.png) no-repeat 100% 50%;
}
.stepList li.active {
	background:#1E0E07;
	color:#FFF;
}
.stepList li.active:not(:last-child):after {
	background:url(/recruit/img/common/icon_arrow_step_h.png) no-repeat 100% 50%;
}
.description {
	line-height:25px;
	margin-bottom:40px;
	letter-spacing:2.55px;
}
.note {
	font-weight:bold;
	margin-bottom:38px;
	letter-spacing:2.5px;
}
a.desPostCode {
	display:inline-block;
	margin-left:45px;
	padding:9px 19px;
	color:#FFF;
	background-color:#1E0E07;
	font-size:12px;
}
a.desPostCode:hover {
	color:#FFF;
}
.mugShot {
	margin-top:-5px;
}
.mugShot p {
	line-height:23px;
}
.mugShot .button01 {
	display:inline-block;
	text-align:left;
}
#pageEntry .mugShot .button01 a.btnUpFile {
	padding:8px 20px 7px 20px;
	width:180px;
}
#pageEntry .mugShot .button01 input[type="file"] {
	width:180px;
}
#pageEntry .mugShot .button01:hover a.btnUpFile {
	background:#1E0E07;
	color:#FFF;
	cursor:pointer;
}
.mugShot .noteMugShot {
	margin-top:7px;
	letter-spacing:-0.5px;
}
.passNote1 {
	margin-bottom:16px;
}
.passNote2 {
	margin-top:8px;
	font-size:12px;
}
.button01:hover a.btnUpFile:after {
	background:url(/recruit/img/common/icon_plus02.png) no-repeat;
}
.button01 a.btnUpFile:after {
	left:32px;
	right:auto;
	width:12px;
	height:12px;
	top:50%;
	background:url(/recruit/img/common/icon_plus.png) no-repeat;
}
.checkbox {
	display:inline-block;
	position:relative;
	text-align:left;
	vertical-align:middle;
}
.agreementBox {
	margin-bottom:40px;
	text-align:center;
}
.agreementBox .checkbox {
	margin-right:0;
	display:inline-block;
	border:1px solid gray;
	padding:30px 59px 30px 72px;
	font-size:14px;
	letter-spacing:1.4px;
}
.agreementBox .agreement {
	letter-spacing:2.4px;
}
.agreementBox .checkbox a {
	text-decoration:underline;
}
.agreementBox .checkbox a:hover {
	text-decoration:none;
}
.agreementBox .checkboxStyle {
	padding-left:30px !important;
}
.errorSum {
	margin-bottom:42px;
	padding:22px 30px;
	color:#D80100;
	background:#FFFEEA;
}
.errorSum p {
	line-height:27px;
	letter-spacing:3.2px;
}
.errorSum p {
	line-height:27px;
	letter-spacing:3.2px;
}
.error {
	margin-top:-4px;
	margin-bottom:16px;
	letter-spacing:2.3px;
	color:#D80100;
}
.tblInfo td .photo > span {
	display:block;
	margin-top:8px;
	color:#1E0E07;
}
.fileName {
	margin-left:20px;
}
@media screen and (max-width:1024px) and (min-width:737px) {
	.radioList li {
		margin-top:10px;
	}
}
@media screen and (max-width:991px) and (min-width:737px) {
	.tblInfo td {
		padding-left:25px;
	}
	input.size01,
	select.size01,
	textarea.size01 {
		max-width:150px;
	}
	input.size02,
	select.size02,
	textarea.size02 {
		width:100%;
		max-width:85px;
	}
	input.size03,
	select.size03,
	textarea.size03 {
		width:100%;
		max-width:85px;
	}
	input,
	select,
	textarea {
		padding:9px 28px 9px;
	}
	.checkbox input[type="radio"] + label {
		padding:2px 14px 2px 29px;
	}
	.w44 {
		width:33px;
	}
	.mr25 {
		margin-right:4px !important;
	}
	.tblInfo th, .tblInfo td {
		padding:26px 5px 24px 25px;
	}
	.tblInfo .radioRow td, .tblInfo .checkboxRow td {
		padding-left:25px;
	}
	.tblInfo span.separator {
		margin:0 5px 0 10px;
	}
	a.desPostCode {
		margin-left:10px;
		padding:9px 8px;
		font-size:11px;
	}
	a.desPostCode {
		color:#FFF;
	}
	.selectList li {
		max-width:31%;
		margin-right:2%;
	}
	.selectList li:last-child {
		margin-right:0;
	}
	.selectWrap {
		width:80%;
	}
	.selectList li.midForm {
		max-width:23%;
	}
	.midForm .selectWrap {
		width:60%;
	}
	.selectWrap02 {
		width:55%;
	}
	.selectWrap03 {
		width:30%;
	}
	select.size02,
	select.size03 {
		width: 100%;
		max-width: inherit;
	}
}
@media screen and (max-width:829px) and (min-width:737px) {
	.fileName {
		margin-left:0;
		display:block;
		margin-top:10px;
	}
}
@media screen and (max-width:736px) {
	.description {
		margin-bottom:20px;
		line-height:18px;
		letter-spacing:0;
		font-size:10px;
	}
	.note {
		line-height:20px;
		margin-bottom:23px;
		letter-spacing:0;
		font-size:10px;
		margin-left:0;
		text-indent:0;
	}
	.stepList {
		margin-bottom:27px;
		padding:0;
	}
	.stepList li {
		padding:10px 0 10px 0;
		font-size:10px;
		letter-spacing:-0.5px;
	}
	.stepList li:last-child {
		padding-right:0px;
		margin-right:0;
		padding-left:0;
	}
	.stepList li:not(:last-child):after {
		right:-12px;
		width:14px;
		background:url(/recruit/img/common/icon_arrow_step_sp.png) 100% 50% no-repeat;
		-webkit-background-size:16px auto;
		-moz-background-size:16px auto;
		background-size:16px auto;
	}
	.stepList li.active:not(:last-child):after {
		height:calc(100% + 2px);
		top:-1px;
		right:-15px;
		width:15px;
		background:url(/recruit/img/common/icon_arrow_step_h_sp.png) no-repeat 100% 50%;
		-webkit-background-size:16px auto;
		-moz-background-size:16px auto;
		background-size:16px auto;
	}
	body .tblInfo {
		font-size:11px;
		margin-bottom:32px;
	}
	.agreementBox .checkbox {
		padding:20px 21px 20px;
	}
	.checkbox input[type="checkbox"] + .checkboxStyle
	,.checkbox input[type="radio"] + label {
		font-size:11px;
	}
	.mr25 {
		margin-right:0 !important;
	}
	.mr10 {
		margin-right:5px !important;
	}
	.w44 {
		width:11%;
	}
	.w36 {
		width:11%;
		text-align:center;
	}
	.checkbox {
		margin-right:0;
	}
	.selectList li {
		float:left;
		width:31%;
		margin-right:2.33%;
	}
	.selectList li:last-child,
	.selectList li:last-child label {
		margin-right:0;
	}
	select {
		padding:9px 20px 9px 10px;
	}
	.selectList li .selectWrap {
		width:76%;
	}
	.selectList li.midForm {
		width:48.5%;
		margin-bottom:10px;
	}
	.selectList li.midForm:nth-child(2n) {
		margin-right:0;
	}
	.tblInfo span.separator {
		top:-4px;
		width:9px;
		margin:0 4px 0 7px;
	}
	a.desPostCode {
		margin-left:5px;
		padding:12px 9px 11px;
		font-size:9px;
		vertical-align:middle;
	}
	a.desPostCode:hover {
		color:#FFF;
	}
	.agreementBox .checkbox,
	.agreementBox .checkbox a {
		font-size:10px;
	}
	.selectWrap {
		width:76%;
	}
	.midForm .selectWrap  {
		width:70%;
	}
	.selectWrap select {
		width:100% !important;
	}
	.btnJobcareer {
		margin-top:-15px;
		margin-bottom:20px;
		text-align:center;
	}
	.btnJobcareer button {
		width:47%;
		margin:0 1%;
	}
	.fileName {
		margin-left:10px;
		margin-top:10px;
	}
	.selectWrap02,
	.selectWrap03 {
		width:100%;
	}
}
@media screen and (max-width:475px) {
	.fileName {
		display:none;
		margin-left:0;
	}
	.fileName.hasImage {
		display:block;
	}
}
@media screen and (max-width:438px) {
	.radioList02 li {
		width:100%;
		margin-top:10px;
	}
	.radioList02 li:first-child {
		margin-top:0;
	}
}