:root {
	--stroke: #d4e1df;
	--brown: #7e6b4f;
	--orange: #f38321;
	--dark-green: #293a3e;
	--dark-text: #444545;
	--grey-text: rgba(68, 69, 69, 0.7);
	--grey: #b3b4b4;
	--fs24: 24px;
	--fs20: 20px;
	--fs30: 30px;
}
header.type2 {
	text-align: center;
	padding:26px 0;
}
header.type2 .home-link {
	max-width: 630px;
	margin:0 auto;
}
#nbanner .col-left {
	width: 100%;
	max-width: calc(50% - 15px);
}
#nbanner .col-right {
	width: 100%;
	max-width: calc(50% - 15px);
}
#nbanner h1 {
	text-align: left;
	color: var(--dark-green);
	background: var(--dark-green);
	    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#nbanner .p-video {
	margin:0;
	max-width: 100%;
}
#nbanner .p-video .play svg {
	fill:#D8463D;
}
#nbanner .p-video .play:hover svg {
	fill: var(--orange);
}
#nbanner.hero {
	padding-top: 6rem;
}
#l1 .col-left {
	width: 100%;
	max-width: 565px;
}
#l1 .col-right {
	width: 100%;
	max-width: 675px;
	font-weight: 400;
font-size: var(--fs24);
padding-top: 10px;
}
#l1 img {
	border-radius: 20px;
	width: 100%;
}
.section-title {
	font-weight: 400;
font-size: 4.8rem;
line-height: 128%;
text-align: center;
color: var(--dark-green);
    color: var(--dark-green);
    background: var(--dark-green);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#l1 .section-title {
	margin:0 0 6rem;
	font-size: 3.9rem;
}
#l1 ul {
	list-style:none;
line-height: 142%;
color: var(--dark-green);
}
#l1 ul li {
	padding-left: 55px;
	background: url(../images/li3.svg) no-repeat left center;
}
#l1 ul li + li {
	margin-top: 2rem;
}
#l1 p {
	margin:4rem 0;
}
#l1 blockquote {
	border-radius: 20px;
padding: 20px 30px;
background: var(--dark-green);
font-family: var(--second-family);
font-weight: 400;
font-size: var(--fs24);
line-height: 125%;
color: #fff;
margin:0;
}
#l1 blockquote p {
	margin:0;
}
#l1 .d-flex {
	gap:3rem;
}
#l2 .d-flex {
	gap:3rem;
}
#l2 .col-left {
	width: 100%;
	max-width: 590px;
	font-weight: 400;
font-size: var(--fs24);
}
#l2 .col-right {
	width: 100%;
	max-width: 675px;
}
#l2 .section-title {
	text-align: left;
}
.fs24 {
	font-size: var(--fs24);	
}
#l2 h3 {
	font-family: var(--second-family);
font-weight: 400;
line-height: 125%;
color: var(--dark-green);
margin:0 0 4rem;
	font-size: var(--fs24);	
}
#l2 h3 em {
	font-style: normal;
	color:var(--orange);
}
#l2 ol {
	list-style:none;
	counter-reset: section;
	padding: 0;
	margin:0 0 5rem;
}
#l2 ol li {
	padding-left: 30px;
	counter-increment: section;
	position: relative;
}
#l2 ol li:before {
	content:counter(section) ". ";
	font-family: var(--second-family);
font-weight: 400;
font-size: var(--fs24);
line-height: 125%;
color: var(--dark-green);
position: absolute;
left: 0;
top:0;
}
#l2 ol li + li {
	margin-top: 2rem;
}
#l2 ul {
	list-style:none;
line-height: 142%;
color: var(--dark-green);
}
#l2 ul li {
	padding-left: 55px;
	min-height: 35px;
	display: flex;
	align-items: center;
	background: url(../images/li4.svg) no-repeat left center;
}
#l2 ul li + li {
	margin-top: 2rem;
}
#l2 .g {
	gap:3rem;
}
#l2 .g > img {
	max-width: calc(50% - 1.5rem);
	border-radius: 20px;
}
#l2 .g > img:last-child {
	max-width: 100%;
}
#l3 .d-flex .img {
	width: 100%;
	max-width: 560px;
}
#l3 .text {
	width: 100%;
	padding: 0 4rem 0 8rem;
	font-family: var(--second-family);
font-weight: 400;
font-size: var(--fs30);
line-height: 147%;
color: var(--dark-green);
}
#l3 .img .content {
	color:#fff;
	display: block;
	position: absolute;
	height: 160px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	align-content: flex-end;
	width: 100%;
	justify-content: flex-end;
	text-align: right;
	padding: 30px;
	bottom: 0;
	right: 0;
	font-weight: 400;
font-size: var(--fs20);
line-height: 130%;
color: #fff;
}
#l3 .img .content .p1 {
	width: 100%;
	font-weight: 700;
margin:0 0 5px;
}
.ba img {
	max-width: unset;
	height: 100% !important;
	object-fit: cover;
	max-height: 515px;
}
#ba .text2,
#ba .text1 {
	padding: 3rem 3rem;
}
#ba .title {
	font-family: var(--second-family);
font-weight: 400;
font-size: var(--fs30);
line-height: 117%;
color: var(--dark-green);
margin:0 0 3.5rem;
}
#ba ul li {
	padding-left: 35px;
	font-weight: 400;
line-height: 142%;
color: var(--dark-green);
font-size: var(--fs24);
}
#ba ul li + li {
	margin-top: 2rem;
}
#ba .text1 ul li {
	background: url(../images/li5.svg) no-repeat left top;
}
#ba .text2 ul li {
	background: url(../images/li6.svg) no-repeat left top;
}
#ba .d-flex {
	gap:3rem;
}
#ba .col2 {
	max-width: 645px;
	width: 100%;
}
#ba .col2 .ba {
/*	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;*/
}
#ba .col1,
#ba .col3 {
	max-width: 310px;
	width: 100%;
}
#ba .col3 {
	background: rgba(212, 225, 223, 0.4);
}
.ba {
	border-radius: 20px;
	overflow:hidden;
}
.ba .move {
	width: 50px !important;
	height: 50px !important;
	border-radius: 0 !important;
	background: url(../images/sc.svg) no-repeat center !important;
}
.ba .move i {
	display: none !important;
}
#ba .btn {
	position: absolute;
	margin-left: 50%;
	transform:translate(-50%,0);
	bottom: 30px;
	z-index: 2;
}
.ba, .ba > div {
	/*height: 100% !important;*/
}
#g .g {
	padding-left: 15px;
}
#g .g .slick-slide {
	margin:0 15px;
	width: 415px;
}
#g .g img {
	border-radius: 2rem;
}
#l4 .bg-grey {
	padding: 4rem;
	background: url(../images/bgl.png) no-repeat center bottom;
	background-size: cover;
}
#l4 .section-title {
	text-align: left;
}
#l4 .desc {
	gap:5rem 3rem;
	font-size: var(--fs24);
}
#l4 .desc > div {
	max-width: calc(33.33% - 3rem*2/3);
}
#l4 .desc b {
	font-weight: 700;
}
#l4 .desc p {
	padding-left: 55px;
	background: url(../images/li4.svg) no-repeat left top;
}
#l4 .desc > div:last-child p {
	background: none;
	font-family: var(--second-family);
font-weight: 400;
font-size: var(--fs30);
line-height: 117%;
color: var(--dark-green);
}
#l5 .content {
	text-align: center;
	background: var(--dark-green);
	border: 1px solid var(--stroke);
border-radius: 30px;
padding: 40px;
}
#l5 .p1 {
	font-family: var(--second-family);
font-weight: 400;
font-size: var(--fs30);
line-height: 117%;
text-decoration: line-through;
color: #fff;
}
#l5 .p2 {
	padding-left: 60px;
	background: url(../images/image1.svg) no-repeat left center;
	font-family: var(--second-family);
font-weight: 400;
font-size: 56px;
line-height: 129%;
color: #fff;
margin:12px 0;
display: inline-block;
}
#l5 .p3 {
	font-size: var(--fs24);
line-height: 142%;
color: #fff;
}
#l6 .section-title {
	margin-bottom: 10px;
}
#l6 .subtitle {
	text-align: center;
	margin:0 0 4rem;
	line-height: 117%;
text-align: center;
color: var(--dark-green);
font-size: var(--fs24);
}
#l6 .content {
	padding: 5rem 3.5rem;
	align-items: flex-start;
	font-size: var(--fs24);
	line-height: 125%;
}
#l6 .img {
	width: 100%;
	max-width: 255px;
	margin-right: 5rem;
	border-radius: 100%;
	border:1px solid var(--stroke);
	overflow:hidden;
	background: #fff;
}
#l6 .btn {
	margin:5rem 0 1rem;
}
#l6 .dop {
line-height: 130%;
color: rgba(41, 58, 62, 0.7);
font-size: 2rem;
width: 100%;
max-width: 560px;
text-align: center;
}
@media screen and (max-width:1250px) {
	:root {
		--fs24: 20px;
		--fs20: 17px;
		--fs30: 24px;
	}
	header {
		position: static;
	}
	main {
		padding: 0;
	}
	#nbanner.hero {
		padding-top: 4rem;
	}
	#nbanner.hero .d-flex {
		flex-wrap: wrap;
		justify-content: center;
	}
	#nbanner .col-left {
		max-width: 100%;
		margin-bottom: 40px;
	}
	#nbanner .col-right {
		max-width: 100%;
	}
	.section-title {
		font-size: 4rem;
	}
	#l1 .section-title {
		font-size: 3.2rem;
		margin:0 0 3rem;
	}
	#l1 .d-flex,
	#l2 .d-flex {
		flex-wrap: wrap;
	}
	#l1 .col-left,
	#l2 .col-right {
		max-width: 100%;
	}
	#l1 .text,
	#l2 .text {
		order:-1;
		max-width: 100%;
		padding: 0;
	}
	#l1 ul li, #l2 ul li {
		padding-left: 40px;
		background-size: auto 25px;
	}
	#l1 p {
		margin:25px 0; 
	}
	#l1 ul li + li {
		margin-top: 1.5rem;
	}
	#l2 h3 {
		margin:0 0 2rem;
	}
	#l2 ol {
		margin:0 0 2.5rem;
	}
	#l2 ol li + li, #l2 ul li + li {
		margin-top: 1.5rem;
	}
	#l2 ul li {
		min-height: unset;
	}
	#l3 .bg-grey {
		flex-wrap: wrap;
	}
	#l3 .d-flex .img {
		max-width: 100%;
	}
	#l3 .text {
		padding: 2rem;
		max-width: 100%;
	}
	#ba .d-flex {
		flex-wrap: wrap;
	}
	#ba .col2 .ba {
		position: static;
		height: auto;
	}
	#ba .d-flex .col1, #ba .d-flex .col3 {
		max-width: calc(50% - 1.5rem);
		padding: 2rem;
	}
	#ba .d-flex .col2 {
		max-width: 100%;
		width: 100%;
		order:3;
	}
	.ba img {
		height: auto !important;
	}
	.ba, .ba > div {
		height: auto !important;
	}
	#ba ul li + li {
		margin-top: 1.5rem;
	}
	#ba .title {
		margin:0 0 2rem;
	}
	#g .g .slick-slide {
		width: 300px;
	}
	#l4 .bg-grey {
		padding: 2rem;
	}
	#l4 .desc p {
		padding-left: 40px;
		background-size: auto 30px;
	}
	#l4 .desc > div {
		max-width: calc(50% - 1.5rem);
	}
	#l4 .desc {
		gap:3rem;
	}
	#l5 .p2 {
		font-size: 32px;
	}
	#l6 .subtitle {
		margin-bottom: 3rem;
	}
	#l6 .content {
		padding: 2rem;
		text-align: center;
	}
	#l6 .img {
		margin-right: 2rem;
		max-width: 200px;
		min-width: 200px;
	}
	#l6 .btn {
		margin-top: 2rem;
	}
	#l6 .dop {
		font-size: 17px;
		width: 100%;
	}
}
@media screen and (max-width:767px) {
	:root {
		--fs24: 18px;
		--fs20: 16px;
		--fs30: 22px;
	}
	header.type2 {
		padding: 14px 0;
	}
	#nbanner.hero {
		padding-top: 3rem;
	}
	.section-title {
		font-size: 3rem;
	}
	#nbanner.hero h1 {
		text-align: center;
	}
	#nbanner.hero .btn {
		font-size: 15px;
	}
	#nbanner .col-left {
		text-align: center;
		margin-bottom: 3rem;
	}
	#l1 .section-title {
		font-size: 2.2rem;
	}
	#l1 blockquote {
		padding: 15px;
		border-radius: 15px;
	}
	#l2 .g {
		gap:1.6rem;
	}
	#l2 .g > img {
		max-width: calc(50% - 8px);
		border-radius: 15px;
	}
	#l2 .g > img:last-child {
		max-width: 100%;
	}
	#ba .d-flex .col1, #ba .d-flex .col3 {
		max-width: 100%;
	}
	#ba .title {
		margin:0 0 15px;
	}
	#ba ul {
		margin:0;
	}
	#ba .btn {
		bottom: 15px;
	}
	#l4 .desc {
		gap:2rem;
	}
	#l4 .desc > div {
		max-width: 100%;
	}
	#l4 .bg-grey {
		padding: var(--pdm);
	}
	#l5 .content {
		padding: 2rem;
	}
	#l5 .p2 {
		font-size: 22px;
		text-align: center;
		padding: 0;
		background: none;
	}
	#l6 .content {
		flex-wrap: wrap;
		justify-content: center;
		line-height: 1.4;
	}
	#l6 .img {
		margin:0 0 2rem;
	}
	#l6 .btn {
		font-size: 15px;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	#l6 .dop {
		font-size: 14px;
	}
}
@media screen and (max-width:380px) {
	#l6 .btn {
		font-size: 13px;
	}
	#nbanner.hero .btn {
		font-size: 14px;
	}
}