@charset "utf-8";

.pagetop {
	bottom: 0;
}

@media (min-width: 729px) {
	.flex ul li {
		flex-direction: column;
	}

	/*.flex li{display:block;margin-left: 5px;}
.flex li:nth-child(1){width:33%;}
.flex li:nth-child(2){width:34%;}
.flex li:nth-child(3){width:33%;}*/
	/* li img{margin: 0 0.5em;} */
}

section .sitemap {
	width: 300px;
	display: inline-block;
	vertical-align: top;
	margin-right: 22px
}

.sitemap_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sitemapbox {
	width: 30%;
}

@media (min-width: 641px) and (max-width: 767px) {
	.sitemapbox {
		width: 45%;
		padding-bottom: 3rem;
	}
}

@media (min-width: 320px) and (max-width: 640px) {
	.sitemapbox {
		width: 100%;
		padding-bottom: 2rem;
	}
}

.notes h6 {
	border-left: 6px solid #006600;
	padding-left: 1em;
	border-bottom: 1px solid #999999;
	padding-bottom: .2em;
	margin-top: 1.5em;
}

@media (min-width: 320px) and (max-width: 728px) {

	/* li{flex-direction: column;} */
	/* li:nth-child(1){width:100%;} */
	/* li:nth-child(2){width:100%;} */
	li img {
		margin: 0 0.5em;
	}
}

article {
	margin-bottom: 30px;
}

dl {
	display: flex;
	border-bottom: 1px solid #cccccc;
}

dd,
dt {
	display: block;
}

dd {
	width: 85%;
	border-right: 1px solid #cccccc;
	padding: 1em;
}

dt {
	width: 15%;
	padding-top: 2em;
	background: #F7F7F7;
	text-align: center;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.who dl:nth-child(1) dt {
	border-top: 5px solid #BE1309;
}

.who dl:nth-child(1) dd {
	border-top: 5px solid #B3B3B3;
}


@media (min-width: 320px) and (max-width: 728px) {
	dl {
		flex-direction: column;
		border: none;
	}

	dd {
		width: 96%;
		border: none;
		padding: 1em;
	}

	dt {
		width: 94%;
		padding: 1em;
		background: #F7F7F7;
		text-align: left;
		border: 1px solid #cccccc;
	}

	.who dl:nth-child(1) dd {
		border: none;
	}

	.who dl:nth-child(1) dt {
		border: 1px solid #cccccc;
	}
}