@charset "UTF-8";
/* CSS Document */
h1{
	font-size: 18px;
	color: #253770;
	font-weight: bold;
	background: url(../common/mark_record.png) no-repeat 0 30px;
	background-size: 30px;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 30px 10px 8px 36px;
	border-bottom: #253770 thin solid;
	box-sizing: border-box;
}
.item {
	text-align: left;
}
.item a {
	text-decoration: underline;
}
.item .info dl {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	box-sizing: border-box;
}
.item .info dt {
	width: 40%;
	float: left;
}
.item .info dt img {
	width: 100%;
}
.item .info dd {
	font-size: 15px;
	line-height: 1.7;
	width: 60%;
	padding: 0 10px;
	box-sizing: border-box;
	float: right;
}
.item .info h2 {
	font-size: 16px;
	font-weight: bold;
}
.item .info dl:after {
	content: "";
	clear: both;
	display: block;
}
.item .detail {
	font-size: 14px;
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding: 40px 10px 20px 10px;
	box-sizing: border-box;
}
.item .detail table {
	width: 100%;
	border: #ccc thin solid;
}
.item .detail th {
	border: #ccc thin solid;
	padding: 4px 10px 4px 10px;
	white-space: nowrap;
}
.item .detail td {
	border: #ccc thin solid;
	padding: 4px 10px 4px 10px;
}
.item .detail > p {
	font-size: 13px;
	padding: 0;
}
.item .detail p:first-of-type {
	font-size: 14px;
	padding: 20px 0 20px 0;
}
.item .detail ul {
	font-size: 13px;
	list-style: inside disc;
	padding: 0 0 20px 0;
}
.item .use {
	font-size: 15px;
	line-height: 1.5;
	background: #eee;
	padding: 30px 10px 30px 10px;
	box-sizing: border-box;
}
.item .use > p {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 0 10px 5px 10px;
	box-sizing: border-box;
}
.item .use ol {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}
.item .use li {
	width: 50%;
	padding: 0 25px 0 0;
	box-sizing: border-box;
	float: left;
}
.item .use li:last-of-type {
	padding: 0 0 0 25px;
}
.item .use li img {
	width: 100%;
	margin: 0 0 5px 0;
}
.item .use ol:after {
	content: "";
	clear: both;
	display: block;
}
.item > p:last-of-type {
	font-size: 15px;
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
}
@media only screen and (max-width: 820px) {
h1{
	background: url(../common/mark_record.png) no-repeat 10px 30px;
	background-size: 30px;
	padding: 30px 10px 8px 46px;
}
.item .info dt {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
	box-sizing: border-box;
	float: none;
}
.item .info dd {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
	float: none;
}
}
@media only screen and (max-width: 600px) {
.item .use li {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	box-sizing: border-box;
	float: none;
}
.item .use li:last-of-type {
	padding: 0;
}
}