@charset "UTF-8";

/*--------------------------------------------------------------------
recruit.html
recruit.css
--------------------------------------------------------------------*/

/*------------Titleのスタイル---------------------------------------------------------------*/
div#Title h2 { background-image: url(../../img/sp/recruit/title.png); }


/*------------Atmosのスタイル---------------------------------------------------------------*/
div#Atmos table {
	width: 100%;
	border-collapse: collapse;
}
div#Atmos table tr td {
	display: block;
	width: auto;
	padding-bottom: 20px;
	vertical-align: top;
	text-align: left;
}
div#Atmos table tr td div {
	width: 210px;
	margin: 0 auto;
}
div#Atmos table tr td div p + p { margin-top: 0.3em; }


/*------------Methodのスタイル---------------------------------------------------------------*/
div#Method table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #bfbfbf;
}
div#Method table tr th,
div#Method table tr td { display: block; }
div#Method table tr th {
	width: auto;
	padding: 10px;
	background: #eaeaea;
	border: 1px solid #bfbfbf;
	border-top: 0 none;
	text-align: left;
	vertical-align: top;
}
div#Method table tr td {
	width: auto;
	padding: 10px 20px;
	border: 1px solid #bfbfbf;
	border-top: 0 none;
	text-align: left;
	vertical-align: middle;
}
div#Method table tr td table {
	width: auto;
	border: 0 none;
}
div#Method table tr td table tr th,
div#Method table tr td table tr td {
	width: auto;
	padding: 0 1.5em 0 0;
	background: #fff;
	border: 0 none;
}
div#Method table tr td dl {
	width: 100%;
	overflow: hidden;
}
div#Method table tr td dl dt { float: left; }
div#Method table tr td ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#Method table tr td ul.List01 {
	padding-left: 2.5em;
	text-indent: -2.5em;
}
div#Method table tr td ul.List02 li {
	padding-left: 1em;
	text-indent: -1em;
}
div#Method table tr td ul.List02 li:before { content: "・"; }
div#Method table tr td ul.List03 li {
	padding-left: 1em;
	text-indent: -1em;
}
div#Method table tr td ul.List03 li:before { content: "※"; }