@charset "UTF-8";
/* CSS Document */

.lead p {
	margin-top: 0.5em;
}

.tejun {
	clear: both;
	margin-top: 1em;
}

h3 {
	margin-bottom: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 0.5em;
	color: #ffffff;
	background-color: #1e50a2;
}

.sanmon, .chouzuya {
	margin-bottom: 0.5em;
	margin-right: 0.75em;
	float: left;
}

.temizu {
	clear: both;
	margin-top: 1em;
	border: 2px solid #bfffff;
}

.temizu h4 {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 1.5em;
	background-color: #0000bf;
	background-color: #bfffff;
}

.temizu ol {
	margin-bottom: 0.5em;
	padding-left: 1.75em;
	padding-right: 0.75em;
	list-style-type: decimal;
}

.temizu li {
	margin-top: 0.5em;
}

.howto img {
	margin: 0.5em;
	width: 180px;
}

.chuui {
	margin-top: 1em;
}

.chuui h4 {
	margin-bottom: 0.25em;
	color: #d3381c;
}

.note {
	margin-top: 1em;
	border: 2px solid #006e54;
}

.note h4 {
	margin-bottom: 0.5em;
	padding: 0.25em 1em;
	color: #ffffff;
	background-color: #006e54;
}

.note p, .note li {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.note ul {
	padding-left: 1.75em;
	list-style-type: disc;
}

/* 575px以下 */
@media screen and (max-width:575px) {
	.sanmon, .chouzuya {
		width: 180px;
	}

	.temizu .pict {
		display: none;
	}
}

/* 576px以上 */
@media screen and (min-width:576px) {
	.sanmon, .chouzuya {
		width: 240px;
	}

	.howto {
		display: flex;
		justify-content: space-between;

	}
}