@charset "UTF-8";
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;width:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a img,img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}figure,sub,sup{position:relative}script{display:none!important}button[disabled],html input[disabled]{cursor:default}table{border-collapse:collapse;border-spacing:0}a,abbr,address,blockquote,body,caption,cite,code,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,label,legend,li,object,ol,p,pre,q,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,ul{border:0;margin:0;padding:0}*{box-sizing:border-box}html,html a{-webkit-font-smoothing:antialiased}li{list-style:none}*,::after,::before{box-sizing:border-box}html{font-family:YakuHanJP,Roboto,"Noto Sans Japanese","Helvetica Neue","Segoe UI",Helvetica,"游ゴシック体",YuGothic,"Yu Gothic M","游ゴシック Medium","Yu Gothic Medium","メイリオ",Meiryo,sans-serif;font-size:15px;line-height:1.85;word-wrap:break-word;overflow-wrap:break-word;text-align:left}body{width:100%;-ms-scroll-chaining:none;overscroll-behavior:none}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}p{margin-top:0;margin-bottom:0}hr{margin-top:0;margin-bottom:0}pre{margin-top:0;margin-bottom:0}blockquote{margin:0}ol,ul{margin-top:0;margin-bottom:0;padding-left:0}li{list-style-type:none}dl{margin-top:0;margin-bottom:0}dd{margin-left:0}figure{margin:0}address,cite,dfn,em,i,var{font-style:inherit}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:bottom}img,input,select,textarea,video{max-width:100%;height:auto}svg{fill:currentcolor}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}th{text-align:inherit}button,input,select,textarea{padding:0;font:inherit;color:inherit;background-color:transparent;border:0}select{border-radius:0}::-ms-expand{display:none}fieldset{min-width:0;margin:0;padding:0;border:0}[hidden][hidden]{display:none!important}.l-siteMenu{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:1}.l-siteMenu__inner{position:relative;z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden}.l-siteMenu__item a{display:block;color:#fff;text-decoration:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.l-siteMenu__item.-divisions .l-siteMenu__main,.l-siteMenu__item.-special .l-siteMenu__main{position:relative}.l-siteMenu__item.-divisions .l-siteMenu__main::before,.l-siteMenu__item.-special .l-siteMenu__main::before{content:'';position:absolute;top:50%;left:0;width:1px;background:#888}.l-siteMenu__item.-divisions .l-siteMenu__title,.l-siteMenu__item.-special .l-siteMenu__title{color:#888}.l-siteMenu__main{color:#fff;display:block;line-height:1.4}.l-siteMenu__title{display:block;font-weight:300}.l-siteMenu__lead{display:block;color:#bbb}.l-siteMenu__branches{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.l-siteMenu__branch a{position:relative;display:block}.l-siteMenu__branch a::after{content:'';position:absolute;top:50%;right:0;width:1px;height:60%;background:#fff;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.l-siteMenu__branch:first-child a{padding-left:0}.l-siteMenu__branch:last-child a{padding-right:0}.l-siteMenu__branch:last-child a::after{display:none}.l-siteMenu__link a{color:#fff;text-decoration:none}.l-siteMenu__bg{position:absolute;top:0;left:0;height:100%;background:#262626;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.l-siteMenu__cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.l-breadcrumbs{display:none}.l-breadcrumbs_htn{position:relative}.footer__linkIcon{position:absolute;top:50%;left:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.l-page{-webkit-backface-visibility:hidden;backface-visibility:hidden}.l-pageContent{-webkit-backface-visibility:hidden;backface-visibility:hidden}.l-pageContent.-gray{background:#f5f5f5}#footer .l-footer__item.-banner img{width:100%}.p-pageHead.-border{border-bottom:1px solid #e7e7e7}.p-pageHead__title rt{display:inline-block;color:#888;font-weight:500}.p-pageHead__title.-large{line-height:1.4}.page-index #wrapper .hatena-module-title{display:none}@media screen and (width>768px){.page-index #bottom-editarea{margin-top:110px}}.category-news #box2{display:none}.category-news.page-entry .p-categoryLink{display:none}.page-entry .p-categoryLink{display:block}.urllist-title-link{display:block;color:#000;text-decoration:none}.p-categoryLink{display:none}.hatena-module-title,.archive-heading{line-height:1.4;border-bottom:1px solid #e7e7e7;letter-spacing:1px}.hatena-module-title a{display:block;color:#000;text-decoration:none;pointer-events:none}.hatena-module-search-box .hatena-module-body{position:relative;margin:0}.hatena-module-search-box .hatena-module-title{display:none}.search-module-input{width:100%;box-shadow:0 0 5px rgba(9,35,64,.08)}.search-module-button{position:absolute;right:0;height:100%;color:transparent;background:url(https://cdn.blog.st-hatena.com/files/26006613528983247/820878482972466612) no-repeat center center;cursor:pointer}.hatena-module-category li a{display:inline-block;line-height:17.4px;padding:5px 12px;font-size:13px;color:#888;text-decoration:none;border:1px solid #e7e7e7;background-color:#fff;border-radius:20px}.hatena-module-related-entries .hatena-module-title{border:none;padding:0}.recent-entries-item-inner{position:relative}.recent-entries-title-link{-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;font-weight:500}.recent-entries-entry-body{-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3}.recent-entries-thumb{overflow:hidden}.recent-entries-thumb .entry-thumb{width:100%;height:100%;background:no-repeat 50% 50%;background-size:cover;transition:all .8s cubic-bezier(.19,1,.22,1)}.recent-entries-head{display:-webkit-flex;display:-ms-flexbox;display:flex}.urllist-date,.archive-date{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;margin:20px 16px 13px}.urllist-date time,.archive-date time{color:#888}.recent-entries-categories,.archive-entry .categories{display:flex;flex-wrap:wrap;width:100%;gap:10px}.recent-entries-categories a{font-size:.8rem;color:#888;font-weight:500;text-decoration:none}.recent-entries-title-link{line-height:1.6}.recent-entries-title{display:block;color:#000;text-decoration:none;line-height:30px;font-size:20px;font-weight:700;letter-spacing:.5px}@media screen and (width < 768px){.recent-entries-title{font-size:16px}}.recent-entries-see-more-link{display:-webkit-flex;display:-ms-flexbox;display:flex;color:#000;text-decoration:none;font-weight:500;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.entries-access-ranking{counter-reset:li}.entries-access-ranking-item-inner{position:relative;display:-ms-grid;display:grid;-ms-grid-rows:-webkit-max-content;-ms-grid-rows:max-content;grid-template-rows:-webkit-max-content;grid-template-rows:max-content;transition:all ease .5s}.entries-access-ranking-item-inner::before,.entries-access-ranking-item-inner>.urllist-title-link:first-child:before,.page-entry #box2 .recent-entries-item-inner::before,.page-entry #box2>.urllist-title-link:first-child::before{content:'';display:block;background:#fff url(https://www.h-products.co.jp/assets/img/common/logo.svg) no-repeat 50% 50%;background-size:80% 80%;border:1px solid #e7e7e7;z-index:-1;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;transition:all .3s ease;width:96px;height:96px}.entries-access-ranking-item-inner:first-child:before,.page-entry #box2 .recent-entries-item-inner:hover:first-child::before{background-size:82% 82%}.entries-access-ranking-item-inner>.urllist-title-link:first-child:hover:before{opacity:0}.entries-access-ranking-item-inner::after{content:counter(li);counter-increment:li;position:absolute;top:0;left:0;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#fff;background:#989898;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.entries-access-ranking-image-link{display:flex;justify-content:center;align-items:center;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;width:96px;height:96px;overflow:hidden;border:1px solid #e7e7e7;background:#fff}.entries-access-ranking-title{font-weight:500;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3}.entries-access-ranking-title::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0}.related-entries-item-inner{position:relative;display:-ms-grid;display:grid;-ms-grid-rows:-webkit-max-content;-ms-grid-rows:max-content;grid-template-rows:-webkit-max-content;grid-template-rows:max-content}.related-entries-item-inner::before{content:'';position:relative;display:block;background:#f5f5f5 url(https://cdn.image.st-hatena.com/image/square/049f4033dee715b279f08d65d355f8fa8d6b3aa4/backend=imagemagick;height=200;version=1;width=200/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fdefault_entry_og_image%2F155891221%2F1584067272431682) no-repeat 50% 50%;background-size:cover;border:1px solid #e7e7e7;z-index:-1;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.related-entries-image-link{display:block;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;border:1px solid #e7e7e7}.related-entries-title-link{-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;font-weight:500}.related-entries-title-link::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0}.pager{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex}.pager::after{content:'';position:absolute;top:50%;left:50%;width:1px;background:#ddd;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pager-next,.pager-prev{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;width:50%}.pager-next a,.pager-prev a{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#000;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%;text-decoration:none;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.pager-prev .pager-arrow::before{-webkit-transform:translate(0,-50%) rotate(-135deg);transform:translate(0,-50%) rotate(-135deg)}.pager-next{margin-left:auto}.pager-next a{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;text-align:right}.pager-next .pager-arrow::before{-webkit-transform:translate(0,-50%) rotate(45deg);transform:translate(0,-50%) rotate(45deg)}.pager-arrow{position:relative;display:block;color:transparent;font-size:0}.pager-arrow::before{content:'';position:absolute;top:50%}.recent-entries-image-link img{transition:all .8s cubic-bezier(.19,1,.22,1)}#main .recent-entries-item-inner,.archive-entry{background:#fff;border-radius:12px;box-shadow:4px 7px 20px rgba(9,35,64,.10);padding-right:24px;position:relative}#content-inner #wrapper{flex:1}@media screen and (width>=768px){.l-siteMenu{padding:100px 0 0}.l-siteMenu__inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;padding:1.2vmin}.l-siteMenu__body{position:relative;display:-ms-grid;display:grid;width:64.46vmax;grid-column-gap:10px;grid-column-gap:1.2vmin;grid-row-gap:30px;grid-row-gap:3.58vmin;grid-auto-flow:column;-ms-grid-auto-flow:column;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;-ms-grid-rows:auto auto auto auto auto auto;grid-template-rows:auto auto auto auto auto auto}.l-siteMenu__item a{transition:opacity .3s ease}.l-siteMenu__item a:hover{opacity:.4}.l-siteMenu__item a.l-siteMenu__main:hover .l-siteMenu__title{-webkit-transform:translate(5px,0);transform:translate(5px,0);transition:-webkit-transform .5s cubic-bezier(.19,1,.22,1);transition:transform .5s cubic-bezier(.19,1,.22,1);transition:transform .5s cubic-bezier(.19,1,.22,1),-webkit-transform .5s cubic-bezier(.19,1,.22,1)}.l-siteMenu__item a.l-siteMenu__main:hover .l-siteMenu__lead{-webkit-transform:translate(5px,0);transform:translate(5px,0);transition:-webkit-transform .5s cubic-bezier(.19,1,.22,1) 50ms;transition:transform .5s cubic-bezier(.19,1,.22,1) 50ms;transition:transform .5s cubic-bezier(.19,1,.22,1) 50ms,-webkit-transform .5s cubic-bezier(.19,1,.22,1) 50ms}.l-siteMenu__item:nth-of-type(1){-ms-grid-row:1;grid-row:1/1;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.l-siteMenu__item:nth-of-type(2){-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.l-siteMenu__item:nth-of-type(3){-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3/4;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.l-siteMenu__item:nth-of-type(4){-ms-grid-row:4;-ms-grid-row-span:1;grid-row:4/5;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.l-siteMenu__item:nth-of-type(5){-ms-grid-row:5;-ms-grid-row-span:1;grid-row:5/6;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.l-siteMenu__item:nth-of-type(6){-ms-grid-row:6;-ms-grid-row-span:1;grid-row:6/7;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.l-siteMenu__item.-divisions{-ms-grid-row:1;-ms-grid-row-span:6;grid-row:1/7;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3}.l-siteMenu__item.-divisions .l-siteMenu__main{padding:0 0 0 20px}.l-siteMenu__item.-divisions .l-siteMenu__main::before{height:80%;-webkit-transform:translate(0,-45%);transform:translate(0,-45%)}.l-siteMenu__item.-careers{-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3/4;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3;padding-left:30px;padding-left:3.58vmin}.l-siteMenu__item.-special{-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3/4;-ms-grid-row:3;-ms-grid-row-span:2;grid-row:3/5;padding-top:10px;padding-top:1.2vmin;padding-left:30px;padding-left:3.58vmin}.l-siteMenu__item.-special .l-siteMenu__main{padding:0 0 0 20px}.l-siteMenu__item.-special .l-siteMenu__main::before{height:80%;-webkit-transform:translate(0,-45%);transform:translate(0,-45%)}.l-siteMenu__item.-special .l-siteMenu__lowers{margin-top:20px;margin-top:2.39vmin}.l-siteMenu__item.-contact{-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3/4;-ms-grid-row:5;-ms-grid-row-span:2;grid-row:5/7;padding-left:30px;padding-left:3.58vmin}.l-siteMenu__item.-contact .l-siteMenu__main{padding:24px 12px 30px;padding:2.87vmin 1.44vmin 3.58vmin;border-top:1px solid #444;border-bottom:1px solid #444}.l-siteMenu__item.-contact .l-siteMenu__main:hover{opacity:1}.l-siteMenu__item.-contact .l-siteMenu__main:hover .l-siteMenu__title{opacity:.4;transition:all .5s ease}.l-siteMenu__item.-contact .l-siteMenu__main:hover .l-siteMenu__lead{opacity:.4;transition:all .5s ease 50ms}.l-siteMenu__item.-contact .l-siteMenu__title{font-size:1.7333333333rem;font-size:3.11vmin}.l-siteMenu__item.-contact .l-siteMenu__lead{margin:5px 0 0}.l-siteMenu__item.-contact .l-siteMenu__banner{margin-top:40px;margin-top:4.78vmin}.l-siteMenu__item.-contact .l-siteMenu__banner img{width:20.65vmin}.l-siteMenu__title{font-size:2.4rem;font-size:4.3vmin;transition:all .5s cubic-bezier(.19,1,.22,1)}.l-siteMenu__lead{font-size:.7333333333rem;font-size:1.32vmin;transition:all .5s cubic-bezier(.19,1,.22,1)}.l-siteMenu__lowers{margin:35px 0 0;margin:4.18vmin 0 0}.l-siteMenu__lower a{font-size:.8666666667rem;font-size:1.56vmin;transition:all .5s cubic-bezier(.19,1,.22,1)}.l-siteMenu__lower a:hover{-webkit-transform:translate(5px,0);transform:translate(5px,0)}.l-siteMenu__lower+.l-siteMenu__lower{margin:8px 0 0;margin:.96vmin 0 0}.l-siteMenu__branches{margin:36px 0 0;margin:4.3vmin 0 0}.l-siteMenu__branch a{padding:0 .86vw;font-size:.7333333333rem;font-size:1.32vmin}.l-siteMenu__links{position:relative;padding:2.39vmin 0 0;width:64.46vw;width:64.46vmax;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.l-siteMenu__link{margin:0 15px 0 0;margin:0 1.79vmin 0 0;line-height:1.3}.l-siteMenu__link a{font-size:.7333333333rem;font-size:1.32vmin;transition:opacity .3s ease}.l-siteMenu__link a:hover{opacity:.4}.l-siteMenu__sns{display:none}.l-siteMenu__bg{width:100%}.l-breadcrumbs_htn{border-top:1px solid #ddd;padding:0 0 0 96px}.l-breadcrumbs_htn__inner{margin:0 auto;width:74.85vw;display:-webkit-flex;display:-ms-flexbox;display:flex}.l-breadcrumbs_htn__item{position:relative;padding:0 16px 0 0}.l-breadcrumbs_htn__item a,.l-breadcrumbs_htn__item span{display:block;padding:9px 8px 9px 0;color:#2f2f2f;font-size:.7333333333rem;font-weight:500;letter-spacing:.01em;text-decoration:none}.l-breadcrumbs_htn__item a{transition:opacity .3s ease}.l-breadcrumbs_htn__item a:hover{opacity:.4}.l-breadcrumbs_htn__item::after{position:absolute;top:50%;right:11px;content:'>';color:#2f2f2f;font-size:.7333333333rem;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.l-breadcrumbs_htn__item:last-child span{color:#888}.l-breadcrumbs_htn__item:last-child::after{display:none}.footer__linkIcon{width:20px;font-size:.7333333333rem;transition:opacity .3s ease}.footer__linkIcon:hover{opacity:.4}.footer__linkIcon svg{width:20px;height:20px}.l-pageContent.-lower{padding:166px 0 128px;min-height:60vh}.l-pageContent.-fixed{position:fixed;width:100%;z-index:1}.l-pageContent__inner{width:70.32vw;margin:0 auto}.l-pageContent__inner.-wide{width:78.91vw;margin:0 auto}.l-pageMain{padding:200px 0 0}.l-pageMain__inner{max-width:900px;margin:0 auto;padding:90px 0 120px}.p-pageHead.-border{padding:0 0 31px}.p-pageHead+.p-pageMain{margin:30px 0 0}.p-pageHead__title{font-size:2.4rem;font-weight:300}.p-pageHead__title rt{padding-left:10px;font-size:.8666666667rem}.p-pageHead__title.-large{font-size:3.3333333333rem}.p-pageHead__title.-small{font-size:1.2rem;font-weight:400;line-height:1.1}.p-pageHead__lead{margin:20px 0 0;font-size:.8666666667rem;line-height:2.45}#content-inner{width:78.91vw;min-width:900px;display:flex;gap:72px;padding-bottom:0;margin:0 auto 110px}.page-index #content-inner{margin:0 auto 28px}#wrapper .p-pageHead.-border{padding:0 0 46px;margin-left:3.91vw}.p-categoryLink{padding:0 0 0 96px}.p-categoryLink__inner{margin:-70px auto 64px;width:74.85vw}#box2 .hatena-module-body{margin:32px 0 0}#box2 .hatena-module-title,.archive-heading{padding:0 0 27px;font-size:1.2rem}.search-form::before{right:24px;width:18px;height:18px;background-size:18px 18px}.search-module-input{padding:17px 64px 17px 24px}.search-module-button{width:64px}.hatena-module-category{margin:69px 0 0}.hatena-module-category li a{transition:all ease .5s}.hatena-module-category li a:hover{opacity:.6}.hatena-module-related-entries{width:78.91vw;margin:0 auto}.hatena-module-related-entries .hatena-module-title{margin:35px 0 0}.hatena-module-related-entries .hatena-module-body{margin:35px 0 64px}#main .recent-entries-item+.recent-entries-item,.archive-entry+.archive-entry{margin:40px 0 0}#box2 .recent-entries-item+.recent-entries-item{margin:32px 0 0}#box2 .recent-entries-item-inner{min-height:96px;-ms-grid-columns:96px 1fr;grid-template-columns:96px 1fr}#box2 .recent-entries-item-inner::before{width:96px;height:96px;transition:all .8s cubic-bezier(.19,1,.22,1)}#box2 .recent-entries-item-inner:hover::before{background-size:108% 108%}#box2 .recent-entries-item-inner:hover .recent-entries-image-link img{-webkit-transform:scale(1.08);transform:scale(1.08)}#box2 .recent-entries-item-inner:hover .recent-entries-title-link{opacity:.4}#box2 .recent-entries-item-inner:hover .recent-entries-entry-body{opacity:.4}.recent-entries-title-link{margin:0 16px;font-size:14px;transition:opacity .5s ease}.hatena-module-custom-category-new .urllist-date,.archive-date{margin:12px 0 20px;font-size:12px}.recent-entries-see-more{margin:56px 0 0;display:flex;justify-content:center}.recent-entries-categories{margin:5px 0 0;transition:opacity .5s ease}}.recent-entries-categories a:hover{opacity:.6}.entries-access-ranking-item+.entries-access-ranking-item{margin:32px 0 0}.entries-access-ranking-item-inner{-ms-grid-columns:96px 1fr;grid-template-columns:96px 1fr;min-height:96px;z-index:0}.entries-access-ranking-item-inner::before{position:relative;width:96px;height:96px}.entries-access-ranking-item-inner::after{width:32px;height:32px}.entries-access-ranking-item-inner:hover .entries-access-ranking-title{opacity:.4}.entries-access-ranking-item-inner:hover .entries-access-ranking-image{-webkit-transform:scale(1.08);transform:scale(1.08)}.entries-access-ranking-image-link img{transition:-webkit-transform .8s cubic-bezier(.19,1,.22,1);transition:transform .8s cubic-bezier(.19,1,.22,1);transition:transform .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1)}.entries-access-ranking-title{padding:0 0 0 16px;font-size:14px;line-height:1.7;transition:opacity .5s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.page-entry #main-inner{width:auto}.hatena-star-container{margin:10px auto 8px;width:67.5vw}.star-navigation-tooltip{margin-left:12.5vw}.social-buttons{margin:0 auto;width:67.5vw}.related-entries{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.related-entries::after{content:'';display:block;width:27.5%}.related-entries-item{width:27.5%}.related-entries-item-inner{-ms-grid-columns:96px 1fr;grid-template-columns:96px 1fr;min-height:96px}.related-entries-item-inner::before{width:96px;height:96px}.related-entries-item-inner:hover::before{background-size:108% 108%}.related-entries-item-inner:hover .related-entries-image-link img{-webkit-transform:scale(1.08);transform:scale(1.08)}.related-entries-item-inner:hover .related-entries-title-link{opacity:.4}.related-entries-image-link{height:96px;overflow:hidden}.related-entries-image-link img{transition:-webkit-transform .8s cubic-bezier(.19,1,.22,1);transition:transform .8s cubic-bezier(.19,1,.22,1);transition:transform .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1)}.related-entries-title-link{padding:0 0 0 24px;font-size:.8666666667rem;transition:opacity .5s ease}.pager{min-height:154px;background:#f5f5f5}.pager::after{height:26%}.pager-prev a{padding:10px 20px 10px 0;transition:opacity .3s ease}.pager-prev a:hover{opacity:.4}.pager-prev a:hover .pager-arrow{margin:0 16px 0 0}.pager-prev .pager-arrow{margin:0 26px 0 0;transition:margin .5s cubic-bezier(.19,1,.22,1)}.pager-prev .pager-arrow::before{right:-9px}.pager-next a{padding:10px 0 10px 20px;transition:opacity .3s ease}.pager-next a:hover{opacity:.4}.pager-next a:hover .pager-arrow{margin:0 0 0 20px}.pager-next .pager-arrow{margin:0 0 0 26px;transition:margin .5s cubic-bezier(.19,1,.22,1)}.pager-next .pager-arrow::before{left:-9px}.pager-arrow{width:5.32vw;height:154px;-webkit-flex:0 0 5.32vw;-ms-flex:0 0 5.32vw;flex:0 0 5.32vw}.pager-arrow::before{width:8px;height:8px;border-top:2px solid #000;border-right:2px solid #000}@media screen and (width>=768px) and (height < 616px){.l-siteMenu__inner{display:block;overflow-y:scroll}.l-siteMenu__body{left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.l-siteMenu__links{bottom:auto;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}@media screen and (width < 768px){.l-siteMenu__inner{width:100%;height:100%;padding:24vw 7.2vw 12vw 7.2vw;overflow-y:scroll;-webkit-backface-visibility:hidden;backface-visibility:hidden}.l-siteMenu__item+.l-siteMenu__item{margin:18px 0 0}.l-siteMenu__item.-divisions{margin:46px 0 0;padding-top:42px;border-top:1px solid #444}.l-siteMenu__item.-divisions .l-siteMenu__main{padding:0 0 0 13px}.l-siteMenu__item.-divisions .l-siteMenu__main::before{height:76%;-webkit-transform:translate(0,-45%);transform:translate(0,-45%)}.l-siteMenu__item.-careers{margin:46px 0 0;padding-top:42px;border-top:1px solid #444}.l-siteMenu__item.-special{margin:46px 0 0;padding-top:42px;border-top:1px solid #444}.l-siteMenu__item.-special .l-siteMenu__main{padding:0 0 0 13px}.l-siteMenu__item.-special .l-siteMenu__main::before{height:76%;-webkit-transform:translate(0,-45%);transform:translate(0,-45%)}.l-siteMenu__item.-contact{padding-left:0}.l-siteMenu__item.-contact .l-siteMenu__main{margin:40px 0 0;padding:32px 0 32px 4vw;border-top:1px solid #444;border-bottom:1px solid #444}.l-siteMenu__item.-contact .l-siteMenu__banner{margin:42px 0 0}.l-siteMenu__item{padding:0 0 0 4vw}.l-siteMenu__title{font-size:1.8rem}.l-siteMenu__lead{margin:-3px 0 0;font-size:.6rem}.l-siteMenu__lowers{margin:20px 0 0}.l-siteMenu__lower a{font-size:1.0666666667rem}.l-siteMenu__lower+.l-siteMenu__lower{margin:8px 0 0}.l-siteMenu__branches{margin:30px 0 0}.l-siteMenu__branch a{padding:0 4.27vw;font-size:.9333333333rem;line-height:1.4}.l-siteMenu__links{margin:36px 0 0;padding:38px 4vw 0}.l-siteMenu__link a{font-size:.9333333333rem}.l-siteMenu__link+.l-siteMenu__link{margin:5px 0 0}.l-siteMenu__sns{border-top:1px solid #444;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:36px 0 0;padding:38px 4vw 0}.l-siteMenu__snsItem a{position:relative;display:block;padding:0 0 0 37px;color:#fff;font-size:.9333333333rem;text-decoration:none}.l-siteMenu__snsItem.-note{padding:0 0 0 30px}.l-siteMenu__snsItem.-note a{padding:0;line-height:1}.l-siteMenu__snsItem.-note img,.l-siteMenu__snsItem.-note svg{width:78px}.l-siteMenu__snsIcon{position:absolute;top:50%;left:0;width:24px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);line-height:1}.l-siteMenu__snsIcon img,.l-siteMenu__snsIcon svg{width:24px;height:24px}.l-siteMenu__bg{width:100%;height:120vh}.l-breadcrumbs_htn{display:none}.footer__linkIcon{width:16px}.footer__linkIcon svg{width:16px}.l-pageContent.-lower{padding:90px 0 64px;min-height:55vh}.l-pageContent__inner{margin:0 7.2vw}.l-pageMain{padding:24.8vw 0 0}.l-pageMain__inner{margin:0 7.2vw;padding:38px 0 63px}.p-pageHead.-border{padding:2px 0 17px}.p-pageHead+.p-pageMain{margin:18px 0 0}.p-pageHead__title{font-size:1.0666666667rem;font-weight:400}.p-pageHead__title rt{font-size:.7333333333rem;padding-left:6px;font-weight:500}.p-pageHead__title.-large{font-size:1.8rem;font-weight:300}.p-pageHead__lead{margin:10px 0 0;font-size:.7333333333rem;line-height:1.85}#content-inner{padding:0;margin:0 0 0}#main-inner{width:100vw;padding:0 7.2vw}.p-categoryLink{margin:0 7.2vw}.p-categoryLink__inner{padding:0 0 48px}#main .recent-entries-item-inner,.archive-entry{padding-right:0}.search-form::before{right:24px;width:18px;height:18px;background-size:18px 18px}.search-module-input{padding:18px 50px 18px 24px}.search-module-button{width:50px}.hatena-module-related-entries .hatena-module-title{margin:44px 0 0}.hatena-module-related-entries .hatena-module-body{margin:16px 0 64px}#main .recent-entries-item+.recent-entries-item,.archive-entry+.archive-entry{margin:34px 0 0}#box2 .recent-entries-item+.recent-entries-item{margin:24px 0 0}.recent-entries-entry-body{padding:0 0 0 16px;font-size:14px}.hatena-module-custom-category-new .recent-entries-body,.archive-entries .recent-entries-body{padding:16px 16px 19px}.hatena-module-custom-category-new .urllist-date,.archive-date{margin:0 0 1em;font-size:12px}.hatena-module-custom-category-new .recent-entries-title,.archive-entries .recent-entries-title{font-size:16px}.recent-entries-categories a{font-size:12px}.recent-entries-see-more{margin:48px 0 0;display:flex;justify-content:center}.recent-entries-see-more-link::before{margin:0 10px 0 0;width:14px;height:14px;background-size:14px 14px}.entries-access-ranking-item+.entries-access-ranking-item{margin:24px 0 0}.entries-access-ranking-item-inner::after{width:28px;height:28px}.entries-access-ranking-title{padding:0 0 0 16px;font-size:14px}.page-entry #main-inner{margin:0}.hatena-star-container{margin:0 7.2vw;padding:10px 0 0}.star-navigation-tooltip{margin:0 7.2vw}.social-buttons{margin:0 7.2vw;padding:7px 0 0}.related-entries-item+.related-entries-item{margin:24px 0 0}.related-entries-item-inner{-ms-grid-columns:90px 1fr;grid-template-columns:90px 1fr;min-height:90px}.related-entries-item-inner::before{width:90px;height:90px}.related-entries-title-link{padding:0 0 0 24px;font-size:.8rem}.pager{border-top:1px solid #e7e7e7;min-height:88px}.pager::after{height:60%}.pager-next a,.pager-prev a{font-size:.7333333333rem}.pager-prev a{padding:10px 10px 10px 0}.pager-prev .pager-arrow{margin:0 24px 0 0}.pager-prev .pager-arrow::before{right:-7px}.pager-next a{padding:10px 0 10px 10px}.pager-next .pager-arrow{margin:0 0 0 24px}.pager-next .pager-arrow::before{left:-7px}.pager-arrow{width:7.34vw;-webkit-flex:0 0 7.34vw;-ms-flex:0 0 7.34vw;flex:0 0 7.34vw}.pager-arrow::before{width:6px;height:6px;border-top:2px solid #000;border-right:2px solid #000}}input:focus,select:focus{outline:none}.page-index #content{background:#F6F6F6;display:flex;flex-direction:column-reverse}.hatena-module-custom-category-new .recent-entries-categories,.archive-entry .categories{gap:0;padding:4px 0 12px 24px}.hatena-module-custom-category-new .urllist-category-link,.archive-entry .archive-category-link{margin:7px 0}.hatena-module-custom-category-new .urllist-category-link.category-hashtag,.archive-entry .archive-category-link.category-hashtag{margin-right:12px;margin-bottom:0}.hatena-module-custom-category-new .urllist-category-link.category-business,.archive-entry .archive-category-link.category-business{margin-right:8px}.hatena-module-custom-category-new .urllist-category-link.category-mainCategory,.archive-entry .archive-category-link.category-mainCategory{margin:0;color:#fff}.hatena-module-custom-category-new .urllist-category-link.category-mainCategory.category-all,.archive-entry .archive-category-link.category-mainCategory.category-all,div[class*="hatena-module-custom-archiveCategory-"] .urllist-date .category-mainCategory.category-all,.entry-category-link.category-all{display:none}.recent-entries-categories .urllist-category-link,.recent-entries-categories .archive-category-link{transition:opacity .5s ease}.recent-entries-categories .urllist-category-link:hover,.recent-entries-categories .archive-category-link:hover{opacity:.6}a.category-mainCategory{display:flex;justify-content:center;align-items:center;width:128px;color:#fff;font-size:12px;font-weight:700;border-radius:10px;pointer-events:none;line-height:24px;padding:0}a.category-business{padding:0 10px;background:#F6F6F6;color:#888;border-radius:20px;line-height:22px;font-size:11px}a.category-hashtag{background:none;color:#888;padding:0}@media screen and (width < 768px){.hatena-module-custom-category-new .recent-entries-categories,.archive-entry .categories{border-top:1px solid #DDD;padding:22px 0 0;max-width:100%;margin:0 16px 4px;}.hatena-module-custom-category-new .urllist-category-link,.archive-entry .archive-category-link{margin-top:0;margin-bottom:20px}.hatena-module-custom-category-new .urllist-category-link.category-hashtag,.archive-entry .archive-category-link.category-hashtag{line-height:1.1;margin-bottom:17px}}.recent-entries-categories::after,.archive-entry .categories::after{content:'';width:100%}.category-business{order:1}.page-index #wrapper .hatena-module-custom-category-new .hatena-module-title{display:block;font-size:18px;padding-bottom:27px}.page-index #wrapper .hatena-module-custom-category-new .hatena-module-body{margin-top:32px;margin-bottom:61.5px}.clickable{display:flex;text-decoration:none;border-bottom:1px solid #ddd;gap:0 24px;transition:all .5s ease}.clickable .recent-entries-thumb{width:290px;aspect-ratio:290/160;border-radius:12px 0 0 0}.item_news .clickable .recent-entries-thumb{border-radius:12px 0 0 12px}.clickable .recent-entries-body{flex:1}.clickable .recent-entries-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media screen and (width>=768px){.clickable:hover{opacity:.6}.clickable:hover .entry-thumb{-webkit-transform:scale(1.08);transform:scale(1.08)}}@media screen and (width < 768px){.page-index #wrapper .hatena-module-custom-category-new .hatena-module-title{padding-bottom:21px}.page-index #wrapper .hatena-module-custom-category-new .hatena-module-title{font-size:16px}.clickable{display:block;border:none}.clickable .recent-entries-body,.clickable .recent-entries-thumb{width:100%;border-radius:12px 12px 0 0}}#header{height:180px}.l-header{z-index:999!important}.hatena-module-custom-archive-head{width:78.91vw;min-width:900px;margin:0 auto 72px}@media screen and (width < 960px){.hatena-module-custom-archive-head{min-width:auto}}.hatena-module-custom-archive-head .topics-title{font-size:42px;font-weight:300;font-family:'roboto';line-height:1.1}.hatena-module-custom-archive-head .topics-title .c-headingRuby{font-size:13px;display:inline-block;margin-left:10px;color:#888}.hatena-module-custom-archive-head p{display:none}.page-index .hatena-module-custom-archive-head p{display:block;margin-top:13px}@media screen and (width>=768px){.page-index .hatena-module-custom-archive-head{margin-bottom:68px}}@media screen and (width < 768px){#header{height:calc(16vw + 50px)}.hatena-module-custom-archive-head{width:auto;margin:0 7.2vw 52px}.hatena-module-custom-archive-head .topics-title{font-size:32px}.hatena-module-custom-archive-head .topics-title .c-headingRuby{font-size:11px}.page-index #content-inner{margin:0 auto}.page-index .hatena-module-custom-archive-head p{margin-top:8px}.page-index .hatena-module-custom-archive-head p br{display:none}}#header-modules{width:78.91vw;margin:35px auto 0}.category-module-wrap{position:relative}.category-module-wrap .recent-entries-title{line-height:24.1px}.category-module-wrap a.category-mainCategory{border-radius:8px}div[class*="hatena-module-custom-archiveCategory-"]{position:absolute;top:0;left:0;width:100%;height:0;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}div.hatena-module-custom-archiveCategory-All{height:400px}div[class*="hatena-module-custom-archiveCategory-"].st-show{position:relative;height:auto;opacity:1;pointer-events:auto}div[class*="hatena-module-custom-archiveCategory-"] .hatena-urllist{display:flex;flex-wrap:wrap;gap:60px 40px}div[class*="hatena-module-custom-archiveCategory-"] .urllist-date{margin:20px 16px 13px;flex-wrap:wrap}div[class*="hatena-module-custom-archiveCategory-"] .urllist-date .category-mainCategory{width:122px;line-height:20px}div[class*="hatena-module-custom-archiveCategory-"] .recent-entries-categories{margin:13px 16px 20px;display:flex;width:auto;gap:6px 10px;flex-wrap:wrap}div[class*="hatena-module-custom-archiveCategory-"] .recent-entries-categories .category-hashtag{line-height:1.1;font-size:11px}div[class*="hatena-module-custom-archiveCategory-"] .recent-entries li{width:calc(33.3% - 26.6px);background:#fff;border-radius:12px;transition:all ease .5s;box-shadow:4px 7px 20px rgba(9,35,64,.10);transform:translate(0,7%);opacity:0;position:relative}.hatena-module-custom-category-new .recent-entries li,.category-module-wrap .recent-entries li{position:relative}.hatena-module-custom-category-new .recent-entries li::before,.category-module-wrap .recent-entries li::before,body:not(.category-news) .archive-entry::before{content:"";box-shadow:-7px -7px 14px rgba(255,255,255,1);position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;z-index:-1}div[class*="hatena-module-custom-archiveCategory-"] li.st-show{transform:translate(0,0);opacity:1}div[class*="hatena-module-custom-archiveCategory-"] li .img-wrap{aspect-ratio:310/155;overflow:hidden;border-radius:12px 12px 0 0}div[class*="hatena-module-custom-archiveCategory-"] .img-wrap img{display:block;height:100%;object-fit:cover;margin:0}div[class*="hatena-module-custom-archiveCategory-"] .hatena-module-title,div[class*="hatena-module-custom-archiveCategory-"] .category-business{display:none}.hatena-module-custom-archiveCategory-all li:nth-child(-n+3){display:none!important}.urllist-category-link{margin:0;text-decoration:none}.urllist-date-link a{color:#888;font-weight:700;text-decoration:none}.clickable-02{display:block;text-decoration:none;transition:opacity .5s ease}.clickable-02 .recent-entries-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:400}@media screen and (width>=768px){.clickable-02:hover{opacity:.6}.clickable-02:hover img{transform:scale(1.05);opacity:.6}}@media screen and (width < 768px){#header-modules{width:100%;margin:0 auto 0}.category-module-wrap .recent-entries-title{line-height:20px}div[class*="hatena-module-custom-archiveCategory-"]{margin-top:20px;padding-right:7.2vw;padding-left:7.2vw}div[class*="hatena-module-custom-archiveCategory-"] .recent-entries{gap:20px 13px}div[class*="hatena-module-custom-archiveCategory-"] .recent-entries li{width:calc(50% - 6.5px)}div[class*="hatena-module-custom-archiveCategory-"] li .img-wrap{aspect-ratio:154/85}.page-index .urllist-date-link{font-size:10px}div[class*="hatena-module-custom-archiveCategory-"] .urllist-date{margin:12px 8px 6px}div[class*="hatena-module-custom-archiveCategory-"] .urllist-date time{font-size:9px}div[class*="hatena-module-custom-archiveCategory-"] .urllist-date .category-mainCategory{font-size:9px;width:80px;line-height:17px;letter-spacing:-.3px}div[class*="hatena-module-custom-archiveCategory-"] .recent-entries-categories{font-size:10px}div[class*="hatena-module-custom-archiveCategory-"] .recent-entries-categories{margin:12px 8px 14px;gap:6px 12px}.clickable-02 .urllist-title{font-size:12px;margin:0 8px;-webkit-line-clamp:3}}.hatena-module-custom-categoryBtn{margin-bottom:62px;border-top:1px solid #DDD;padding-top:82px}@media screen and (width < 768px){.hatena-module-custom-categoryBtn{margin-bottom:40px;padding-top:56.5px}}.hatena-module-custom-categoryBtn .hatena-module-title{display:none}.c-topicsFilter__list{display:flex;flex-wrap:wrap;gap:12px}.c-topicsFilter__trigger,.recent-entries-see-more-link{position:relative;display:block;text-align:center;cursor:pointer;font-size:12px;border-radius:20px;box-shadow:2px 2px 6px rgba(9,35,64,.14);transition:all ease .5s;padding:9px 20px}.c-topicsFilter__trigger::before,.recent-entries-see-more-link::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:20px;box-shadow:-3px -3px 5px #fff}.c-topicsFilter__trigger:disabled,body.category-type-mainCategory .archive-header-category .st-current .c-topicsFilter__trigger{color:#fff!important;background:#262626;box-shadow:none;pointer-events:none}@media screen and (width>=768px){.c-topicsFilter__trigger:hover,.recent-entries-see-more-link:hover{background:#262626;box-shadow:none;color:#fff}.c-topicsFilter__trigger:hover::before,.recent-entries-see-more-link:hover::before{opacity:0}}@media screen and (width < 768px){.c-topicsFilter{padding-right:7.2vw;padding-left:7.2vw}.c-topicsFilter__list{flex-wrap:nowrap;overflow-x:auto;padding:3px 0 10px;margin:0 -7.2vw -10px}.c-topicsFilter__list:before,.c-topicsFilter__list:after{content:"";min-width:calc(7.2vw - 12px)}.c-topicsFilter__trigger{word-break:keep-all}}.recent-entries-see-more-link{display:flex;border-radius:32px;font-size:13px;line-height:24px;width:260px;height:64px}.recent-entries-see-more-link::before{border-radius:32px}.recent-entries-see-more-link::after{content:"";width:7px;height:7px;border-top:2px solid #000;border-right:2px solid #000;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all ease .5s;position:absolute;right:40px}@media screen and (width>=768px){.recent-entries-see-more-link:hover::after{border-top:2px solid #fff;border-right:2px solid #fff}}#box2{z-index:1;width:264px;min-width:264px}#box2 .hatena-module-custom-sideCategory ul{display:flex;flex-wrap:wrap;gap:10px 4px}#box2 .urllist-image{margin:0}@media screen and (width < 768px){#box2{max-width:none;padding:0 7.2vw 63px;background:#EFEFEF;padding-top:4px}#box2 .hatena-module-title,.archive-heading{margin-top:57px;margin-bottom:32px;padding-bottom:21px}}#top-editarea{position:relative;z-index:99}#floatSearch{position:fixed;top:140px;right:0;height:64px;width:64px;z-index:2;transform:unset!important;transition:width .3s cubic-bezier(.65,-.02,.44,.92)!important}#floatSearch.st-show{width:240px}#floatSearch .search-module-button{right:auto;left:0;top:0}#floatSearch input.search-module-input{border-right:none;border-top-left-radius:100vh;border-bottom-left-radius:100vh;padding-left:64px;padding-right:24px;background:#fff}#floatSearch input.search-module-input::placeholder{font-size:14px;font-weight:700;color:#888;transition:color .2s linear}#floatSearch input.search-module-input:focus::placeholder{color:transparent}#floatSearch .back{display:block;position:fixed;top:0;bottom:0;left:0;right:0;opacity:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);filter:brightness(.95);transition:opacity .3s cubic-bezier(.65,-.02,.44,.92);z-index:-1;pointer-events:none}#floatSearch.st-show .back{opacity:1;pointer-events:auto}#floatSearch:not(.st-show) input{pointer-events:none}@media screen and (width>=768px){#floatSearch .back.st-hidden{display:none}}@media screen and (width < 768px){#floatSearch{top:calc(16vw + 24px)}#floatSearch.st-show{width:calc(100% - 7.2vw)}#floatSearch input.search-module-input{font-size:16px}#floatSearch .search-module-button{width:64px}}.page-archive .hatena-module-custom-archive-head{margin-bottom:48px}.page-archive .archive-date a{pointer-events:none}.hatena-module-custom-archive-head .item-news{display:none}.archive-header-category{margin-bottom:40px}.archive-header-category .archive-heading{margin-bottom:30px}.archive-date a{text-decoration:none;color:inherit}.archive-heading,.archive-header-category .category-type-list li:not(.st-current){display:none}body.category-type-mainCategory .archive-heading,body.category-type-mainCategory .category-type-list li:not(.st-current){display:block;font-weight:400}.archive-entry .recent-entries-categories::after{display:none}.archive-header-category .c-topicsFilter__trigger{text-decoration:none;background:transparent;color:inherit;border:none}body:not(.category-type-mainCategory) .archive-header-category .c-topicsFilter__trigger{box-shadow:none;pointer-events:none;font-size:14px;background:#fff;padding:2px 16px}body:not(.category-type-mainCategory) .archive-header-category .c-topicsFilter__trigger:before,body:not(.category-type-mainCategory) .archive-header-category .c-topicsFilter__trigger:after{display:none}.popularWords-wrap{display:flex;align-items:stretch;margin-bottom:60px}.popularWords-title{font-size:16px;padding-right:16px;margin-right:20px;border-right:1px solid #e7e7e7}.popularWords-list{flex:1;display:flex;flex-wrap:wrap;gap:16px 4px}.popularWords-wrap:last-child{display:none}@media screen and (width>=768px){.archive-header-category .c-topicsFilter__trigger:hover{background:#262626;color:#fff!important}body:not(.category-type-mainCategory) .archive-header-category .c-topicsFilter__trigger{font-size:16px;padding:4px 16px}}@media screen and (width < 960px){#content-inner{display:block;min-width:auto}#box2{width:100%;margin-top:90px}}@media screen and (width < 768px){.archive-header-category{margin-bottom:30px}.category-type-mainCategory .archive-header-category{margin-bottom:40px}.popularWords-wrap{display:block;margin:32px -7.2vw;padding:24px 7.2vw;background:#EFEFEF}.popularWords-title{margin-bottom:10px;border:none}}body:not(.category-type-news) .archive-category-link:not(.category-hashtag,.category-business,.category-mainCategory),.urllist-category-link:not(.category-hashtag,.category-business,.category-mainCategory){display:none}.archive-search .archive-heading{display:block;font-weight:400}.archive-search .search-result-form{display:none}.archive-search span.highlight{margin:0 .1em;padding:0 .2em}.archive-search .item_news .recent-entries-categories,.page-archive .item_news .recent-entries-categories{display:none}.archive-search .item_news .clickable,.page-archive .item_news .clickable{border-bottom:none}@media screen and (width < 768px){body.page-index{overflow:visible}}#floatSearch,.hatena-module-custom-archive-head,#content,#bottom-editarea{opacity:0;transition:opacity .5s ease,transform .5s ease}#content,#bottom-editarea{transition-delay:.1s}.page-index #floatSearch,.page-index .hatena-module-custom-archive-head,.page-index #content,.page-index #bottom-editarea{transform:translate(0,50px)}.st-loaded #floatSearch,.st-loaded .hatena-module-custom-archive-head,.st-loaded #content,.st-loaded #bottom-editarea{transform:translate(0,0);opacity:1}.category-type-news .recent-entries-categories,.category-type-news .archive-category-link{display:none}.category-type-news .archive-entry+.archive-entry{margin:64px 0 0}.category-type-news .archive-entry::before{display:none}.category-type-news .clickable{border:none;gap:0 48px}.category-type-news .clickable .recent-entries-thumb{width:145px;height:133px;aspect-ratio:145/133;border:1px solid #EFEFEF;border-radius:0}.category-type-news #main .recent-entries-item-inner,.category-type-news .archive-entry{border-radius:0;box-shadow:none;background:none}.category-type-news .recent-entries-title{line-height:1.4}.category-type-news .recent-entries-thumb .entry-thumb{background-image:none}.category-type-news .recent-entries-thumb .entry-thumb{width:145px;height:133px;background-image:url(https://www.h-products.co.jp/assets/img/common/logo.svg)!important;background-repeat:no-repeat;background-position:center center;background-size:70%;background-color:#fff}.category-type-news .archive-date{margin:0 0 12px;pointer-events:none}.category-type-news .recent-entries-title{font-size:26px;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.category-type-news .hatena-module-custom-archive-head .item-news{display:block}.category-type-news .hatena-module-custom-archive-head .item-topics{display:none}.category-type-news .select-wrap{position:relative;margin-top:40px;width:260px}.category-type-news .select-wrap::after{content:"";position:absolute;top:0;bottom:0;right:24px;margin:auto;width:12px;background:url(https://cdn.blog.st-hatena.com/files/26006613528983247/6801883189050019534) no-repeat center center;pointer-events:none}.category-type-news .select-wrap select{border-radius:0;padding:0 24px;width:100%;height:64px;font-size:15px;background:#DDD;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.category-type-news .hatena-module-custom-archive-head{border-bottom:1px solid #DDD;padding-bottom:60px;margin-bottom:20px}@media screen and (width < 768px){.category-type-news #main-inner{margin:0 auto 75px}.category-type-news .select-wrap{width:100%}.category-type-news .select-wrap select{height:58px}.category-type-news .clickable .recent-entries-thumb{width:70px;height:64px}.category-type-news .clickable{gap:0 16px}.category-type-news .archive-entry+.archive-entry{margin:32px 0 0}.category-type-news .archive-entries .recent-entries-body{padding:0}.category-type-news .archive-date{margin:0 0 0;line-height:1.3}.category-type-news .hatena-module-custom-archive-head{padding-bottom:40px;margin-bottom:40px}.category-type-news .autopagerize_insert_before{margin-top:0;margin-bottom:64px}}.autopagerize_insert_before{min-height:auto;margin-top:80px}.autopagerize_insert_before::after{display:none}.autopagerize_insert_before span{display:flex;border-radius:32px;font-size:13px;position:relative;text-align:center;cursor:pointer;font-size:13px;border-radius:32px;box-shadow:2px 2px 6px rgba(9,35,64,.14);transition:all ease .5s;color:#000;text-decoration:none;font-weight:500;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:144px;height:40px;line-height:40px}.autopagerize_insert_before span a{padding:12px 50px 12px 29px;transition:all ease .5s}.autopagerize_insert_before .pager-prev a{padding:12px 29px 12px 50px}.autopagerize_insert_before .pager-next:hover .test-pager-next,.autopagerize_insert_before .pager-next:hover .test-pager-next::after,.autopagerize_insert_before .pager-prev:hover .test-pager-prev,.autopagerize_insert_before .pager-prev:hover .test-pager-prev::after{opacity:1;color:#fff}.autopagerize_insert_before span:hover,.autopagerize_insert_before span:active{background:#262626;box-shadow:none}.autopagerize_insert_before span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:32px;box-shadow:-3px -3px 5px #fff;transition:all ease .5s}.autopagerize_insert_before span:hover::before{box-shadow:none}.autopagerize_insert_before span::after{content:"";width:6px;height:6px;border-top:2px solid #000;border-right:2px solid #000;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all ease .5s;position:absolute;right:24px}.autopagerize_insert_before span:hover::after{border-top:2px solid #fff;border-right:2px solid #fff}.autopagerize_insert_before .pager-prev::after{-webkit-transform:rotate(225deg);transform:rotate(225deg);left:24px}@media screen and (width < 768px){.category-type-news .recent-entries-thumb .entry-thumb{width:70px;height:64px}.category-type-news .clickable{display:flex}.category-type-news .recent-entries-title{font-size:14px}.category-type-news time{font-size:10px}#main .autopagerize_insert_before{background:#F6F6F6;border:0}.autopagerize_insert_before span{margin-right:7.2vw}.autopagerize_insert_before .pager-prev{margin-left:7.2vw}.autopagerize_insert_before{margin-top:60px}}.entry{line-height:1.85}.page-entry #bottom-editarea,.page-entry #container-inner{background:#fff}.entry-inner{background:#fff}.page-entry #main-inner{background:#fff}.entry-categories .category-★pickup,.entry-categories .category-all{display:none}.category-type-news #box2,.page-entry #box2{display:none}.page-entry #content-inner{display:block;width:100%;background:#fff;border:0;margin:0;padding:80px 0 128px}.entry-title{margin:7px 0 0}.entry .entry-title-link{font-weight:400;line-height:1.4;color:#000;text-decoration:none}.entry .customized-footer{border-top:1px solid #e7e7e7}.entry-date a{display:block;color:#888;text-decoration:none}.entry-header{border-bottom:1px solid #e7e7e7}.entry-date.first{display:flex;flex-wrap:wrap;align-items:center;gap:5px 20px}.page-entry .hatena-module-custom-archive-head{display:none}a.entry-category-link{color:#888;text-decoration:none;pointer-events:all}.entry-header a.category-mainCategory,.entry-categories a.category-hashtag,.entry-categories a.category-business{text-wrap:nowrap}.entry-header a.category-mainCategory:not(.category-all){color:#fff;display:flex}.entry-content a{transition:opacity .3s ease}.entry-content a:hover{opacity:.6;text-decoration:none}.entry-content::after{content:'';display:block;clear:both}.entry-content h1,.entry-content h2{font-weight:500}.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{font-weight:400}.entry-content ul{margin-left:1em}.entry-content ul li{list-style-type:disc}.entry-content ul li ul li{list-style-type:circle}.entry-content ol{margin-left:1em}.entry-content ol li{list-style-type:decimal}.entry-content a{color:#000}.entry-content blockquote{background:#f5f5f5}.entry-content hr{display:block;border:none;border-top:1px solid #e7e7e7}.entry-content dd{margin-left:2em}.entry-content th{padding:.75em 1em;border:1px solid #e7e7e7}.entry-content td{padding:.75em 1em;border:1px solid #e7e7e7}.entry-content .table-of-contents{margin:0;background:#f5f5f5}.entry-content .table-of-contents::before{content:'目次';display:block}.entry-content .table-of-contents a{text-decoration:none}.entry-content .footnote{color:#888}.entry-content .footnote a{color:#888}.entry-content .image-unit{display:-webkit-flex;display:-ms-flexbox;display:flex}.entry-content .image-unit-text{-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.entry-footer-section{color:#888}.entry-footer-section a{color:#888;text-decoration:none}.related-entries{display:block;align-items:baseline}.related-entries-item{width:100%}.related-entries-item-inner{position:relative;display:-ms-grid;display:flex;-ms-grid-rows:-webkit-max-content;-ms-grid-rows:max-content;grid-template-rows:-webkit-max-content;grid-template-rows:max-content}.related-entries li .urllist-image{position:relative;z-index:1;max-width:90px;height:90px;aspect-ratio:1/1}.related-entries-item-thumb-wrapper{min-width:96px;height:100%;aspect-ratio:1/1;overflow:hidden;display:flex;justify-content:center;align-items:center;border:1px solid #e7e7e7}.related-entries-item-thumb-wrapper img{width:96px;height:auto;transition:all .8s cubic-bezier(.19,1,.22,1)}.related-entries-item-inner:hover .related-entries-item-thumb-wrapper img{transform:scale(1.08)}.related-entries-item-inner::before{display:none}.related-entries-image-link{display:block;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;border:1px solid #e7e7e7;aspect-ratio:1/1;width:90px;height:90px}.related-entries-title-link{-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3}.related-entries-title-link p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.related-entries-title-link::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0}a>.hatena-fotolife{cursor:pointer}.p-categoryLink .c-wideLink__body{display:none}.c-wideLink__body_htn{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#000;text-decoration:none;background:#fdfdfd;border-radius:12px;box-shadow:2px 2px 6px rgba(9,35,64,.14);padding:10px;padding-left:3.91vw;min-height:128px}.c-wideLink__inner{padding:0 0 0 80px;position:relative}.c-wideLink__body_htn:hover .c-wideLink__arrowInner{border-color:#fff}.c-wideLink__text_htn{font-size:18px}.c-wideLink__body_htn:hover .c-wideLink__text_htn{color:rgba(0,0,0,.4);transition:all .5s cubic-bezier(.19,1,.22,1) 50ms}.c-wideLink__arrow,.c-wideLink__blank{position:absolute;top:50%;left:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);border-radius:100%}.c-wideLink__arrow{width:48px;height:48px;box-shadow:0 3px 4px rgba(9,35,64,.14)}.c-wideLink__arrowInner{left:47%;width:8px;height:8px;border-top:2px solid #000;border-right:2px solid #000;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);z-index:1}.c-wideLink__arrow::after,.c-wideLink__arrow::before,.c-wideLink__blank::after,.c-wideLink__blank::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%}.c-wideLink__body_htn:hover .c-wideLink__arrow::before,.c-wideLink__body_htn:hover .c-wideLink__blank::before{-webkit-transform:scale(1.2);transform:scale(1.2)}.c-wideLink__arrow::after,.c-wideLink__blank::after{background:#262626;-webkit-transform:scale(0);transform:scale(0);transition:all .5s cubic-bezier(.19,1,.22,1) 50ms}.c-wideLink__arrow::before,.c-wideLink__blank::before{transition:all .5s cubic-bezier(.19,1,.22,1);box-shadow:-3px -3px 4px #fff}.c-wideLink__body_htn:hover .c-wideLink__arrow::after,.c-wideLink__body_htn:hover .c-wideLink__blank::after{-webkit-transform:scale(1.23);transform:scale(1.23)}.pager-arrow{height:auto}.l-breadcrumbs_htn,.l-footer{background:#fff}.no-entry .entry-inner{background:transparent}.page-about .entry .entry-content{background:#f6f6f6}@media screen and (width>768px){.page-entry #main-inner{width:auto}.entry .entry-title-link{font-size:2.4rem;transition:opacity .3s ease}.entry .entry-title-link:hover{opacity:.4}.entry .customized-footer{margin:118px 0 0}.entry .entry-footer-modules{width:78.91vw;margin:0 auto}.entry .entry-header{margin:0 auto;padding:12px 15px 57px;width:67.5vw}.entry-date a{font-size:11px;font-weight:700;transition:opacity .3s ease}.entry-date a:hover{opacity:.4}.entry-category-link{font-size:.7333333333rem;font-weight:400;transition:opacity .3s ease}.entry-category-link:hover{opacity:.4}.entry:not(.no-entry) .entry-content{margin:56px auto 0;width:67.5vw;font-size:18px}.page-about .entry .entry-content{width:100%}.entry-content h2{font-size:1.7333333333rem}.entry-content h3{font-size:1.2rem}.entry-content h4{font-size:1.0666666667rem}.entry-content blockquote{padding:48px}.entry-content .table-of-contents{margin:20px 0;padding:20px 28px}.entry-content .table-of-contents li{margin-left:1.5em}.entry-content .footnote{font-size:.8rem}.entry-content .image-unit p+.image-unit-text{padding:0 0 0 32px}.entry-content .image-unit-text{padding:0 32px 0 0}.entry-footer-section{margin:82px auto 0;width:67.5vw;font-size:.8666666667rem}.hatena-star-container{margin:10px auto 8px;width:67.5vw}.star-navigation-tooltip{margin-left:12.5vw}.social-buttons{margin:0 auto;width:67.5vw}.related-entries{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.related-entries::after{content:'';display:block;width:27.5%}.related-entries-item{width:27.5%}.related-entries-item-inner{-ms-grid-columns:96px 1fr;grid-template-columns:96px 1fr;min-height:96px}.related-entries-item-inner::before{width:90px;height:90px;display:none}.related-entries-item-inner:hover::before{background-size:108% 108%}.related-entries-item-inner:hover .related-entries-image-link img{-webkit-transform:scale(1.08);transform:scale(1.08)}.related-entries-item-inner:hover .related-entries-title-link{opacity:.4}.related-entries-image-link{overflow:hidden}.related-entries-image-link img{transition:-webkit-transform .8s cubic-bezier(.19,1,.22,1);transition:transform .8s cubic-bezier(.19,1,.22,1);transition:transform .8s cubic-bezier(.19,1,.22,1),-webkit-transform .8s cubic-bezier(.19,1,.22,1)}.related-entries-title-link{padding:0 0 0 24px;font-size:.8666666667rem;transition:opacity .5s ease}}@media screen and (width>=768px) and (height < 616px){.page-entry #main-inner{margin:0}.entry .customized-footer{margin:51px 0 0}.entry .entry-footer-modules{margin:0 7.2vw}.entry .entry-header{margin:0 auto;padding:12px 15px 57px}.entry-date a{font-size:.6666666667rem}.entry-title{margin:3px 0 0}.entry-categories{margin:2px 0 0}.entry .entry-content{padding:20px 0 0;margin:56px auto 0;font-size:18px}.entry-content h2{font-size:1.2rem}.entry-content h3{font-size:.9333333333rem}.entry-content h4{font-size:.8666666667rem}.entry-content blockquote{padding:24px}.entry-content .table-of-contents{margin:10px 0;padding:15px 22px}.entry-content .table-of-contents li{margin-left:1.5em}.entry-content .footnote{font-size:.6666666667rem}.entry-content .image-unit.image-unit-column{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.entry-content .image-unit.image-unit-column .image-unit-text{padding:0}.entry-content .image-unit p+.image-unit-text{padding:0 0 0 16px}.entry-content .image-unit-text{padding:0 16px 0 0}.entry-footer-section{font-size:.8666666667rem;margin:0 7.2vw;margin-top:66px}.hatena-star-container{margin:0 7.2vw;padding:10px 0 0}.star-navigation-tooltip{margin:0 7.2vw}.social-buttons{margin:0 7.2vw;padding:7px 0 0}.related-entries-item+.related-entries-item{margin:24px 0 0}.related-entries-item-inner{-ms-grid-columns:90px 1fr;grid-template-columns:90px 1fr;min-height:90px}.related-entries-item-inner::before{width:90px;height:90px;display:none}.related-entries-title-link{padding:0 0 0 24px;font-size:.8rem}}@media screen and (width < 768px){#main-inner .entry h1{font-size:20px;line-height:1.4}.entry .entry-content{padding:20px 0 0}.entry .entry-header{padding:6px 0 25px}.page-entry #content-inner{padding:40px 0 35px}.pager,#footer .l-footer{background:#fff}.page-entry #footer .l-footer{background:#e7e7e7}.c-wideLink.-small .c-wideLink__body_htn{min-height:64px;padding:10px 24px}.c-wideLink__inner{padding:0 0 0 40px}.c-wideLink__text_htn{font-size:14px}.c-wideLink__arrow,.c-wideLink__blank,.c-wideLink__tw{width:24px;height:24px;box-shadow:0 3px 4px rgba(9,35,64,.14)}.entry-category-link,.entry-date a{font-size:10px}.hatena-star-container{margin:0}.social-buttons{margin:0}.related-entries-item-thumb-wrapper{min-width:90px}}.hatena-module-custom-foot-new-articles,.hatena-module-custom-foot-popular-articles,.hatena-module-custom-article-categorybox{margin-bottom:47px}.hatena-module-custom-foot-new-articles .hatena-module-title,.hatena-module-custom-foot-popular-articles .hatena-module-title,.hatena-module-custom-article-categorybox .hatena-module-title{padding:0 0 7px;font-size:18px}@media screen and (width < 768px){.hatena-module-custom-foot-new-articles .hatena-module-title,.hatena-module-custom-foot-popular-articles .hatena-module-title,.hatena-module-custom-article-categorybox .hatena-module-title{font-size:16px}}.hatena-module-custom-foot-new-articles .hatena-module-body,.hatena-module-custom-foot-popular-articles .hatena-module-body,.hatena-module-custom-article-searchbox .hatena-module-body,.hatena-module-custom-article-categorybox .hatena-module-body{margin:32px 0 0}.hatena-module-custom-foot-new-articles li .urllist-image,.hatena-module-custom-foot-popular-articles li .urllist-image{width:96px;height:auto;overflow:hidden;margin:0}.hatena-module-custom-foot-new-articles .recent-entries-title,.hatena-module-custom-foot-popular-articles .entries-access-ranking-title{margin:-2px 0 0;padding:0 0 0 24px;font-size:13px;transition:opacity .5s ease;line-height:1.6;font-weight:500}.hatena-module-custom-foot-new-articles .recent-entries-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.hatena-module-custom-foot-popular-articles .entries-access-ranking-title{max-height:85px}.hatena-module-custom-foot-new-articles .recent-entries-entry-body,.hatena-module-custom-foot-popular-articles .entries-access-ranking-entry-body{padding:11px 0 0 24px;font-size:13px;transition:opacity .5s ease}.hatena-module-custom-foot-new-articles .recent-entries-entry-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:50px}.hatena-module-custom-foot-new-articles .recent-entries-item-inner:hover .recent-entries-title,.hatena-module-custom-foot-new-articles .recent-entries-item-inner:hover .recent-entries-entry-body{opacity:.4}#box2 .hatena-module-custom-foot-new-articles .recent-entries-item-inner{box-shadow:none;position:relative;display:-ms-grid;display:grid;-ms-grid-rows:-webkit-max-content;-ms-grid-rows:max-content;grid-template-rows:-webkit-max-content;grid-template-rows:max-content;padding-right:0;-ms-grid-columns:96px 1fr;grid-template-columns:96px 1fr;min-height:96px;z-index:0}.hatena-module-custom-foot-new-articles .recent-entries-item-inner .recent-entries-image-link{width:96px;height:96px;overflow:hidden;display:flex;justify-content:center;align-items:center;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;border:1px solid #e7e7e7}.hatena-module-custom-foot-new-articles .recent-entries-item-inner:hover img{-webkit-transform:scale(1.08);transform:scale(1.08)}.hatena-module-custom-foot-popular-articles .entries-access-ranking-image-link{height:96px}.hatena-module-custom-article-searchbox .search-module-button{content:'';position:absolute;top:50%;right:24px;width:18px;height:18px;background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/h/h-products_topics/20200330/20200330171921.png) no-repeat 0 0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);background-size:18px 18px}.hatena-module-custom-article-categorybox{margin:43px 0 32px}.hatena-module-custom-article-categorybox li+li{margin:8px 0 0}.hatena-module-custom-article-categorybox li a{padding:3px 12px 3px 32px;font-size:13px;transition:opacity .5s ease;display:inline-block;color:#000;text-decoration:none;border:1px solid #ddd;background-color:#f5f5f5;border-radius:16px;position:relative}.hatena-module-custom-article-categorybox li a::before{content:"";position:absolute;width:12px;height:12px;border-radius:3px;top:5px;left:12px}.hatena-module-custom-article-searchbox .search-module-input{padding:17px 64px 17px 24px;width:100%;border:1px solid #e7e7e7;box-shadow:none}.entry-categories{display:flex;flex-wrap:wrap;margin:6px 0 0}.category-news .entry-categories{gap:0 7px}.entry-categories::after{order:2;content:"";width:100%}.entry-categories .category-hashtag{order:1;margin-right:12px}.entry-categories .category-business{order:3;margin:7px 8px 0 0}.page-entry #box2{background:#fff}@media screen and (width>768px){.page-entry #box2{width:78.91vw;margin:0 auto;padding:60px 0 0}.page-entry #box2-inner{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;gap:0 0;grid-auto-flow:row;grid-template-areas:"hatena-module-custom-foot-new-articles hatena-module-custom-foot-popular-articles hatena-module-custom-article-categorybox";grid-template-rows:auto;gap:0 9%}.hatena-module-custom-foot-new-articles{grid-area:hatena-module-custom-foot-new-articles}.hatena-module-custom-foot-popular-articles{grid-area:hatena-module-custom-foot-popular-articles}.hatena-module-custom-article-categorybox{grid-area:hatena-module-custom-article-categorybox;margin:0}}@media screen and (width < 768px){.page-entry #box2{padding:0 7.2vw}}.page-entry #box2{display:block}.page-archive .hatena-module-custom-foot-new-articles,.page-archive .hatena-module-custom-foot-popular-articles,.page-archive .hatena-module-custom-article-searchbox,.page-archive .hatena-module-custom-article-categorybox,.page-index .hatena-module-custom-foot-new-articles,.page-index .hatena-module-custom-foot-popular-articles,.page-index .hatena-module-custom-article-searchbox,.page-index .hatena-module-custom-article-categorybox,.page-about .hatena-module-custom-foot-new-articles,.page-about .hatena-module-custom-foot-popular-articles,.page-about .hatena-module-custom-article-searchbox,.page-about .hatena-module-custom-article-categorybox,.category-news #box2,.page-entry #box2-inner>div:nth-child(1),.page-entry #box2-inner .hatena-module-custom-sideCategory{display:none}

html {
  scroll-behavior: smooth;
}

/* ====================
   TOPICS 記事用
====================== */
.page-entry.category-all {
  /* ===== 記事タイトル ===== */
  .entry-title {
    margin: 27px 0 21px;
    .entry-title-link {
    font-size: 24px;
    line-height: 1.5;
    }
  }
  .entry-header {
    border: none;
    padding-block: 0 20px;
  }
  .entry:not(.no-entry) .entry-content {
    margin-top: 0;

    [id] {
      scroll-margin-top: 80px;
    }
  }
  h3 {
    margin-block: 40px 32px;
    font-size: 20px;
    line-height: 1.5;
    text-decoration-line: underline;
    text-decoration-color: #E7E7E7;
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 13px;
  }
  h4 {
    font-size: 16px;
    line-height: 1.5;
    border-left: 6px solid #BABABA;
    padding-left: 7px;
    margin-block: 38px;
  }
  h5, h6 {
    font-size: 1em;
    margin-block: 1.5em 1em;
  }

  /* PC */
  @media screen and (width >= 768px) {
    #content-inner {
      padding-top: 40px;
    }
    .entry-title {
      margin: 23px 0 13px;
      .entry-title-link {
        font-size: 36px;
      }
    }
    .entry-header {
      padding-bottom: 40px;
    }
    .entry:not(.no-entry) .entry-content {
      [id] {
        scroll-margin-top: 130px;
      }
    }
    h3 {
      margin-block: 72px 56px;
      font-size: 28px;
    }
    h4 {
      margin-block: 50px;
      font-size: 20px;
    }
  }

  /* ===== 目次 =====*/
  .table-of-contents {
    margin-block: 57px;
    padding: 25px 20px 20px;
    background: #F6F6F6;
    border-radius: 12px;
    font-size: 14px;
    &::before {
      padding-bottom: 12px;
      font-size: 16px;
      border-bottom: 1px dashed #888;
      margin-bottom: 22px;
    }
    li {
      list-style: none;
      margin: 0;
      padding-left: 15px;
      background-position: top .7em left;
      background-size: auto 6px;
      background-repeat: no-repeat;
      background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjUwNSIgaGVpZ2h0PSI2LjE4MyIgdmlld0JveD0iMCAwIDguNTA1IDYuMTgzIj48ZyBpZD0ic3dpdGNoaW5nIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjY1OSAwLjY2NCkgcm90YXRlKDkwKSI+PHBhdGggaWQ9Il8iIGRhdGEtbmFtZT0iJmd0OyIgZD0iTTc1LjQ3OSwzNS40ODNsLTEuMzI5LTEuNDk1LDMuMTQ2LTIuOC0zLjEzNC0yLjcsMS4zMDUtMS41MTYsNC44NjYsNC4xOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NC44MTUgLTI3LjgyNCkiLz48L2c+PC9zdmc+');
    }
    > li {
      + li {
        margin-top: 15px;
      }
      ul {
        margin: 0;
        li {
          margin-top: 7px;
          font-size: 13px;
          background: none;
          padding-left: 0;
          ul {
            display: none;
          }
        }
      }
    }

    /* PC */
    @media screen and (width >= 768px) {
      margin-block: 77px;
      padding: 32px 35px 27px;
      font-size: 16px;
      &::before {
        font-size: 18px;
      }
      > li {
        ul {
          li {
            font-size: 14px;
          }
        }
      }
    }
  }


  /* ===== 記事プロフィール ===== */
  .profile_wrap {
    border-radius: 12px;
    background: #f6f6f6;
    margin-block: 77px;
    padding: 25px 40px 36px;
  }
  .profile_wrap .hdg,
  .related_wrap .hdg {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 12px;
    border-bottom: 1px dashed #888;
    text-decoration: none;
    margin: 0;
  }
  .profile_wrap .profile {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }
  .profile_wrap .profile + .profile {
    margin-top: 40px;
  }
  .profile_wrap .profile picture {
    width: 120px;
    display: block;
  }
  .profile_wrap .profile dl {
    width: calc(100% - 140px);
  }
  .profile_wrap .profile dl dt {
    font-size: 20px;
      font-weight: 500;
  }
  .profile_wrap .profile dl dd {
    margin-left: 0;
  }
  .profile_wrap .profile dl dd p {
    font-size: 14px;
    line-height: 1.5;
  }
  .profile_wrap .profile dl dd p.link {
    margin: 5px 0 15px;
    font-weight: 500;
  }
  .related_wrap {
    margin-top: 77px;
  }
  .related_wrap ul {
    margin: 25px 0 0;
  }
  .related_wrap ul li {
    list-style: none;
    font-size: 16px;
    line-height: 1.5;
  }
  .related_wrap ul li + li {
    margin-top: 10px;
  }

 .profile_wrap .profile dl dd p.link,
  .related_wrap ul li {
    a {
      transition: .2s linear;
      &:hover {
        color: #646464;
        opacity: 1;
        text-decoration: underline;
      }
    }
  }

  @media only screen and (max-width: 768px){
    .profile_wrap {
      border-radius: 12px;
      margin-block: 57px;
      padding: 25px 20px 25px;
    }
    .profile_wrap .hdg,
    .related_wrap .hdg {
      font-size: 16px;
      padding-bottom: 12px;
    }
    .profile_wrap .profile {
      display: block;
      margin-top: 20px;
    }
    .profile_wrap .profile + .profile {
      margin-top: 27px;
    }
    .profile_wrap .profile picture {
      width: 100%;
      text-align: center;
    }
    .profile_wrap .profile dl {
      width: 100%;
      margin-top: 12px;
    }
    .profile_wrap .profile dl dt {
      font-size: 18px;
    }
    .profile_wrap .profile dl dd p.link {
      margin: 7px 0 12px;
    }
    .related_wrap {
      margin-top: 57px;
    }
    .related_wrap ul li {
      font-size: 14px;
    }
  }
}



/* 戦略領域カテゴリーボタン色 */
a.category-SP・コマース,.hatena-module-custom-article-categorybox li a.category-SP・コマース::before {
  --categoryColor: #E07489;
}

a.category-データ活用,.hatena-module-custom-article-categorybox li a.category-データ活用::before {
  --categoryColor: #5AA9CC;
}

a.category-コンテンツ制作,.hatena-module-custom-article-categorybox li a.category-コンテンツ制作::before {
  --categoryColor: #E08953;
}

a.category-映像,.hatena-module-custom-article-categorybox li a.category-映像::before {
  --categoryColor: #B581D1;
}

a.category-イベント,.hatena-module-custom-article-categorybox li a.category-イベント::before {
  --categoryColor: #B39F4F;
}

a.category-統合プロモーション,.hatena-module-custom-article-categorybox li a.category-統合プロモーション::before {
  --categoryColor: #87BC65;
}

a.category-サステナビリティ,.hatena-module-custom-article-categorybox li a.category-サステナビリティ::before {
  --categoryColor: #6477CC;
}

a.category-テクノロジー,.hatena-module-custom-article-categorybox li a.category-テクノロジー::before {
  --categoryColor: #59BCA8;
}

a.category-グループ会社 {
  --categoryColor: #fff;
  border: 1px solid #666;
  color: #333!important;
}
.hatena-module-custom-article-categorybox li a.category-グループ会社::before {
  --categoryColor: #fff;
  border: 1px solid #ddd;
}

a.category-その他,.hatena-module-custom-article-categorybox li a.category-その他::before {
  --categoryColor: #999;
}

.recent-entries-categories {
  width:auto;
}

.hatena-module-custom-foot-new-articles .recent-entries-title {
  text-overflow: clip;
  white-space: normal;
  max-height: 85px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  transition: all .2s linear;
}

.related-entries-item-inner .related-entries-title-link,
.entries-access-ranking-item-inner .entries-access-ranking-title {
  transition: all .2s linear;
}


/* メインカテゴリー形式変更 */
a.category-mainCategory {
  background: #fff;
  color: #000!important;
  font-weight: 500;
  border: 1.5px solid var(--categoryColor);
  transition: all .2s linear;
}

/* アクセシビリティ対応 */
.hatena-module-custom-archive-head .topics-title .c-headingRuby,
.recent-entries-categories a,
a.category-business,
.hatena-module-category li a,
.entry-categories .category-hashtag,
.entry-date a:first-child {
  color: #6B6B6B;
}
.urllist-date time, .archive-date time {
  color: #4C4C4C;
}
.recent-entries-title,
.recent-entries-see-more-link::after,
.hatena-module-category li a,
.recent-entries-categories .archive-category-link,
.recent-entries-categories .urllist-category-link,
.entry-category-link,
.urllist-date time,
.archive-date time {
  transition: all .2s linear;
}
.hatena-module-custom-archive-head .topics-title .c-headingRuby {
  font-weight: 500;
  font-family: YakuHanJP, Roboto, "Kinto Sans", "Helvetica Neue", "Segoe UI", Helvetica, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
}
.entries-access-ranking-item-inner::after {
  font-weight: bold;
}
.recent-entries-categories {
  .urllist-category-link, .archive-category-link {
    &:hover {
      opacity: 1;
      &:not(.category-business, .category-mainCategory) {
        text-decoration: underline;
      }
      &.category-business:hover {
        background: #6B6B6B;
        color: #fff;
      }
    }
  }
}
@media screen and (width >= 768px) {
  .clickable, .clickable-02{
    &:hover {
      opacity: 1;
      .recent-entries-title,
      .urllist-title,
      .category-mainCategory,
      .urllist-date time,
      .archive-date time {
        color: #6B6B6B!important;
      }
      img {
        opacity: 1;
      }
    }
  }
  .c-topicsFilter__trigger:hover,
  .recent-entries-see-more-link:hover,
  .archive-header-category .c-topicsFilter__trigger:hover {
    background: #6B6B6B;
    &::after {
      right: 36px;
    }
  }
  .hatena-module-category:not(.hatena-module-custom-article-categorybox) li a {
    &:hover {
      color: #5C5C5C;
      background: #E7E7E7;
      border-color: #E7E7E7;
      opacity: 1;
    }
  }
}

/* 記事ページ */
.entry-category-link {
  &.category-mainCategory {
    background: #fff;
    font-size: 12px;
  }
  &:hover {
    opacity: 1;

    &:not(.category-business, .category-mainCategory) {
      text-decoration: underline;
    }
    &.category-business {
      background: #6B6B6B;
      color: #fff;
    }
    &.category-mainCategory {
      background: #F6F6F6;
      color: #6B6B6B!important;
      opacity: 1;
    }
  }
}
.related-entries-item-inner:hover .related-entries-title-link,
#box2 .recent-entries-item-inner:hover .recent-entries-title-link,
.entries-access-ranking-item-inner:hover .entries-access-ranking-title {
    opacity: 1;
    color: #6B6B6B;
}
.entry-date a:first-child {
  &:hover {
    opacity: .7;
  }
}
.hatena-module-custom-article-categorybox li a {
  color: #000;
  &:hover {
    opacity: 1;
    color: #6B6B6B;
  }
  &::before {
    background-color: var(--categoryColor);
  }
}