@charset "UTF-8";

/*--------------------------------------------------------------------
link.html
link.css
--------------------------------------------------------------------*/

/*------------link01---------------------------------------------------------------*/
#link01 section:not(:first-of-type) { margin-top: 20px; }
#link01 table tr th { width: 14%; }
#link01 ul li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#link01 ul li::before {
	content: "※";
	margin-right: 0.3em;
}

@media (max-width: 960px) {}
@media (max-width: 480px) {
	#link01 table tr th { width: 100%; }
}


/*------------link02---------------------------------------------------------------*/
#link02 ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25em 1em;
	width: 100%;
}
#link02 ul li { width: calc((100% - 1em) / 2); }
#link02 ul li a {
	position: relative;
	padding-left: 1.3em;
}
#link02 ul li a::before {
	position: absolute;
	content: "";
	display: block;
	width: 8px;
	height: 11px;
	background: url("../img/arrow_w2.png") no-repeat left top / cover;
	top: 50%;
	left: 0;
	transform: var(--transformY);
}
#link02 ul li a:hover {
	text-decoration: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color: var(--co-red);
}

@media (max-width: 960px) {}
@media (max-width: 480px) {
	#link02 ul li { width: 100%; }
}