@charset "UTF-8";

.mercury-lead {
	margin-bottom: 45px;
}

.mercury-panel {
	padding: 50px;
	margin-bottom: 100px;
	background: var(--color-bg-light);
}

.mercury-panel__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 17px;
}

.mercury-panel__text {
	max-width: 550px;
}

.mercury-panel__image {
	text-align: center;
}

.mercury-panel__caption {
	margin: 22px 0 0;
	font-size: 18px;
	line-height: 1.4;
	text-align: right;
}

.mercury-block {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 780px);
	gap: 80px;
	padding-bottom: 190px;
	margin-bottom: 80px;
	border-bottom: solid 1px var(--color-border);
}

.mercury-block::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	left: -33px;
	bottom: 98px;
	width: 691px;
	height: 374px;
	background: #fff url("../image/mercury_bg_01.png") 0 80% no-repeat;
	background-size: contain;
}

.mercury-summary__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.mercury-summary__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px 90px;
}

.mercury-summary__link {
	line-height: 1.6;
}

.mercury-summary__link li {
	margin-bottom: 5px;
}

.mercury-summary__link li:last-child {
	margin-bottom: 0;
}

.mercury-summary__link a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	color: var(--color-blue);
	text-decoration: underline;
}

.mercury-summary__link i {
	font-size: .889em;
}

.mercury-summary__link ul {
	margin-top: 8px;
}

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

	.mercury-panel {
		padding: 28px 8%;
		margin-bottom: 55px;
	}

	.mercury-panel__head {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin-bottom: 14px;
	}

	.mercury-panel__title {
		margin-bottom: .5em;
	}

	.mercury-panel__text {
		max-width: none;
	}

	.mercury-panel__caption {
		margin: 18px 0 0;
		font-size: 16px;
	}

	.mercury-block {
		grid-template-columns: 1fr;
		gap: 25px;
		padding-bottom: 140px;
		margin-bottom: 45px;
	}

	.mercury-block::before {
		left: -5%;
		bottom: 18px;
		-webkit-transform: scale(.35);
		        transform: scale(.35);
		-webkit-transform-origin: left bottom;
		        transform-origin: left bottom;
	}

	.mercury-summary__inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.mercury-summary__body {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 30px;
	}

}