article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font-size:100%;line-height:1.231}body,button,input,select,textarea{font-family:"Times New Roman","游明朝",YuMincho,"Hiragino Mincho ProN",Meiryo,serif}::selection{text-shadow:none;background-color:highlight;color:highlighttext}a{color:#00e}a:visited{color:#551a8b}a:hover{color:#06e}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;_font-family:"courier new",monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;*overflow:visible}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:rgba(0,0,0,0);background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:rgba(0,0,0,0) !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}table{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}p{margin:0}html{overflow-y:auto;background-color:rgba(0,0,0,0);height:100%}body{background:#fff;font:normal 100%;position:relative}body,div,img,p,button,input,select,textarea,a{box-sizing:border-box}.image{display:block}input{cursor:default;display:block}input[type=button]{background-color:#e5e9e8;border:1px solid #9daca9;border-radius:4px;box-shadow:inset 0 1px #fff;font:inherit;letter-spacing:inherit;text-indent:inherit;color:inherit}input[type=button]:hover{background-color:#eff1f1}input[type=button]:active{background-color:#d2d6d6;border:1px solid #9daca9;box-shadow:inset 0 1px rgba(0,0,0,.1)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}ol,ul{list-style:none}.clearfix{zoom:1}.clearfix:after{content:"";clear:both;display:block}body{width:100%;background-color:#fefefe;color:#000;line-height:1.75em;font-kerning:normal;-moz-font-feature-settings:"kern";-webkit-font-feature-settings:"kern";font-feature-settings:"kern"}.loader{transition:opacity 900ms 0s,height 0s 900ms;display:flex;justify-content:center;align-items:center;overflow:hidden}.loader.loaded{opacity:0;height:0}.loader .loader-logo{width:277px;height:205px}@media screen and (max-width: 750px){.loader .loader-logo{width:416px;height:308px}}.wrapper{width:100%;max-width:1000px;margin:0 auto;position:relative;font-family:azo-sans-web,source-han-sans-japanese,sans-serif}@media screen and (min-width: 751px){.wrapper{width:1000px;padding:50px 0 0}.wrapper .onlySP{display:none}}@media screen and (max-width: 750px){.wrapper{width:750px;padding-bottom:50px}.wrapper br.PC,.wrapper .onlyPC{display:none}.wrapper br.SP{display:inline}.wrapper .onlySP{display:block}}.wrapper a{position:relative;outline:none;text-decoration:none;background-color:#fff}.wrapper a,.wrapper a:visited{color:#000}.wrapper a:after{content:"";display:block;position:absolute;width:100%;top:100%;left:0;bottom:auto;margin-top:-3px;height:1px;background:#000;transition:background-color .2s linear 0s;z-index:1}@media screen and (min-width: 751px){.wrapper a{transition:color .2s,background .2s}.wrapper a:hover{text-decoration:none;background-color:#000;color:#fff}.wrapper a:hover:after{opacity:0}}@media screen and (max-width: 750px){.wrapper a{transition:color .2s,background .2s}.wrapper a:active{text-decoration:none;background-color:#000;color:#fff}.wrapper a:active:after{opacity:0}}.wrapper a.hoverOpacity{background:none}.wrapper a.hoverOpacity:after{display:none}@media screen and (min-width: 751px){.wrapper a.hoverOpacity{transition:opacity .1s}.wrapper a.hoverOpacity:hover{opacity:.5;transition:opacity .2s}}.wrapper .link-button{display:block;width:100%;border:1px solid #000;text-align:center;font-weight:800;letter-spacing:.06em}.wrapper .link-button,.wrapper .link-button:visited{color:#111}.wrapper .link-button:after{display:none}@media screen and (min-width: 751px){.wrapper .link-button{padding:23px 0;font-size:24px}.wrapper .link-button:hover{background-color:#222;color:#fff}}@media screen and (max-width: 750px){.wrapper .link-button{margin:0 auto;padding:46px 0;font-size:58px}}.wrapper .cyan{color:aqua}.content_section{position:relative;margin:0 auto;width:100%}.content_section .section_header{font-family:azo-sans-web,sans-serif;font-weight:200;font-style:italic;text-align:center}.content_section .inner_section{margin:0 auto}.content_section .inner_section .inner_section_header{font-weight:800;line-height:1.25em}.content_section .inner_section code{display:inline-block;padding:0 1em;background-color:#333;color:#fff;font-size:.85em;letter-spacing:.02em}@media screen and (min-width: 751px){.content_section{font-size:16px;line-height:1.75em;padding:0 50px 90px}.content_section+.content_section{margin-top:82px}.content_section .section_header{font-size:58px;line-height:1em}.content_section .section_header+p{padding-top:33px;text-align:center}.content_section .inner_section{margin-top:80px}.content_section .inner_section+.inner_section{margin-top:87px}.content_section .inner_section .inner_section_content{position:relative}.content_section .inner_section .inner_section_content+.inner_section_content{margin-top:42px}.content_section .inner_section .content-figure{padding-left:575px;min-height:376px}.content_section .inner_section .content-figure img{width:555px;height:auto}.content_section .inner_section figure{position:absolute;left:0;top:6px}.content_section .inner_section.text-left .content-figure{padding-left:0;padding-right:575px}.content_section .inner_section.text-left figure{left:auto;right:0}.content_section .inner_section .text-container p{padding-top:35px}.content_section .inner_section .text-container .link-button{margin-top:35px}.content_section .inner_section .inner_section_header{margin-top:-14px;font-size:32px}.content_section .inner_section .text-container.upper:first-child p:first-child{padding-top:0}}@media screen and (max-width: 750px){.content_section{font-size:28px;line-height:48px}.content_section+.content_section{margin-top:188px}.content_section .section_header{font-size:90px}.content_section .section_header+p{padding-top:66px;text-align:center}.content_section .inner_section{margin-top:160px}.content_section .inner_section+.inner_section{margin-top:148px}.content_section .inner_section .inner_section_content+.inner_section_content{margin-top:66px}.content_section .inner_section figure{margin-top:59px}.content_section .inner_section .inner_section_header{text-align:center;padding:0 25px;font-size:48px}.content_section .inner_section .text-container{padding:0 25px}.content_section .inner_section .text-container p{margin-top:50px}.content_section .inner_section .text-container .link-button{margin-top:55px}.content_section .inner_section .text-container:first-child p{padding-top:0}.content_section .inner_section img{width:100%;height:auto}}.content_section-hero .hero-content{position:relative}.content_section-hero .hero-content h1{text-indent:-9999px;white-space:nowrap;overflow:hidden;vertical-align:bottom;background:url(/images/logo.svg) 0 0 no-repeat;background-size:100% auto}.content_section-hero .hero-content .hero-lead{font-weight:700}.content_section-hero .hero-content .qmk-logo{display:block;background:url(/images/qmk_logo.svg) 0 0 no-repeat}.content_section-hero .hero-image{background:url(/images/hero.jpg) center 50% no-repeat;background-size:100% auto}@media screen and (min-width: 751px){.content_section-hero{display:flex}.content_section-hero .hero-image{width:555px;height:490px}.content_section-hero .hero-content{margin-left:20px;width:325px;padding-top:24px;padding-bottom:60px}.content_section-hero .hero-content h1{width:213px;height:120px}.content_section-hero .hero-content .hero-lead{margin-top:30px;font-size:35px;line-height:52px}.content_section-hero .hero-content .hero-text{margin-top:24px}.content_section-hero .hero-content .qmk-logo{position:absolute;left:0;bottom:0;width:180px;height:40px}}@media screen and (max-width: 750px){.content_section-hero{padding:0}.content_section-hero .hero-image{width:750px;height:662px}.content_section-hero .hero-content{position:relative;padding:0 25px}.content_section-hero .hero-content h1{position:absolute;right:25px;bottom:116px;width:220px;height:123px}.content_section-hero .hero-content .hero-lead{margin-top:57px;font-size:38px;line-height:1.4em;text-align:center}.content_section-hero .hero-content .hero-text{margin-top:48px;width:460px}.content_section-hero .hero-content .qmk-logo{margin:60px auto 0;width:220px;height:55px}}@media screen and (min-width: 751px){.content_section-introduction .topview{min-height:441px}}@media screen and (min-width: 751px){.content_section-buy .buy-shops{width:440px}.content_section-buy .buy-shops dl{display:flex}.content_section-buy .buy-shops dl+dl{margin-top:30px}.content_section-buy .buy-shops dt{width:150px}.content_section-buy .buy-shops dd{margin-left:20px;font-size:13px;line-height:1.5em;display:flex;align-items:center}.content_section-buy .buy-notice{text-align:center}}@media screen and (max-width: 750px){.content_section-buy .buy-shops dl{text-align:center}.content_section-buy .buy-shops dl+dl{margin-top:70px}.content_section-buy .buy-shops dt a{display:inline-block;margin:0 auto}.content_section-buy .buy-shops dt img{width:auto}.content_section-buy .buy-shops dd{margin-top:40px}.content_section-buy .buy-notice{text-align:center}}.content_section-buildGuide .table-container{text-align:center}.content_section-buildGuide .table{margin:0 auto;border-bottom:1px solid #000}.content_section-buildGuide .table .table-item{display:flex;justify-content:space-between;border-top:1px solid #000}.content_section-buildGuide .table dt,.content_section-buildGuide .table dd{width:50%}.content_section-buildGuide .table dt .note,.content_section-buildGuide .table dd .note{font-weight:400;font-size:.8em;line-height:1.2em}.content_section-buildGuide .table dt{font-weight:700}.content_section-buildGuide .table dd{display:flex;justify-content:center;align-items:center}.content_section-buildGuide p.tools{text-align:left}@media screen and (min-width: 751px){.content_section-buildGuide .table{width:670px;margin-top:40px}.content_section-buildGuide .table .table-item{padding:16px 0}.content_section-buildGuide .table dt{width:325px;padding-left:115px}.content_section-buildGuide .table dd{width:96px;padding-right:115px}.content_section-buildGuide p.tools{width:670px;margin:0 auto}.content_section-buildGuide .inner_section .content-figure{min-height:76px}.content_section-buildGuide .inner_section .content-figure.check_board01{min-height:353px}.content_section-buildGuide .inner_section .content-figure.bridge01{min-height:481px}.content_section-buildGuide .inner_section .content-figure.bridge02{min-height:481px}.content_section-buildGuide .inner_section .content-figure.bridge03{min-height:356px}.content_section-buildGuide .inner_section .content-figure.diode01{min-height:371px}.content_section-buildGuide .inner_section .content-figure.diode02{min-height:355px}.content_section-buildGuide .inner_section .content-figure.diode03{min-height:335px}.content_section-buildGuide .inner_section .content-figure.socket01{min-height:311px}.content_section-buildGuide .inner_section .content-figure.rssw01{min-height:375px}.content_section-buildGuide .inner_section .content-figure.promicro01{min-height:376px}.content_section-buildGuide .inner_section .content-figure.oled01{min-height:376px}.content_section-buildGuide .inner_section .content-figure.encoder01{min-height:376px}.content_section-buildGuide .inner_section .content-figure.encoder02{min-height:376px}.content_section-buildGuide .inner_section .content-figure.firm01{min-height:380px}.content_section-buildGuide .inner_section .content-figure.firm02{min-height:482px}.content_section-buildGuide .inner_section .content-figure.panel01{min-height:376px}.content_section-buildGuide .inner_section .content-figure.panel02{min-height:376px}.content_section-buildGuide .inner_section .content-figure.panel03{min-height:432px}.content_section-buildGuide .inner_section .content-figure.panel04{min-height:481px}.content_section-buildGuide .inner_section .content-figure.finish01{min-height:441px}.content_section-buildGuide .inner_section .content-figure.finish02{min-height:376px}.content_section-buildGuide .inner_section .content-figure.ble-before{min-height:316px}.content_section-buildGuide .inner_section .content-figure.ble-back{min-height:417px}.content_section-buildGuide .inner_section .content-figure.ble-front{min-height:382px}.content_section-buildGuide .inner_section .content-figure.ble-after{min-height:461px}.content_section-buildGuide .inner_section .content-figure.onboard-before{min-height:440px}.content_section-buildGuide .inner_section .content-figure.onboard-mcu{min-height:421px}.content_section-buildGuide .inner_section .content-figure.onboard-parts{min-height:471px}.content_section-buildGuide .inner_section .content-figure.onboard-back{min-height:501px}.content_section-buildGuide .inner_section .content-figure.onboard-front{min-height:376px}.content_section-buildGuide .inner_section .content-figure.onboard-after{min-height:421px}}@media screen and (max-width: 750px){.content_section-buildGuide .table{width:700px;margin-top:40px}.content_section-buildGuide .table .table-item{padding:26px 0}.content_section-buildGuide .table dt{width:580px}.content_section-buildGuide .table dd{width:100px}}.content_section-copyright{text-align:center}.content_section-copyright .nil-logo{display:block;text-indent:-9999px;white-space:nowrap;overflow:hidden;vertical-align:bottom;background:url(/images/nil-logo.png) 0 0 no-repeat;background-size:100% auto}.content_section-copyright .nil-logo:after{display:none}@media screen and (min-width: 751px){.content_section-copyright{margin-top:30px;font-size:12px}.content_section-copyright .nil-logo{margin:14px auto;width:100px;height:22px}}@media screen and (max-width: 750px){.content_section-copyright{margin-top:44px;font-size:22px}.content_section-copyright .nil-logo{margin:18px auto;width:200px;height:44px}}