.table_wrap_demo{overflow-x:scroll}.table_wrap_demo>table{width:1000px}.table_wrap_demo>table th{background:#f3f3f3}.table_wrap_demo .title-x{width:100px}.box_parent{position:relative;width:100%;margin:60px auto!important;padding:60px 0}.box_parent:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:navy;transform:skewY(-5deg);z-index:-1}.box_child{backgound:#fff;width:70%;margin:0 auto;text-align:center;color:#fff}.mask{mask-image:url(https://knowledge-base.site/wp/wp-content/uploads/2022/02/mask-image.png);mask-repeat:no-repeat;-webkit-mask-image:url(https://knowledge-base.site/wp/wp-content/uploads/2022/02/mask-image.png);-webkit-mask-repeat:no-repeat}.flex_content{display:flex;flex-flow:row wrap;list-style:none!important}.flex_content li{background:#ffa500;width:200px;height:200px;margin-bottom:20px}.flex_content.jc-fs li{background:#ffa500;width:200px;height:200px;margin-right:20px}.flex_content.jc-fe li{background:#ffa500;width:200px;height:200px;margin-left:20px}.jc-sb{justify-content:space-between}.jc-sa{justify-content:space-around}.jc-fs{justify-content:flex-start}.jc-fe{justify-content:flex-end}.flex_content_c{display:flex;flex-flow:column wrap;list-style:none!important}.flex_content_c li{background:#ffa500;width:200px;height:200px;margin-bottom:20px}.flex_content_r{display:flex;flex-flow:row-reverse wrap;list-style:none!important}.flex_content_r li{background:#ffa500;width:200px;height:200px;padding:20px;margin-left:20px;text-align:center;box-sizing:border-box}.flex_content_c-r{display:flex;flex-flow:column-reverse wrap;list-style:none!important}.flex_content_c-r li{background:#ffa500;width:200px;height:200px;margin-bottom:20px;padding:20px;text-align:center;box-sizing:border-box}.heading_01{border-bottom:2px solid #222;padding:5px 10px;box-sizing:border-box;font-size:2.4rem;font-weight:bold;background:none!important;color:#222!important;border-radius:0!important;margin-top:10px!important}.heading_02{border-top:2px solid #222;padding:5px 10px;box-sizing:border-box;font-size:2.4rem;font-weight:bold;background:none!important;color:#222!important;border-radius:0!important;margin-top:10px!important}.heading_03{border-left:5px solid #222;padding:5px 10px;box-sizing:border-box;font-size:2.4rem;font-weight:bold;background:none!important;color:#222!important;border-radius:0!important;margin-top:10px!important}.heading_04{border-top:2px solid #222;border-bottom:2px solid #222;padding:5px 10px;box-sizing:border-box;font-size:2.4rem;font-weight:bold;background:none!important;color:#222!important;border-radius:0!important;margin-top:10px!important}.heading_05{border:2px solid #222;padding:5px 10px;box-sizing:border-box;font-size:2.4rem;font-weight:bold;background:none!important;color:#222!important;border-radius:0!important;margin-top:10px!important}.heading_06{background:#efefef!important;padding:5px 10px;box-sizing:border-box;font-size:2.4rem;font-weight:bold;color:#222!important;border-radius:0!important;margin-top:10px!important}.heading_07{background:url(http://knowledgebase-media.com/kbwp/wp-content/themes/knowledge_base/assets/images/single/xheading_bg_japan_design.jpg.pagespeed.ic.IrxA576erE.jpg) repeat left top;padding:10px;box-sizing:border-box;font-size:2.4rem;font-weight:bold;color:#222!important;border-radius:0!important;margin-top:10px!important}.heading_08{position:relative;padding:10px;box-sizing:border-box;font-size:2.4rem;font-weight:bold;background:none!important;color:#222!important;border-radius:0!important;margin-top:10px!important;line-height:1.3}.heading_08:before{content:"";position:absolute;background:url(http://knowledgebase-media.com/kbwp/wp-content/themes/knowledge_base/assets/images/single/heading_icon.png.pagespeed.ce.0TC0l1j-jg.png) no-repeat left top;width:100%;height:100%}.heading_08 span{margin-left:40px}.heading_09{background:linear-gradient(90deg,#7abcff,#4096ee);padding:10px;box-sizing:border-box;font-size:2.4rem;font-weight:bold;color:#222!important;border-radius:0!important;margin-top:10px!important}.heading_10{background:#efefef!important;border-bottom:2px solid #333;padding:5px 10px;box-sizing:border-box;font-size:2.4rem;font-weight:bold;color:#222!important;border-radius:0!important;margin-top:10px!important}.heading_11{background-color:#7abcff;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,#a6d2ff 10px,#a6d2ff 20px);padding:5px 10px;box-sizing:border-box;font-size:2.4rem;font-weight:bold;color:#222!important;border-radius:0!important;margin-top:10px!important}.heading_12{border-radius:16px!important;background:#7abcff;padding:5px 10px;box-sizing:border-box;font-size:2.4rem;font-weight:bold;color:#222!important;margin-top:10px!important}.heading_13{padding:5px 10px;box-sizing:border-box;text-align:center;font-weight:bold;background:none!important;color:#222!important;margin-top:10px!important}.heading_13 span{display:block;line-height:1.3}.heading_13 .en{font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","Hiragino Sans","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;font-size:1.4rem;color:#3394f6}.heading_13 .ja{font-size:2.4rem}.heading_14{position:relative;display:inline-block;padding:50px;box-sizing:border-box;font-size:2.4rem;font-weight:bold;background:none!important;border-radius:0!important;color:#222!important;margin-top:10px!important}.heading_14:before,.heading_14:after{content:'';position:absolute;top:50%;background:#222;width:50px;height:2px;display:inline-block}.heading_14:before{left:0}.heading_14:after{right:0}.heading_15{position:relative;display:inline-block;padding:0 35px;box-sizing:border-box;font-size:2.4rem;font-weight:bold;background:none!important;border-radius:0!important;color:#222!important;margin-top:10px!important}.heading_15:before,.heading_15:after{content:'';position:absolute;top:50%;display:inline-block;width:35px;height:2px;background-color:#000}.heading_15:before{left:0;transform:rotate(60deg)}.heading_15:after{right:0;transform:rotate(-60deg)}.heading_16{position:relative;display:inline-block;padding:55px;box-sizing:border-box}.heading_16:before,.heading_16:after{content:'';position:absolute;top:50%;background:#222;width:35px;height:2px;display:inline-block;transform:rotate(-60deg)}.heading_16:before{left:0}.heading_16:after{right:0}.ribbon01{margin-top:30px!important;display:inline-block;position:relative;height:60px;line-height:60px!important;text-align:center;padding:0 30px!important;font-size:20px!important;background:teal!important;color:#fff;box-sizing:border-box}.ribbon01:before,.ribbon01:after{position:absolute;content:"";width:0;height:0;z-index:1}.ribbon01:before{top:0;left:0;border-width:30px 0 30px 25px;border-color:transparent transparent transparent #fff;border-style:solid}.ribbon01:after{top:0;right:0;border-width:30px 25px 30px 0;border-color:transparent #fff transparent transparent;border-style:solid}.ribbon02{display:inline-block;position:relative;height:60px;line-height:60px;text-align:center;padding:7px 0;font-size:18px;background:teal;color:#fff;box-sizing:border-box}.ribbon02 h3{margin:0;padding:0 30px;border-top:dashed 1px #fff;border-bottom:dashed 1px #fff;line-height:46px}.ribbon02:before,.ribbon02:after{position:absolute;content:'';width:0;height:0;z-index:1}.ribbon02:before{top:0;left:0;border-width:30px 0 30px 20px;border-color:transparent transparent transparent #fff;border-style:solid}.ribbon02:after{top:0;right:0;border-width:30px 20px 30px 0;border-color:transparent #fff transparent transparent;border-style:solid}.ribbon03{margin-top:30px!important;position:relative;background:teal;color:#fff;padding:1em;border-radius:0!important}.ribbon03:after{content:"";position:absolute;bottom:-10px;left:0;width:0;height:0;border-style:solid;border-color:transparent #000 transparent transparent;border-width:0 40px 10px 0}.ribbon04{margin-top:30px!important;display:inline-block;position:relative;background:teal;color:#fff;padding:1em;text-align:center}.ribbon04:before,.ribbon04:after{content:"";position:absolute;width:0;height:0}.ribbon04:before{right:0;bottom:-10px;border-style:solid;border-color:transparent transparent transparent #2f4f4f;border-width:0 0 10px 30px}.ribbon04:after{right:-90px;bottom:-11px;width:60px;z-index:-2;border:30px solid teal;border-right-color:transparent}.ribbon-wrapper01{display:block;position:relative;margin:15px auto;padding:10px 0;width:350px;height:100px;background:#b0c4de;box-shadow:0 3px 5px rgba(0,0,0,.14);box-sizing:border-box}.ribbon-wrapper01 .ribbon-content{position:absolute;top:-13px;right:-6px;width:89px;height:91px;margin-top:0;overflow:hidden}.ribbon-wrapper01 .ribbon{display:inline-block;position:absolute;padding:7px 0;left:-25px;top:25px;width:170px;text-align:center;font-size:14px;line-height:20px;background:teal;color:#fff;letter-spacing:.2em;-webkit-transform:rotate(45deg);transform:rotate(45deg);box-shadow:0 2px 5px rgba(0,0,0,.2)}.ribbon-wrapper01 .ribbon:before,.ribbon-wrapper01 .ribbon:after{position:absolute;content:"";border-top:6px solid #000;border-left:6px solid transparent;border-right:6px solid transparent;bottom:-6px}.ribbon-wrapper01 .ribbon:before{left:15px}.ribbon-wrapper01 .ribbon:after{right:20px}.ribbon-wrapper02{display:block;position:relative;margin:20px auto 45px;padding:20px 0;width:250px;background:#9cc;box-sizing:border-box}.ribbon-wrapper02 .ribbon{display:inline-block;position:absolute;top:-6px;right:10px;margin:0;padding:10px 0;z-index:2;width:50px;text-align:center;color:#fff;font-size:18px;background:linear-gradient(teal 0%,navy 100%);border-radius:2px 0 0 0}.ribbon-wrapper02 .ribbon:before{position:absolute;content:'';top:1px;right:-5px;border:none;border-bottom:solid 5px navy;border-right:solid 5px transparent}.ribbon-wrapper02 .ribbon:after{content:'';position:absolute;left:0;top:100%;height:0;width:0;border-left:25px solid navy;border-right:25px solid navy;border-bottom:15px solid transparent}.ribbon-wrapper03{display:block;position:relative;margin:20px auto;padding:20px 0;width:250px;background:#9cc;box-sizing:border-box}.ribbon-wrapper03 .ribbon{display:inline-block;position:absolute;top:-6px;right:10px;margin:0;padding:10px 0;z-index:2;width:50px;text-align:center;color:#fff;font-size:20px;background:linear-gradient(teal 0%,navy 100%);border-radius:2px 0 0 0}.ribbon-wrapper03 .ribbon:before{position:absolute;content:'';top:0;right:-6px;border:none;border-bottom:solid 5px navy;border-right:solid 5px transparent}.ribbon-wrapper03 .ribbon:after{content:'';position:absolute;left:0;top:100%;height:0;width:0;border-left:25px solid navy;border-right:25px solid navy;border-bottom:15px solid transparent}code[class*="language-"],pre[class*="language-"]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*="language-"]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre) > code[class*="language-"],
pre[class*="language-"] {background:#272822}:not(pre) > code[class*="language-"] {padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24,20%,50%,.08);background:linear-gradient(to right,hsla(24,20%,50%,.1) 70%,hsla(24,20%,50%,0));pointer-events:none;line-height:inherit;white-space:pre}@media print{.line-highlight{-webkit-print-color-adjust:exact;color-adjust:exact}}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:hsl(24,20%,95%);font:bold 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px white}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:before,.line-numbers .line-highlight:after{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(128,128,128,.2)}pre[class*="language-"].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*="language-"].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus{color:inherit;text-decoration:none}