body{background:url(../img/bg.png) center 300px no-repeat}@media screen and (max-width: 768px){body{background:url(../img/bg.png) center 100px no-repeat}}main{padding:100px 0 0}@media screen and (max-width: 768px){main{padding:0}}main h1{color:#034f70;font-size:30px;text-align:center;line-height:1}@media screen and (max-width: 768px){main h1{font-size:25px}}main h1 small{color:#034f70;font-size:18px;font-weight:300}@media screen and (max-width: 768px){main h1 small{font-size:14px}}main .system{padding-top:400px}@media screen and (max-width: 768px){main .system{padding:100px 0 0;background-size:110%}}main .system .wrap{max-width:1200px;padding:0 20px 0;margin:auto}main .system .wrap p{font-size:30px;font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;color:#034f70;line-height:2;margin-bottom:80px}@media screen and (max-width: 768px){main .system .wrap p{font-size:20px;line-height:1.8;margin-bottom:40px}}main .system .wrap p span{font-size:35px}@media screen and (max-width: 768px){main .system .wrap p span{font-size:25px}}main .system .wrap .head-text{color:#666;font-size:22px;border-bottom:solid 1px #666;padding-bottom:10px}@media screen and (max-width: 768px){main .system .wrap .head-text{font-size:18px}}main .system .wrap figure{margin-top:-40px;text-align:center}@media screen and (max-width: 768px){main .system .wrap figure{margin-top:-15px}}main .system .wrap .arrow{text-align:center;width:30px;margin:40px auto -80px}@media screen and (max-width: 768px){main .system .wrap .arrow{width:20px;margin:20px auto -50px}}main .firewall{background-image:linear-gradient(#ebf2f5, transparent 100%);padding:100px 20px 0}@media screen and (max-width: 768px){main .firewall{padding:60px 0 0}}main .firewall .lead-text{text-align:center}main .firewall .lead-text p{color:#034f70;font-size:20px}@media screen and (max-width: 768px){main .firewall .lead-text p{font-size:16px}}main .firewall .lead-text h2{margin-top:20px;color:#034f70;font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho";font-size:40px}@media screen and (max-width: 768px){main .firewall .lead-text h2{font-size:25px;margin-top:10px}}main .firewall .lead-text h2 sup{font-size:20px}@media screen and (max-width: 768px){main .firewall .lead-text h2 sup{font-size:16px}}main .firewall .trio{display:flex;justify-content:center}@media screen and (max-width: 768px){main .firewall .trio{justify-content:space-between;margin:20px}}main .firewall .trio li{background:#333;width:185px;height:185px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;border-radius:100%;margin:20px}@media screen and (max-width: 768px){main .firewall .trio li{width:120px;height:120px;margin:0}}main .firewall .trio li p,main .firewall .trio li div{width:100%;color:#fff;text-align:center;font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;line-height:1.2}main .firewall .trio li p{font-size:18px}@media screen and (max-width: 768px){main .firewall .trio li p{font-size:12px}}main .firewall .trio li div{font-size:38px}@media screen and (max-width: 768px){main .firewall .trio li div{font-size:20px}}main .firewall .trio li:nth-child(2){background-color:#035096}main .firewall .trio li:last-child{background-color:#71b7eb}main .firewall .trio li:last-child p{font-size:38px}@media screen and (max-width: 768px){main .firewall .trio li:last-child p{font-size:22px}}main .firewall .process{margin:-100px 0 0;border-radius:100vw;padding:200px 0 100px;background-image:linear-gradient(#b0d0ee, transparent 20% 80%, #b0d0ee)}@media screen and (max-width: 768px){main .firewall .process{padding:120px 0 50px}}main .firewall .process h2{color:#034f70;font-size:30px;text-align:center;line-height:1;font-weight:400}@media screen and (max-width: 768px){main .firewall .process h2{font-size:20px}}main .firewall .process h2 small{color:#034f70;font-size:18px;font-weight:300}@media screen and (max-width: 768px){main .firewall .process h2 small{font-size:14px}}main .firewall .process figure{text-align:center;max-width:1100px;margin:60px auto}@media screen and (max-width: 768px){main .firewall .process figure{margin:20px auto;padding:0 20px}}main .firewall .process ul{max-width:1200px;padding:0 20px;margin:0 auto;display:flex;justify-content:center}@media screen and (max-width: 768px){main .firewall .process ul{display:block}}main .firewall .process ul li{margin:10px;width:30%;text-align:center}@media screen and (max-width: 768px){main .firewall .process ul li{width:auto}}main .firewall .process ul li h3{text-align:center;color:#71a2cf;font-size:20px;border-top:solid 2px #71a2cf;padding:0 10px;display:inline-block;margin:10px auto}@media screen and (max-width: 768px){main .firewall .process ul li h3{font-size:16px}}main .firewall .process ul li .wrap{display:flex;align-items:center;height:100%;flex-direction:column;border-radius:10px;padding:20px 10px 8px;box-shadow:5px 10px 15px #999;background-color:#fff;position:relative}main .firewall .process ul li .wrap::after{position:absolute;right:-60px;top:10%;z-index:1;content:"";display:block;background:url(../img/arrow.svg) 0 0 no-repeat;background-size:cover;width:100px;height:30px}@media screen and (max-width: 768px){main .firewall .process ul li .wrap::after{display:none}}main .firewall .process ul li .wrap .icon img{display:block;width:110px;margin:auto}@media screen and (max-width: 768px){main .firewall .process ul li .wrap .icon img{width:70px}}main .firewall .process ul li .wrap h4{color:#034f70;font-size:22px;font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;text-align:center;margin:20px 0 0;line-height:1.2;flex-grow:1}@media screen and (max-width: 768px){main .firewall .process ul li .wrap h4{font-size:18px}}main .firewall .process ul li .wrap p{text-align:center;line-height:1.5;flex-grow:1}@media screen and (max-width: 768px){main .firewall .process ul li .wrap p{margin:10px 0 20px 0}}main .firewall .process ul li:last-child .wrap::after{display:none}main .firewall .process .kijun{margin-top:100px;text-align:center;padding:60px 0 30px}@media screen and (max-width: 768px){main .firewall .process .kijun{margin-top:50px;padding:0 0 10px}}main .firewall .process .kijun p{margin:60px 0 30px}@media screen and (max-width: 768px){main .firewall .process .kijun p{margin:30px 0 0;padding:0 20px}main .firewall .process .kijun p br{display:none}}main .firewall .process .kijun figure img{max-width:500px}@media screen and (max-width: 768px){main .firewall .process .kijun figure img{width:70vw}}main .sensor{margin-top:-100px;background:#000 url(../img/sensor.jpg) left top no-repeat;padding:100px 0 50px}@media screen and (max-width: 768px){main .sensor{margin-top:-50px;background-size:70vw;padding:40px 0 20px}}main .sensor .wrap{max-width:50vw;padding:0 20px 0;margin:0 0 0 auto;text-align:center}@media screen and (max-width: 768px){main .sensor .wrap{max-width:60vw}}main .sensor .wrap h2{color:#fff;font-size:30px;text-align:center;line-height:1;font-weight:400}@media screen and (max-width: 768px){main .sensor .wrap h2{font-size:20px}}main .sensor .wrap h2 small{color:#fff;font-size:18px;font-weight:300}@media screen and (max-width: 768px){main .sensor .wrap h2 small{font-size:14px}}main .sensor .wrap p{margin-top:40px;color:#fff}@media screen and (max-width: 768px){main .sensor .wrap p{margin-top:20px;font-size:13px}main .sensor .wrap p br{display:none}}main .sensor .wrap ul{max-width:320px;margin:40px auto;display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (max-width: 768px){main .sensor .wrap ul{margin:0 calc(50% - 60vw);width:100vw}}main .sensor .wrap ul li{margin:20px;max-width:115px}main .life{background-image:linear-gradient(#ebf2f5, transparent 100%);padding:100px 20px}@media screen and (max-width: 768px){main .life{padding:40px 20px}}main .life .wrap{max-width:1200px;padding:0;margin:auto;text-align:center}main .life .wrap h2{color:#035096;font-size:30px;text-align:center;line-height:1;font-weight:400}@media screen and (max-width: 768px){main .life .wrap h2{font-size:20px}}main .life .wrap h2 small{color:#035096;font-size:18px;font-weight:300}@media screen and (max-width: 768px){main .life .wrap h2 small{font-size:14px}}main .life .wrap h3{display:inline-block;border-radius:60px;padding:10px 30px;line-height:1;font-size:20px;color:#fff;background-color:#71a2cf}@media screen and (max-width: 768px){main .life .wrap h3{font-size:14px;margin-bottom:20px}}main .life .wrap p{margin:60px 0}@media screen and (max-width: 768px){main .life .wrap p{margin:20px 0}main .life .wrap p br{display:none}}main .life .wrap figure figcaption{margin-top:20px;color:#71a2cf}main .life .wrap figure.size{max-width:700px;margin:60px auto 20px}@media screen and (max-width: 768px){main .life .wrap figure.size{margin:30px auto 20px}}main .life .wrap a{width:250px;padding:20px 45px 20px 20px;display:inline-block;text-decoration:none;background:#000;color:#fff;position:relative;transition:.3s}main .life .wrap a:hover{border-radius:80px}main .life .wrap a::before,main .life .wrap 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 .life .wrap a::before{transform:rotate(45deg)}main .life .wrap a::after{transform:rotate(-45deg)}main .Management{background-image:linear-gradient(#ebf2f5, transparent 100%);padding:100px 20px}@media screen and (max-width: 768px){main .Management{padding:40px 20px}}main .Management .wrap{max-width:1200px;padding:0 20px 0;margin:auto;text-align:center}@media screen and (max-width: 768px){main .Management .wrap{padding:0}}main .Management .wrap h2{color:#035096;font-size:30px;text-align:center;line-height:1;font-weight:400}@media screen and (max-width: 768px){main .Management .wrap h2{font-size:20px}}main .Management .wrap h2 small{color:#035096;font-size:18px;font-weight:300}@media screen and (max-width: 768px){main .Management .wrap h2 small{font-size:14px}}main .Management .wrap p{margin:60px 0}@media screen and (max-width: 768px){main .Management .wrap p{margin:30px 0}main .Management .wrap p br{display:none}}main .Management .wrap .media video{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}}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 .Spec .wrap .btn-area{margin:40px 0 0;display:flex;justify-content:center}@media screen and (max-width: 768px){main .Spec .wrap .btn-area{margin-top:20px;display:block}}main .Spec .wrap .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 .Spec .wrap .btn-area a{margin:20px 0}}main .Spec .wrap .btn-area a:hover{border-radius:80px}main .Spec .wrap .btn-area a::before,main .Spec .wrap .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 .Spec .wrap .btn-area a::before{transform:rotate(45deg)}main .Spec .wrap .btn-area a::after{transform:rotate(-45deg)}
/*# sourceMappingURL=style.css.map */