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

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

/* about main */
.about-visual-nav {
	overflow: hidden;
	position: relative;
	margin: 0 -20px;
	padding: 50px 0 100px;
}
.about-visual-nav::before {
	content: "";
	position: absolute;
	right: -156px;
	bottom: -80px;
	display: block;
	width: 288px;
	height: 295px;
	background: url(/assets/images/bg_single_slash.svg) no-repeat 0 0/auto 295px;
}
.about-visual-nav__img {
	margin-bottom: 40px;
}
.about-visual-nav__links {
	margin: 0 36px;
}
.about-visual-nav__links li {
	max-width: none;
}
.about-visual-nav__links li:not(:first-child) {
	margin-top: 22px;
}
@media (min-width: 768px), print {
	.about-visual-nav {
		overflow: visible;
		display: flex;
		margin: 0;
		padding: 100px 0 129px;
	}
	.about-visual-nav::before {
		right: -340px;
		top: 0;
		bottom: auto;
		z-index: -1;
		width: 557px;
		height: 426px;
		background: url(/assets/images/bg_single_slash.svg) no-repeat left bottom/557px auto;
	}
	.about-visual-nav::after {
		content: "";
		position: absolute;
		left: -216px;
		top: 0;
		display: block;
		width: 216px;
		height: 216px;
		background: url(/assets/images/bg_shape.svg) no-repeat 0 0/216px auto;
	}
	.about-visual-nav__img {
		flex: 1;
		margin-bottom: 0;
	}
	.about-visual-nav__links {
		width: 576px;
		margin: 0;
		padding: 79px 95px 0 92px;
		background-color: #ffffff;
	}
	.about-visual-nav__links::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		width: 165px;
		height: 165px;
		background: url(/assets/images/bg_shape.svg) no-repeat 0 0/165px auto;
	}
	.about-visual-nav__links li:not(:first-child) {
		margin-top: 30px;
	}
}
/*# sourceMappingURL=index.css.map */
