@charset "utf-8";

.contentsImg {
	background-image: url(../../img/contents-img6.jpg);
	background-position: center 30%;
}

.txt1 {
	color: #003366;
	border-bottom: 1px solid #999;
	padding-bottom: 5px;
	margin: 0 0 10px;
}
.txt1:before {
	content: "\f0c8";
	font-family: FontAwesome;
	margin-right: 0.3em;
	color: #ff5c41;
}
.wrap01 > dl {
	margin: 0 1em 20px;
}
.wrap01 > dl > dt {
	clear: both;
	float: left;
	width: 4em;
	font-size: 0.94em;
	font-weight: bold;
	text-align: justify;
	text-align-last: justify;
	text-justify: inter-ideograph;
	color: #003366;
}
.wrap01 > dl > dd {
	padding-left: 5.5em;
}
.wrap01 > dl > dd > p {
	margin-bottom: 10px;
	line-height: 1.6;
}
.wrap01 > dl > dd > ol {
	list-style: decimal;
	margin: 0 0 20px 2em;
	font-size: 0.94em;
}
.wrap01 > dl > dd > dl > dt {
	clear: both;
	float: left;
	width: 4em;
	font-size: 0.94em;
	text-align: justify;
	text-align-last: justify;
	text-justify: inter-ideograph;
}
.wrap01 > dl > dd > dl > dd {
	padding-left: 5em;
	font-size: 0.94em;
	margin-bottom: 10px;
}
.officer {
	max-width: 640px;
}
.officer table {
	width: 100%;
}
.officer table th,
.officer table td {
	border: 1px solid #999;
	padding: 4px;
	font-size: 0.94em;
}
.officer table th {
	text-align: center;
}

/* ---------------------------------------------
	768px
--------------------------------------------- */
@media only screen and (max-width: 768px) {

}

/* ---------------------------------------------
	640px
--------------------------------------------- */
@media only screen and (max-width: 640px) {

	.wrap01 > dl {
		margin: 0 0 20px;
	}
	.wrap01 > dl > dt {
		float: none;
		width: 100%;
		text-align: left;
		text-align-last: left;
		text-justify: auto;
	}
	.wrap01 > dl > dd {
		padding-left: 1em;
	}

}

/* ---------------------------------------------
	480px
--------------------------------------------- */
@media only screen and (max-width: 480px) {

}