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

/* 職種一覧
----------------------------------------------------*/
.joblist {
	.waku {
	.kadomaru;
	padding:0 0.15rem 0.15rem;
		.buttonArea {
			button {
			width:100%;
			}
		}
		.tips {
		margin:0;
		color:@color;
		text-align:center !important;
		}
	}
	.jobs {
	border:@border;
	-webkit-border-radius:@radius;
	background:#fff;
	font-size:@font16;
	color:#86BC25;
	line-height:1.6;
	margin:0.05rem 0.1rem;
	text-align:left;
	overflow:hidden;
		dt {
		.toggle;
		}
		dd {
		background:#fff;
			ul {
			border-top:dotted 1px #ccc;
				li {
				padding-right:0.3rem;
				border-bottom:@border;
				position:relative;
					&::before {
					.arrowR;
					}
					a {
					padding:0.1rem 0.12rem 0.1rem 0.15rem;
					text-decoration:none;
					display:block;
					color:#86BC25;
					}
					span {
					font-size:@font13;
					color:@bg-pale-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;
					}
				}
			}
		}
	}
}

@media screen and (min-width:480px) {
	.joblist {
		.jobs {
			dt {
			background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eee), color-stop(0.11, #fff));
				&::before,
				&::after{
				right:0.3rem;
				}
			}
			dd{
				ul {
					li::before {				
					right:0.3rem;
					}
				}
			}
		}
	}
}

/* 職種詳細
----------------------------------------------------*/
.jobdetail {
	.waku {
	.kadomaru;
	padding:0 0.15rem 0.15rem;
	}
	h3 {
	margin:0.2rem 0 0;
	font-size:@font16;
	color:#fff;
	border-left:solid 6px @bg-pale-color;
	background:@bg-pale-color;
	padding:0.042rem 0.07rem;
	line-height:normal;
	}
	h2 + h3 {
	margin:0.24rem 0 0;
	}
	.buttonArea {
		button {
		width:100%;
		}
	}
	.tips {
	margin:0;
	color:@color;
	text-align:center;
	}
}

/* 同意文
----------------------------------------------------*/
.agree {
	.waku {
	.kadomaru;
	padding:0 0.15rem 0.15rem;
	overflow:hidden;
		.textarea {
		font-family:@font;
		font-size:@font16;
		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;
				width:1.3rem;
				}
			}
		}
	}
}
/* エントリー・確認
----------------------------------------------------*/
.entry {
	.waku_atten {
	padding:0.05rem 0.1rem;
		.warn {
		color:#cc3333;
		font-weight:bold;
		}
	}
	.waku {
	.kadomaru;
	padding:0 0.15rem 0.15rem;
	overflow:hidden;
	}
	.buttonArea button {
	.button;
	width:85%;
	margin:0 0 15px;
		span {
		.button-font;
		}
	}
	h2 {
	margin:0.2rem 0 0;
	font-size:@font16;
	color:#fff;
	border-left:solid 6px @bg-pale-color;
	background:@bg-pale-color;
	padding:0.042rem 0.07rem;
	line-height:1.4;
	}
	h2:first-child {
	margin:0.14rem 0 0;
	}
	h3 {
	clear:both;
	font-size:@font16;
	border-bottom:solid 2px @bg-dark-color;
	padding:0.13rem 0 0.065rem;
	line-height:1.4;
	}
	strong {
	.iconBox;
	font-size:@font11;
	padding:0.03rem 0.05rem 0.02rem;
	margin:0 0.05rem;
	font-weight:normal;
	// position:relative;
	// top:-2px;
	}
	fieldset {
	overflow:hidden;
	font-size:@font16;
	line-height:1.6;
	width:100%;
	margin:0.13rem 0;
	padding:0 0 0.13rem;
	background:url(../images/dotline.png) left bottom repeat-x;
		p {
		font-size:100%;
		}
	}
	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:@font16;
		&::-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%;
	}
	input[type="file"]{
	width:100%;
	color:#000;
	}
	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"],
		&[for^="media"],
		&[for^="tax_accountant"],
		&[for^="skill_finance"],
		&[for^="briefing_session"],
		&[for^="delete_button_upload"] {
		.checkBox;
		white-space:normal;
		}
		&[for^="file"] {
		margin:0.05rem 0;
		padding:0.08rem 0.05rem 0.07rem;
		display:block;
			&.required2 {
			background-color:@bg-required-color;
			}
		}
	}
	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:@font16;
		dt {
		font-weight:bold;
		padding:0.19rem 0 0.1rem;
		line-height:1.6;
		}
		dd {
		border-bottom:dotted 1px #ccc;
		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.3rem;
			}
		}
	}
}

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