@charset "UTF-8";.top-menu-col a,p.catch{font-family:'Noto Sans JP',sans-serif;color:#000}.example-link,.examples>a,.top-menu-col a{text-decoration:none}.examples>a,dl.points dt,section h3{text-align:center}.top-menu-col a:after,dl.points dd:before{font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.top-menu-col{width:94%;margin:1em auto 2em;line-height:1.2;list-style:none}.top-menu-col a{position:relative;display:block;margin:.8em .2em;padding:10px 10px 10px 35px;background:#fcf4ce;font-size:120%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.top-menu-col a span{color:#c00}.top-menu-col a:before{position:absolute;content:'';top:calc(50% - 2px);width:15px;left:10px;height:5px;border-top:5px solid #c96;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s}.top-menu-col a:after{position:absolute;right:2%;top:50%;content:'\f103';font-size:120%;color:#c96;transform:translateY(-50%)}h2.bg-deco-01{margin-left:10px;margin-right:10px;padding:.5em 1em;background-color:#b2d3e4;box-shadow:0 0 0 10px #b2d3e4;border-top:2px dashed #fff;border-bottom:2px dashed #fff!important;font-size:220%!important}p.catch,section h3{font-size:160%!important}section p{margin-left:1em}p.catch{margin:1em .5em .5em!important;padding:.5em;border-left:5px solid #6c6;background-color:rgba(102,204,102,.1)}section h3{position:relative;margin:1em auto!important;padding:0 3em;width:fit-content}section h3::after,section h3::before{position:absolute;top:50%;content:'';background:#4c9ac0;width:2em;height:3px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}section h3::before{left:0}section h3::after{right:0}.examples{display:flex;flex-direction:column;align-examples:stretch;margin-top:-20px}.examples>a{margin-top:20px;font-size:180%;color:#000;background-color:#f8f8f8}.example-link{display:block;border:1px solid #ddd;border-radius:5px;color:inherit;transition:color .5s}.example-link:hover{background-color:#fef4dc}.example-link:hover .example-img img{transform:scale(1.05)}.example-img{overflow:hidden}.example-img img{max-width:none;width:100%;border-radius:5px 5px 0 0;transition:transform .5s}.example-name{margin:20px}.example-outline{padding:1em;font-size:16px;background-color:#fff;border-radius:5px;text-align:left;align-examples:stretch}dl.points{margin:1em .5em;padding:.5em;background-color:rgba(255,204,102,.1);border:1px solid #fc6;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;font-size:120%}dl.points dt{width:auto;margin-bottom:.5em;padding:.2em .4em;background-color:#f93;color:#fff;font-size:100%}dl.points dd{padding:.2em;margin-left:2em;text-indent:-2.5em}dl.points dd:before{margin-left:2.5em;text-indent:-1.5em;display:inline-block;content:"\f111";color:#f93}@media (min-width:700px){.top-menu-col{display:flex;align-items:stretch;margin-bottom:0}.top-menu-col a{flex:1;text-align:center;margin:.8em 1em;padding:15px 10px 2em;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.top-menu-col a span{display:block;margin-bottom:.5em;font-size:120%}.top-menu-col a:before{content:'';position:absolute;top:0;left:calc(50% - 50%);width:100%;height:5px;border-top:5px solid #c96;border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0}.top-menu-col a:after{position:absolute;right:0;left:0;top:75%;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s}.top-menu-col a:hover:before{border-top:5px solid #c63}.top-menu-col a:hover:after{position:absolute;top:80%;color:#c63;-moz-transition:.25s linear;-webkit-transition:.25s linear;-o-transition:.25s linear;transition:.25s linear}.examples{flex-direction:row;justify-content:space-between;flex-wrap:wrap}.examples>a{width:calc((100% - 40px)/ 2)}}