@charset "utf-8";

.ApplicationIndex__item + .ApplicationIndex__item {
	margin-top: 20px
}

@media all and (min-width: 768px) {
	.ApplicationIndex__item + .ApplicationIndex__item {
		margin-top: 40px
	}
}

.ApplicationIndexSection {
	list-style: none;
	padding: 0
}

@media all and (min-width: 1280px) {
	.ApplicationIndexSection {
		display: flex;
		justify-content: space-between
	}
}


.ApplicationIndexSection__head {
	position: relative;
	padding: 20px 0
}

.ApplicationIndexSection__head > * {
	margin-top: 10px
}

.ApplicationIndexSection__head > *:first-child {
	margin-top: 0
}

.ApplicationIndexSection__head::before {
	position: absolute;
	top: 0;
	left: -30px;
	content: "";
	width: calc(100% + 60px);
	display: block;
	border-top: 1px solid rgba(0, 0, 0, 0.75)
}

@media all and (min-width: 768px) {
	.ApplicationIndexSection__head::before {
		width: calc(100% + 100px);
		left: -50px
	}
}

@media all and (min-width: 1280px) {
	.ApplicationIndexSection__head {
		width: var(--wcalc10-3);
		border-top: 1px solid rgba(0, 0, 0, 0.75)
	}
	.ApplicationIndexSection__head::before {
		display: none
	}
}


.ApplicationIndexSection__body {
	position: relative;
	padding: 0;
	width: 100%;
}

.ApplicationIndexSection__body > * {
	margin-top: 20px
}

.ApplicationIndexSection__body > *:first-child {
	margin-top: 0
}

@media all and (min-width: 1280px) {
	.ApplicationIndexSection__body {
		/* width: var(--wcalc10-7); */
		padding: 20px 0;
		/* border-top: 1px solid rgba(0, 0, 0, 0.75); */
	}
}


.ApplicationIndexSection__ttl {
	font-family: var(--serif);
	font-size: 1.9rem;
	font-feature-settings: "palt";
	transform: scaleX(0.9);
	transform-origin: left center;
	letter-spacing: 0.02rem;
	width: 110%
}

.ApplicationIndexSection__read {
	font-size: 1.2rem;
	color: rgba(0, 0, 0, 0.65)
}

.ApplicationIndexSection__list {
	list-style: none;
	padding: 0;
	font-family: var(--serif);
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.ApplicationIndexSection__list li {
	line-height: 1.5;
	padding-bottom: 20px;
}

.ApplicationIndexSection__list .anchor {
	text-align: left;
	height: 60px;
}

/* .ApplicationIndexSection__list .anchor {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: none;
	padding: 10px 0
} */

.ApplicationIndexSection__list .lbl {
	display: block;
	transform: scaleX(0.95);
	transform-origin: left center;
	width: 110%
}

.ApplicationIndexSection__list .icon {
	margin-right: 10px;
	opacity: 0.3;
	transition: 0.2s ease-in;
	transition-property: opacity, color, stroke-width;
	stroke-width: 1.3;
}

.ApplicationIndexSection__list .ext {
	font-size: 1.1rem;
	opacity: 0.75;
	margin-left: 5px;
}
.ApplicationIndexSection__list .ext::before {
	content: "(";
}
.ApplicationIndexSection__list .ext::after {
	content: ")";
}

.ApplicationIndexSection__list a:hover .icon {
	opacity: 1;
	stroke-width: 1.2;
}

.ApplicationIndexSection__list .anchor[target="_blank"]:after {
	display: none;
} 

@media all and (min-width: 1280px) {
	.ApplicationIndexSection__ttl {
		font-size: 2.25rem
	}

	.ApplicationIndexSection__read {
		font-size: 1.3rem
	}

	.ApplicationIndexSection__list {
		font-size: 1.5rem;
		gap: 30px;
	}

	.ApplicationIndexSection__list:first-child {
		margin-top: -20px;
	}

	.ApplicationIndexSection__list:first-child li:first-child {
		border-top: none
	}
}

/* -------------------------------- */

@media all and (min-width: 1280px) {
	.section-header__read {
		text-align: center;
	}
}