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

/*-----------------------------------------------
base
#141977 青
#ED4549 赤
-----------------------------------------------*/

/*-----------------------------------------------
  about
-----------------------------------------------*/

#about .gaiyou {
margin:4em auto 0 auto;
padding:2em 4%;
overflow:hidden;
}
#about .gaiyou {
margin:2em auto 0 auto;
text-align:center;
}
#about .gaiyou th {
width:8em;
padding:0.4em 0;
text-align:left;
vertical-align:top;
}
#about .gaiyou th:before {
content:"■";
color:#141977
}
#about .gaiyou td {
padding:0.4em 0;
text-align:left;
vertical-align:top;
}

#about .gaiyou td.shisetsu {
display:flex;
}
#about .gaiyou td.shisetsu dl:last-child {
margin-left:2em;
padding-left:1em;
text-indent:-1em;
}
#about .gaiyou td.shisetsu dd:before {
content:"▶";
}

#about .documents li {
margin: 0.25em 0;
}
#about .documents .head {
display: block;
margin-top: 1em;
color: #141977;
}
#about .documents ul {
margin-left: 1em;
}
#about .link {
position: relative;
padding-left: 1em;
}
#about .link::before {
content: "▶";
display: block;
position: absolute;
top: 0.75em;
left: 0.25em;
margin-right: 0.5em;
font-size: 0.5em;
color: #141977;
text-decoration: none;
}
#about .link a {
position: relative;
color: #141977;
text-decoration: underline;
}
#about .link a:hover {
text-decoration: none;
}


@media (max-width:800px) {
	#about .gaiyou td.shisetsu {
	display:block;
	}
	#about .gaiyou td.shisetsu dl:last-child {
	margin-top:1em;
	margin-left:0;
	}
}