@charset "UTF-8";
/* CSS Document */
.h2area {
	padding: 10px 0 50px;
	text-align: center;
}
.h2area h2 {
	padding-bottom: 15px;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	position: relative;
}
.h2area h2:after {
	content: "";
	position: absolute;
	width: 50px;
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #000;
}
.bggry {
	background-color: #F7F7F7;
}
.linkBox .inner {
	padding: 10px 0 30px;
	text-align: center;
}
.linkBox .inner ul li {
	padding: 10px 0;
	text-align: center;
	color: #000;
	font-size: 18px;
}
.linkBox .inner ul li a {
	color: #000;
	position: relative;
}
.linkBox .inner ul li a:hover {
	color: #CCC;
	text-decoration: underline;
}
.linkBox .inner ul li a:hover:before {
	content: "▶";
	position: absolute;
	left: -2em;
	font-size: 16px;
	line-height: 26px;
	color: #008C46;
}
.linkBox .inner dl {
	padding: 10px 15% 10px 20%;
	text-align: left;
	color: #000;
	font-size: 16px;
}
.linkBox .inner dl dt {
	font-size: 18px;
	font-weight: bold;
	color: #008C46;
}
.linkBox .inner dl dt a {
	color: #008C46;
	font-weight: bold;
	position: relative;
}
.linkBox .inner dl dt a:hover {
	color: #CCC;
	text-decoration: underline;
}
.linkBox .inner dl dt a:hover:before {
	content: "▶";
	position: absolute;
	left: -2em;
	font-size: 16px;
	line-height: 26px;
	color: #008C46;
}
.linkBox .inner dl dd {
	font-size: 16px;
	padding: 10px 0 20px 2em;
}

@media screen and (max-width: 736px) {
.h2area {
	padding: 30px 0 35px;
}
.h2area h2 {
	font-size: 20px;
}
.linkBox .inner dl dt {
    font-size: 16px;
}
.linkBox .inner dl dd {
    font-size: 14px;
}
.linkBox .inner dl {
	padding: 10px 5% 10px 10%;
}
.linkBox .inner dl dd {
	padding: 10px 0 20px 0em;
}
}