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

h2 {
	font-size: 1.25em;
	color: #00007f;
	text-align: center;
	font-weight: bold;
}

section {
	clear: both;
}

.merit, .target, .effect {
	margin-top: 1.25em;
}

h3 {
	margin-bottom: 0.5em;
	color: #00007f;
	text-align: center;
	font-weight: bold;
	line-height: 2em;
	background-color: #dfdfff;
	border-top: 2px solid #00007f;
	border-bottom:  2px solid #00007f;
}

.lead ul {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding-left: 2em;
	list-style-type: disc;
}

.pict {
	width: 280px;
	float: right;
	margin-left: 2em;
}

.merit-list {
	margin-bottom: 0.75em;
}

.merit-list:last-child {
	margin-bottom: 0;
}

.merit p {
	display: inline;
}

.merit h4 {
	display: inline-block;
	color: #ffffff;
	background-color: #ff8c00;
	padding: 1px 5px;
}

.merit h4::after {
	content: "：";
}

.target ul {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding-left: 2em;
	list-style-type: disc;
}

.kouka {
	margin-bottom: 10px;
	border: 1px solid #ff8c00;
}

.kouka:last-child {
	margin-bottom: 0;
}

.kouka h4 {
	padding-left: 1em;
	margin-top: 0.25em;
	color: #ff8c00;
	font-weight: bold;
}

.kouka p {
	padding: 0.25em 0.5em;
}

/* 576px以下 */
@media screen and (max-width:576px) {
	.pict {
		width: 200px;
	}

	.pict img {
		width: 100%;
		height: auto;
	}
}

/* 768px以上 */
@media screen and (min-width:768px) {
	.kouka-box {
		display: flex;
		justify-content: space-between;
	}

	.kouka {
		margin-bottom: 0;
		width: 30%;
	}

	.kouka h4 {
		padding-left: 0;
		padding-bottom: 0.25em;
		padding-top: 0.25em;
		margin-top: 0;
		color: #ffffff;
		font-weight: bold;
		background-color: #ff8c00;
		text-align: center;
	}
}