@charset "UTF-8";
/*----------
	leading contents
	solution
----------*/
body::before {
	content: "";
	display: block;
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: -1;
	background: #1B9595 url(/assets/images/bg-pattern-solution.jpg) no-repeat center/cover;
}
@media (min-width: 768px) {
	body::before {
		background-image: url(/assets/images/bg-pattern-solution-pc.jpg);
	}
}

.leading-overview__title {
	font-size: 3.2rem;
	line-height: 1.2;
}

.leading-overview__en {
	margin-top: 12px;
	font-family: var(--font-castoro);
	font-size: 2rem;
}

.leading-overview__text {
	margin-top: 20px;
	font-size: 1.4rem;
}

@media (min-width: 768px) {
	.leading-overview__title {
		font-size: 4.8rem;
	}
	.leading-overview__en {
		font-size: 2.4rem;
	}
}
.leading-layer {
	background-color: #1B9595;
	background-image: linear-gradient(135deg, #1b9595, #006565);
}

.solution-category-taglist {
	margin-top: 32px;
}
@media (min-width: 768px) {
	.solution-category-taglist {
		margin-top: 40px;
	}
}

.solution-subtitle {
	margin-bottom: 32px;
	font-family: var(--font-serif);
	font-weight: 500;
	font-size: 2rem;
	line-height: var(--line-height-m);
}
@media (min-width: 768px) {
	.solution-subtitle {
		margin-bottom: 40px;
		font-size: 2.8rem;
	}
}

.leading-section:not(.leading-overview) {
	margin-top: 80px;
}
.leading-section:nth-child(2) {
	margin-top: 48px;
}
@media (min-width: 768px) {
	.leading-section:nth-child(2) {
		margin-top: 64px;
	}
}
.leading-section.is-hidden {
	display: none;
}

@media (max-width: 767px) {
	.solution-list > li + li {
		margin-top: 20px;
	}
}
@media (min-width: 768px) {
	.solution-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
}

/* 横スクロールレイアウト */
@media (min-width: 1280px) and (min-height: 800px) {
	.is-horizontal .leading-content {
		padding-right: 200px;
	}
	.is-horizontal .leading-overview {
		width: 770px;
	}
	.is-horizontal .solution-subtitle {
		writing-mode: horizontal-tb;
	}
	.is-horizontal .leading-section:not(.leading-overview) {
		margin: 0;
		padding-left: 100px;
		padding-right: 0;
	}
	.is-horizontal .solution-list {
		margin: 0;
	}
	.is-horizontal .solution-list > li {
		writing-mode: horizontal-tb;
		width: 560px;
		margin: 0 !important;
	}
	.is-horizontal .solution-list .c-panel-link__text {
		min-height: 3lh;
	}
}
/*# sourceMappingURL=leading-solution_navi.css.map */
