.tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:1280px;width:80%;margin:0 auto;padding-top:30px;padding-bottom:10px}@media screen and (max-width: 980px){.tabs{width:100%}}.tabButton{width:25%;margin:0 3px;border:2px solid #ccc;border-radius:8px;background:#fff;font-size:16px;font-weight:bold;line-height:1;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}@media screen and (max-width: 980px){.tabButton{padding:2px 0;font-size:11px}}.tabButton:hover{border-color:#06c;background:#e8f4ff}.tabButton.is-01.active{border-color:#f8d984;background:#fe5100}.tabButton.is-02.active{border-color:#9ed0f8;background:#005db1}.tabButton.is-03.active{border-color:#9cd79f;background:#00701a}.tabButton.is-04.active{border-color:#d9d9d9;background:#707070}.tabButton.active{color:#fff;cursor:default}#container{position:relative;max-width:1280px;width:80%;margin:0 auto;overflow:hidden}@media screen and (max-width: 980px){#container{width:96%}}#container::before{content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:2px;background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 255, 0)), color-stop(38%, rgba(0, 0, 255, 0)), to(rgb(0, 0, 255)));background:linear-gradient(to right, rgba(0, 0, 255, 0) 0%, rgba(0, 0, 255, 0) 38%, rgb(0, 0, 255) 100%);translate:-100% 0}svg{width:100%;height:100%}/*# sourceMappingURL=diagram.min.css.map */