@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;400;500;600;700;800&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:'Noto Sans JP', sans-serif}.container-box{width:80%;height:auto;margin:auto}@media (max-width: 991px){.container-box{width:90%}}.navbar{background-color:white;z-index:10000}.navbar .container-fluid{padding:0 40px}.navbar .container-fluid .navbar-brand img{width:165px;height:48px}.navbar .container-fluid .navbar-toggler{border:none !important}.navbar .container-fluid .navbar-toggler:focus{box-shadow:none}.navbar .container-fluid .collapse .navbar-nav{gap:30px}@media (max-width: 1053px){.navbar .container-fluid .collapse .navbar-nav{gap:21px}}.navbar .container-fluid .collapse .navbar-nav .nav-item a{font-size:14px;color:#1B1B1C;font-weight:500}.navbar .container-fluid .collapse .navbar-nav .nav-item button{padding:5px 17px;border-radius:50px;border:none;outline:none}.navbar .container-fluid .collapse .navbar-nav .nav-item button p{font-weight:500;font-size:15px}.navbar .container-fluid .collapse .navbar-nav .nav-item button p i{padding-right:7px;font-weight:300}.navbar .container-fluid .collapse .navbar-nav .nav-item button.lang{outline:1px solid #0500FF;background:none;color:#0500FF}.navbar .container-fluid .collapse .navbar-nav .nav-item button.down{background-color:#0500FF;color:white}.intro-home{padding-top:190px}@media (max-width: 767px){.intro-home{padding-top:125px}}.intro-home .container-box .wr1 .title h1{font-size:52px;font-weight:700}@media (max-width: 767px){.intro-home .container-box .wr1 .title h1{font-size:37px}}.intro-home .container-box .wr1 .title p{margin-top:20px;max-width:470px;font-size:18px;color:#5c5c5f}.intro-home .container-box .wr1 ul{list-style:none;gap:20px;margin-top:20px;width:378px}@media (max-width: 767px){.intro-home .container-box .wr1 ul{width:auto}}.intro-home .container-box .wr1 ul li button{padding:8px 25px;border-radius:50px;border:1px solid #0500FF;background:none}.intro-home .container-box .wr1 ul li button svg{color:#0500FF}.intro-home .container-box .wr1 ul li button div{margin-left:10px;line-height:18px;text-align:start;color:#0500FF}.intro-home .container-box .wr1 ul li button div span:first-child{font-size:13px}@media (max-width: 767px){.intro-home .container-box .wr1 ul li{display:none}.intro-home .container-box .wr1 ul li.btn-sm{display:flex !important}.intro-home .container-box .wr1 ul li.btn-sm button{background-color:#0500FF;color:white}}.feature{margin-top:60px}@media (max-width: 575px){.feature .boxes{gap:30px 20px;justify-content:center !important}}.feature .boxes .box h2{font-size:23px;font-weight:700}.feature .boxes .box h2 span{color:#0500FF;font-weight:700}.feature .boxes .box h2 span.star{font-size:20px}.feature .boxes .box h2 span.star i{margin-left:-1px;font-size:29px}.wrapper-table{margin-top:70px;position:relative;z-index:1000}.wrapper-table .wrap{background-image:linear-gradient(152deg, #2eccff -2.65%, #0500ff 82.44%);padding:80px;border-radius:30px}@media (max-width: 991px){.wrapper-table .wrap{padding:30px}}.wrapper-table .container-box{position:relative}@media (max-width: 991px){.wrapper-table .container-box{width:100% !important}}.wrapper-table .container-box .title{width:80%;margin:auto;text-align:center}.wrapper-table .container-box .title h1{font-size:54px;color:white;font-weight:700}@media (max-width: 991px){.wrapper-table .container-box .title h1{font-size:29px}}.wrapper-table .container-box .title p{font-size:19px;color:white;text-align:center;line-height:25px;margin-top:20px}@media (max-width: 991px){.wrapper-table .container-box .title p{font-size:14px}}.wrapper-table .container-box .box-search{width:100%;margin-top:40px}.wrapper-table .container-box .box-search .input-group{position:relative}.wrapper-table .container-box .box-search .input-group input{width:100%;height:55px;padding:0 60px;border:none;font-size:17px}.wrapper-table .container-box .box-search .input-group img{position:absolute;top:50%;transform:translateY(-50%);left:30px}.wrapper-table .container-box .table-wrapper{background-color:white;position:relative;padding:20px;overflow:auto}.wrapper-table .container-box .table-wrapper::-webkit-scrollbar{height:15px}.wrapper-table .container-box .table-wrapper::-webkit-scrollbar-thumb{background-color:#0500FF}.wrapper-table .container-box .table-wrapper .table{width:100%}.wrapper-table .container-box .table-wrapper .table tbody td,.wrapper-table .container-box .table-wrapper .table tbody th,.wrapper-table .container-box .table-wrapper .table thead td,.wrapper-table .container-box .table-wrapper .table thead th{border:none;vertical-align:middle}.wrapper-table .container-box .table-wrapper .table tbody tr,.wrapper-table .container-box .table-wrapper .table thead tr{padding-bottom:30px}@media (max-width: 767px){.wrapper-table .container-box .table-wrapper .table tbody tr td,.wrapper-table .container-box .table-wrapper .table thead tr td{width:273px !important}}.wrapper-table .container-box .feature-table{margin-top:60px}@media (max-width: 575px){.wrapper-table .container-box .feature-table .boxes{gap:10px 20px;justify-content:center !important}}.wrapper-table .container-box .feature-table .boxes .box h2{font-size:27px;font-weight:700;color:white}.Simple{margin-top:-50px;position:relative;z-index:100}.Simple .wrap{background-image:linear-gradient(180deg, #fff9a8 5.98%, #ffaefe 77.73%);padding:80px;border-radius:30px}@media (max-width: 991px){.Simple .wrap{padding:13px}}@media (max-width: 767px){.Simple .wrap{padding-bottom:70px}}.Simple .container-box{position:relative}@media (max-width: 991px){.Simple .container-box{width:100% !important}}.Simple .container-box .title{width:78%;margin:auto;text-align:center;padding-top:15px}@media (max-width: 991px){.Simple .container-box .title{padding-top:55px}}.Simple .container-box .title h1{font-size:54px;font-weight:600}@media (max-width: 991px){.Simple .container-box .title h1{font-size:29px}}.Simple .container-box .title p{font-size:19px;color:#4A433F;text-align:center;line-height:25px;margin-top:20px}@media (max-width: 991px){.Simple .container-box .title p{font-size:14px}}.Simple .container-box .box-simple{width:100%;background-color:white;min-height:342px;position:relative;overflow:hidden}@media (max-width: 694px){.Simple .container-box .box-simple{flex-direction:column-reverse;align-items:flex-start !important}}.Simple .container-box .box-simple .info h3{max-width:330px;font-weight:700}.Simple .container-box .box-simple .info p{max-width:400px;font-size:15px;padding-top:10px}.Simple .container-box .box-simple .info a{width:270px;text-align:center;outline:1px solid #0500FF;background:none;color:#0500FF;width:240px;padding:10px 20px;margin-top:5px;font-weight:600;font-size:15px}@media (max-width: 694px){.Simple .container-box .box-simple .info{margin-top:20px}}@media (max-width: 694px){.Simple .container-box .box-simple .img{width:100%}}.Simple .container-box .box-simple .img img{width:453px;height:333px;bottom:-4px;position:relative}@media (max-width: 890px){.Simple .container-box .box-simple .img img{bottom:0;overflow:hidden}}@media (max-width: 694px){.Simple .container-box .box-simple .img img{width:100%;height:auto}}@media (max-width: 890px){.Simple .container-box .box-simple .img{background-color:#D9D9D9;overflow:hidden}}.secure{margin-top:-50px;position:relative;z-index:50}.secure .wrap{background-image:linear-gradient(180deg, #fff465 5.98%, #48ff91 77.73%);padding:80px;border-radius:30px}@media (max-width: 991px){.secure .wrap{padding:30px}}@media (max-width: 767px){.secure .wrap{padding-bottom:70px}}.secure .container-box{position:relative}@media (max-width: 991px){.secure .container-box{width:100% !important}}.secure .container-box .title{width:78%;margin:auto;text-align:center;padding-top:15px}@media (max-width: 991px){.secure .container-box .title{padding-top:55px}}.secure .container-box .title h1{font-size:54px;font-weight:600}@media (max-width: 991px){.secure .container-box .title h1{font-size:29px}}.secure .container-box .title p{font-size:19px;color:#4A433F;text-align:center;line-height:25px;margin-top:20px}@media (max-width: 991px){.secure .container-box .title p{font-size:14px}}.secure .container-box .big-box{width:100%;background-color:white;min-height:342px;position:relative;overflow:hidden}@media (max-width: 694px){.secure .container-box .big-box{flex-direction:column-reverse;align-items:flex-start !important}}.secure .container-box .big-box .info h3{max-width:330px;font-weight:700}.secure .container-box .big-box .info p{max-width:360px;font-size:15px;padding-top:10px}.secure .container-box .big-box .info a{text-align:center;background-color:#0500FF;color:white;width:156px;padding:8px 20px;margin-top:5px;font-weight:600;font-size:15px}@media (max-width: 694px){.secure .container-box .big-box .info{margin-top:20px}}.secure .container-box .big-box .img img{width:280px;height:auto;position:relative;margin:0 113px}@media (max-width: 694px){.secure .container-box .big-box .img img{margin:0 0px}}.secure .container-box .wrapper-box-secure{gap:25px;flex-wrap:wrap;justify-content:center !important;align-items:center}.secure .container-box .wrapper-box-secure .box{background-color:white;max-width:335px;min-height:353px}@media (max-width: 767px){.secure .container-box .wrapper-box-secure .box{width:100%}}@media (max-width: 575px){.secure .container-box .wrapper-box-secure .box{max-width:100%}}.secure .container-box .wrapper-box-secure .box h3{font-size:25px;font-weight:700;padding-bottom:30px;margin-bottom:0}.secure .container-box .wrapper-box-secure .box .img-wr{display:flex;justify-content:center}.secure .container-box .wrapper-box-secure .box .img-wr img{height:100px;width:auto}.secure .container-box .wrapper-box-secure .box p{padding-top:40px}.secure .container-box .wrapper-box-secure .box:nth-child(2) h3{width:200px}.secure .container-box .btn-secure{margin-top:40px}.secure .container-box .btn-secure a{outline:1px solid #1B1B1C;background:none;color:#1B1B1C;padding:10px 28px;font-size:14px;font-weight:600}.download{margin-top:80px}@media (max-width: 767px){.download{margin-top:40px}}.download .container-box{grid-template-columns:repeat(2, 1fr);gap:30px}@media (max-width: 767px){.download .container-box{grid-template-columns:repeat(1, 1fr)}}.download .container-box .part-left{background-color:#F4F4F7;border:1px solid #E7E8EE;display:flex;flex-direction:column;padding:20px;justify-content:center;min-height:430px}.download .container-box .part-left h2{padding-bottom:10px;font-weight:600}@media (max-width: 767px){.download .container-box .part-left img{display:flex !important;width:100%}}.download .container-box .part-left .step{padding:4px;border:1px solid black;width:220px;position:relative;margin-top:20px !important}.download .container-box .part-left .step ul{display:flex;margin-bottom:0;list-style:none;justify-content:space-between}.download .container-box .part-left .step ul li.active{background-color:#0500FF;padding:10px 23px;color:white}.download .container-box .part-left .step ul li{padding:10px 23px;cursor:pointer}.download .container-box .part-right{overflow:hidden;height:430px}@media (max-width: 767px){.download .container-box .part-right{display:none}}.download .container-box .part-right img{width:100%;height:100%;object-fit:cover}.download .container-box .btn-down{width:230px;background-color:#0500FF;color:white;font-size:14px;font-weight:600;padding:11px 25px}@media (max-width: 767px){.download .container-box .btn-down{width:100%}}.experience{margin-top:80px}.experience .title h2{font-weight:700;font-size:28px}.experience .title p{max-width:560px;font-size:17px;margin-top:20px}.experience .ex{display:grid;grid-template-columns:repeat(auto-fill, minmax(244px, 1fr));gap:20px;margin-top:40px}.experience .ex .box-ex{overflow:hidden}.experience .ex .box-ex img{border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px}.experience .ex .box-ex .info span{font-weight:600}.experience .ex .box-ex .info p{line-height:22px;font-size:15px}.experience a{width:300px;background-color:#0500FF;color:white;font-size:14px;font-weight:600;padding:11px 25px}.build{margin-top:80px}.build .big-box{background-color:#0500FF;background-color:#0500FF;padding:56px 111px !important;gap:40px}@media (max-width: 991px){.build .big-box{padding:56px 31px !important}}@media (max-width: 730px){.build .big-box{flex-direction:column-reverse}}.build .big-box .info{max-width:700px}.build .big-box .info h3{color:white;font-weight:700;font-size:40px}@media (max-width: 730px){.build .big-box .info h3{font-size:33px !important}}.build .big-box .info p{color:white;font-size:19px;line-height:27px;padding-top:10px}@media (max-width: 730px){.build .big-box .info p{font-size:16px !important;line-height:25px !important}}.build .big-box .info a{max-width:300px;background-color:white;color:#0500FF;font-size:14px;font-weight:600;padding:11px 25px;margin-top:10px}@media (max-width: 730px){.build .big-box .info a{width:100%}}.build .big-box .img img{height:300px;width:auto}@media (max-width: 730px){.build .big-box .img img{width:200px;height:auto}}footer{margin-top:80px}footer .wrapper-footer{background-color:#F4F4F7;border:1px solid #E7E8EE}@media (max-width: 767px){footer .wrapper-footer{padding:30px 30px}}@media (max-width: 767px){footer .wrapper-footer .wr1{flex-direction:column-reverse}}footer .wrapper-footer .logo-fot img{width:auto;height:250px}@media (max-width: 767px){footer .wrapper-footer .logo-fot img:nth-child(1){display:none}footer .wrapper-footer .logo-fot img:nth-child(2){display:flex !important;width:300px;height:auto;padding-top:30px}}@media (max-width: 767px){footer .wrapper-footer .links{display:flex;flex-direction:column-reverse}}@media (max-width: 767px){footer .wrapper-footer .links .r1{padding-top:30px}}footer .wrapper-footer .links .col-md-2 span,footer .wrapper-footer .links .col-md-3 span{font-size:14px;color:#1B1B1C;font-weight:600}footer .wrapper-footer .links .col-md-2 ul,footer .wrapper-footer .links .col-md-3 ul{list-style:none;margin-top:20px}footer .wrapper-footer .links .col-md-2 ul li,footer .wrapper-footer .links .col-md-3 ul li{font-size:15px}footer .wrapper-footer .links .col-md-2 ul li:not(:first-child),footer .wrapper-footer .links .col-md-3 ul li:not(:first-child){margin-top:10px}footer .wrapper-footer .footer-btn .title span{font-size:12px;font-weight:700}footer .wrapper-footer .footer-btn .title p{font-size:12px}footer .wrapper-footer .footer-btn ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px 12px}footer .wrapper-footer .footer-btn ul button{padding:5px 17px;outline:none;border:1px solid #0500FF;background:none;color:#0500FF;font-size:13px;font-weight:600}footer .wrapper-footer .footer-btn ul button i{font-size:17px}@media (max-width: 767px){footer .wrapper-footer .meida{padding-top:30px}}footer .wrapper-footer .meida p{font-weight:700;font-size:17px}footer .wrapper-footer .meida img{width:73%}.big-wrapper{width:100%;height:auto;display:flex;justify-content:center;padding-top:35px;padding-bottom:35px}.box-app{width:477px;height:auto;padding:15px 28px;border-radius:18px;position:relative}@media (max-width: 575px){.box-app{width:100%;padding:15px 10px}}.box-app .logo{width:83px;margin:auto}.box-app .logo img{width:66px;height:90px}.wrapper-app{border:1px solid #EAECEF;margin-top:50px;border-radius:3px}.wrapper-app .title h1{font-size:27px;color:#1E2329;font-weight:600;line-height:36px}.wrapper-app .title p{color:#474D57;font-size:15px}.wrapper-app .create{cursor:pointer}.wrapper-app .create .partxt .title-create{margin-left:20px}.wrapper-app .create .partxt .title-create span{font-weight:500;color:#1E2329;font-size:15px}.wrapper-app .create .partxt .title-create p{color:#474D57;font-size:15px}.wrapper-app .create i{color:#848E9C;font-size:20px}.wrapper-app hr{color:#acacac}.wrapper-app .step{list-style:none;gap:13px}.wrapper-app .step li{border-radius:50px;width:100%;height:4px;background-color:#CDCCFF}.wrapper-app .step li.active{background-color:#0500FF}.wrapper-app .title-pass p{font-weight:400;margin-bottom:0}.wrapper-app form label{margin-top:18px;font-weight:600;font-size:14px;padding-bottom:5px}.wrapper-app form .form-group{height:47px;background-color:#F5F5F5;border-radius:5px}.wrapper-app form .form-group input{height:100%;padding-left:13px;border-radius:5px;background:none;border:none;outline:none;font-weight:600;padding-right:40px}.wrapper-app form .form-group .focus{border:1px solid #0500FF}.wrapper-app form .form-group .error-input{border:1px solid #E33B54}.wrapper-app form .form-group img{right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.wrapper-app form .form-group .eye{position:absolute;right:11px;top:12px;z-index:99;color:black;cursor:pointer}.wrapper-app form .error{color:#E33B54;font-size:14px;padding-top:3px}.wrapper-app form .valids_pass .valid{padding-top:10px}.wrapper-app form .valids_pass .valid .correct{width:23px;height:23px;border-radius:50%;border:1px solid #CDCCFF}.wrapper-app form .valids_pass .valid .correct i{font-size:17px;font-weight:800;color:white;display:none}.wrapper-app form .valids_pass .valid .correct.active{background-color:#0500FF}.wrapper-app form .valids_pass .valid p{padding-left:5px;font-size:14px;font-weight:400;color:#474D57}.wrapper-app form .Remember{margin-top:19px}.wrapper-app form .Remember input[type="checkbox"]{appearance:none;width:16px;height:16px;border:1px solid #080809;cursor:pointer;display:flex;justify-content:center;align-items:center;margin:0;font-weight:900}.wrapper-app form .Remember input[type="checkbox"]::after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f00c";color:black;display:none;font-size:13px}.wrapper-app form .Remember input[type="checkbox"]:checked{background-color:#0500FF;border:none}.wrapper-app form .Remember input[type="checkbox"]:checked::after{display:block;color:white}.wrapper-app form .Remember label{margin-bottom:0 !important;display:inline;margin-left:8px;color:4b4f54;font-size:13px;color:#080809;margin-top:0;padding-bottom:0;font-weight:400}.wrapper-app form .Remember label span{color:#0500FF;font-size:14px}.wrapper-app form .btn-form{width:100%;gap:20px}.wrapper-app form .btn-form .btn-back,.wrapper-app form .btn-form .btn-next{width:100%}.wrapper-app form .btn-form .btn-back button,.wrapper-app form .btn-form .btn-next button{width:100%;padding:8px 0;border:none;outline:none;font-weight:700;color:white;background:none}.wrapper-app form .btn-form .btn-next button{background-color:#0500FF}.wrapper-app form .btn-form .btn-next button.disabled{background-color:#B3B1FF}.wrapper-app form .btn-form .btn-back button{color:#0500FF}.wrapper-app .step{list-style:none;gap:13px}.wrapper-app .step li{border-radius:50px;width:100%;height:4px;background-color:#CDCCFF}.wrapper-app .step li.active{background-color:#0500FF}.wrapper-app .title-pass p{font-weight:400;margin-bottom:0}.wrapper-app form .drop-down{position:relative;margin-top:23px}.wrapper-app form .drop-down .select{padding:20px;background-color:#F5F5F5;padding:12px 14px;cursor:context-menu}.wrapper-app form .drop-down .select p{font-weight:600}.wrapper-app form .drop-down .select i{font-size:18px;color:#929AA5}.wrapper-app form .drop-down .options{display:none;box-shadow:0px 2px 9px #d7d6d6;z-index:10000}.wrapper-app form .drop-down .options .option{padding:20px;background-color:#F5F5F5;padding:9px 14px;cursor:context-menu}.wrapper-app form .drop-down .options .option p{font-weight:500}.wrapper-app form .drop-down .options .option i{display:none}.wrapper-app form .drop-down .options .option.check p{color:#0500FF}.wrapper-app form .drop-down .options .option.check i{display:flex;color:#0500FF;font-weight:600;font-size:18px}.wrapper-app form .wrapper-inputs{margin-top:30px;display:grid;grid-template-columns:repeat(2, 1fr);gap:4px}.wrapper-app form .wrapper-inputs .form-group .num{transform:translateY(-50%);top:50%;font-weight:600;left:13px;display:none}.wrapper-app form .wrapper-inputs .form-group .input{padding-right:41px}.wrapper-app form .clear{margin-top:25px}.wrapper-app form .clear button{background:none;border:none;outline:none;font-weight:600;color:#0500FF}.wrapper-app form .alert{padding:8px 14px;background-color:#FEF6D8;margin-top:25px;display:flex;align-items:center}.wrapper-app form .alert i{font-size:22px;color:#F0B90B}.wrapper-app form .alert p{font-size:13px;color:black}.wrapper-app .success{width:84px;margin:auto}.wrapper-app .success img{width:84px;height:auto}.wrapper-app .title-pass p{font-weight:400;margin-bottom:0}.wrapper-app .alert-success{background-color:#F4F4F7;padding:14px;margin-top:17px}.wrapper-app .alert-success .info span{font-size:13px;font-weight:600}.wrapper-app .alert-success .info span i{font-weight:300;color:#929AA5;font-size:15px}.wrapper-app .alert-success .info p{font-size:13px}.wrapper-app .alert-success img{width:43px;height:auto}.wrapper-app .btn-open{margin-top:22px}.wrapper-app .btn-open button{background-color:#0500FF;padding:9px 40px;color:white;font-weight:600;outline:none;border:none}.wrapper-app .info-success p{font-size:15px}.wrapper-app .footer-success{margin-top:30px}.wrapper-app .footer-success .logo-f .logo-sm{padding:3px;border:1px solid #dfdcdc}.wrapper-app .footer-success .logo-f p{padding-left:12px;font-size:14px;font-weight:600}.wrapper-app .footer-success img{width:88px;height:auto}
