@charset "UTF-8";
/*----------
	leading contents
	knowledge
----------*/
body::before {
	content: "";
	display: block;
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: -1;
	background: #509BC1 url(/english/assets/images/bg-pattern-knowledge.jpg) no-repeat center/cover;
}
@media (min-width: 768px) {
	body::before {
		background-image: url(/english/assets/images/bg-pattern-knowledge-pc.jpg);
	}
}
.leading-overview__title {
	font-size: 3.2rem;
	line-height: 1.2;
}
.leading-layer {
	background-color: #509BC1;
	background-image: linear-gradient(135deg, #509bc1, #006da5);
}

.knowledge-list {
	margin-top: 48px;
}
@media (max-width: 767px) {
	.knowledge-list > li {
		max-width: 77.6119402985%;
	}
	.knowledge-list > li + li {
		margin-top: 48px;
	}
	.knowledge-list > li:nth-child(odd) {
		margin-left: 0;
		margin-right: auto;
	}
	.knowledge-list > li:nth-child(even) {
		margin-left: auto;
		margin-right: 0;
	}
}
@media (min-width: 768px) {
	.leading-overview__title {
		font-size: 4.8rem;
	}
	.knowledge-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 80px 40px;
		margin-top: 64px;
	}
	.knowledge-list > li {
		max-width: 366px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.knowledge-list > li:nth-child(2) {
		margin-top: 160px;
	}
	.knowledge-list > li:nth-child(2n+3) {
		margin-top: -160px;
	}
}

/* 横スクロールレイアウト */
@media (min-width: 1280px) and (min-height: 800px) {
	.is-horizontal .leading-overview {
		width: 770px;
	}
	.is-horizontal .knowledge-list {
		display: block;
		margin: 0;
		padding-left: 100px;
		padding-right: 200px;
	}
	.is-horizontal .knowledge-list > li {
		writing-mode: horizontal-tb;
		width: 366px;
		margin: 0;
	}
	.is-horizontal .knowledge-list > li + li {
		margin-left: 40px;
	}
}
/*# sourceMappingURL=leading-knowledge.css.map */