.banner-affiliate{background-image:url(/images/webp/new/jp/affiliate/banner.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:50px 0}.banner-affiliate h1{color:#000;font-size:70px;font-weight:700;margin:100px 0 40px}.banner-affiliate h1+p{color:#000;font-size:28px;line-height:40px}.banner-affiliate h1+p>span{background-image:linear-gradient(transparent 58%,#fffc03 58% 100%)}.banner-affiliate .imgbox>img{max-width:100%}.nav-affiliate{background-color:#000;padding:30px 0}.nav-affiliate .container{flex-wrap:wrap}.nav-affiliate .col-sm-3,.nav-affiliate .container{display:flex;justify-content:center}.nav-affiliate p{text-align:center}.nav-affiliate a{color:#fff;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s}.nav-affiliate a:hover{background-image:linear-gradient(transparent 58%,#7a6af2 58% 100%);text-decoration:none}#part1{padding:100px 0;text-align:center}#part1 h1{font-size:48px;margin-bottom:60px}#part1 h1,#part1 h2{color:#000;font-weight:700}#part1 h2{font-size:30px;margin:50px 0 30px}#part1 p{color:#000;font-size:16px;line-height:36px;padding:0 180px}#part2{background-color:#f3f5f5;padding:100px 0}#part2 h1{color:#000;font-size:48px;font-weight:700;margin-bottom:75px;text-align:center}#part2 p{color:#000;font-size:16px}#part2 .box{align-items:center;background-color:#fff;border:2px solid #7a6af2;border-radius:8px;display:flex;margin:30px auto 0;padding:20px 9%;position:relative;width:820px}#part2 .imgbox{flex-shrink:0;width:105px}#part2 .arrow{bottom:-27px;left:50%;margin-left:-25px;position:absolute}#part3{padding:100px 0;text-align:center}#part3 .imgbox{margin-bottom:40px}#part3 h1{color:#000;font-size:48px;font-weight:700;margin-bottom:60px}#part3 p{color:#000;font-size:16px;line-height:36px}#part3 .button{margin-top:60px;width:100%}#part3 .button>a{border:2px solid #7a7df1;border-radius:40px;color:#3f43d3;display:inline-block;font-size:18px;line-height:25px;padding:5px 20px;text-decoration:none;transition:all .3s;width:35%}#part3 .button>a>span{display:block;font-size:30px;font-weight:700;line-height:45px}#part3 .button>a:hover{background-color:#7a7df1;color:#fff;text-decoration:none}#part3 .button>a:first-child{margin-right:60px}#part4{background-color:#f3f5f5;padding:90px 0 150px;text-align:center}#part4 h1{color:#000;font-size:48px;font-weight:700;margin-bottom:0}#part4 p{color:#000;font-size:14px;line-height:30px;padding:0 30px}#part4 .imgbox{height:255px;margin:100px 0 20px}#part5{padding:100px 0}#part5 h1{color:#000;font-size:48px;font-weight:700;margin-bottom:70px;text-align:center}#part5 p{color:#000;font-size:18px}#part5 .box{border:2px solid #7a6af2;border-radius:8px}#part5 .box-top{border-bottom:2px solid #7a6af2;padding:30px 0}#part5 .box-top p{background-image:linear-gradient(transparent 58%,#f6ff02 58% 100%);display:inline;font-weight:700}#part5 .box-bottom{padding-top:55px}#part5 .box-bottom ul{margin-bottom:50px}#part5 ul{display:flex}#part5 ul>li:first-child{margin-right:12%;text-align:right;width:26%}#part5 .progress_bar{background-color:#f3f5f5;height:25px;margin-right:3.5%;width:40%}#part5 .progress_bar>span{display:block;height:100%;transition:1.6s;width:0}#part5 .progress_bar>span.bar1{background-color:#af8bf8}#part5 .progress_bar>span.bar2{background-color:#9177f1}#part5 .progress_bar>span.bar3{background-color:#7a65e5}#part5 .progress_bar>span.bar4{background-color:#5c45cf}#part5 .progress_bar>span.bar5{background-color:#4e37c3}#part6{padding:100px 0;text-align:center}#part6 .imgbox{margin-bottom:40px}#part6 h1{color:#000;font-size:48px;font-weight:700;margin-bottom:60px}#part6 p{color:#000;font-size:16px;line-height:36px}#part6 .button{margin:60px 0 45px;width:100%}#part6 .button>a{border:2px solid #7a7df1;border-radius:40px;color:#3f43d3;display:inline-block;font-size:18px;line-height:25px;padding:5px 20px;text-decoration:none;transition:all .3s;width:35%}#part6 .button>a>span{display:block;font-size:30px;font-weight:700;line-height:45px}#part6 .button>a:hover{background-color:#7a7df1;color:#fff;text-decoration:none}#part6 .button>a:first-child{margin-right:60px}#part6 .note{padding:0 180px}.carousel,.carousel-inner{position:relative}.carousel-inner{overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;transition:left .6s ease-in-out}.carousel-inner>.item>a>picture>img,.carousel-inner>.item>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{background-color:#0000;bottom:0;color:#fff;font-size:20px;left:0;position:absolute;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);top:0;width:15%}.carousel-control.right{left:auto;right:0}.carousel-control:focus,.carousel-control:hover{color:#fff;filter:alpha(opacity=90);opacity:.9;outline:0;text-decoration:none}.carousel-indicators{bottom:10px;left:50%;list-style:none;margin-left:-30%;padding-left:0;position:absolute;text-align:center;width:60%;z-index:15}.carousel-indicators li{background-color:#000 \	;background-color:#0000;border:1px solid #fff;border-radius:10px;cursor:pointer;display:inline-block;height:10px;margin:1px;text-indent:-999px;width:10px}.carousel-indicators .active{background-color:#fff;height:12px;margin:0;width:12px}#part7{background-color:#f3f5f5;padding:100px 0 200px;text-align:center}#part7 h1{color:#000;font-size:48px;font-weight:700;margin-bottom:50px}#part7 .carousel{margin:0 auto;width:60%}#part7 p.title{color:#000;font-size:30px;font-weight:700;line-height:1.5;margin-bottom:35px}#part7 p.title>span{background-image:linear-gradient(transparent 58%,#f6ff02 58% 100%)}#part7 p.text{color:#000;font-size:14px;line-height:30px}#part7 p.text>a{color:#7a7df1}#part7 .imgbox{margin-bottom:45px}#part7 .imgbox>img{max-width:100%}#part7 .textbox{min-height:220px}#part7 .left.carousel-control,#part7 .right.carousel-control{background:none;opacity:.8;width:0}#part7 .carousel-control:hover{opacity:1}#part7 .left>img{left:-100px;position:absolute;top:70%}#part7 .right>img{position:absolute;right:-100px;top:70%}#part7 .carousel-indicators{bottom:-50px}#part7 .carousel-indicators li{background-color:#c6c6c6;border:none;height:9px;margin:0 10px;width:9px}#part7 .carousel-indicators li.active{background-color:#7a7df1}.carousel-fade .carousel-inner{position:relative}.carousel-fade .carousel-inner .item{display:block!important;left:0;opacity:0;position:absolute;top:0;transition:opacity .6s ease-in-out;width:100%}.carousel-fade .carousel-inner .item.active{opacity:1;position:relative}.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{opacity:0}.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .prev.right{opacity:1}.carousel-fade .carousel-control{z-index:2}#part8{padding:140px 0 100px;text-align:center}#part8 .box{align-items:center;display:flex;justify-content:center}#part8 .imgbox{margin-right:100px}#part8 p{color:#000;font-size:24px;font-weight:700}#part8 .mail{margin:30px 0;padding:0 35px}#part8 .mail>a{border:2px dashed #7a6af2;color:#000;display:inline-block;font-size:30px;font-weight:700;padding:20px;transition:all .3s;width:100%}#part8 .mail>a:active,#part8 .mail>a:focus,#part8 .mail>a:hover,#part8 .mail>a:visited{text-decoration:none}#part8 .mail>a:hover{text-shadow:0 0 3px #000}@media screen and (max-width:450px){h1{font-size:40px!important}.banner-affiliate h1{margin:40px 0 20px}.banner-affiliate h1+p{font-size:18px}.banner-affiliate .textbox{margin-bottom:40px}.nav-affiliate p{margin-bottom:15px;text-align:left}#part1 p{padding:0}#part2 .box{width:100%}#part3 .button>a{display:block;width:100%}#part3 .button>a:first-child{margin-bottom:20px;margin-right:0}#part4 p{padding:0}#part5 .box-top{padding:20px}#part5 .box-bottom{padding:50px 20px 0}#part5 .progress_bar{width:100%}#part5 ul{display:block}#part5 ul>li:first-child{margin-right:0;text-align:left;width:100%}#part6 .button>a{display:block;width:100%}#part6 .button>a:first-child{margin-bottom:20px;margin-right:0}#part6 .note{padding:0}#part7 .carousel{width:100%}#part7 .left>img{left:0;top:300px}#part7 .right>img{right:0;top:300px}#part7 .textbox{min-height:385px}#part7 .carousel-indicators{bottom:-30px}#part8 .box{flex-direction:column}#part8 .imgbox{margin:0 0 50px}#part8 .mail{padding:0}#part8 .mail>a{font-size:28px}}@media screen and (min-width:451px)and (max-width:767px){.banner-affiliate h1{font-size:50px;margin:40px 0 20px}.banner-affiliate .textbox{margin-bottom:40px}.nav-affiliate p{margin-bottom:15px;text-align:left}#part1 p{padding:0}#part2 .box{width:100%}#part3 .button>a{display:block;width:100%}#part3 .button>a:first-child{margin-bottom:20px;margin-right:0}#part6 .button>a{display:block;width:100%}#part6 .button>a:first-child{margin-bottom:20px;margin-right:0}#part6 .note{padding:0}#part7 .carousel{width:100%}#part7 .left>img{left:0;top:400px}#part7 .right>img{right:0;top:400px}#part7 .textbox{min-height:385px}#part7 .carousel-indicators{bottom:-30px}#part8 .box{flex-direction:column}#part8 .imgbox{margin:0 0 50px}}@media screen and (min-width:768px)and (max-width:991px){.banner-affiliate h1{margin:40px 0 20px}.banner-affiliate .textbox{margin-bottom:40px}#part1 p{padding:0}#part2 .box{width:100%}#part3 .button>a{display:block;width:100%}#part3 .button>a:first-child{margin-bottom:20px;margin-right:0}#part6 .button>a{display:block;width:100%}#part6 .button>a:first-child{margin-bottom:20px;margin-right:0}#part6 .note{padding:0}#part7 .carousel{width:100%}#part7 .left>img{left:0;top:60%}#part7 .right>img{right:0;top:60%}}@media screen and (min-width:992px)and (max-width:1199px){.banner-affiliate h1{font-size:50px;margin:60px 0 30px}.banner-affiliate h1+p{font-size:22px}#part7 .carousel{width:80%}}