@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 li a {
	position: relative;
	padding-left: 1em;
}
#link02 ul li a::before {
	position: absolute;
	content: "";
	display: block;
	width: 8px;
	height: 9px;
	background-color: var(--co-green);
	clip-path: polygon(100% 50%, 0 0, 0 100%);
	top: 50%;
	left: 0;
	transform: var(--transformY);
	transition: 0.5s;
	z-index: 5;
}
#link02 ul li a:hover {
	text-decoration: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color: var(--co-green);
}

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