@import url(../../css/style.css);

.cont {

	background-image: unset;

}

#content-box .captionText {

	max-width: 820px;
	width: 100%;
	margin: 0 auto 2em;
	font-size: 1.15em;
	line-height: 1.4em;

}

#content-box .index ul {

	width: 100%;

}

#content-box .index ul li {

	line-height: 2.5em;
	vertical-align: top;

}

#content-box .index ul li a:before {

	content: "▼";
	margin-right: 0.5em;
	display: inline-block;

}

#content-box .index ul li a {

	display: inline-block;

}

#content-box .caption ol li {

	margin-bottom: 1em;

}

#content-box .jobBlock {

	width: 100%;
	max-width: 820px;
	margin: 1em auto 2em;

}

#content-box .jobBlock h3 {

	font-size: 1.2em;
	border-bottom: 1px solid #333333;
	padding-bottom: 0.2em;

}

@media(min-width:769px) {

	.index {

		width: 820px;

	}

	.index .listTable {

		padding: 0.5em 1em;

	}

	.caption {

		max-width: 820px;
		width: 100%;

	}

}

@media(max-width:768px) {

	br.mobileNone {

		display: none;

	}

}

/*
カラー - black
----------------------------------------- */
#black, #black a {

	color: #000000;
	transition: all .3s ease-in-out;

}

#black a:hover {

	color: #be4c05;

}

#black td {

	color: #333333;

}

#black .index {

	border: 1px solid #000000;
	background-color: #ffffff;

}

#black .caption table,
#black .caption table th,
#black .caption table td {

	border: 1px solid #333333;
	background-color: #ffffff;

}

#black .caption table th {

	color: #ffffff;
	background-color: #000000;

}

#black .caption table td.sp {

	background-color: #cc7315;
	color: #000000;

}

#black .notice,
#black .entry_link,
#black .entry_link a,
#black .caption .net_link,
#black .caption .net_link a {

	color: #b60014;

}

#black .entry_link a:hover,
#black .caption .net_link a:hover {

	color: #000000;

}

#black .caption .top_link {

	color: #666666;

}

#black .caption ul li strong {

	color: #000000;

}

@media(min-width:769px) {

	#black .caption table th {

		border-color: #ffffff;

	}

	#black .caption table tr:first-of-type th {

		border-top-color: #000000;

	}

}


/*
カラー - Brown
----------------------------------------- */
#brown a {

	color: #be4c05;
	transition: all .3s ease-in-out;

}

#brown a:hover {

	color: #000000;

}

#brown td {

	color: #333333;

}

#brown .index {

	border: 1px solid #000000;
	background-color: #ffffff;

}

#brown .caption table,
#brown .caption table th,
#brown .caption table td {

	border: 1px solid #333333;
	background-color: #ffffff;

}

#brown .caption table th {

	background-color: #cc7315;
	color: #ffffff;

}

#brown .caption table td.sp {

	color: #ffffff;
	background-color: #000000;

}

#brown .notice,
#brown .entry_link,
#brown .entry_link a,
#brown .caption .net_link,
#brown .caption .net_link a {

	color: #b60014;

}

#brown .entry a:hover,
#brown .entry_link a:hover,
#brown .caption .net_link a:hover {

	color: #000000;

}

#brown .caption .top_link a {

	color: #cc7315;

}

#brown .caption .top_link a:hover {

	color: #000000;

}

#brown .caption ul li strong {

	color: #000000;

}

@media(min-width:769px) {

	#brown .caption table th {

		border-color: #ffffff;

	}

	#brown .caption table tr:first-of-type th {

		border-top-color: #000000;
		border-left-color: #000000;

	}

	#brown .caption table tr:nth-of-type(n+2) th {

		border-left-color: #000000;
		border-right-color: #000000;

	}

	#brown .caption table tr:nth-last-of-type(-n+2) th {

		border-bottom-color: #000000;

	}

}