@charset "utf-8";

.ttl1 {
	width: 100%;
	font-weight: 500;
	margin-bottom: 15px;
}
.ttl1 a {
	display: block;
	padding: 8px 10px;
	background-image: url(../../img/arrow2.svg);
	background-position: right center;
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-color: rgba(0,52,100,1);
	color: #fff;
}
.ttl1 a:hover {
	text-decoration: none;
	background-color: rgba(37,76,164,1);
}
.ttl2 {
	width: 100%;
	font-weight: 600;
	border-bottom: 1px solid #999;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
.page3 {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.page3 li {
	width: 33.3333%;
	font-size: 0.94em;
}
.page3 li a {
	display: block;
	padding: 6px 6px 6px 18px;
	background-image: url(../../img/arrow1.svg);
	background-size: 7px auto;
	background-position: 6px center;
	background-repeat: no-repeat;
}
.col3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}
.col3 div {width: 32%;}
.col3 ul li {font-size: 0.94em;}
.col3 ul li a {
	display: block;
	padding: 6px 6px 6px 18px;
	background-image: url(../../img/arrow1.svg);
	background-size: 7px auto;
	background-position: 6px center;
	background-repeat: no-repeat;
}
.link3 {
	display: flex;
	flex-wrap: wrap;
}
.link3 li {
	width: 32%;
	font-weight: 500;
	margin-right: 2%;
	margin-bottom: 15px;
}
.link3 li:nth-child(3n) {margin-right: 0;}
.link3 li a {
	display: block;
	padding: 8px 10px;
	background-image: url(../../img/arrow2.svg);
	background-position: right center;
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-color: rgba(0,52,100,1);
	color: #fff;
}
.link3 li a:hover {
	text-decoration: none;
	background-color: rgba(37,76,164,1);
}
@media only screen and (max-width: 768px) {
	.page3 li {width: 50%;}
	.col3 {margin-bottom: 10px;}
	.col3 div {width: 100%;}
	.col3 ul {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	.col3 ul li {width: 50%;}
	.link3 li {width: 49%;}
	.link3 li:nth-child(3n) {margin-right: 2%;}
	.link3 li:nth-child(2n) {margin-right: 0;}
}
@media only screen and (max-width: 480px) {
	.page3 li {width: 100%;}
	.col3 ul li {width: 100%;}
	.link3 li {width: 100%; margin-right: 0;}
	.link3 li:nth-child(3n) {margin-right: 0;}
}