@charset "euc-jp";
@import "common.less";

/* 職種一覧
----------------------------------------------------*/
.joblist {
	.waku {
	margin:0.16rem 0.1rem 0;
	padding:0 0.15rem 0.15rem;
		.buttonArea {
			button {
			width:100%;
			}
		}
		.tips {
		margin:0;
		text-align:center !important;
		}
	}
	.jobs {
	border-bottom:solid 1px #dcdcdc;
	background:#fff;
	font-size:@font16;
	line-height:1.6;
	margin:0 0.13rem;
	text-align:left;
	overflow:hidden;
		&:first-child {
		border-top:solid 1px #dcdcdc;
		}
		dt {
		.toggle;
		color:@color;
		font-size:@font14;
		font-weight:bold;
		background:#fff;
		}
		dd {
		background:#fff;
		font-size:@font14;
			ul {
			border-top:@border;
				li {
				border-bottom:solid 1px #dcdcdc;
				position:relative;
					&::before {
					.arrowR;
					}
					a {
					padding:0.15rem 0.4rem 0.15rem 0.2rem;
					text-decoration:none;
					display:block;
					}
					span {
					font-size:@font13;
					color:@color;
					display:block;
					margin-top:0.04rem;
						&.new {
						.iconBox;
						font-size:@font10;
						margin:0 0.05rem 0 0;
						position:relative;
						top:-0.02rem;
						}
					}
					&:last-child {
					border-bottom:none;
					}
				}
			}
		}
	}
	.carregArea {
	margin:0.4rem 0.13rem 0;
	text-align:left;
		h2 {
		font-size:@font14;
		}
		p {
		border-top:solid 1px #dcdcdc;
		border-bottom:solid 1px #dcdcdc;
		position:relative;
		padding:0;
		margin-top: 0.12rem;
			&::before {
			.arrowR;
			}
			a {
			padding:0.15rem 0.4rem 0.15rem 0.1rem;
			text-decoration:none;
			display:block;
			}
		}
	}
}

@media screen and (min-width:480px) {
	.joblist {
		.jobs {
			dt {
			background:#fff;
				&::before,
				&::after{
				right:0.3rem;
				}
			}
			dd{
				ul {
					li::before {				
					right:0.3rem;
					}
				}
			}
		}
	}
}

/* 検索タブ */
#secTab {
	text-align: center;
	margin-bottom: 0.30rem;
	padding:0 0.13rem 0.13rem;
}
#secTab .tab_menu {
	overflow: hidden;
	margin-top: 0.30rem;
}
#secTab .tab_menu li a {
	float: left;
	display: block;
	width: 49%;
	background: #636b72;
	text-decoration: none;
	font-size: @font14;
	font-weight: bold;
	color: #fff;
	line-height: 1.4;
	padding: 0.12rem 0 0.10rem;
}
#secTab .tab_menu li:last-child a {
	float: right;
}
#secTab .tab_menu li a.current {
	background: @bg-middle-color;
}
#secTab .tab_menu li a span {
	display: block;
	font-size: @font12;
	font-family: @font-en;
	letter-spacing: 1px;
}
#secTab input {
	font-size: @font14;
	-webkit-appearance:none;
	-webkit-border-radius:0;
}
#secTab .tab_category,
#secTab .tab_freeword {
	width: 100%;
	border-top: solid 3px #E60012;
	background: #f3f3f3;
	padding: 0 0.2rem 0.2rem;
	box-sizing: border-box;
}
#secTab .tab_category dl {
	text-align: left;
}
#secTab .tab_category dl dt {
	.toggle;
	font-size:@font15;
	border-top: @border;
	font-weight: bold;
	padding: 0.25rem 0;
}
#secTab .tab_category dl:first-child dt {
	border-top: none;
}
#secTab .tab_category dl dd {
	font-size: @font14;
	padding-bottom: 0.05rem;
}
#secTab .tab_category dl dd ul li {
	line-height: 1.7;
	margin: 0 0 0.15rem 0.1rem;
}
#secTab .tab_freeword {
	position: relative;
	width: 100%;
	border-top: solid 3px #E60012;
	background: #f3f3f3;
}
#secTab .tab_freeword input[type="text"] {
	width: 100%;
	font-weight: 500;
	border: @border;
	margin-top: 0.2rem;
	padding: 0.15rem;
	box-sizing: border-box;
}
#secTab .tab_freeword input[type="text"]:focus {
	outline: 0;
}
#secTab .tab_category .btnBox {
	border-top: @border;
}
#secTab .btnBox input {
	display: block;
	width: 80%;
	background: @bg-middle-color;
	color: #fff;
	font-size: @font14;
	font-weight: bold;
	letter-spacing: 3px;
	border: 0;
	padding: 0.14rem 0;
	margin: 0.2rem auto 0.15rem;
}
#secTab .btnBox p {
	display: inline-block;
	text-decoration: underline;
	padding: 0;
}
/* 検索タブ（チェックボックス） */
#secTab label,
#interested_job label{
	cursor: pointer;
	position: relative;
	padding-left: 28px;
	display: inline-block;
	box-sizing: border-box;
	overflow: hidden;
	white-space: normal;
}
#secTab label:before,
#interested_job label:before {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0;
	top: 0;
	border: 1px solid #ccc;
	z-index: 3;
}
#secTab label:after,
#interested_job label:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	display: block;
	width: 3px;
	height: 7px;
	border-right: 2px solid #E60012;
	border-bottom: 2px solid #E60012;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	z-index: 1;
}
#secTab label input[type="checkbox"],
#interested_job label input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	top: 0;
	left: -40px;
	width: 19px;
	height: 19px;
	display: block;
	box-shadow: 41px 0px #fff;
	z-index: 2;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
#secTab label input[type="checkbox"]:checked,
#interested_job label input[type="checkbox"]:checked {
	background: #fff;
	z-index: 0;
}
/* エントリのmedia（チェックボックス） */
.entry label[for*="media-"] {
	cursor: pointer;
	position: relative;
	padding-left: 28px;
	display: inline-block;
	box-sizing: border-box;
	overflow: hidden;
	white-space: normal;
}
.entry label[for*="media-"]:before {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0;
	top: 0;
	border: 1px solid #ccc;
	z-index: 3;
}
.entry label[for*="media-"]:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 8px;
	display: block;
	width: 3px;
	height: 7px;
	border-right: 2px solid #E60012;
	border-bottom: 2px solid #E60012;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	z-index: 1;
}
.entry label[for*="media-"] input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	top: 0;
	left: -40px;
	width: 19px;
	height: 19px;
	display: block;
	box-shadow: 41px 0px #fff;
	z-index: 2;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
.entry label[for*="media-"] input[type="checkbox"]:checked {
	background: #fff;
	z-index: 0;
}

/* 職種詳細
----------------------------------------------------*/
.jobdetail {
	.waku {
	padding:0 0.2rem 0.15rem;
	text-align: left;
	}
	h3 {
	font-size:@font14;
	margin:0.15rem 0 0;
	padding:0.042rem 0;
	line-height:normal;
	}
	h2 + h3 {
	border-top:@border;
	padding:0.2rem 0 0.042rem;
	}
	h3 + p {
	border-bottom:@border;
	padding:0.042rem 0 0.2rem;
	}
	.buttonArea {
		button {
		width:100%;
		}
	}
	.tips {
	margin:0;
	text-align:center;
	}
}

/* 同意文
----------------------------------------------------*/
.agree {
	.waku {
	border:@border;
	text-align:left;
	margin:0.16rem 0.13rem 0;
	padding:0 0.15rem 0.15rem;
	overflow:hidden;
		.textarea {
		font-family:@font;
		font-size:@font14;
		margin:0.05rem 0 0;
		padding:0.1rem 0 0;
		line-height:1.6;
		}
		.buttonArea ul {
		margin:0 0 0.15rem;
			li {
			display:inline-block;
			margin:0 2px;
			}
			button {
			.button;
				span {
				.button-font;
				position:relative;
				width:1.4rem;
				box-sizing:border-box;
					&::before {
					content:"";
					position:absolute;
					top:41.33333333333333%;
					right:0.12rem;
					display:block;
					width:7px;
					height:7px;
					border-right:solid 1px #fff;
					border-bottom:solid 1px #fff;
					.rotate-45;
					z-index:1;
					}
				}
			}
		}
	}
}
/* エントリー・確認
----------------------------------------------------*/
.entry {
	.waku_atten {
	padding:0.05rem 0.1rem;
	margin-top:0.2rem;
		.warn {
		color:@color;
		font-size:@font14;
		}
	}
	.waku {
	text-align:left;
	padding:0 0.15rem 0.15rem;
	overflow:hidden;
	}
	.buttonArea button {
	.button;
	position:relative;
	width:85%;
	margin:0 0 15px;
		&::before {
		content:"";
		position:absolute;
		top:41.33333333333333%;
		right:0.12rem;
		display:block;
		width:7px;
		height:7px;
		border-right:solid 1px #fff;
		border-bottom:solid 1px #fff;
		.rotate-45;
		z-index:1;
		}
		span {
		.button-font;
		}
	}
	h2 {
	margin:0.5rem 0 0;
	font-size:@font18;
	line-height:1.4;
	border-bottom:@border;
	padding-bottom:0.1rem;
		span {
		display: block;
		font-size:@font15;
		margin-top: 0.08rem;
		}
	}
	h2:first-child {
	margin:0.2rem 0 0;
	}
	h3 {
	clear:both;
	padding:0.19rem 0 0;
	line-height:1.4;
	}
	p + h3 {
	padding:0.3rem 0 0;
	}
	.sp_btm {
	padding-bottom:0.2rem;
	}
	.line_btm {
	border-bottom:@border;
	padding:0.08rem 0 0.14rem;
	}
	strong {
	.iconBox;
	font-size:@font11;
	padding:0.03rem 0.05rem;
	margin:0 0.05rem;
	font-weight:normal;
	}
	fieldset {
	overflow:hidden;
	font-size:@font14;
	line-height:1.6;
	width:100%;
	margin:0.13rem 0;
	padding:0 0 0.13rem;
	border-bottom:@border;
		p {
		font-size:100%;
		}
		.search_zip {
		padding:0.05rem 0 0.2rem;
		}
	}
	fieldset.noline {
	margin:0.13rem 0 -0.13rem;
	padding:0;
	background:none;
	}
	legend {
	clear:both;
	font-weight:bold;
	padding:0.06rem 0 0.04rem;
	}
	input,
	select {
	margin:0.06rem 0;
	font-size:@font14;
		&::-webkit-input-placeholder {
		font-size:@font13;
		}
	}
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="password"] {
	.input;
	padding:0 0.05rem;
	height:0.35rem;
	}
	input[size="6"] {
	width:0.5rem;
	}
	input[size="8"] {
	width:0.9rem;
	}
	input[size="30"],
	.w30 {
	width:95%;
	}
	textarea {
	.input;
	font-family:@font;
	display:block;
	line-height:1.4;
	width:95%;
	height:0.45rem;
	margin:0.06rem 0;
	padding:0.08rem 0.05rem 0.07rem;
	}
	label {
	margin-right:0.1rem;
	white-space:nowrap;
	display:inline-block;
		&[for^="contact_how"] {
		.checkBox;
		white-space:normal;
		}
	}
	li > label {
	margin-right:0;
	}
	select {
	.input;
	height:0.35rem;
	padding:0 0.3rem 0 0.05rem;
	text-indent:0.01rem;
	text-overflow:"";
	background:#fafafa url(../images/select_arrow.png) no-repeat right;
	}
	input.required2,
	textarea.required2,
	select.required2 {
	background-color:@bg-required-color;
	}
	span.required2 {
	display:inline;
	}
	input#name_last,
	input#yomi_last {
	margin-right:0.1rem;
	}
	label input[type="radio"],
	label input[type="checkbox"] {
	margin-right:0.05rem;
	margin-left:0.03rem;
	}
	fieldset.survey label {
	display:block;
	margin:0 0 0.03rem;
		input {
		line-height:1.4;
		}
	}
	fieldset.survey label.nobr {
	white-space:normal;
	}
	label.mgnL {
	margin-left:0.15rem;
	}
	dl {
	font-size:@font14;
		dt {
		font-weight:bold;
		padding:0.19rem 0 0.1rem;
		}
		dd {
		border-bottom:@border;
		padding-bottom:0.19rem;
		line-height:1.4;
			span.comment {
			display:block;
			margin:0.07rem 0 0;
			}
		}
	}
	dl.accordion {
	border:@border;
	-webkit-border-radius:@radius;
	background:#fff;
	font-size:@font16;
	line-height:1.6;
	margin:0.13rem 0.1rem 0;
	text-align:left;
	overflow:hidden;
		dt {
		.toggle;
			&.open {
			border-bottom:dotted 1px #ccc;
			}
		}
		dd {
		padding:0.15rem;
		border-bottom:none;
			h2 {
			border-top:dotted 1px #ccc;
			border-left:none;
			background:none;
			padding:0.13rem 0 0;
				&:first-child {
				border-top:none;
				margin:0;
				}
			}
			p {
			padding:0;
			}
		}
	}
	.buttonArea {
		 li{
		display:inline-block;
			button {
			width:1.6rem;
			}
		}
	}
}

@media screen and (max-width:320px){
	.entry label[for^="contact_how"]::before {
	top:3px;
	}
	.entry label[for^="contact_how"]::after {
	top:6px;
	}
}