.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}