@charset "utf-8";



.page-headline {
	font-size: 32px !important;
	font-weight: bold;
}


.chapter-headline {
	font-size: 24px !important;
	font-weight: bold;
	color: rgb(0, 58, 111);
}



.condition-list {
	list-style-type: square;
	margin-bottom: 16px;
	padding-left: 20px;
}
.condition-list:last-child {
	margin-bottom: 0;
}

.condition-list-item {
	margin-bottom: 10px;
}
.condition-list-item:last-child {
	margin-bottom: 0;
}



.accept-conditions-box {
	border-radius: 5px;
}

#accept-conditions {
	transform: scale(1.5);
}



.download-list {
	list-style-type: none;
	column-count: 3;
	column-width: 32%;
	column-gap: 2%;
	border-collapse: collapse;
}

.download-list-item {
	width: 100%;
	margin-bottom: 1px;
	border-spacing: 0;
	border-bottom: 1px solid #CCC;
}
.download-list-item:nth-child(2n) {
	background: #F6F6F6;
}
.download-list-item-number {
	display: table-cell;
	padding: 5px 10px;
}
.download-list-item-link {
	display: table-cell;
	padding: 5px;
}
.download-list--disabled {
	opacity: 0.5;

	.download-list-item-link {
		pointer-events: none;
	}
}



.related-link-list {
	list-style-type: square;
	margin-bottom: 16px;
	padding-left: 20px;

	list-style-type: none; /* デフォルトのbulletを非表示 */
	padding-left: 0; /*  paddingをリセット */

}
.related-link-list-item {
	margin-bottom: 10px;
	position: relative; /*  ::before, ::after要素を配置するための基準 */
	padding-left: 20px; /*  三角形の分だけpaddingを追加 */
}
.related-link-list-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%); /*  垂直方向の中央揃え */
	border-width: 5px; /*  三角形のサイズ */
	border-style: solid;
	border-color: transparent transparent transparent rgb(0, 86, 145); /* 三角形の向きと色 */
	border-left-width: 10px;
}



@media only screen and (max-width: 919px) {

	.download-list {
		column-count: 2;
		column-width: 45%;
		column-gap: 5%;
	}

	.download-list-item-link {
	}

}

@media screen and (max-width: 768px) {

	.download-list {
		column-count: 1;
		column-width: 90%;
		column-gap: 0%;
	}

}