@charset "utf-8";

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

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

.abouts {
	display:block;
}
.abouts li {
	display:block;
}
.abouts table {
	border-spacing:0;
}
.abouts tr:nth-child(odd) :where(th, td) {
	background-color:#00000022;
}
.abouts :where(th, td) {
	padding:1em;
	vertical-align:top;
}
.abouts th {
	white-space:nowrap;
}
.abouts h3 {
	padding:1em .5em;
	font-weight:bold;
}

.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;

}