@media only screen and (min-width: 796px){.mobile-only{display:none}}@media only screen and (max-width: 795px){.tablet-only{display:none}}@media only screen and (max-width: 795px){.columns.is-reversed-mobile{display:flex;flex-direction:column-reverse}}html{font-size:18px;line-height:1.6}body,button,input,optgroup,select,textarea{font-family:"Product Sans","Noto Sans JP","AritaBuri",sans-serif !important}.ffnk{font-family:"Noto Sans Korean",sans-serif}.ffnj{font-family:"Noto Sans JP",sans-serif}.ffps{font-family:"Product Sans",sans-serif}.ffad{font-family:"AritaDotum",sans-serif}.ffab{font-family:"AritaBuri",sans-serif}.cs-primary-50{background-color:hsl(177,41%,91%)}.cs-link-50{background-color:hsl(199,94%,94%)}.cs-info-50{background-color:hsl(187,72%,93%)}.cs-success-50{background-color:hsl(125,39%,94%)}.cs-warning-50{background-color:hsl(46,100%,94%)}.cs-danger-50{background-color:hsl(6,71%,95%)}.cs-grey-50{background-color:hsl(204,15%,94%)}.cs-grey-10{background-color:hsl(210,33%,98%)}.cs-white{background-color:#fff}.greentitle{color:hsl(123,46%,34%) !important}.redtitle{color:hsl(1,77%,55%) !important}.a-color{color:hsl(200,18%,26%);cursor:pointer}.a-color:hover{color:hsl(201,98%,41%)}.bold{font-weight:600}b,strong{font-weight:600;color:hsl(200,18%,26%)}a,summary{-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{background-color:hsl(204,15%,94%);border:none;display:block;height:1px;margin:0}hr.grey-100{background-color:hsl(198,16%,84%)}hr.cstbhr{background-color:hsl(198,16%,84%);margin-top:-2px}.title,.subtitle,.semititle,.tinytitle,.heading,.explain,.point{line-height:1.4;color:hsl(200,19%,18%);letter-spacing:-1px}.title a,.subtitle a,.semititle a,.tinytitle a,.heading a,.explain a,.point a{color:hsl(200,19%,18%)}.title a:hover,.subtitle a:hover,.semititle a:hover,.tinytitle a:hover,.heading a:hover,.explain a:hover,.point a:hover{color:hsl(201,98%,41%)}.title{font-size:2rem}.subtitle{font-size:1.5rem}.semititle{font-size:1.25rem}.tinytitle{font-size:1.125rem}.explain{font-size:.938rem;font-weight:300;color:hsl(199,18%,33%)}.explain a{color:hsl(199,18%,33%)}.heading{font-size:.875rem;font-weight:300;color:hsl(199,18%,40%)}.heading a{color:hsl(199,18%,40%)}.heading strong{font-size:1rem}.point{font-size:1.25rem;font-weight:bold;color:hsl(200,97%,45%)}.point a{color:hsl(200,97%,45%)}a .title:hover,a .subtitle:hover,a .semititle:hover,a .tinytitle:hover,a .heading:hover,a .explain:hover,a .point:hover{color:hsl(201,98%,41%)}mark{margin:0 -0.4rem;padding:.05rem .4rem;border-radius:.7rem .3rem;background:rgba(0,0,0,0);background-image:linear-gradient(to right, rgba(255, 225, 0, 0.1), rgba(255, 225, 0, 0.7) 4%, rgba(255, 225, 0, 0.3));-webkit-box-decoration-break:clone;box-decoration-break:clone}u{text-decoration:none;box-shadow:inset 0 -2px 0 rgba(255,59.5,0,.6)}.fs-1{font-size:2rem}.fs-2{font-size:1.5rem}.fs-3{font-size:1.25rem}.fs-4{font-size:1.125rem}.fs-6{font-size:.938rem}.fs-7{font-size:.875rem}.tact{text-align:center}.tart{text-align:right}.bookmark{box-shadow:rgba(0,0,0,.05) 0px 6px 24px 0px,rgba(0,0,0,.08) 0px 0px 0px 1px;border-radius:.2rem}.bookmark h2{color:hsl(200,19%,18%);letter-spacing:-1px;font-size:1rem;border-bottom:1px dotted hsl(214,9%,85%);margin-bottom:.25rem}.bookmark p{letter-spacing:-0.05rem;line-height:1.6}.bookmark p a{color:hsl(202,98%,37%);text-decoration:none;margin-right:.5rem}.bookmark p a:hover{color:hsl(0,66%,47%)}.bookmark p span{font-size:.875rem;font-weight:300;color:hsl(200,15%,73%);margin-right:.5rem}.bookmark p i{font-size:.875rem;font-weight:300;color:hsl(199,18%,33%);font-style:normal}.ellipsis-one{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ellipsis-two{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}header{background-color:#fff;padding:.5rem 0;position:sticky !important;top:0;width:100%;border-bottom:1px dotted hsl(214,9%,85%);margin-bottom:.25rem;z-index:100}.logo a{font-size:1.25rem;font-weight:bold;color:hsl(0,73%,41%);text-decoration:none;margin-right:.75rem}.logo a:hover{color:hsl(206,99%,31%)}.logo span{color:hsl(200,19%,18%);font-size:1rem}.burger{width:24px;height:20px;position:relative;cursor:pointer;display:inline-block;z-index:900;margin-top:.25rem}.burger span{background-color:hsl(200,19%,18%);position:absolute;border-radius:2px;transition:.3s cubic-bezier(0.8, 0.5, 0.2, 1.4);width:100%;height:3px;transition-duration:500ms}.burger span:nth-child(1){top:0px;left:0px}.burger span:nth-child(2){top:8px;left:0px;opacity:1}.burger span:nth-child(3){bottom:0px;left:0px}.burger:not(.open):hover span:nth-child(1){transform:rotate(-3deg) scaleY(1.1)}.burger:not(.open):hover span:nth-child(2){transform:rotate(3deg) scaleY(1.1)}.burger:not(.open):hover span:nth-child(3){transform:rotate(-4deg) scaleY(1.1)}.burger.open span:nth-child(1){transform:rotate(45deg);top:8px}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:rotate(-45deg);top:8px}.nav-list{position:fixed;right:-100%;top:0;width:30%;height:100vh;background-color:hsl(177,41%,91%);transition:all .3s;z-index:200;overflow-y:auto;padding:.75rem;box-shadow:rgba(0,0,0,.05) 0px 6px 24px 0px,rgba(0,0,0,.08) 0px 0px 0px 1px}.nav-list ul{margin-top:3rem;text-align:left}.nav-list ul li{padding:.2rem;border-bottom:1px dotted hsl(214,9%,85%)}.nav-list ul li a{font-size:1rem;color:hsl(206,99%,31%);text-decoration:none;margin-right:.5rem;display:block}.nav-list ul li a:hover{color:hsl(0,73%,41%)}.onoff .nav-list{right:0}.nav-bg{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:5;background-color:hsl(210,9%,70%);opacity:0;visibility:hidden;transition:all .3s;cursor:pointer}.onoff .nav-bg{opacity:.3;visibility:visible}@media(min-width: 1216px){.nav-list{width:30%}}@media(min-width: 769px)and (max-width: 1215px){.nav-list{width:40%}}@media(max-width: 768px){.nav-list{width:74%}}main{margin-top:.75rem}.pages h1,.pages h2,.pages h3{line-height:1.4;color:hsl(200,19%,18%);letter-spacing:-1px}.pages h1 a,.pages h2 a,.pages h3 a{color:hsl(200,19%,18%)}.pages h1 a:hover,.pages h2 a:hover,.pages h3 a:hover{color:hsl(201,98%,41%)}.pages h1{font-size:2rem}.pages h2{font-size:1.5rem}.pages h3{font-size:1.125rem}.pages p{color:hsl(200,18%,26%);font-size:1rem}.pages p span{color:hsl(210,29%,24%);font-weight:300;font-size:.875rem}.pages h1 a,.pages h2 a,.pages h3 a,.pages p a{color:hsl(202,98%,37%);text-decoration:none}.pages h1 a:hover,.pages h2 a:hover,.pages h3 a:hover,.pages p a:hover{color:hsl(0,66%,47%)}aside{border-left:1px dotted hsl(214,9%,85%)}aside ul li{padding:.2rem;border-bottom:1px dotted hsl(214,9%,85%)}aside ul li a{font-size:1rem;color:hsl(206,99%,31%);text-decoration:none;margin-right:.5rem}aside ul li a:hover{color:hsl(0,73%,41%)}.col{width:100%}.row{float:left;padding:.5rem;margin-bottom:.75rem}@media(min-width: 1408px){.row{width:24.3%}}@media(min-width: 1216px)and (max-width: 1407px){.row{width:32.6%}}@media(min-width: 769px)and (max-width: 1215px){.row{width:49.4%}}@media(max-width: 768px){.row{width:100%}}footer{margin-top:.75rem;padding:.75rem;border-top:1px dotted hsl(214,9%,85%)}footer p{font-size:.813rem;font-weight:300;color:hsl(200,15%,73%)}footer p a{font-size:1rem;color:hsl(206,99%,31%);text-decoration:none;margin-right:.5rem}footer p a:hover{color:hsl(0,73%,41%)}.js-color{min-height:40px}.color-swatch{margin-bottom:.25rem}.color-data p{font-size:.75rem;line-height:1.2}kbd{border:1px solid #aaa;border-radius:4px;display:inline-block;padding:3px 6px;background:linear-gradient(178deg, #fff, #fff, #fff, #ddd);line-height:1;font-size:.85em;white-space:nowrap}.suppliers{padding:.75rem;border:1px dotted hsl(214,9%,85%);border-radius:4px}.suppliers h2{font-size:1.25rem}.suppliers h2 a{font-weight:bold;color:hsl(212,29%,13%)}.suppliers h2 a:hover{color:hsl(14,82%,46%)}.suppliers h3{color:rgb(0,76.5,63.75)}.suppliers h3 sup{font-weight:bold;color:hsl(14,82%,46%)}.suppliers h3 sup i{font-weight:bold;font-style:normal;color:hsl(185,100%,28%)}.suppliers p{color:hsl(200,18%,26%);font-size:1rem}.suppliers p sup{font-weight:bold;color:hsl(14,82%,46%)}.suppliers p sup i{font-weight:bold;font-style:normal;color:hsl(185,100%,28%)}.suppliers p em{font-size:15px;font-style:normal;font-weight:bold;color:hsl(14,82%,46%)}.suppliers hr{margin:.5rem -0.75rem}p.copy span{color:hsl(210,29%,24%);font-weight:300;font-size:.938rem}p.copy a{color:hsl(173,100%,21%);cursor:pointer;text-decoration:none;font-size:1rem}p.copy a:hover{color:hsl(14,82%,46%)}.hero-box{padding:1rem;border-radius:8px}.primary-50{background-color:hsl(177,41%,91%)}.link-50{background-color:hsl(199,94%,94%)}.info-50{background-color:hsl(187,72%,93%)}.success-50{background-color:hsl(125,39%,94%)}.warning-50{background-color:hsl(46,100%,94%)}.danger-50{background-color:hsl(6,71%,95%)}.grey-50{background-color:hsl(204,15%,94%)}.grey-10{background-color:hsl(210,33%,98%)}.white{background-color:#fff}.greentitle{color:hsl(123,46%,34%)}.redtitle{color:hsl(1,77%,55%)}