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

h2.s5-heading2 {
	border-top: 5px double #797979;
    border-bottom: 5px double #797979;
    background: #F5F5F5;
	padding: 0.5em;
	margin-bottom: 1em;
}

h3.s5-heading3 {
	border-left: 5px solid #797979;
    border-bottom: 2px solid #797979;
	margin: 4em 0 2em;
	padding: 0.5em;
}

h4.s5-heading4 {
	margin: 2em 0 1em;
}

.c5-border_box {
	padding: 1em 1em 0;
    border: 1px solid #999;
	margin: 2em 0 3em;
}

.s5-list li {
	margin-bottom: 0.8em;
}

ol.s5-ollist {
    padding: 0 0 0 1rem;
}

ol.s5-ollist li {
	margin-bottom: 0.8em;
}

.s5-ml1em {
	margin-left: 1em;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

table {
	margin: 2em 0;
}

thead th {
	background: #F2F2F2;
    padding: 0.5em 1em;
    border: #CCC 1px solid;
    text-align: center;
}

tbody th {
	background: #F2F2F2;
    padding: 0.5em 1em;
    border: #CCC 1px solid;
    text-align: left;
}

tbody td {
    border: #CCC 1px solid;
    text-align: center;
}

.c5-contentsArea{
	display: none;
}
.c5-contentsArea[aria-hidden="false"]{
	display: block;
}

.c5-buttonList {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
}

.c5-buttonList button,
.c5-buttonList a{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width:280px;
	height: 11em;
	margin-bottom: 10px;
	margin-right: 15px;
	padding: 8px 10px;
	border: 1px solid #bcbcbc;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	text-align: center;
	line-height: 1.6;
	font-weight: bold;
}

.c5-buttonList button:hover,
.c5-buttonList a:hover{
	text-decoration: underline;
}

ul.c5-link_button {
	list-style: none;
	padding-left: 0;
	margin: 1em 0;
}

ul.c5-link_button li {
	margin: 1em 0;
}

.c5-link_button a {
	width: 417px;
	padding: 0.8em;
}

.annotation {
    text-indent: -1em;
    padding-left: 1em;
}

@media (max-width: 640px){
	.s5-ml1em {
		margin-left: 0;
	}
	
	.right {
		padding: 0.5em 0;
	}
	
	thead th,
	tbody th {
		padding: 0.5em;
	}
	
	.c5-buttonList {
		flex-direction: column;
		align-items: center;
		padding-left: 0;
	}
	.c5-buttonList button,
	.c5-buttonList a{
		width: 100%;
		height: auto;
		max-width: 400px;
		margin-bottom: 1.2em;
		margin-right: 0;
		padding: 1.5em 10px;
	}
	
	.c5-link_button a {
		max-width: 417px;
		width: 100%;
	}
}