@charset "utf-8";

.mainList {
	display:block;
}
.floater {
	position:sticky;
	position:-webkit-sticky;
	bottom:0;
	padding-bottom:6em;
}
h2 {
	font-size:150%;
}
.platform {
	display:flex;
	justify-content:right;
	gap:.4em;
}
.platform li {
	display:block;
	position:relative;
}
.platform li:before {
	position:absolute;
	display:block;
	content:'';
	inset:0;
	margin:auto;
	border-radius:50%;
	background-color:#dddddd;
}
.platform .pl {
	position:relative;
	display:block;
	width:5em;
	height:5em;
}
.platform .pl use {
	fill:#fff;
	text-anchor:middle;
	font-size:11px;
	font-family:'KozGoPr6N-Regular-83pv-RKSJ-H';
}
.mItem {
	display:block;
}
.mItem h3 {
	font-size:130%;
	background-image:linear-gradient(to right, var(--color2) 0em, var(--color2) 10em, #fff);
	padding:.5em .3em;
	line-height:1;
	color:#fff;
}

.itemBl, .sList {
	padding:1em 1em 2em;
}
.sList {
	display:block;
	counter-reset:li;
}
.sList li {
	display:flex;
	margin:0 0 .5em;
}
ul.sList li {
	padding-left:1.5em;
}
ul.sList li:before {
	display:inline-block;
	content:'●';
	margin-left:-1.5em;
	padding-right:.5em;
}
.sList li i {
	position:relative;
	display:block;
	white-space:nowrap;
	font-style:normal;
}
.sList li i:after {
	font-style:normal;
	counter-increment:li;
	content:counter(li)'：';
}
.sList li:only-of-type i:after {
	content:'：';
}
.itemBl > p + p {
	padding-top:1em;
}
.itemBl > p :where(b, strong) {
	display:block;
	padding:.5em 0;
}
.itemBl > p strong {
	font-size:120%;
}
@media screen and (min-width:700px) {
	.sarea {
		#display:flex;
	}
	.floater {
		padding-bottom:3em;
	}
}