@charset "utf-8";

/* 労働者レイアウト */

/*PC専用*/
@media screen and (min-width: 571px) {
	header {
		width: 650px;
		margin: 15px 15px 0 15px;
	}

	div h2 {
		border-bottom: 1px solid #000000;
		margin-bottom: 5px;
	}

	section p {
		padding: 0 1em 1em 1em;
		margin-top: 0;
	}

	table {
		width: 600px;
		margin: 0 0 30px 30px;
	}

	table td {
		background-color: transparent;
		vertical-align: text-top;
		padding-right: 5px;
	}

	table td.td1 {
		width: 480px;
	}

	table td a {
		color: blue;
	}

	td span {
		display: block;
		text-align: center;
		padding: 0;
		margin: 0;
	}

	#seminar {
		padding: 0;
	}
/* PC版の「労働者のみなさまへ」の申込みのながれ
	#Application {
		font-size: 90%;
	}*/

	#Application p {
		padding: 0;
		margin: 0;
	}

	#Application .pale4 {
		padding-left: 2.5em;
	}

	#Application .pale5 {
		padding-left: 3.5em;
	}

	.div1 {
		font-weight: bold;
		padding: 7px 0 7px 7px;
		float: left;
		width: 6em;
	}

	.div2 {
		padding: 7px 0 7px 7px;
		margin-left: 6em;
	}

	.div3 {
		padding: 7px;
		float: left;
		width: 456px;
	}

	.div4 {
		text-align: center;
		padding: 0;
		margin: 0;
	}

	.dtset1 {
		float: left;
		width: 1.8em;
	}

	.ddset2 {
		margin-left: 1.8em;
	}

	.dtset12 {
		float: left;
		width: 4.2em;
	}

	.ddset22 {
		margin-left: 3.8em;
	}

	ol {
		margin: 0; /* サイトに合せて調整 */
	}

	ol.int li {
		list-style-type: none;
		counter-increment: cnt;
		position: relative;
	}

	ol.int li:before {
		content: "(" counter(cnt) ")";
		display: inline-block;
		margin-left: -3.5em; /* サイトに合せて調整 */
		width: 3em; /* サイトに合せて調整 */
		text-align: right;
		position: absolute;
		top: 0;
		left: 0;
	}

	.dd1 {
		margin:-1.6em 0 0 1.5em;
		font-weight: bold;
	}

	.t_indent {
		margin-left: 1em;
		text-indent: -1.4em;
	}

}

/*--  スマホ  --*/
@media screen and (max-width: 570px) {
	header {
		width: 100%;
	}

	header img {
		width: 100% ;
	}

	div h2 {
		border-bottom: 1px solid #000000;
		margin-bottom: 5px;
	}

	section p {
		padding: 0 0.8rem;
		margin-top: 0;
		margin-bottom: 0;
	}

	table {
		width: 95%;
		margin-bottom: 15px;
		margin-left: 15px;
	}

	table td {
		background-color: transparent;
		vertical-align: text-top;
		padding-left: 3px;
		padding-right: 3px;
		text-align: center;
	}

	table td.td1 {
		width: 75%;
	}

	table td a {
		color: blue;
	}

	td span {
		display: block;
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0 auto;
	}

	#seminar {
		padding: 0;
	}
/* スマホ版の「労働者のみなさまへ」の申込みのながれ
	#Application {	
		font-size: 90%;
	}*/

	#Application .pale4 {
		padding-left: 2.5rem;
	}

	#Application .pale5 {
		padding-left: 3.5rem;
	}

	.div1 {
		font-weight: bold;
		padding: 3px 0 3px 3px;
		float: left;
		width: 5rem;
		text-align: left;
	}

	.div2 {
		padding: 3px 0 3px 3px;
		margin-left: 5rem;
		text-align: left;
	}

	.div3 {
		width: 95%;
	}

	.div4 {
		width: 50%;
		text-align: center;
		float: left;
	}

	.dtset1 {
		float: left;
		width: 1.8em;
	}

	.ddset2 {
		margin-left: 1.8em;
	}

	.dtset12 {
		float: left;
		width: 4.2em;
	}

	.ddset22 {
		margin-left: 3.8em;
	}

	ol {
		margin: 0; /* サイトに合せて調整 */
	}

	ol.int li {
		list-style-type: none;
		counter-increment: cnt;
		position: relative;
	}

	ol.int li:before {
		content: "(" counter(cnt) ")";
		display: inline-block;
		margin-left: -3.5em; /* サイトに合せて調整 */
		width: 3em; /* サイトに合せて調整 */
		text-align: right;
		position: absolute;
		top: 0;
		left: 0;
	}

	.dd1 {
		margin:-1.6em 0 0 1.5em;
		font-weight: bold;
	}

	.t_indent {
		margin-left: 1em;
		text-indent: -1.4em;
	}

}