#modal .modal-content-wrap{position:relative;visibility:hidden;opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;max-width:90vw;max-height:80vh;background-color:#fff;position:fixed;left:50vw;top:50vh;-webkit-transform:translate(-50%, -55%);transform:translate(-50%, -55%)}#modal .modal-overlay{background-color:rgba(0,0,0,.5);position:fixed;left:0;top:0;min-width:100vw;min-height:100vh;visibility:hidden;opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}#modal .modal-close{position:absolute;right:15px;top:15px;width:16px;height:16px;background:url(../../assets/img/ico-close.png) center center no-repeat;background-size:16px auto;cursor:pointer}#modal .modal-close:hover{opacity:.8}#modal.active .modal-content-wrap{visibility:visible;opacity:1;z-index:999}#modal.active .modal-overlay{visibility:visible;opacity:1;z-index:999}#modal .modal-content{background-color:#fff;max-height:80vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.main-container>header p:before{content:"";background:url(../../assets/img/business/img-keyico-app.png) center top no-repeat;background-size:contain;width:250px;height:180px;position:absolute;left:0;top:-50px}@media screen and (max-width: 640px){.main-container>header p:before{width:125px;height:90px}}.main-container>.wrap-2col main.main-content>header h1+p.lead-text{margin-top:30px}.main-container>.wrap-2col main.main-content>header h1+p.lead-text em{font-weight:700;padding-bottom:20px;display:block}.main-container>.wrap-2col main.main-content>header h1+p.lead-text:before{content:"";display:block;background:url(../../assets/img/business/img-business-dispatch01.jpg) left top no-repeat;background-size:376px auto;width:376px;height:251px;float:right;margin-left:10px}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>header h1+p.lead-text:before{width:120px;height:80px;opacity:.2;float:inherit;position:absolute;right:0;top:0;margin-top:0;z-index:-1}}.main-container>.wrap-2col main.main-content>.main-body>*{margin-top:40px}.main-container>.wrap-2col main.main-content>.main-body>*:first-child{margin-top:20px}.main-container>.wrap-2col main.main-content>.main-body>* h2{background-color:#00559d;color:#fff;font-weight:700;padding:15px;position:relative;z-index:-1}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body>* h2{padding:5px;font-weight:normal}}.main-container>.wrap-2col main.main-content>.main-body>* h2:before{content:"";width:10px;height:0;border-style:solid;border-width:3.5px 0 3.5px 6.1px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;position:absolute;left:0;top:50%;margin-top:-3px}.main-container>.wrap-2col main.main-content>.main-body>* h2+P{margin-top:20px;line-height:3rem}.main-container>.wrap-2col main.main-content>.main-body>*>section{margin-top:35px}.main-container>.wrap-2col main.main-content>.main-body .sec-record{overflow-x:hidden}.main-container>.wrap-2col main.main-content>.main-body .sec-record .items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -25px}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-record .items{margin:0 -5px}}.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li{width:calc(33.3333333333% - 50px);margin:20px 25px 0}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li{width:calc(50% - 10px);max-width:inherit;margin:20px 5px 0;-webkit-box-sizing:border-box;box-sizing:border-box}}.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li .title{color:#00559d;font-weight:700;font-size:2.1rem;margin-top:5px}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li .title{font-size:1.6rem}}.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li .title span{font-size:1.6rem}.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li figure{width:100%}.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li figure img{-o-object-fit:contain;object-fit:contain}.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li p{margin-top:5px;font-size:1.5rem}.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li.more{width:100%;max-width:inherit;margin-bottom:50px}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li.more{height:0;position:relative}}.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li.more a{display:block;border:1px #00559d solid;background-color:#00559d;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;padding:10px;width:calc(100% - 20px);margin:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;color:#fff;font-size:2.2rem;line-height:2.6rem;text-align:center}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li.more a{width:100%;font-size:1.8rem;margin:0}}.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li.more a:hover{background-color:#fff;color:#00559d}.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li.more a span{display:block;width:100%;text-align:right;position:absolute;right:10px;top:0;padding:10px 0;font-size:1.4rem}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li.more a span{display:none}}.main-container>.wrap-2col main.main-content>.main-body .sec-record .items li.more a span:after{content:">>>"}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet p.lead-text{position:relative}}.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet p.lead-text:before{content:"";display:block;background:url(../../assets/img/business/img-business-app01.png) left top no-repeat;background-size:contain;width:230px;height:266px;float:right;margin-top:-95px}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet p.lead-text:before{width:180px;height:200px;opacity:.2;float:inherit;position:absolute;right:0;top:0;margin-top:0;z-index:-1}}.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet .sec-environment>.content{margin-top:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet .sec-environment>.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet .sec-environment>.content>section{border:1px dashed #00559d;border-radius:15px;padding:20px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet .sec-environment>.content>section{margin-top:30px}}.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet .sec-environment>.content>section:nth-child(1){width:45%}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet .sec-environment>.content>section:nth-child(1){width:100%;margin-top:10px}}.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet .sec-environment>.content>section:nth-child(1) ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet .sec-environment>.content>section:nth-child(1) ul li{width:50%}.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet .sec-environment>.content>section:nth-child(2){width:25%}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet .sec-environment>.content>section:nth-child(2){width:100%}}.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet .sec-environment>.content>section:nth-child(3){width:25%}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet .sec-environment>.content>section:nth-child(3){width:100%}}.main-container>.wrap-2col main.main-content>.main-body .sec-sp-tablet .sec-environment>.content>section h4{-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:0 10px;background-color:#fff;font-size:2.2rem;color:#00559d;position:absolute;left:50%;top:-1.6rem}.main-container>.wrap-2col main.main-content>.main-body .sec-web-system p.lead-text{min-height:120px}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-web-system p.lead-text{position:relative}}.main-container>.wrap-2col main.main-content>.main-body .sec-web-system p.lead-text:before{content:"";display:block;background:url(../../assets/img/business/img-business-app02.png) left top no-repeat;background-size:contain;width:200px;height:266px;float:right;margin-top:-130px}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-web-system p.lead-text:before{opacity:.2;float:inherit;position:absolute;right:0;top:0;margin-top:0;z-index:-1}}.main-container>.wrap-2col main.main-content>.main-body .sec-cloud p.lead-text{min-height:120px}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-cloud p.lead-text{position:relative}}.main-container>.wrap-2col main.main-content>.main-body .sec-cloud p.lead-text:before{content:"";display:block;background:url(../../assets/img/business/img-business-app03.png) left top no-repeat;background-size:contain;width:270px;height:290px;float:right;margin-top:-50px}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-cloud p.lead-text:before{opacity:.2;float:inherit;position:absolute;right:0;top:0;margin-top:0;z-index:-1;width:200px}}.main-container>.wrap-2col main.main-content>.main-body .sec-cloud .platforms{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:40px}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-cloud .platforms{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px}}.main-container>.wrap-2col main.main-content>.main-body .sec-cloud .platforms li{height:88px}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-cloud .platforms li{height:50px}}.main-container>.wrap-2col main.main-content>.main-body .sec-cloud .platforms li+li{margin-left:66px}@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>.main-body .sec-cloud .platforms li+li{margin-left:10px}}.main-container>.wrap-2col main.main-content>.main-body .sec-cloud .platforms+p.note{margin-top:20px;font-size:1.4rem}
