.service-map{margin-top:100px;color:#111;letter-spacing:.05em}.service-map h2{color:#03b8ec;margin-bottom:40px;font-size:2.125em;text-align:center}.service-map .type-list{padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 5px 160px}.service-map .type-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 10px 5px 0}.service-map .type-list li:before{content:"";width:51px;height:17px;margin-right:10px;-webkit-border-radius:2px;border-radius:2px}.service-map .type-list li span{font-size:14px;font-size:.875rem;font-weight:bold;line-height:1}.service-map .type-list li span:before{content:"=";margin-right:.5em}.service-map .type-list li.color-green:before{background:#139346}.service-map .type-list li.color-red:before{background:#f95f55}.service-map .type-list li.color-orange:before{background:#ffa423}.service-map .type-list li.color-blue:before{background:#0f86da}.service-map .type-list li.color-aqua:before{background:#03b8ec}.service-map .type-list li.color-violet:before{background:#a24fbd}.service-map .type-list li.color-deep_orange:before{background:#fd8900}.service-map .type-list li.color-dark-blue:before{background:#1976d2}.service-map .type-list li.color-yellow-green:before{background:#87c820}.service-map .flow-list{padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 6px 160px}.service-map .flow-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:20%;height:80px}.service-map .flow-list li:before,.service-map .flow-list li:after{content:"";position:absolute;width:0;height:0;border-style:solid}.service-map .flow-list li:before{right:-33px;bottom:-3px;border-width:43px 0 43px 33px;border-color:transparent transparent transparent #fff;z-index:2}.service-map .flow-list li:after{bottom:0;right:-30px;border-width:40px 0 40px 30px;z-index:3}.service-map .flow-list li span{font-weight:bold}.service-map .flow-list li:not(:first-child){padding-left:30px}.service-map .flow-list li:last-child{width:calc(20% - 30px);margin-right:30px}.service-map .flow-list li:first-child{background:#dbdbdb}.service-map .flow-list li:first-child:after{border-color:transparent transparent transparent #dbdbdb}.service-map .flow-list li:nth-child(2){background:#c9c9c9}.service-map .flow-list li:nth-child(2):after{border-color:transparent transparent transparent #c9c9c9}.service-map .flow-list li:nth-child(3){background:#bfbfbf}.service-map .flow-list li:nth-child(3):after{border-color:transparent transparent transparent #bfbfbf}.service-map .flow-list li:nth-child(4){background:#b5b5b5}.service-map .flow-list li:nth-child(4):after{border-color:transparent transparent transparent #b5b5b5}.service-map .flow-list li:last-child{background:#aaa}.service-map .flow-list li:last-child:after{border-color:transparent transparent transparent #aaa}.service-map .map-main .map-item{display:-webkit-box;display:-ms-flexbox;display:flex}.service-map .map-main .map-item:not(:last-child){border-bottom:2px solid #32b8ec}.service-map .map-main .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:155px;margin:5px 5px 5px 0;padding:20px 0;color:#03b8ec;text-align:center;background:#edf7fb}.service-map .map-main .title p{margin:10px 0 0;font-size:15px;font-size:.9375rem;font-weight:bold}.service-map .map-main .button-container{width:calc(100% - 160px);background:url("https://www.ubsecure.jp/hubfs/Ubsecure%202019%20Theme/images/service/bg-service-map.png") -1px 0/100% auto repeat-y}.service-map .map-main .button-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:10px}.service-map .map-main .button-row:first-child{margin-top:10px}.service-map .map-main .button-row:first-child .button-item.height-row2 .button{height:138px}.service-map .map-main .button-row.st-2:before{content:"";display:block;width:20%;height:100%}.service-map .map-main .button-row.st-3:before{content:"";display:block;width:40%;height:100%}.service-map .map-main .button-row.st-4:before{content:"";display:block;width:60%;height:100%}.service-map .map-main .button-row.st-5:before{content:"";display:block;width:80%;height:100%}.service-map .map-main .button-item{position:relative;width:20%;padding:0 5px}.service-map .map-main .button-item.width-col2{width:40%}.service-map .map-main .button-item.width-col3{width:60%}.service-map .map-main .button-item.width-col4{width:80%}.service-map .map-main .button-item.width-col5{width:100%}.service-map .map-main .button-item.left-space-1{margin-left:20%}.service-map .map-main .button-item.left-space-2{margin-left:40%}.service-map .map-main .button-item.left-space-3{margin-left:60%}.service-map .map-main .button-item.height-row2 .button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:126px;margin-top:-83px}.service-map .map-main .logo{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 5px 5px}.service-map .map-main .logo.-absolute{position:absolute;bottom:62px;left:0}.service-map .map-main .button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:none;min-height:58px;padding:.6875em 15px;line-height:1.125em;-webkit-border-radius:5px;border-radius:5px}.service-map .map-main .button:after{right:12px;margin-top:-0.2em}.service-map .map-main .button.-lt-small{padding:.36em 15px;font-size:.875em;line-height:1.29;letter-spacing:-0.01em}.service-map .map-main .button.color-green{background:#139346}.service-map .map-main .button.color-red{background:#f95f55}.service-map .map-main .button.color-orange{background:#ffa423}.service-map .map-main .button.color-blue{background:#0f86da}.service-map .map-main .button.color-aqua{background:#03b8ec}.service-map .map-main .button.color-violet{background:#a24fbd}.service-map .map-main .button.color-deep_orange{background:#fd8900}.service-map .map-main .button.color-dark-blue{background:#1976d2}.service-map .map-main .button.color-yellow-green{background:#87c820}@media screen and (max-width:980px){.service-map .flow-list li{font-size:.875em}.service-map .map-main .button{font-size:.75em;word-break:break-all}.service-map .map-main .button.-lt-small{font-size:.75em}}@media screen and (max-width:767px){.service-map{display:none}}