.header-container{background:#000;background:linear-gradient(0deg, rgba(0,43,29,0) 0%, #002b1d 100%) !important}.hamburger span{background-color:#fff}main .hero-area{background:url(../img/hero_photo01.jpg) center 0 no-repeat;background-size:cover;height:80vw;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){main .hero-area{background:url(../img/hero_photo01.jpg) center top no-repeat;height:100vw;background-size:160%}}main .hero-area .box-text{width:90%;text-align:center;padding:0}@media screen and (max-width: 1000px){main .hero-area .box-text{padding:0;right:20px}}main .hero-area .box-text h1{color:#fff;text-shadow:0 0 5px #000;font-family:serif;font-size:50px;font-weight:100;line-height:1.3;margin-bottom:30px}@media screen and (max-width: 1000px){main .hero-area .box-text h1{font-size:35px}}@media screen and (max-width: 768px){main .hero-area .box-text h1{font-size:25px;margin-bottom:15px}}main .hero-area .box-text p{color:#FFF;margin-bottom:40px;font-size:20px;line-height:1.8}@media screen and (max-width: 768px){main .hero-area .box-text p{font-size:14px;width:auto;margin-bottom:0}main .hero-area .box-text p br{display:none}}main .hero-area .box-text .itemlogo{width:280px;margin:0 auto 0 0}@media screen and (max-width: 768px){main .hero-area .box-text .itemlogo{margin:20px auto 0}main .hero-area .box-text .itemlogo img{height:45px}}main .cost-area{background:url(./../img/bg_wave1.svg) center top no-repeat;background-size:cover}@media screen and (max-width: 768px){main{padding:0}}main .cost-area{padding:50px 0;text-align:center;position:relative;background-color:#e0eaf0}@media screen and (max-width: 768px){main .cost-area{padding-top:20px}}main .cost-area::before{content:"";display:block;width:100vw;background:url(../img/wave-top.svg) center top no-repeat;background-size:cover;height:195px;position:absolute;top:-195px;left:0}@media screen and (max-width: 768px){main .cost-area::before{background-size:100%;height:20vw;top:-13vw}}main .cost-area::after{content:"";display:block;width:100vw;background:url(../img/wave-bottom.svg) center bottom no-repeat;background-size:cover;height:195px;position:absolute;bottom:-195px;left:0}@media screen and (max-width: 768px){main .cost-area::after{background-size:100%;height:45px;bottom:-45px}}main .cost-area h2{background:#4a791f;font-size:16px;color:#fff;display:inline-block;padding:10px 30px}@media screen and (max-width: 768px){main .cost-area h2{font-size:14px}}main .cost-area h3{color:#4a791f;margin-top:60px;font-family:serif;font-weight:100;font-size:35px;margin-bottom:40px}@media screen and (max-width: 768px){main .cost-area h3{font-size:20px;padding:0 20px;margin-top:30px;margin-bottom:20px}}main .cost-area p{font-size:18px;color:#555}@media screen and (max-width: 768px){main .cost-area p{font-size:14px;padding:0 20px}main .cost-area p br{display:none}}main .cost-area ul{margin:80px auto 0;display:flex;gap:40px;max-width:1180px;justify-content:space-between}@media screen and (max-width: 768px){main .cost-area ul{display:block;margin:20px 0;padding:0 20px}}main .cost-area ul li{width:33%;list-style:none;position:relative;border-radius:20px;background:#5e9bc8;padding:40px 10px 20px}@media screen and (max-width: 768px){main .cost-area ul li{padding:20px 10px 10px;width:auto;margin:20px 0;border-radius:10px}}main .cost-area ul li::before{content:"";display:block;background:#4a791f;height:20px;width:80%;left:0;right:0;top:0;position:absolute;margin:auto}main .cost-area ul li h4{font-size:20px;color:#fff}@media screen and (max-width: 768px){main .cost-area ul li h4{margin:10px 0;font-size:16px}main .cost-area ul li h4 br{display:none}}main .cost-area ul li p{color:#fff;font-size:16px}@media screen and (max-width: 768px){main .cost-area ul li p{font-size:14px}}main .solution-area{padding:250px 0;text-align:center;position:relative}@media screen and (max-width: 768px){main .solution-area{padding:100px 0 40px}}main .solution-area .text-photo{display:flex;max-width:1200px;align-items:end;margin:auto}@media screen and (max-width: 768px){main .solution-area .text-photo{margin:0 20px;display:block}main .solution-area .text-photo .photo-area{width:50vw;margin:0 auto}}main .solution-area .text-photo .text-area{padding:0 0 0 20px;text-align:left;width:60%}@media screen and (max-width: 768px){main .solution-area .text-photo .text-area{width:auto;padding:0}}main .solution-area .text-photo .text-area h3{color:#4a791f;margin-top:60px;font-family:serif;font-weight:100;font-size:35px;margin-bottom:40px}@media screen and (max-width: 768px){main .solution-area .text-photo .text-area h3{font-size:20px;padding:0 20px;margin-top:30px;margin-bottom:20px;text-align:center}main .solution-area .text-photo .text-area h3 br{display:none}}main .solution-area .text-photo .text-area p{font-size:18px;color:#555;line-height:1.8}@media screen and (max-width: 768px){main .solution-area .text-photo .text-area p{text-align:center;font-size:14px;display:block}main .solution-area .text-photo .text-area p br{display:none}}main .solution-area .text-photo .photo-area{position:absolute;right:0;top:10%;width:50vw;text-align:right}@media screen and (max-width: 768px){main .solution-area .text-photo .photo-area{top:-5%}}main .solution-area .merit{margin:60px auto 0;padding:0 0 0 20px;max-width:1180px;text-align:left;position:relative;z-index:5}@media screen and (max-width: 768px){main .solution-area .merit{margin-top:30px;padding:0 20px;text-align:right;display:flex;flex-wrap:wrap;justify-content:end;gap:5px}}main .solution-area .merit li{list-style:none;display:inline-block;margin-right:40px;margin-bottom:20px}@media screen and (max-width: 768px){main .solution-area .merit li{display:block;margin:0;width:100vw}main .solution-area .merit li:first-child img{width:40vw}main .solution-area .merit li:nth-child(2) img{width:42vw}main .solution-area .merit li:nth-child(3) img{width:42vw}main .solution-area .merit li:last-child img{width:70vw}}main .solution-area h2{position:relative;z-index:5;background:#4a791f;font-size:16px;color:#fff;display:inline-block;padding:10px 30px}@media screen and (max-width: 768px){main .solution-area h2{font-size:14px}}main .comparison-area{background:url(../img/bg-benefit.png) center -200px no-repeat;background-size:cover;text-align:center;position:relative;padding:150px 0 200px}@media screen and (max-width: 768px){main .comparison-area{padding:40px 0 200px;background:url(../img/bg-benefit.png) center -180px no-repeat}}main .comparison-area::before{content:"";display:block;width:100vw;height:195px;position:absolute;top:-195px;left:0}@media screen and (max-width: 768px){main .comparison-area::before{height:15vw;top:-15vw}}main .comparison-area::after{content:"";display:block;width:100vw;background:#fff;background-size:cover;height:195px;position:absolute;bottom:0;left:0}main .comparison-area .image-photo{position:absolute;left:0;top:-250px;width:40vw;text-align:left}main .comparison-area h2{background:#4a791f;font-size:16px;color:#fff;display:inline-block;padding:10px 30px;margin-bottom:60px}@media screen and (max-width: 768px){main .comparison-area h2{font-size:14px;margin-bottom:30px}}main .comparison-area h3{color:#fff;margin-top:60px;font-family:serif;font-weight:100;font-size:35px;margin-bottom:0}@media screen and (max-width: 768px){main .comparison-area h3{font-size:20px;padding:0 20px;margin-top:0;margin-bottom:20px;text-align:center}main .comparison-area h3 br{display:none}}main .comparison-area p{font-size:18px;color:#fff;line-height:1.8}@media screen and (max-width: 768px){main .comparison-area p{text-align:center;font-size:14px;display:block;padding:0 20px}main .comparison-area p br{display:none}}main .comparison-area .benefits{padding:0 0 200px 0;position:relative;z-index:1}@media screen and (max-width: 768px){main .comparison-area .benefits{padding:0;background:none}}main .comparison-area .benefits .circle{max-width:1200px;margin:80px auto 0;display:flex;justify-content:space-between}@media screen and (max-width: 768px){main .comparison-area .benefits .circle{margin:40px auto 0;display:block;padding:0 20px}}main .comparison-area .benefits .circle div{background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);border-radius:300px;width:400px;height:400px;text-align:center}@media screen and (max-width: 768px){main .comparison-area .benefits .circle div{border-radius:20px;width:auto;height:auto;padding:20px;margin-bottom:40px}}main .comparison-area .benefits .circle div:nth-child(2){margin-top:200px}@media screen and (max-width: 768px){main .comparison-area .benefits .circle div:nth-child(2){margin-top:0}}main .comparison-area .benefits .circle div img{width:110px;margin-top:-40px}main .comparison-area .benefits .circle div h4{font-size:25px;margin:10px 0 20px;color:#4a791f}@media screen and (max-width: 768px){main .comparison-area .benefits .circle div h4{font-size:20px;margin:0 0 10px}}main .comparison-area .benefits .circle div p{font-size:16px;line-height:1.6;color:#4a791f}@media screen and (max-width: 768px){main .comparison-area .benefits .circle div p{font-size:14px;padding:0}}main .comparison-area .wrap{position:relative;z-index:10;max-width:1180px;margin:0 auto -200px;border-radius:20px;background:rgba(255,255,255,0.8);box-shadow:#ccc 0 0 15px;padding:40px}@media screen and (max-width: 768px){main .comparison-area .wrap{margin:0 20px -200px;padding:10px}}main .comparison-area .wrap h3{color:#4a791f;margin-bottom:60px;font-family:serif;font-weight:100;font-size:35px;margin-bottom:40px}@media screen and (max-width: 768px){main .comparison-area .wrap h3{font-size:20px;padding:0 20px;margin-top:30px;margin-bottom:20px}}main .reason-area{text-align:center;background:url(../img/bg_splash.png) center -350px no-repeat;background-size:cover;padding:400px 0 250px;margin-top:-350px;position:relative;z-index:5}@media screen and (max-width: 768px){main .reason-area{padding:350px 0 150px;background:url(../img/bg_splash.png) center -300px no-repeat}}main .reason-area h2{background:#035eab;font-size:16px;color:#fff;display:inline-block;padding:10px 30px;margin-bottom:60px}@media screen and (max-width: 768px){main .reason-area h2{font-size:14px}}main .reason-area h3{margin:0;color:#034f70;font-family:serif;font-weight:100;font-size:25px}@media screen and (max-width: 768px){main .reason-area h3{font-size:18px;padding:0 20px}}main .reason-area h4{margin-top:0;color:#034f70;font-family:serif;font-weight:100;font-size:35px}@media screen and (max-width: 768px){main .reason-area h4{font-size:20px;padding:0 20px}}main .reason-area p{font-size:18px;color:#555}@media screen and (max-width: 768px){main .reason-area p{font-size:14px;padding:0 20px}main .reason-area p br{display:none}}main .reason-area .firewall-img{margin:60px 0 150px}@media screen and (max-width: 768px){main .reason-area .firewall-img{max-width:80%;margin:30px 0 50px}}main .reason-area .ninsho{display:flex;max-width:1180px;margin:80px auto 20px;justify-content:space-between}@media screen and (max-width: 768px){main .reason-area .ninsho{display:block}}main .reason-area .ninsho .inner{width:41%;position:relative;background:rgba(255,255,255,0.8);box-shadow:0 0 10px #ccc;border-radius:20px;padding:40px;display:flex;flex-wrap:wrap;flex-direction:column}@media screen and (max-width: 768px){main .reason-area .ninsho .inner{width:auto;margin:0 20px 20px;padding:20px}}main .reason-area .ninsho .inner::before{content:"";display:block;position:absolute;left:0;right:0;top:0;margin:auto;width:80%;height:10px;background:#035eab}main .reason-area .ninsho .inner h3{color:#035eab;font-size:30px;font-family:serif;height:100px;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;margin-bottom:10px}@media screen and (max-width: 768px){main .reason-area .ninsho .inner h3{margin:10px;height:auto;font-size:18px}}main .reason-area .ninsho .inner h3 div{width:100%}main .reason-area .ninsho .inner h3 div b{font-size:45px;font-weight:100}@media screen and (max-width: 768px){main .reason-area .ninsho .inner h3 div b{font-size:20px}}main .reason-area .ninsho .inner p{text-align:left;color:#000;font-size:16px;line-height:1.8}@media screen and (max-width: 768px){main .reason-area .ninsho .inner p{padding:0;font-size:14px}}main .reason-area .ninsho .inner .img-area{height:fit-content;display:flex;flex:auto;align-items:end;justify-content:center}@media screen and (max-width: 768px){main .reason-area .ninsho .inner .img-area{width:70%;margin:auto}}main .reason-area .info{max-width:1180px;margin:auto;text-align:left}@media screen and (max-width: 768px){main .reason-area .info{font-size:12px;padding:0 20px}main .reason-area .info br{display:none}}main .details{padding:50px 0 0;text-align:center;position:relative}main .details::before{content:"";display:block;width:100vw;background:url(../img/wave-white-top.svg) center top no-repeat;background-size:cover;height:195px;position:absolute;top:-195px;left:0;z-index:5}@media screen and (max-width: 768px){main .details::before{height:15vw;top:-15vw}}main .details h2{background:#035eab;font-size:16px;color:#fff;display:inline-block;padding:10px 30px;font-weight:100}@media screen and (max-width: 768px){main .details h2{font-size:14px}}main .details h3{color:#034f70;margin-top:60px;font-family:serif;font-weight:100;font-size:35px;margin-bottom:0;font-weight:100}@media screen and (max-width: 768px){main .details h3{font-size:20px;margin-top:30px}}main .details p{color:#034f70;font-size:20px;margin-bottom:100px;font-weight:100}@media screen and (max-width: 768px){main .details p{font-size:16px;padding:0 20px;margin-bottom:50px}}@media screen and (max-width: 768px){main .details .cad{padding:0 20px}}main .details .cad a{width:250px;text-align:center;padding:20px 45px 20px 20px;display:block;text-decoration:none;background:#000;color:#fff;position:relative;transition:.3s;margin:60px auto;cursor:pointer}main .details .cad a:hover{border-radius:80px}main .details .cad a::before,main .details .cad a::after{content:"";position:absolute;top:calc(50% - 1px);right:20px;width:10px;height:2px;border-radius:9999px;background-color:#fff;transform-origin:calc(100% - 1px) 50%}main .details .cad a::before{transform:rotate(45deg)}main .details .cad a::after{transform:rotate(-45deg)}main .details .bg-black{line-height:0}main .details .bg-black img{width:100%}main .Spec{background:#ebf2f5;padding:100px 20px}@media screen and (max-width: 768px){main .Spec{padding:40px 20px}}main .Spec .wrap{max-width:1200px;padding:0 20px 0;margin:auto;text-align:center}@media screen and (max-width: 768px){main .Spec .wrap{padding:0}}main .Spec .wrap h2{color:#035096;font-size:30px;text-align:center;line-height:1;font-weight:400}@media screen and (max-width: 768px){main .Spec .wrap h2{font-size:20px}}main .Spec .wrap h2 small{color:#035096;font-size:18px;font-weight:300}@media screen and (max-width: 768px){main .Spec .wrap h2 small{font-size:14px}}main .Spec .wrap .js-scrollable{margin-top:60px}@media screen and (max-width: 768px){main .Spec .wrap .js-scrollable{margin-top:30px}}main .Spec .wrap .js-scrollable table{max-width:1200px;border-collapse:collapse}@media screen and (max-width: 768px){main .Spec .wrap .js-scrollable table{width:1200px;-webkit-text-size-adjust:100%}}main .Spec .wrap .js-scrollable table tr td{padding:15px;border:solid 1px #ccc;text-align:left}@media screen and (max-width: 768px){main .Spec .wrap .js-scrollable table tr td{padding:5px;font-size:12px !important}}main .Spec .wrap .js-scrollable table tr th,main .Spec .wrap .js-scrollable table tr td{padding:15px;border:solid 1px #ccc;text-align:left}@media screen and (max-width: 768px){main .Spec .wrap .js-scrollable table tr th,main .Spec .wrap .js-scrollable table tr td{padding:5px;font-size:12px !important}}main .Spec .wrap .js-scrollable table tr th ul,main .Spec .wrap .js-scrollable table tr td ul{margin-left:20px}main .Spec .wrap .js-scrollable table tr th ul li,main .Spec .wrap .js-scrollable table tr td ul li{list-style:circle}@media screen and (max-width: 768px){main .Spec .wrap .js-scrollable table tr th ul li,main .Spec .wrap .js-scrollable table tr td ul li{font-size:12px !important}}main .Spec .wrap .js-scrollable table tr th ul.list-flex,main .Spec .wrap .js-scrollable table tr td ul.list-flex{display:flex;flex-wrap:wrap}@media screen and (max-width: 768px){main .Spec .wrap .js-scrollable table tr th ul.list-flex,main .Spec .wrap .js-scrollable table tr td ul.list-flex{font-size:12px !important}}main .Spec .wrap .js-scrollable table tr th ul.list-flex li,main .Spec .wrap .js-scrollable table tr td ul.list-flex li{width:22%}@media screen and (max-width: 768px){main .Spec .wrap .js-scrollable table tr th ul.list-flex li,main .Spec .wrap .js-scrollable table tr td ul.list-flex li{font-size:12px !important}}main .message{text-align:center;padding:0 20px 60px}main .message h3{color:#034f70;margin-top:60px;font-family:serif;font-weight:100;font-size:35px;margin-bottom:0}@media screen and (max-width: 768px){main .message h3{font-size:20px}}main .message p{color:#034f70;font-size:20px;margin-bottom:100px}@media screen and (max-width: 768px){main .message p{font-size:16px;margin-bottom:50px}}main .message .btn-area{margin:40px 0 0;display:flex;justify-content:center}@media screen and (max-width: 768px){main .message .btn-area{margin-top:20px;display:block}}main .message .btn-area a{margin:0 40px;width:250px;padding:20px 45px 20px 20px;display:inline-block;text-decoration:none;background:#000;color:#fff;position:relative;transition:.3s}@media screen and (max-width: 768px){main .message .btn-area a{margin:20px 0}}main .message .btn-area a:hover{border-radius:80px}main .message .btn-area a::before,main .message .btn-area a::after{content:"";position:absolute;top:calc(50% - 1px);right:20px;width:10px;height:2px;border-radius:9999px;background-color:#fff;transform-origin:calc(100% - 1px) 50%}main .message .btn-area a::before{transform:rotate(45deg)}main .message .btn-area a::after{transform:rotate(-45deg)}
/*# sourceMappingURL=style.css.map */