/****************************************************************************************/
#images .top-text {
	margin: 0 auto;
	max-width: 970px;
	font-size: 2.2rem;
	line-height: 4.1rem;
	letter-spacing: 0.11rem;
	text-align: left;
}

/*******************************************/
#images .top-space {
	height: 137px;
}

/*******************************************/
#images .carousel {
	overflow: hidden;
}

#images .carousel .container {
	transform: scale(1.977);
	transform-origin: top;
}

#images .swiper-slide {
	width: calc(100vw * 0.273872786885246);
	/* 921 */
	height: calc(100vw * 0.204);
	/* 614 */
}

#images .carousel .prev-next {
	left: 0;
	right: 0;
	width: 68px;
}

#images .carousel .prev {
	transform: translateX(calc(100vw * -0.1752));
}

#images .carousel .next {
	transform: translateX(calc(100vw * 0.1752));
}

#images .carousel .pager {
	margin-top: calc(100vw * 0.2295);
}

#images .carousel .pager .button {
	height: 5px;
}

#images .carousel .pager .button:nth-child(n+2) {
	margin-left: 30px;
}

/****************************************************************************************/
#examples,
#wrapping {
	margin-top: 181px;
}

#examples h2,
#wrapping h2 {
	font-size: 4.5rem;
	line-height: 4.5rem;
	letter-spacing: 0.11rem;
}

#examples h2+*,
#wrapping h2+* {
	margin-top: 50px;
}

/****************************************************************************************/
#examples .examples {
	display: flex;
	justify-content: space-between;
}

#examples .examples .example {
	width: 31.7%;
}

#examples .examples .example h4 {
	padding: 13px 0 11px 0;
	font-size: 2.2rem;
	letter-spacing: 0.18rem;
}

#examples .examples .example .body {
	padding: 24px 22px 15px 22px;
	font-size: 2.1rem;
}

#examples .examples .example .body li:last-child {
	margin-top: 10px;
}

/*******************************************/
#examples .texts {
	margin-top: 92px;
	text-align: center;
}

#examples .texts p {
	font-size: 2.3rem;
	line-height: 4.1rem;
}

#examples .texts p:nth-child(n+2) {
	margin-top: 41px;
}

/*******************************************/
#examples .video {
	margin-top: 100px;
	text-align: center;
}

#examples .video .container {
	display: inline-block;
}

#examples .video video {
	max-width: 900px;
}

/****************************************************************************************/
#recommend {
	padding-bottom: 63px;
	text-align: center;
	margin-top: 181px;
}

#recommend-info aside {
	font-size: 0.8em;
}

#recommend ul {
	margin-top: 15px;
}

#recommend li {
	margin-top: 5px;
}

#recommend .top-text {
	padding: 63px 0;
}

#recommend .top-text p {
	letter-spacing: 0.25rem;

}

#recommend .buttons a {
	background-color: white;
}

#recommend-info {
	display: flex;
	justify-content: space-between;
}

#recommend-info * {
	flex-basis: 47.5%;
	object-fit: cover;
}

#recommend-info .text {
	background-color: #F7F8F9;
	border: 1px #333 solid;
	padding: 2%;
}

#recommend-info-title {
	font-size: 2.3rem;
	padding: 18px;
	background-color: #5C0000;
	color: white;
	border-radius: 20px;
	margin-bottom: 30px;
	line-height: 3rem;
	text-align: center;
}

#recommend-info-text {
	text-align: left;
	padding: 0 20px;
}

#recommend-info-text-lead {
	text-align: justify;
}

#recommend-info-text-price {
	font-weight: 900;
}