.header-container{background:#fff;background:linear-gradient(0deg, rgba(255,255,255,0) 0%, #fff 100%) !important}.nav-list li a{color:#000}main .hero-area{background:url(../img/hero_photo01.jpg) center 0 no-repeat;background-size:cover;height:80vw}@media screen and (max-width: 768px){main .hero-area{background:url(../img/hero_photo01.jpg) center top no-repeat;height:110vw;background-size:160%}}main .hero-area .box-text{width:90%;padding:0;position:absolute;top:200px;left:40px}@media screen and (max-width: 1000px){main .hero-area .box-text{top:100px;padding:0}}@media screen and (max-width: 768px){main .hero-area .box-text{top:70px;left:20px}}main .hero-area .box-text h1{font-family:serif;font-size:50px;font-weight:100;line-height:1.3;margin:0 0 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{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 0}main .hero-area .box-text .itemlogo img{height:40px}}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:#495e67;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:#495e67;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:#495e67;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{max-width:1200px;margin:0 auto;padding:250px 0;text-align:center;position:relative}@media screen and (max-width: 768px){main .solution-area{padding:100px 0 160px}}main .solution-area h2{background:#495e67;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 .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:#495e67;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:15%;width:50vw;text-align:right;z-index:-1}@media screen and (max-width: 768px){main .solution-area .text-photo .photo-area{position:relative}}main .solution-area .photo-text{display:flex;flex-direction:row-reverse;max-width:1200px;align-items:end;margin:50px auto 0}@media screen and (max-width: 768px){main .solution-area .photo-text{margin:0 20px;display:block}main .solution-area .photo-text .photo-area{width:50vw;margin:0 auto}}main .solution-area .photo-text .text-area{padding:0 0 0 20px;text-align:left;width:60vw}@media screen and (max-width: 768px){main .solution-area .photo-text .text-area{width:auto;padding:0}}main .solution-area .photo-text .text-area h3{color:#495e67;margin-top:60px;font-family:serif;font-weight:100;font-size:35px;margin-bottom:40px}@media screen and (max-width: 768px){main .solution-area .photo-text .text-area h3{font-size:20px;padding:0 20px;margin-top:30px;margin-bottom:20px;text-align:center}main .solution-area .photo-text .text-area h3 br{display:none}}main .solution-area .photo-text .text-area p{font-size:18px;color:#555;line-height:1.8}@media screen and (max-width: 768px){main .solution-area .photo-text .text-area p{text-align:center;font-size:14px;display:block}main .solution-area .photo-text .text-area p br{display:none}}main .solution-area .photo-text .photo-area{width:40vw}@media screen and (max-width: 768px){main .solution-area .photo-text .photo-area{width:50vw}}main .solution-area .pfas{margin-top:100px;background:#035ea7;border-radius:20px;padding:40px 60px}@media screen and (max-width: 768px){main .solution-area .pfas{margin:100px 20px 0;padding:20px}}main .solution-area .pfas .icon{margin-top:-100px;text-align:center}@media screen and (max-width: 768px){main .solution-area .pfas .icon img{width:20vw}}main .solution-area .pfas .inner{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){main .solution-area .pfas .inner{display:block}}main .solution-area .pfas .inner .text-area{text-align:left;color:#fff;width:60%}@media screen and (max-width: 768px){main .solution-area .pfas .inner .text-area{width:auto}}main .solution-area .pfas .inner .text-area h3{font-size:35px;font-weight:100;font-family:serif;margin:0 0 20px}@media screen and (max-width: 768px){main .solution-area .pfas .inner .text-area h3{font-size:20px}}main .solution-area .pfas .inner .text-area p{font-size:18px;line-height:1.8}@media screen and (max-width: 768px){main .solution-area .pfas .inner .text-area p{font-size:14px}}main .solution-area .pfas .inner .logo-area{width:40%;text-align:center}@media screen and (max-width: 768px){main .solution-area .pfas .inner .logo-area{width:auto}}main .solution-area .message{margin-top:40px;font-size:20px;color:#055ea7;font-weight:600}@media screen and (max-width: 768px){main .solution-area .message{font-size:14px}}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 */