body,
p {
	margin: 0;
}

img {
	display: inline-block;
	max-width: 100%;
}

.wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding: 0 20px;
	max-width: 1640px;
	box-sizing: border-box;
}

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

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.app {
	font-family: 'Avenir Next Cyr', Sans-Serif;
	padding-top: 0;
	background-color: #f2f2f2;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.app__wrapper {
	max-width: 1920px;
	margin: 0 auto;
}

.main {
	position: relative;
	max-width: 100%;
	margin: 0 auto 2vw;
	padding: 0 20px;
}

.app__title {
	max-width: 1640px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.main__logo {
	margin: 5vw 0;
	max-width: 850px;
}

.main__logo-image {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.app__table {
	display: flex;
	flex-direction: column;
	max-width: 80%;
	margin: 0 auto;
}

.app__table-row {
	display: flex;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.app__table-row:last-child {
	border-bottom: none;
}

.app__table-cell {
	width: 50%;
	padding: 75px 0;
}

.app__table .app__title,
.app__table .app__name {
	padding: 0 35px 0 135px;
	font-size: 32px;
	font-weight: 400;
	line-height: 44px;
	letter-spacing: -0.14;
	text-align: left;
}

.app__table .app__name {
	max-width: 334px;
	font-weight: 700;
}

.app__text {
	max-width: 560px;
	padding: 0 35px;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: -0.14;
	text-align: left;
}

.app__text ul {
	margin: 0;
	padding-left: 28px;
	font-size: 32px;
	font-weight: 400;
	line-height: 42px;
	letter-spacing: -0.14;
	text-align: left;
}

.app__text ul li {
	margin-bottom: 7px;
}

.app__text ol {
	list-style-type: none;
	counter-reset: num;
	margin: 0 0 0 35px;
	padding: 15px 0 5px 0;
}

.app__text ol li {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

.app__text ol li:before {
	content: counter(num) '.';
	counter-increment: num;
	display: inline-block;
	position: absolute;
	top: 0px;
	left: -42px;
	width: 20px;
	text-align: right;
}

.full,
.section-eleventh {
	position: relative;
	padding-bottom: 56vw;
}

.full__bg {
	position: absolute;
	inset: 0;
	height: auto;
	max-height: 1080px;
}

.fourth {
	position: relative;
	padding-top: 3.7vw;
}

.fourth .wrapper {
	margin: 0 auto;
}

.fourth .wrapper-space-between {
	display: flex;
	justify-content: space-between;
}

.fourth .wrapper-center {
	display: flex;
	justify-content: center;
	padding-bottom: 11vw;
}

.fourth .wrapper-center img:first-child {
	max-width: 13vw;
	max-height: 18vw;
	margin-top: 2vw;
	margin-right: 1vw;
}

.fourth .wrapper-center img:last-child {
	max-width: 18vw;
	max-height: 26vw;
	margin-top: 2vw;
}

.fourth__mobile {
	max-width: 11vw;
	margin-top: 7vw;
	margin-left: 10vw;
	max-height: 22vw;
}

.fourth__mobile-right {
	max-width: 21vw;
	margin-top: 20vw;
}

.fourth__mobile-left {
	margin-top: 7vw;
}

.fifth {
	width: 100%;
	padding: 8vw 10vw;
	background-color: #ffffff;
	box-sizing: border-box;
}

.fifth__bg {
	max-width: 1364px;
	max-height: 1706px;
}

.sixth {
	position: relative;
	background-color: #f2f2f2;
	padding-bottom: 16.5vw;
}

.sixth .wrapper {
	padding-bottom: 50.2vw;
}

.sixth .wrapper.text-left,
.sixth .wrapper-space-between {
	padding-bottom: 0;
}

.sixth .wrapper.wrapper-lookbook {
	padding-bottom: 34.2vw;
}

.sixth__bg {
	width: 50%;
	position: absolute;
	inset: 0;
	height: 100vh;
}

.sixth__bg-bottom {
	width: 50%;
	position: absolute;
	bottom: 0;
	height: 90vh;
}

.sixth__lookbook,
.sixth__lookbook-bottom {
	position: absolute;
	margin: 0 auto;
	right: 0;
	bottom: 0;
	left: 0;
	top: 20%;
	max-width: 55%;
	z-index: 1;
}

.sixth__lookbook-bottom {
	top: 45%;
}

.sixth .app__title {
	padding: 0;
	max-width: 490px;
	margin: 0;
}

.sixth .app__text {
	max-width: 440px;
}

.sixth__mobile-left {
	margin-left: 4vw;
}

.sixth__left {
	max-width: 23vw;
	max-height: 43vw;
	margin-top: 12vw;
	margin-left: 4vw;
}

.sixth .wrapper-space-between {
	display: flex;
	justify-content: space-between;
}

.sixth .space-between-right {
	max-width: 58%;
	margin-top: 4vw;
}

.sixth .sixth__right {
	margin-bottom: 2vw;
}

.eight {
	position: relative;
	background-color: #f2f2f2;
	padding-bottom: 0;
}

.eight .wrapper {
	padding-bottom: 0;
}

.eight__left {
	max-width: 52vw;
	max-height: 126.1vw;
	margin-top: 8vw;
}

.eight .wrapper-space-between {
	display: flex;
	justify-content: space-between;
}

.eight .space-between-right {
	max-width: 58%;
	margin-top: 4vw;
}

.eight .eight__right {
	max-width: 18.2vw;
	max-height: 43vw;
	margin-top: 12vw;
	margin-bottom: 13vw;
}

.section-ninth {
	position: relative;
	padding-bottom: 0;
	background-color: #f2f2f2;
}

.section-ninth .wrapper {
	display: flex;
	min-width: 100%;
	padding-bottom: 0;
}

.section-ninth .section-ninth-cell {
	width: calc(100% / 3);
}

.section-ninth .section-ninth__l {
	background-color: #f0e9f4;
}

.section-ninth .section-ninth__3 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background-color: #e5f7fa;
}

.section-ninth .section-ninth__2 {
	position: relative;
}

.section-ninth .section-ninth__2 .section-ninth-center {
	position: absolute;
	margin: 0 auto;
	right: 0;
	bottom: 0;
	left: 0;
	top: 20%;
	max-width: 75%;
	z-index: 1;
}

.section-ninth .section-ninth__l img {
	margin-top: 22vw;
}

.section-tenth {
	position: relative;
	background-color: #ddd7d0;
	padding-bottom: 16.5vw;
}

.section-tenth .wrapper {
	padding-bottom: 31.2vw;
}

.section-tenth__bg {
	width: 43%;
	position: absolute;
	inset: 0;
	height: 100vh;
}

.section-tenth__lookbook {
	position: absolute;
	margin: 0 auto;
	right: 17%;
	bottom: 0;
	top: 27%;
	max-width: 58%;
	z-index: 1;
}

.section-eleventh {
	padding-bottom: 0;
}

.section-eleventh .wrapper {
	height: 100%;
	top: 0;
	position: absolute;
}

.section-eleventh .full__bg {
	position: relative;
	height: auto;
	max-height: 1080px;
}

.section-eleventh__lookbook {
	position: absolute;
	margin: 0 auto;
	left: 0;
	bottom: 0;
	top: 14%;
	max-width: 18%;
	z-index: 1;
}

.section-eleventh__lookbook-2 {
	position: absolute;
	margin: 0 auto;
	left: 21%;
	bottom: 0;
	top: 14%;
	max-width: 18%;
	z-index: 1;
}

.section-twelfth {
	position: relative;
	background-color: #e5f7fa;
	padding-bottom: 14.5vw;
}

.section-twelfth .wrapper {
	padding-bottom: 38.2vw;
}

.section-twelfth__bg {
	width: 28%;
	position: absolute;
	right: 16vh;
	bottom: 0;
}

.section-twelfth__lookbook {
	position: absolute;
	margin: 0 auto;
	left: 0;
	bottom: 0;
	top: 14%;
	max-width: 51%;
	z-index: 1;
}

.section-twelfth__lookbook-2 {
	position: absolute;
	margin: 0 auto;
	left: 22%;
	bottom: 0;
	top: 60%;
	max-width: 51%;
	z-index: 1;
}

.section-twelfth__bg-2 {
	position: absolute;
	top: 2vw;
	right: 2vw;
	max-width: 225px;
	max-height: 225px;
}

.section-twelfth__bg-3 {
	position: absolute;
	left: 2vw;
	bottom: 2vw;
	max-width: 333px;
	max-height: 298px;
}

.main__bottom {
	display: flex;
	justify-content: center;
}

.main__bottom .main__logo {
	margin: 10vw 0;
}

@media screen and (max-width: 1700px) {
	.sixth .wrapper {
		padding-bottom: 57.2vw;
	}

	.sixth .wrapper.wrapper-space-between {
		padding-bottom: 12.2vw;
	}

	.sixth__lookbook-bottom {
		top: 22%;
	}

	.eight .space-between-right {
		display: flex;
		flex-direction: column;
	}

	.section-tenth {
		padding-bottom: 0;
		height: auto;
	}

	.section-tenth .wrapper {
		padding-bottom: 54.2vw;
	}

	.section-tenth__bg {
		height: auto;
	}

	.section-tenth__lookbook {
		top: 24%;
	}

	.sixth__bg {
		height: auto;
	}

	.sixth__bg-bottom {
		height: auto;
	}

	.section-twelfth__bg-2 {
		max-width: 180px;
	}

	.section-twelfth__bg-3 {
		max-width: 210px;
	}
}

@media screen and (max-width: 1135px) {
	.app__table .app__title,
	.app__table .app__name {
		padding: 0 35px 0 65px;
	}

	.third .app__table-cell {
		padding: 135px 0 65px 0;
	}
}

@media screen and (max-width: 992px) {
	.app__table {
		max-width: 100%;
	}
}

@media screen and (max-width: 576px) {
	.main {
		max-width: 100%;
		padding: 0 5px;
	}

	.main__logo {
		margin: 10vw 0;
		max-width: 350px;
	}

	.app__table {
		display: flex;
		flex-direction: column;
		max-width: 100%;
		margin: 0 auto;
	}

	.app__table-row {
		flex-direction: column;
	}

	.app__table-cell {
		width: 100%;
		padding: 15px 0;
	}

	.app__table .app__title,
	.app__table .app__name {
		padding: 0 5px;
		font-size: 30px;
		line-height: 36px;
		letter-spacing: 0.35px;
		text-align: center;
		font-weight: 500;
	}

	.app__table .app__name {
		max-width: 100%;
		padding-top: 10px;
	}

	.third .app__name {
		padding-top: 50px;
	}

	.third .app__table-cell {
		padding: 25px 0;
	}

	.app__text {
		padding: 0 5px;
		font-size: 18px;
		line-height: 30px;
		letter-spacing: -0.14px;
	}

	.app__text ul {
		padding-left: 45px;
		font-size: 24px;
		line-height: 30px;
	}

	.mobile {
		max-width: 100%;
		width: auto;
	}

	.wrapper {
		width: auto;
	}

	.fourth__mobile {
		max-width: 18vw;
		max-height: 38vw;
	}

	.fourth__mobile-right {
		max-width: 44vw;
	}

	.fourth .wrapper-center img:last-child {
		max-width: 30vw;
		max-height: 40vw;
		margin-top: 7vw;
	}

	.fourth .wrapper-center img:first-child {
		max-width: 26vw;
		max-height: 33vw;
		margin-top: 7vw;
	}

	.sixth__bg {
		height: auto;
	}

	.sixth__bg-bottom {
		height: auto;
	}

	.sixth .wrapper {
		padding-bottom: 81.2vw;
	}

	.sixth__lookbook {
		top: 45%;
		max-width: 75%;
	}

	.sixth__lookbook-bottom {
		top: 20%;
		max-width: 58%;
	}

	.sixth .wrapper-space-between {
		padding-bottom: 10.2vw;
	}

	.sixth__mobile-left {
		margin-left: 0;
	}

	.eight .wrapper-space-between {
		justify-content: center;
		flex-direction: column;
	}

	.eight__left {
		max-width: 100%;
		max-height: none;
	}

	.eight .space-between-right {
		max-width: 100%;
		display: flex;
		justify-content: center;
		flex-direction: row;
	}

	.eight .eight__right {
		margin-top: 2vw;
		margin-bottom: 7vw;
		margin-right: 2vw;
	}

	.section-ninth .wrapper {
		display: flex;
		flex-direction: column;
		padding: 0;
	}

	.section-ninth .section-ninth-cell {
		width: 100%;
	}

	.section-ninth .section-ninth__l img {
		margin-top: 2vw;
	}

	.section-ninth .section-ninth__2 .section-ninth-center {
		top: 14%;
	}

	.section-ninth .section-ninth__3 {
		padding: 20px 0;
	}

	.section-tenth .wrapper {
		padding-bottom: 54.2vw;
	}

	.section-tenth__bg {
		height: auto;
	}

	.section-tenth__lookbook {
		right: 12%;
		max-width: 63%;
	}

	.section-eleventh .wrapper {
		width: 50%;
		max-height: 520px;
	}

	.section-eleventh__lookbook {
		left: 10%;
		top: 26%;
		max-width: 30%;
	}

	.section-eleventh__lookbook-2 {
		left: 48%;
		top: 26%;
		max-width: 30%;
	}

	.section-twelfth {
		padding-bottom: 55.5vw;
	}

	.section-twelfth__bg {
		width: 56%;
		margin: 0 auto;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.section-twelfth__bg-2 {
		max-width: 80px;
	}

	.section-twelfth__bg-3 {
		max-width: 80px;
	}

	.section-twelfth__lookbook {
		top: 92%;
	}

	.section-twelfth__lookbook-2 {
		top: 148%;
	}
}

@media screen and (max-width: 340px) {
	.third .app__name {
		padding-top: 10px;
	}

	.section-eleventh .wrapper {
		max-height: 400px;
	}
}