body, html {
	height: 100%;
	overflow: hidden;
	overscroll-behavior-x: none;
}

.about-box {
	word-break: keep-all;
	width: 100vw;
	height: 100vh;
	height: calc(var(--vh) * 100);
	overflow-y: auto;
	scrollbar-width: none;
}

.about-box .swiper {
	width: 100vw;
	height: 100vh;
	height: calc(var(--vh) * 100);
	margin: unset;
}

.about-box .swiper-lazy {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.about-box .text-box {
	background: white;
	margin-top: 2.3vw;
}

.about-box .text-box .btn {
	color: inherit;
}

.about-box .text-box .left {
	width: 30%;
	display: inline-block;
	float: left;
	padding: 2vw 2.3vw;
    box-sizing: border-box;
	font-size: var(--big-font-size);
    line-height: var(--big-leading);
}

.about-box .text-box .left .description {
	margin-top: 2vw;
	font-size: var(--medium-font-size);
    line-height: var(--medium-leading);
}

.about-box .text-box .right {
	width: 70%;
	display: inline-block;
	padding: 2vw 2.3vw;
	box-sizing: border-box;
    font-size: var(--medium-font-size);
    line-height: var(--medium-leading);
}

.about-box .text-box ul.description {
	display: inline-block;
    counter-reset: numbering;
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding-bottom: 2vw;
}

.about-box .text-box ul.description li:before {
    counter-increment: numbering;
    content: counter(numbering);
    width: 2.1vw;
    display: block;
    float: left;
}

.about-box .text-box ul.description li span{
	width: calc(100% - 2.1vw);
    display: block;
    float: left;
}

#primary.content-area {
	display: none;
}

.about-box .text-box.last .right {
	margin-bottom: 6vw;
}

@media screen and (max-width: 900px) {
	.about-box .text-box {
		margin-top: 8vw;
	}

	.about-box .text-box.last .right {
		margin-bottom: 12vw;
	}

	.about-box .text-box .left {
		width: 100%;
		padding: 5vw 5.6vw;
	    font-size: var(--medium-font-size);
	    line-height: var(--medium-leading);
	}

	.about-box .text-box .left .description {
		margin-top: 5vw;
	}

	.about-box .text-box .right {
		width: 100%;
		padding: 5vw 5.6vw;
		font-size: var(--medium-font-size);
		line-height: var(--medium-leading);
	}

	.about-box .text-box ul.description li:before {
	    width: 8vw;
	}

	.about-box .text-box ul.description li span{
		width: calc(100% - 8vw);
	}
}