.outumuro-slider {
}

.slick-slider-outumuro {
	position: relative;
}

.slick-arrow {
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	font-size: 0;
	padding: 0;
	width: 84px;
	height: 84px;
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transition: all .3s ease;
}

.slick-prev {
	left: 40px;
	background: url(images/arrow-left.svg) no-repeat center center;
}
.slick-prev:hover {
	background: url(images/arrow-left-hover.svg) no-repeat center center;
}

.slick-next {
	right: 40px;
	background: url(images/arrow-right.svg) no-repeat center center;
}
.slick-next:hover {
	background: url(images/arrow-right-hover.svg) no-repeat center center;
}

.slick-slider-outumuro figure {
	font-size: 0;
	width: 364px;
	border-right: 4px solid #ffffff;
	height: 300px;
}

.slick-slider-outumuro figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.outumuro-slider .container > h3 {
	letter-spacing: -0.045em;
	margin: 0 0 58px;
}

.outumuro-slider .container > a {
	margin-bottom: 70px;
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	color: #346A92;
	font-weight: 600;
	position: relative;
}

@media screen and (min-width:576px) {
	.slick-slider-outumuro figure {
		width: 504px;
	}
}

@media screen and (min-width:768px) {
	.outumuro-slider h3 {
		font-size: 34px;
		line-height: 38px;
	}
	.outumuro-slider > .container {
		max-width: 644px;
	}
}

@media screen and (min-width:992px) {
	.slick-slider-outumuro figure {
		width: 604px;
		height: 400px;
	}
	.slick-slider-outumuro:hover .slick-arrow {
		opacity: 1;
		pointer-events: auto;
	}
	.outumuro-slider .container > h3, .outumuro-slider .container > a {
		max-width: 756px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.outumuro-slider .container > a {
		text-decoration: none;
		border: none;
		cursor: default;
	}
	.outumuro-slider .container > a span {
		position: relative;
		z-index: 1;
		transition: all .3s ease;
		cursor: pointer;
	}
	.outumuro-slider .container > a span p {
		margin: 0;
		display: inline-block;
		position: relative;
		z-index: 1;
	}
	.outumuro-slider .container > a span:after {
		content: '';
		position: absolute;
		pointer-events: none;
		bottom: 0;
		left: -3px;
		top: calc(100% - 2px);
		width: 213px;
		background: #346a92;
		transition: all .3s ease;
	}
	.outumuro-slider .container > a span:hover:after {
		top: -2px;
	}
	.outumuro-slider .container > a span:hover {
		color: #ffffff;
	}
	.outumuro-slider > .container {
		max-width: 1010px;
	}
}

@media screen and (min-width:1200px) {
	.outumuro-slider .container > h3,
	.outumuro-slider .container > a {
		max-width: 930px;
	}
}

@media screen and (min-width:1400px) {
	.outumuro-slider > .container {
		max-width: 980px;
	}
	.outumuro-slider .container > h3, 
	.outumuro-slider .container > a {
		max-width: 779px;
		margin-left: 0;
		margin-right: 0;
		letter-spacing: -0.02em;
	}
}