/****************************************************************************************/
#images .carousel {
	margin-top: 38px;
	padding: 15px 7.5% 10px 7.5%;
	background-color: #f7f8f9;
	overflow: hidden;
}

#images .swiper-slide {
	height: calc(100vw * 0.512);
}

#images .carousel .prev-next {
	width: 7.5%;
}
#images .carousel .prev {
	right: 100%;
}
#images .carousel .next {
	left: 100%;
}

#images .carousel .prev-next [icon] {
	margin: 0 auto;
	width: 15px;
}

#images .carousel .pager {
	margin-top: 3px;
}
#images .carousel .pager .button {
	height: 4px;
}
#images .carousel .pager .button:nth-child(n+2) {
	margin-left: 8px;
}

#images p,
#examples .texts p {
	font-size: 1.6rem;
	line-height: 3rem;
	letter-spacing: -0.05rem;
}
/****************************************************************************************/
#examples,
#wrapping {
	margin-top: 126px;
}

#examples h2,
#wrapping h2 {
	font-size: 3.1rem;
	line-height: 3.6rem;
	letter-spacing: 0.1rem;
}

#examples h2 + *,
#wrapping h2 + * {
	margin-top: 46px;
}
/****************************************************************************************/
#examples .examples .example:nth-child(n+2) {
	margin-top: 27px;
}

#examples .examples .example h4 {
	padding: 11px 0 9px 0;
	font-size: 2rem;
	letter-spacing: 0.21rem;
}

#examples .examples .example .body {
	padding: 26px 21px 17px 29px;
	font-size: 1.6rem;
	line-height: 1.9rem;
}
#examples .examples .example .body li:last-child {
	margin-top: 14px;
	font-size: 2.3rem;
}
/*******************************************/
#examples .texts {
	margin-top: 55px;
}
/*******************************************/
#examples .video {
	margin-top: 36px;
}

#examples .video video {
	width: 100%;
}

#examples .video .icons img {
	width: 30px;
}
/****************************************************************************************/
#wrapping .org-image-texts > *:nth-child(n+2) {
	margin-top: 19px;
}

#wrapping .org-image-texts > * > * {
	display: flex;
}

#wrapping .org-image-texts > * > * > * {
	width: 50%;
}
#wrapping .org-image-texts .image {
	padding-right: 13px;
}
#wrapping .org-image-texts .text {
	margin-top: 0;
	padding-left: 6px;
}

#wrapping .org-image-texts .text p {
	margin-top: -2px;
	font-size: 1.2rem;
	line-height: 2rem;
}
/****************************************************************************************/


#recommend-info-title {
	margin-top: 30px;
}
#recommend .top-text {
	margin-bottom:38px;
}