* {box-sizing: border-box; border: none; outline: none; margin: 0; padding: 0; resize: none; text-decoration: none; font-family: 'Mont';}
input[type="submit"] {cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

::-webkit-input-placeholder {color: #747474;}
:-moz-placeholder {color: #747474; opacity:  1;}
::-moz-placeholder {color: #747474; opacity:  1;}
:-ms-input-placeholder {color: #747474;}

.payItems a .more,
.htcont .hbut,
.anim {
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.prods .item a,
.anim {
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	transition: 0.5s all ease;
}

.htop {background: url(../img/htop.png) no-repeat center / 100% 100%; position: relative; z-index: 9;}
.htop > div {padding: 10px 15px;}
.htop p {color: #fff; text-align: center; font-size: 18px; margin: 3px 0; font-weight: 300;}
.htop p a {color: #fff;}

.main {position: relative;}
.main > img {display: block; width: 100%;}

.header {position: absolute; top: 30px; left: 0; width: 100%; z-index: 9;}
.header > div {max-width: 1400px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between;}
.header .logo {}
.header .logo img {display: block;}
.header nav {display: flex; padding-top: 30px;}
.header nav a {color: #2E2E2E; font-size: 20px; margin-left: 60px; font-weight: 500;}
.header nav a:hover {text-decoration: underline;}
.header nav a.active {font-weight: 700;}

.htcont {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex;}
.htcont > div {max-width: 1400px; width: 100%; margin: 0 auto; padding: 220px 15px 15px;}
.htcont h1 {color: #2E2E2E; font-size: 48.2px; font-weight: 500; max-width: 700px;}
.htcont h1 span {display: block; font-weight: 700; font-size: 64px; line-height: 64px;}
.htcont h1.h1-2 {color: #2E2E2E; font-size: 48px; font-weight: 500; font-weight: 700; max-width: 700px;}
.htcont h1.h1-2 span {display: inline-block; font-weight: 400; font-size: 48px; line-height: 64px; font-style: italic;}
.htcont p {font-size: 30px; max-width: 600px; margin-top: 20px;}
.htcont .hbut {display: inline-block; background: #9950CF; color: #fff; font-size: 26px; padding: 20px 50px 21px; border-radius: 100px; font-weight: 500; margin-top: 50px;}
.htcont .hbut.mt {margin-top: 35px;}
.htcont .hbut:hover {background: #7e34b5;}

.htcont.htcont_stp p {font-size: 20px;}

.error-input {border-color: red; box-shadow: 0 0 0 2px red;}

.wrbg {background: url(../img/mbg.jpg) no-repeat top center;}

.form {max-width: 500px; margin-top: 40px;}
.form textarea {display: block; width: 100%; font-size: 16px; padding: 10px 15px; margin-top: 15px; border-radius: 15px; border: 1px solid #9950CF; height: 100px; font-weight: 500;}
.form input[type="text"] {display: block; width: 100%; font-size: 16px; padding: 10px 15px; margin-top: 15px; border-radius: 15px; border: 1px solid #9950CF; font-weight: 500;}
.form input[type="submit"] {display: block; width: 100%; text-align: center; background: #9950CF; color: #fff; font-size: 26px; padding: 15px 20px 15px; border-radius: 100px; font-weight: 500; margin-top: 15px;}
.form input[type="submit"]:hover {background: #7e34b5;}

.payItems {}
.payItems > div {max-width: 1400px; margin: 0 auto; padding: 0 15px; display: flex;}
.payItems a {width: 33.33%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 80px 20px;}
.payItems a:after {content: ""; position: absolute; top: 0; right: -1px; width: 2px; height: 100%; background: #9950CF;}
.payItems a .img {height: 145px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.payItems a .img img {display: block; max-width: 100%; max-height: 100%; object-fit: contain;}
.payItems a .site {color: #2E2E2E; font-size: 30px; font-weight: 600;}
.payItems a .more {color: #9950CF; font-weight: 600; font-size: 18px; margin-top: 20px; border: 2px solid #9950CF; padding: 14px 50px 15px; border-radius: 100px;}
.payItems a .more:hover {background: #9950CF; color: #fff;}
.payItems a:last-of-type:after {display: none;}

.pageitem .r .payItems {margin-top: 15px;}
.pageitem .r .payItems > div {padding: 0;}
.pageitem .r .payItems a {padding: 0 20px;}
.pageitem .r .payItems a .img {height: 80px;}
.pageitem .r .payItems a .site {font-size: 22px;}
.pageitem .r .payItems a .more {font-size: 16px;}
.pageitem .r .payItems a:after {display: none;}

.his {max-width: 1400px; margin: 0 auto; padding: 100px 15px 80px; display: flex; justify-content: space-between;}
.his .l {width: 45%;}
.his .l img {display: block; width: 100%;}
.his .r {width: 45%;}
.his .r h2 {color: #2E2E2E; font-size: 60px; margin: 20px 0;}
.his .r h2 span {font-weight: 400; font-style: italic;}
.his .r p {color: #2E2E2E; font-size: 26px; margin: 20px 0;}

.agree {display: flex; align-items: center; margin-top: 15px;}
.agree {color: #2E2E2E;}
.agree input {margin-right: 10px;}
.agree a {color: #2E2E2E;}
.agree a:hover {text-decoration: underline;}

.prods {padding: 15px 15px 100px; overflow: hidden;}
.prods h2 {color: #2E2E2E; font-size: 56px; margin: 20px 0; text-align: center; font-weight: 600;}
.prods .prdb {margin-top: 80px;}
.prods > .prdb:first-of-type {margin-top: 0;}
.prods .prdb h3 {text-align: center; color: #9950CF; font-size: 48px; font-style: italic; font-weight: 400; margin-bottom: 25px;}
.prods .prdb h3 span {font-style: normal; font-weight: 500;}
.prods .prdb .items {display: flex; justify-content: space-between; flex-wrap: wrap;}
.prods .prdb .items a {width: 32%; background: #fff; border: 1px solid #E4B; text-align: center; border-radius: 10px; margin-top: 30px; padding: 10px 20px 30px;}
.prods .prdb .items a img {display: block; width: 100%;}
.prods .prdb .items a .title {font-size: 24px; color: #2E2E2E; display: block;}
.prods .prdb .items a .title b {font-weight: 500;}
.prods .prdb .items a .ves {font-size: 20px; font-style: italic; color: #9950CF; display: block; margin-top: 10px; font-weight: 600;}
.prods .prdb .items a:hover {}
.prods .prdb .items .f {width: 32%;}

.prods .item {border-radius: 10px; position: relative;}
.prods .item a {}
.prods .item a {display: flex; justify-content: space-between;}
.prods .item a img {height: 400px; width: auto;}
.prods .item a .right {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 50px 80px 50px 20px;}
.prods .item a .right .title {font-size: 36px; display: block; color: #fff; line-height: 40px; max-width: 280px;}
.prods .item a .right .title span {font-weight: 600; display: block;}
.prods .item a .right .ves {font-size: 26px; font-style: italic; color: #ffffff; display: block; margin-top: 20px; font-weight: 600;}
.prods .item a .right .more {font-size: 18px; color: #fff; font-weight: 500; border: 2px solid #fff; text-transform: uppercase; padding: 15px 55px 14px; border-radius: 100px;}
.prods .item a .right .more:hover {}

.prods .item a .right {opacity: 0;}
.prods .slick-center .item a .right {opacity: 1;}

.prods .item .slarr {display: none; width: 60px; position: absolute; z-index: 9; top: calc(50% - 30px); cursor: pointer;}
.prods .item .slarr_prev {left: -30px;}
.prods .item .slarr_next {right: -30px;}
.prods .slick-center .item .slarr {display: block;}

.slick-slide:not(.slick-center) .item {background: none!important;}
.slick-slide:not(.slick-center) a {max-width: 300px;}
.slick-slide.slick-center a {max-width: 800px;}

.mainpart {height: 1200px;}
.mainpart > img {height: 100%; object-fit: cover;}

.pluses {margin-top: 50px; background: url(../img/bgl.png);}
.pluses > div {max-width: 1400px; margin: 0 auto; padding: 60px 15px 0; display: flex; justify-content: space-between; align-items: flex-end;}
.pluses .l {width: 45%;}
.pluses .l img {display: block; width: 100%;}
.pluses .r {width: 50%; padding-bottom: 60px;}
.pluses .r h2 {color: #2E2E2E; font-size: 50px; margin: 20px 0; font-weight: 500; color: #fff;}
.pluses .r h2 span {font-weight: 400; font-style: italic;}
.pluses .r p {color: #2E2E2E; font-size: 26px; margin: 20px 0;}
.pluses .r ul {list-style: none;}
.pluses .r ul li {color: #2E2E2E; font-size: 26px; margin: 20px 0; position: relative; padding-left: 20px;}
.pluses .r ul li:before {content: ""; position: absolute; left: 0; top: 14px; width: 10px; height: 10px; border-radius: 100%; background: #2E2E2E;}

footer {background: #343434; position: relative;}
footer > div {max-width: 1400px; margin: 0 auto; padding: 50px 15px; display: flex; justify-content: space-between; color: #fff;}
footer .logo {}
footer .logo img {display: block;}
footer .ci {display: flex; flex-direction: column; justify-content: space-between;}
footer .ci h2 {font-size: 24px; font-weight: 600;}
footer .ci p {margin-top: 20px;}
footer .ci p a {color: #fff;}
footer .ci p a.tel {}
footer .ci p a.mail {text-decoration: underline;}
footer .ci p a.mail:hover {text-decoration: none;}
footer .socs {display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between;}
footer .socs h3 {font-size: 14px; font-weight: 400;}
footer .socs div {display: flex; margin-top: 20px;}
footer .socs div a {margin-right: 5px;}
footer .socs div a:last-of-type {margin-right: 0;}
footer .socs div a img {display: block;}

.bak {}
.bak a {color: #fff;}
.bak a:hover {text-decoration: underline;}

.fleft {display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.policy {color: #fff; font-size: 12px; font-weight: 300;}
.policy:hover {text-decoration: underline;}

.m_bltxt {}

.bltxt {max-width: 1400px; margin: 0 auto; padding: 180px 15px 60px;}
.bltxt > div {}
.bltxt h1 {font-size: 32px; font-weight: 600;}
.bltxt h2 {font-size: 32px; font-weight: 600;}
.bltxt h3 {font-size: 32px; font-weight: 600;}
.bltxt p {margin: 20px 0; font-size: 18px;}
.bltxt ul {margin: 10px 0;}
.bltxt ul li {margin: 10px 0; font-size: 18px;}
.bltxt ol {margin: 10px 0;}
.bltxt ol li {margin: 10px 0; font-size: 18px;}

.pageitem {max-width: 1400px; margin: 0 auto; padding: 130px 15px; display: flex; justify-content: space-between; align-items: center; position: relative;}
.pageitem .l {display: flex; align-items: center; position: relative;}
.pageitem .l .bgl {position: absolute; top: -260px; right: 38%; width: 1000px; height: 1300px;}
.pageitem .l .navi {position: relative;}
.pageitem .l .navi a {display: block; margin: 30px 0;}
.pageitem .l .navi a img {display: block; width: 75px;}
.pageitem .l .pimg {position: relative;}
.pageitem .r {}
.pageitem .r h1 {color: #9950CF; font-size: 48px; display: block; line-height: 48px; white-space: nowrap; font-weight: 500; border-bottom: 1px solid #000; padding-bottom: 20px;}
.pageitem .r h1 span {font-weight: 600; font-style: italic;}
.pageitem .r .ves {font-size: 28px; font-style: italic; color: #9950CF; display: block; margin-top: 20px; font-weight: 600;}
.pageitem .r .txt {}
.pageitem .r .txt p {margin: 15px 0; color: #2E2E2E; font-size: 20px;}
.pageitem .r h2 {font-size: 30px; font-weight: 500; font-style: italic; margin-top: 40px;}
.pageitem .r table {width: 100%; color: #9950CF; margin-top: 35px; font-size: 18px; font-weight: 500;}
.pageitem .r table tr {}
.pageitem .r table tr td {width: 25%; padding: 3px 0;}

.ibg {position: fixed; top: 0; right: 0; width: 100%; height: 100vh; opacity: 0.3;}
.iwr {position: relative; z-index: 9;}

.mmenu {display: none;}



@media (max-width: 1350px){
	.htop p {font-size: 16px;}
	.header nav a {font-size: 18px;}
	.htcont h1 {font-size: 42px;}
	.htcont h1 span {font-size: 54px; line-height: 42px;}
	.htcont .hbut {font-size: 20px; padding: 15px 40px 15px;}
	.his .r h2 {font-size: 42px;}
	.his .r p {font-size: 20px;}
	.his .l {width: 40%;}
	.his .r {width: 50%;}
	.prods h2 {font-size: 42px;}
	.prods .prdb h3 {font-size: 36px;}
	.pluses .r h2 {font-size: 42px;}
	.pluses .r p {font-size: 20px;}
	.pluses .r ol li {font-size: 20px;}
	.pluses .r ul li {font-size: 20px;}
	footer .ci p {font-size: 14px;}
	footer .socs div a {font-size: 14px;}
	footer .socs div a img {width: 48px;}
	.pluses {margin-top: 0;}
	.pluses > div {padding-top: 0;}
	.prods {padding: 15px 15px 50px;}
	.pluses .r {padding-top: 30px;}
	.header nav a {margin-left: 45px;}
}

@media (max-width: 1260px){
	.pageitem .r h1 {font-size: 34px; white-space: normal;}
	.pageitem .r .txt p {font-size: 16px;}
	.pageitem .r .ves {font-size: 22px;}
	.pageitem .r h2 {font-size: 24px;}
	.pageitem .l .pimg {max-width: 400px;}
}

@media (max-width: 1230px){
	.header nav a {font-size: 16px;}
	.header .logo img {display: block; width: 180px;}
	.fleft {margin-right: 50px;}
	footer .ci {margin-right: 50px;}
}

@media (max-width: 1120px){
	.header nav {padding-top: 0;}
	.htcont h1 {font-size: 32px;}
	.htcont h1 span {font-size: 43px; line-height: 36px;}
	.htcont .hbut {font-size: 16px; margin-top: 30px;}
	.his {padding: 50px 15px 20px;}
	.his .r {width: 57%;}
	.his .r h2 {font-size: 30px;}
	.pluses .r h2 {font-size: 30px;}
	.his .r p {font-size: 18px;}
	.pluses .r p {font-size: 18px;}
	.pluses .r ul li {font-size: 18px;}
	.pluses .r ol li {font-size: 18px;}
	.pluses .r ul li:before {top: 8px;}
	.prods h2 {font-size: 30px;}
	.prods .prdb h3 {font-size: 24px;}
	.prods .item a img {height: 320px;}
	.prods .item a .right .title {font-size: 26px; line-height: 28px;}
	.prods .item a .right .ves {font-size: 18px; margin-top: 15px;}
	.prods .item a .right .more {font-size: 14px; padding: 12px 30px 12px;}
	.header nav a {margin-left: 40px;}
	.slick-slide:not(.slick-center) a {max-width: 240px;}
	.pageitem {align-items: flex-start;}
}

@media (max-width: 1100px){
	.pageitem .r .payItems > div {display: flex; flex-direction: column; justify-content: center;}
	.pageitem .r .payItems a {padding: 0; margin-bottom: 30px;}
	.pageitem .l .bgl {height: 1800px;}
}

@media (max-width: 1000px){
	.header nav a {font-size: 14px; margin-left: 30px;}
	.htop p {font-size: 14px;}
	.htcont h1 span {font-size: 36px; line-height: 28px;}
	.prods .prdb h3 {font-size: 20px;}
	.prods h2 {font-size: 24px;}
	.his .r h2 {font-size: 24px;}
	.pluses .r h2 {font-size: 24px;}
	.his .r p {font-size: 16px;}
	.pluses .r p {font-size: 16px;}
	.pluses .r ol li {font-size: 16px;}
	.pluses .r ul li {font-size: 16px;}
	.pluses .r ul li:before {top: 6px;}
}

@media (max-width: 920px){
	.pageitem .l .navi a img {width: 50px;}
	.pageitem .l .pimg {max-width: 300px;}
}

@media (max-width: 880px){
	.mmenu {display: block;}
	.header nav {display: none;}
	.header .logo img {width: 100px;}
	.mmenu {width: 32px;}
	.header > div {align-items: center;}
	.header {position: fixed; top: 0; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #939393; padding: 10px 0;}
	body {padding-top: 68px;}
	.htcont > div {padding: 30px 15px 15px;}
	.his {padding: 15px;}
	.his .l {width: 15%;}
	.his .r {width: 82%;}
	.prods .item a img {height: 250px;}
	.prods .item a .right {padding: 15px 40px 15px 15px;}
	.prods .item a .right .title {font-size: 18px; line-height: 22px;}
	.prods .item a .right .ves {font-size: 14px; margin-top: 10px;}
	.prods .item a .right .more {font-size: 12px; padding: 10px 20px 9px;}
	.prods .item .slarr {width: 36px; top: calc(50% - 15px);}
	.prods .item .slarr_prev {left: -17px;}
	.prods .item .slarr_next {right: -17px;}
	.slick-slide:not(.slick-center) a {max-width: 190px;}
	.pluses .l {width: 15%;}
	.pluses .r {width: 82%; padding-bottom: 15px; padding-top: 15px;}
	footer > div {flex-direction: column; justify-content: center; align-items: center; text-align: center;}
	.fleft {margin-right: 0; margin-bottom: 30px;}
	footer .ci {margin-right: 0; margin-bottom: 30px;}
	footer .socs {align-items: center;}
	footer .logo img {width: 140px;}
	.htop p {font-size: 12px;}
	.header nav {position: fixed; top: 68px; background: #ddd; left: 0; width: 100%; height: 100%; flex-direction: column; align-items: flex-end;}
	.header nav.show {display: flex;}
	.header nav a {margin: 20px 15px 0 0;}
	.htcont p {font-size: 18px;}
	.mainpart {height: 970px;}
	.pageitem {padding: 30px 15px;}
	.pageitem .r h1 {font-size: 24px; line-height: 28px;}
}

@media (max-width: 820px){
	.prods .item a .right {display: none!important;}
	.prods .item .slarr {display: none!important;}
	.payItems a .img {height: 70px;}
	.payItems a .site {font-size: 20px;}
	.payItems a .more {padding: 10px 30px 10px; font-size: 16px;}
	.payItems a {padding: 30px 15px;}
}

@media (max-width: 720px){
	.pageitem {flex-direction: column; align-items: center;}
	.pageitem .l .bgl {display: none;}
}

@media (max-width: 620px){
	.his .l {display: none;}
	.pluses .l {display: none;}
	.his .r {width: 100%;}
	.pluses .r {width: 100%;}
	.payItems a:after {display: none;}
	.payItems > div {flex-direction: column; justify-content: center; align-items: center; text-align: center;}
	.mainpart {height: 1050px;}
	.pageitem .l .pimg {max-width: 260px;}
	.his .r h2 {text-align: center;}
	.htcont > div {text-align: center;}
	.pluses .r h2 {text-align: center;}
	.prods .item a img {height: auto;}
	.prods {padding: 15px 0 40px;}
	.slick-slide:not(.slick-center) a {max-width: 100vw; width: 100vw;}
	.prods .item a img {display: block; width: auto; max-width: 100%; height: 320px; margin: 0 auto;}
	.htcont h1.h1-2 {font-size: 30px;}
}

@media (max-width: 500px){
	.htcont h1 {font-size: 22px;}
	.htcont h1 span {font-size: 28px;}
	.htcont .hbut {font-size: 14px; padding: 10 px 25 px ; margin-top: 20 px ;}
	.htcont > div {padding: 15px;}
	.htcont h1 span {font-size: 26px;}
	.mainpart {height: 1150px;}
	.form input[type="submit"] {font-size: 16px;}
}