@font-face {
  font-family: "impact";
  src: url("../font/impact.woff")  format('woff');
}

body{margin: 0px auto;padding:0px;width:auto;background:#FFF;max-width: 2000px;}
ul,li{ padding:0px; margin:0px; list-style:none;}


ul{width:100%;margin:0 auto;}
li{ text-align:center;}

.formtext {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
}



.content{
    width: 100%;
    max-width: 75.5%;
    margin-right: auto;
    margin-left: auto;
    position:relative;
    overflow:hidden;
    }
.content2{
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    position:relative;
    overflow:hidden;
    }

.lightbox { display: none; }

	
.cl_box{
    margin: 0 auto 1% auto;}
	
.cl_box a{ color:#FFF;}

.sp{ display:none;}

.scroll{ display:none;}
.mfrom {
    width: 100%;
    /* text-align: center; */
    outline: 0;
    border: #231815 2px solid;
    color: #a6a8a8;
    font-size: 1.4vw;
    margin: 0 auto 5% auto;
    padding: 1.5% 3%;
}

.pc{ display:block;}
.sp{ display:none;}



.p1{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffff00+0,ffad00+100 */
background: #87C351; /* Old browsers */
	margin: 0 0 0 0;
	}
.p1:before{
    content: "";
    display: block;
    /* padding-top: 45.8%; */ /* 1:1 */
    }

.p1h{    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
	right:0;
    width: 100%;
    height: 100%;
	margin:0 auto;}
	

.p2{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */background: url(../img/002.jpg) no-repeat;background-size: 105% auto;background-position: center top;position:relative;height: auto;margin: 0% 0 0 0;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    /* padding-top: 31.35%; */
    }

.p2h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p3{
	background: url(../img/003.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	background-attachment: fixed;position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 0;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p3h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p4{
	background: url(../img/004.png) no-repeat;
	background-position: center top 0%;
	background-size: 100% auto;
	position:relative;
	height: auto;
	margin: -12% 0 0 0;
	z-index: 5;
	}
.p4:before{
    content: "";
    display: block;
     /* 1:1 */
    /* padding-top: 31.5%; */
    }

.p4h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p5{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */
	 /* Old browsers */
	
 /* FF3.6-15 */
	
 /* Chrome10-25,Safari5.1-6 */
	
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
 /* IE6-9 */
	
background: #FFF;
	
background-position: center top;
	
position:relative;
	
height: auto;
	
margin: -5% 0 0 0;
	
z-index: 2;
	}
.p5:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p5h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	

.p6{
	background: url(../img/006.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 2;
	}
.p6:before{
    content: "";
    display: block;
    /* padding-top: 39.2%; */ /* 1:1 */
    }

.p6h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }


.p7{
	background: url(../img/007.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 3;
	}
.p7:before{
    content: "";
    display: block;
    /* padding-top: 39.2%; */ /* 1:1 */
    }

.p7h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    overflow: initial;}

.cl{background: #000000;color:#FFF;padding: 1% 0;}


.p1 img,.p2 img,.p3 img,.p4 img,.p5 img,.p6 img,.p7 img,.p8 img,.p9 img,.p10 img,.p11 img,.p12 img,.p13 img,.p14 img,.p15 img,.p16 img,.p17 img,.p18 img,.p19 img,.p20 img,.p21 img,.p22 img,.p23 img,.t1 img,.w01 img,.t2 img,.t3 img,.t4 img,.t5 img,.t6 img,.t7 img,.t8 img,.p21 img,.p22 img,.p23 img,.p24 img,.p25 img,.p26 img{ width:100%;}
.addFriend input{ width:100%;}


.form_box1{position: relative;top: 0;width: 58.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.form_box1 input{
    width: 100%;
    height: 0%;
    text-align: center;
    border-radius: 500px;
    outline: 0;
    border: #aaa 2px solid;
    color: #666;
    font-size: 2.2vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.e1{position: relative;top: 0;width: 51.45%;left: 0;right: 0;margin: 1% auto;z-index: 1;}
.e2{position: relative;top: 68%;width: 70%;left: 0;right: 0;margin: 5% auto 2%;z-index: 3;}
.e3{position: relative;left: 1%;right: 0;top: 0;width: 70%;margin: 0 auto 0%;z-index: 5;}
.e4{position: absolute;left: 0;top: 6%;width: 23.80%;margin: 0 auto;z-index: 0;}
.e5{position: absolute;right: 0;top: 4.8%;width: 28.7%;margin: 0 auto;z-index: 0;}
.e6{position: relative;left: 1.8%;right: 0;top: 0;width: 78.15%;margin: -3% auto 0;z-index: 7;}


.box1{width: 63%;margin: -36% auto 0;left: 0;right: 0;top: 0;position: relative;z-index: 10;}
.box1:before{content:''; display: block; padding-top: 45.6%;}
.e7{position: absolute;left: 18%;top: 0;width: 44.7%;margin: 0 auto;z-index: 0;}
.e8{position: absolute;right: 18%;top: 2%;width: 18.55%;margin: 0 auto;z-index: 1;}
.e9{position: absolute;right: 0;left: 0;bottom: 0;width: 95.75%;margin: 0 auto;z-index: 0;}



.e10{position: relative;left: 0;right: 0;top: 0;width: 66%;margin: -6% auto 0;z-index: 10;}

.e11{position: relative;left: 0;right: 0;top: 0;width: 51.95%;margin: -7.5% auto 0;z-index: 11;}
.e12{position: relative;right: 0;left: 0;top: 0;width: 46.65%;margin: 0 auto;z-index: 0;}
.e13{position: relative;left: 0%;right: 0;top: 0;width: 57.05%;margin: 0 auto;z-index: 0;}

.e14{position: relative;left: 0;right: 0;top: 0;width: 37.0%;margin: 0 auto 5%;z-index: 0;}

.money_bar{position: absolute;
    left: 0;
    top: 53%;
    width: 100%;
    margin: 0 auto;
    z-index: 7;}

.box2{width: 53.9%;margin: 4% auto 0;left: 2.2%;right: 0;top: 0;position: relative;z-index: 10;}
.box2:before{content:''; display: block; padding-top: 56.5%;}



.e15{position: absolute;left: 0;top: 8%;width: 56.6%;margin: 0 auto;z-index: 0;}

.e16{position: absolute;left: 0;top: 48%;width: 51.2%;margin: 0 auto;z-index: 0;}


.e17{position: absolute;bottom: 0;width: 84.75%;right: 0%;margin: 0 0 0 0;z-index: 1;}
.e18{position: relative;top: 0;right: 0;left: 0;width: 68%;margin: -4% auto 0;z-index: 12;
background: #fff; border-radius: 25px;padding: 15px 15px 0;}
.e18-c{
	display: flex; justify-content: space-between;flex-wrap: wrap;
}
.e18-c li{
	width: 48%;
	padding: 60px 15px;
	margin-bottom: 2%;
	display: block;
	background-image: url( "../img/018_g.png");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 75px 84px; 
	text-align: left;
	font-size: 140%;
	align-items: center;
	font-weight: bold;
	box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, .2);
}

.yl_bg{position: absolute;top: 13%;width: 100%;right: 0%;left: 0;margin: 0 0 0 0;z-index: 1;mix-blend-mode: multiply;}

.e19{position: relative;top: 0;width: 38.0%;right: 0;left: 21%;margin: 1% 0 0 0;z-index: 1;}
.e20{position: relative;top: 0;width: 52.2%;left: 0;right: 0;margin: -2% 22% 12% auto;z-index: 1;}
.e21{position: relative;top: 0;width: 57.6%;left: 0;right: 0%;margin: 10% auto 0;z-index: 1;}
.e22{position: relative;top: 0;right: 0;left: 0;width: 54.0%;margin: 0 auto 10%;z-index: 3;}
.e23{position: relative;top: 0;width: 55.65%;right: 0;left: 2%;margin: 0 auto;z-index: 1;}
.e24{position: relative;top: 0;width: 36.7%;left: 0;right: 0;margin: 0 22% 5% auto;z-index: 1;}
.e25{position: relative;top: 0;width: 36.90%;left: 0;right: 0%;margin: 0 0 0 23%;z-index: 1;}
.e26{position: relative;top: 0;right: 0;left: 0;width: 42.05%;margin: 0 22% 5% auto;z-index: 3;}
.e27{position: absolute;top: 17%;width: 35.7%;left: 0%;right: 0%;margin: 0 auto;z-index: 1;}
.e28{position: absolute;top: 44%;width: 33.95%;left: 0%;right: 0%;margin: 0 auto;z-index: 1;}

.e24-e28{
    position: relative;
    left: 0%;
    top: 0;
    width: 100%;
    margin: 2% auto 3% auto;
    right: 0%;
    z-index: 1;
}
.e24-e28 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 87.5%;
    align-items: center;
}
.e24-e28 li{
    width: 23.1%;
    margin: 0;
}

.e24arrow{
	width: 3%;
	padding-top: 7%;
	display: block;
}

.e24-e28 li img{ width:100%;}


.e29{position: relative;top: 0;width: 31.90%;left: 0;right: 0;margin: 5% auto 0;z-index: 2;}


.e30{position: absolute;top: 28%;width: 43.8%;right: 0;left: 0;margin: 0 auto;z-index: 1;}
.e31{position: absolute;top: 53%;width: 47.3%;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.e32{position: absolute;top: 73%;width: 47.3%;right: 0;left: 0;margin: 0 auto;z-index: 1;}

.e30-e34{
    position: relative;
    left: 0%;
    top: 0;
    width: 100%;
    margin: 2% auto 5% auto;
    right: 0%;
    z-index: 1;
}
.e30-e34 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 77.75%;
    align-items: center;
}
.e30-e34 li{
    width: 18.5%;
    margin: 0;
}

.e30-e34 li img{ width:100%;}

.e351{width: 31.90%;margin: 5% auto;z-index: 2;}
.e36{position: relative;top: 0;width: 46.65%;left: 0;right: 0;margin: 0% auto 0;padding: 14% 0 0 0;z-index: 2;}
.e37{position: relative;top: 0;width: 56.85%;left: 0;right: 0;margin: -1% auto 0;z-index: 2;}
.e38{position: relative;top: 0;width: 33.55%;left: 0;right: 0;margin: 1% auto 0;padding: 0 0 5% 0;z-index: 2;}


.kiyaku_all{ padding: 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 400px;
    margin: 0 auto;}

.kiyaku_all a{ color:#FFF;}

.addFriend{
    width: 68%;
    margin: -1% auto 10% auto;
}

.info_send .addFriend { margin: 5% auto 5% auto;     width: 31.2%;}
input{ width:100%;}
.line_btn a{ display:block;}
.line_btn img,.line_btn input,.buy_btn img
	{
		animation:
			bounce 2s ease infinite normal 0s none running
		;
		-webkit-animation:
			bounce 2s ease infinite normal 0s none running
		;
		-ms-animation:
			bounce 2s ease infinite normal 0s none running
		;
	}
	@keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
		
	}
	@-webkit-keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
	}


.reflection.go {
  height: 100%;
  width: 8%;
  position: absolute;
  top: -56%;
  left: -3%;
  background-color: #fff;
  opacity     :0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out ;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out ;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 2s ease-in-out ;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 2s ease-in-out ;
  -o-transform: rotate(45deg);
  -o-animation: reflection 2s ease-in-out ;
}


@keyframes reflection {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
  0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
  0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
  0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}


@media screen and ( max-width:1048px )
{



}


@media screen and ( max-width:768px )
{
	html{ overflow:auto;}
	body{ margin:0px; padding:0px; width:auto; background:none; overflow:hidden;}
.content{
max-width: 100%;
    }
	



.pc{ display:none;}
.sp{ display:block;}

.mfrom {
    width: 100%;
    /* text-align: center; */
    outline: 0;
    border: #231815 2px solid;
    color: #a6a8a8;
    font-size: 3.4vw;
    margin: 0 auto 5% auto;
    padding: 1.5% 3%;
}



.parallax {
  width: 100%;

	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:inherit;
	text-align: center;
}



.kiyaku_all{
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 88%;
    margin: 0 auto;
    }

.kiyaku_all a{ color:#FFF;}



.p1{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffff00+0,ffad00+100 */
background: #87C351;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p1:before{
    content: "";
    display: block;
    /* padding-top: 45.8%; */ /* 1:1 */
    }

.p1h{    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
	right:0;
    width: 100%;
    height: 100%;
	margin:0 auto;}
	

.p2{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */background: url(../img/002.jpg) no-repeat;background-size: 168% auto;background-position: center top;position:relative;height: auto;margin: 0% 0 0 0;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    /* padding-top: 31.35%; */
    }

.p2h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p3{
	background: url(../img/003.jpg) no-repeat;
	background-size: 310% auto;
	background-position: center top;
	background-attachment: initial;position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 0;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p3h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p4{
	background: url(../img/004.png) no-repeat;
	background-position: center top 0%;
	background-size: 158% auto;
	position:relative;
	height: auto;
	margin: -12% 0 0 0;
	z-index: 5;
	}
.p4:before{
    content: "";
    display: block;
     /* 1:1 */
    /* padding-top: 31.5%; */
    }

.p4h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p5{
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c4f1+0,0093ef+100 */
	 /* Old browsers */
	
 /* FF3.6-15 */
	
 /* Chrome10-25,Safari5.1-6 */
	
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
 /* IE6-9 */
	
background: #FFF;
	
background-position: center top;
	
position:relative;
	
height: auto;
	
margin: -5% 0 0 0;
	
z-index: 2;
	}
.p5:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p5h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	

.p6{
	background: url(../img/006.jpg) no-repeat;
	background-size: 520% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 2;
	}
.p6:before{
    content: "";
    display: block;
    /* padding-top: 39.2%; */ /* 1:1 */
    }

.p6h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }


.p7{
	background: url(../img/007.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 3;
	}
.p7:before{
    content: "";
    display: block;
    /* padding-top: 39.2%; */ /* 1:1 */
    }

.p7h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    overflow: initial;}

.cl{background: #000000;color:#FFF;padding: 1% 0;}


.p1 img,.p2 img,.p3 img,.p4 img,.p5 img,.p6 img,.p7 img,.p8 img,.p9 img,.p10 img,.p11 img,.p12 img,.p13 img,.p14 img,.p15 img,.p16 img,.p17 img,.p18 img,.p19 img,.p20 img,.p21 img,.p22 img,.p23 img,.t1 img,.w01 img,.t2 img,.t3 img,.t4 img,.t5 img,.t6 img,.t7 img,.t8 img,.p21 img,.p22 img,.p23 img,.p24 img,.p25 img,.p26 img{ width:100%;}
.addFriend input{ width:100%;}


.form_box1{position: relative;top: 0;width: 58.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.form_box1 input{
    width: 100%;
    height: 0%;
    text-align: center;
    border-radius: 500px;
    outline: 0;
    border: #aaa 2px solid;
    color: #666;
    font-size: 2.2vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.e1{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 3% auto;z-index: 1;}
.e2{position: relative;top: 68%;width: 80%;left: 0;right: 0;margin: 5% auto 2%;z-index: 3;}
.e3{position: relative;left: 1%;right: 0;top: 0;width: 90%;margin: 0 auto 0%;z-index: 5;}
.e4{position: absolute;left: 0;top: 6%;width: 23.80%;margin: 0 auto;z-index: 0;}
.e5{position: absolute;right: 0;top: 4.8%;width: 28.7%;margin: 0 auto;z-index: 0;}
.e6{position: relative;left: 1.8%;right: 0;top: 0;width: 120%;margin: -3% -8% 0;z-index: 7;}


.box1{width: 100%;margin: -50.5% auto 0;left: 0;right: 0;top: 0;position: relative;z-index: 10;}
.box1:before{content:''; display: block; padding-top: 10.2%;}
.e7{position: absolute;left: 8%;top: 0;width: 54.7%;margin: 0 auto;z-index: 0;}
.e8{position: absolute;right: 13%;top: 2%;width: 22.55%;margin: 0 auto;z-index: 1;}
.e9{position: absolute;right: 0;left: 0;bottom: 0;width: 95.75%;margin: 0 auto;z-index: 0;}

.main-cc{position: relative;left: 0;right: 0;top: 0;width: 100%;margin: 44% auto 0;z-index: 12;}

.e10{position: relative;left: 0;right: 0;top: 0;width: 85%;margin: 0 auto;z-index: 12;}

.e11{position: relative;left: 0;right: 0;top: 0;width: 80%;margin: -7.5% auto 0;z-index: 11;}
.e12{position: relative;right: 0;left: 0;top: 0;width: 80%;margin: 0 auto;z-index: 0;}
.e13{position: relative;left: 0%;right: 0;top: 0;width: 90%;margin: 3% auto;z-index: 0;}

.e14{position: relative;left: 0;right: 0;top: 0;width: 90%;margin: 0 auto 5%;z-index: 0;}

.money_bar{position: absolute;
    left: 0;
    top: 45%;
    width: 140%;
    margin: 0 -20%;
    z-index: 7;}

.box2{width: 100%;margin: 4% auto 0;left: 5.2%;right: 0;top: 0;position: relative;z-index: 10;}
.box2:before{content:''; display: block; padding-top: 56.5%;}



.e15{position: absolute;left: 0;top: 8%;width: 56.6%;margin: 0 auto;z-index: 0;}

.e16{position: absolute;left: 0;top: 48%;width: 51.2%;margin: 0 auto;z-index: 0;}


.e17{position: absolute;bottom: 0;width: 84.75%;right: 0%;margin: 0 0 0 0;z-index: 1;}
.e18{position: relative;top: 0;right: 0;left: 0;width: 100%;margin: -4% auto 0;z-index: 12;}

.e19{position: relative;top: 0;width: 68%;right: 0;left: 3%;margin: 1% 0 0 0;z-index: 1;}
.e20{position: relative;top: 0;width: 91.2%;left: 0;right: 0;margin: -2% 2% 13% auto;z-index: 1;}
.e21{position: relative;top: 0;width: 95%;left: 0;right: 0%;margin: 10% auto 0;z-index: 1;}
.e22{position: relative;top: 0;right: 0;left: 0;width: 95%;margin: 0 auto 13%;z-index: 3;}
.e23{position: relative;top: 0;width: 90%;right: 0;left: 2%;margin: 0 auto;z-index: 1;}
.e24{position: relative;top: 0;width: 36.7%;left: 0;right: 0;margin: 0 22% 5% auto;z-index: 1;}
.e25{position: relative;top: 0;width: 36.90%;left: 0;right: 0%;margin: 0 0 0 23%;z-index: 1;}
.e26{position: relative;top: 0;right: 0;left: 0;width: 42.05%;margin: 0 22% 5% auto;z-index: 3;}
.e27{position: absolute;top: 17%;width: 35.7%;left: 0%;right: 0%;margin: 0 auto;z-index: 1;}
.e28{position: absolute;top: 44%;width: 33.95%;left: 0%;right: 0%;margin: 0 auto;z-index: 1;}

.e24-e28{
    position: relative;

    left: 0%;
    top: 0;
    width: 100%;
    margin: 3% auto 6% auto;
    right: 0%;
    z-index: 1;
}
.e24-e28 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 90%;
    align-items: center;
}
.e24-e28 li{
    width: 47.5%;
    margin-right: 5%;
}
.e24-e28 li:nth-child(2),.e24-e28 li:nth-child(4){margin-right: 0;}

.e24-e28 li img{ width:100%;}

.e24arrow{
display: none;
}

.e29{position: relative;top: 0;width: 70%;left: 0;right: 0;margin: 5% auto 0;z-index: 2;}


.e30{position: absolute;top: 28%;width: 43.8%;right: 0;left: 0;margin: 0 auto;z-index: 1;}
.e31{position: absolute;top: 53%;width: 47.3%;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.e32{position: absolute;top: 73%;width: 47.3%;right: 0;left: 0;margin: 0 auto;z-index: 1;}

.e30-e34{
    position: relative;
    left: 0%;
    top: 0;
    width: 100%;
    margin: 2% auto 5% auto;
    right: 0%;
    z-index: 1;
}
.e30-e34 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 95%;
    align-items: center;
}
.e30-e34 li{
    width: 48%;
    margin: 0 auto 4% auto;
}

.e30-e34 li img{ width:100%;}

.e35{position: absolute;top: -4%;width: 90%;left: 0;right: 0;margin: 0% auto 0;z-index: 2;}
.e36{position: relative;top: 0;width: 80%;left: 0;right: 0;margin: 0% auto 0;padding: 26% 0 0 0;z-index: 2;}
.e37{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: -1% auto 0;z-index: 2;}
.e38{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 1% auto 0;padding: 0 0 5% 0;z-index: 2;}




.contact {

  background: #1cca93;

  padding: 6rem 0 4rem; }

  .contact__heading {

    color: white; }

    .contact__heading-sub {

      color: white; }

  .contact__text {

    padding: 2rem 0 0;

    color: white;

    line-height: 1.8em;

    text-align: center;

    font-weight: 500; }

.scroll{
display: block;
    position: absolute;
    left: 0%;
    top: 92%;
    width: 60%;
    margin: 0 auto;
    right: 0%;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .e351 {
        position: relative;
        top: 0;
        width: 70%;
        left: 0;
        right: 0;
        margin: 5% auto 0;
        z-index: 2;
    }
}

}



@media screen and ( max-width:600px )
{


}

@media screen and ( max-width:425px )
{
}

}
@media screen and ( max-width:414px )
{
}


@media screen and ( max-width:393px )
{
}


@media screen and ( max-width:375px )
{

}

@media screen and ( max-width:360px )
{

}

@media screen and ( max-width:320px )
{

}
}

.faq {
  background: #e5fff7;
}
.faq__heading {
  margin: 0 0 2rem;
}
.faq .accordion {
  max-width: 800px;
  background: white;
  margin: .5rem auto;
}
.faq .accordion:not([open]) {
  margin-bottom: .5rem;
}
.faq .accordion summary {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding: 1rem;
  background: #1cca93;
  color: white;
  font-weight: 700;
  cursor: pointer;
}
.faq .accordion summary::-webkit-details-marker {
  display: none;
}
.faq .accordion summary::before, .faq .accordion summary::after {
  width: 3px;
  height: .9em;
  border-radius: 5px;
  background-color: #fff;
  content: '';
}
.faq .accordion summary::before {
  position: absolute;
  right: 2rem;
  rotate: 90deg;
}
.faq .accordion summary::after {
  transition: rotate .3s;
  position: absolute;
  right: 2rem;
}
.faq .accordion[open] summary::after {
  rotate: 90deg;
}
.faq .accordion div {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 1rem 2rem 1rem 1rem;
  color: #333333;
  transition: transform .5s, opacity .5s;
}
.faq .accordion[open] div {
  transform: none;
  opacity: 1;
}
.faq .title {
  letter-spacing: .1em;
}
.faq .icon {
  font-size: 1.5rem;
  margin: 0 .3rem 0 0;
}
.faq .answer {
  display: flex;
  line-height: 1.3em;
  justify-content: flex-start;
  background: white;
  align-items: flex-start;
  font-weight: 500;
  text-align: justify;
}
.faq .answer .icon {
  font-weight: 700;
  color: #1cca93;
}
@media screen and (max-width: 768px) {
  .faq .icon {
    font-size: 6vw;
  }
  .faq .accordion summary {
    padding: 1rem 3rem 1rem 1rem;
    line-height: 1.3em;
  }
}

.foot_text{
width: 90%;
margin: 10px auto;
}