/*----------
	service
----------*/
/* override */
.l-title-container {
	margin-bottom: 0;
}

.l-structure .l-structure__main {
	margin-bottom: 0;
}

/* main section */
.service-section {
	position: relative;
	padding: 50px 0 150px;
}
.service-section__top-link-wrap {
	position: relative;
	z-index: 2;
}
.service-section__top-link-wrap > a {
	display: block;
	margin-bottom: 24px;
	padding-bottom: 18px;
	border-bottom: solid 1px rgba(34, 34, 34, 0.2);
}
.service-section__top-link {
	margin-bottom: 15px;
	text-align: center;
}
.service-section__top-link > span {
	position: relative;
	display: inline-block;
	color: var(--color-txt);
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.3;
}
.service-section__top-link > span::after {
	font-family: iconfont !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: "\e902";
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-left: 20px;
	border: solid 1px var(--color-txt);
	line-height: 26px;
	font-size: 1rem;
	text-align: center;
	transform: translateY(-2px);
}
.service-section__lead {
	font-size: 1.4rem;
	line-height: var(--line-height-l);
}
.service-section .c-link-block {
	position: relative;
	z-index: 2;
}
.service-section__main-area {
	position: relative;
	padding: 0 20px 60px;
}
.service-section__main-area::before {
	content: "";
	position: absolute;
	right: -106px;
	bottom: -161px;
	display: block;
	width: 250px;
	height: 257px;
	background: url(/assets/images/bg_single_slash.svg) no-repeat 0 0/auto 257px;
}
.service-section__sub-area {
	padding: 0 20px;
}
@media (min-width: 768px), print {
	.service-section {
		padding: 82px 0 150px;
	}
	.service-section__top-link-wrap {
		max-width: 980px;
		margin: 0 auto;
	}
	.service-section__top-link-wrap > a {
		margin-bottom: 30px;
	}
	.service-section__top-link-wrap > a:hover {
		border-color: rgb(34, 34, 34);
	}
	.service-section__top-link {
		margin-bottom: 12px;
	}
	.service-section__top-link span {
		font-size: 2.4rem;
		transition: border-color 0.2s;
	}
	.service-section__top-link span::after {
		width: 32px;
		height: 32px;
		margin-left: 30px;
		line-height: 30px;
		font-size: 1.2rem;
		transform: translateY(-3px);
	}
	a:hover .service-section__top-link span {
		text-decoration: underline;
	}
	a:hover .service-section__top-link span::after {
		background-color: var(--color-txt);
		color: #ffffff;
	}
	.service-section__lead {
		font-size: 1.6rem;
		line-height: 2;
		text-align: center;
	}
	.service-section__main-area {
		padding: 0 20px 120px;
	}
	.service-section__main-area::before {
		right: calc(50% - 825px);
		bottom: -37px;
		width: 416px;
		height: 430px;
		background: url(/assets/images/bg_single_slash.svg) no-repeat 0 0/auto 430px;
	}
	.service-section__main-area::after {
		content: "";
		position: absolute;
		right: calc(50% + 515px);
		top: -4px;
		z-index: 1;
		display: block;
		width: 144px;
		height: 216px;
		background: url(/assets/images/bg_shape.svg) no-repeat left bottom/auto 216px;
	}
	.service-section__main-area .c-link-block {
		max-width: 1080px;
		margin-right: auto;
		margin-left: auto;
	}
	.service-section__sub-area .c-link-block {
		gap: 60px 40px;
		max-width: 1080px;
		margin-right: auto;
		margin-left: auto;
	}
}
/*# sourceMappingURL=index.css.map */