.kv,.kv img {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto 20px auto;
}
section {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	font-size: 22px;
	line-height: 2.1;
	font-weight: 500;
	letter-spacing: 0.05em;
}
section span {
	font-weight: 700;
	font-size: 1.1em;
}
.mark {
	background: linear-gradient(transparent 60%, #FFF000 60%);
	color: #FF0000;
}
section img {
	width: 100%;
}
@media screen and (max-width: 900px) {
section {
	font-size: 2.9vw;
	letter-spacing: 0.08em;
	line-height: 2.0;
	margin-bottom: 7%;
	white-space: nowrap;
}
}
.tit {
	margin-bottom: 4%;
}
.mb {
	margin-bottom: 30px;
}
.txt {
	padding-left: 10%;
}
.check {
	background: url("../images/tetu/dot.png");
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: 0 14px;
	padding-left: 1.2em;
}
.check span {
	background: linear-gradient(transparent 60%, #FFF000 60%);
}
@media screen and (max-width: 900px) {
.check  {
	background-size: 2.4%;
	background-position: 0 10px;
}
}

/* area1 */
.area1,.area2,.area3 {
	margin-bottom: 14%;
}
.area1 .pic {
	position: absolute;
	bottom: 290px;
	right: -40px;
	width: 490px;
}
@media screen and (max-width: 876px) {
.area1 .pic {
	bottom: 26%;
	right: 1%;
	width: 62%;
}
}

/* area2 */
.area2 .pic {
	position: absolute;
	top: 280px;
	left: -136px;
	width: 224px;
}
.area2 .pic2 {
	position: absolute;
	top: 310px;
	right: -194px;
	width: 388px;
}
@media screen and (max-width: 876px) {
.area2 .pic {
	top: 28%;
	left: -12%;
	width: 24%;
}
.area2 .pic2 {
	top: 28%;
	right: -21%;
	width: 44%;
}
}

/* area3 */
.area3 .pic {
	position: absolute;
	bottom: 140px;
	right: -100px;
	width: 408px;
}
@media screen and (max-width: 876px) {
.area3 .pic {
	bottom: 16%;
	right: -14%;
	width: 44%;
}
}