@charset "utf-8";

.outer h2 {
	display:block;
	border-bottom:1px solid #ddd;
	font-size:120%;
}

.sec1,
.sec2 {
	opacity:var(--opp);
}

.sec1 .outer {
	margin-bottom:2em;
}

.corpList {
	display:block;
}
.corpList li {
	position:relative;
	display:block;
	border-radius:1em;
	background-color:#fff;
}
.corpList li:before {
	content:'';
	display:block;
	position:absolute;
	inset:-1px;
	border:1px solid #00000022;
}
.corpList li:not(:last-of-type) {
	margin-bottom:1em;
}
.corpList h3 {
	position:relative;
	background-color:var(--color2);
	color:#fff;
	padding:1em;
	font-size:130%;
}
.corpList div {
	position:relative;
	padding:1em;
	font-size:110%;
}
.copLast {
	margin-top:2em;
	font-weight:bold;
	font-size:120%;
	color:var(--color2);
	text-align:center;
}

.sec2 a {
	display:block;
	padding:1em 2em;
	background-color:var(--color2);
	color:#fff;
	font-size:110%;
	width:fit-content;
	text-decoration-line:none;
	border-radius:.5em;
}
.sec2 .sarea {
	display:flex;
	height:10em;
	justify-content:center;
	place-items:center;
}
.sec2 .sarea li {
	display:block;
	width:fit-content;
	height:fit-content;

}