html{font-size:62.5%}body{position:relative;background-color:#fff;min-width:320px;color:#444;font-size:1.4rem;margin:0;padding:0;font-family:"Noto Sans JP","Open Sans",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Meiryo","メイリオ",sans-serif;font-weight:400;line-height:1.5;text-align:center;box-sizing:content-box}img{width:100%}*,*::after{box-sizing:content-box}a{display:block;color:inherit;cursor:pointer;background-color:rgba(0,0,0,0);text-decoration:none}a:hover{text-decoration:none}a:focus{outline:none}ol,ul{padding:0;list-style:none}dd,dl,dt,h1,h2,ol,p,ul{margin:0}.en{font-family:"Nunito Sans",sans-serif}.jp{font-family:"Noto Sans JP","Open Sans",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Meiryo","メイリオ",sans-serif}.hyphen{display:none}@media screen and (min-width: 1051px){.pc105{display:none}}@media screen and (min-width: 960px){.spOnly{display:none}}@media screen and (max-width: 959px){.pcOnly{display:none}}.hatena-module.hatena-module-recent-entries .hatena-module-title{display:none}.urllist-entry-body{display:none}.entries-access-ranking-item,.hatena-module-entries-access-ranking .hatena-module-title{display:none !important}.hatena-module-profile{display:none !important}#box1{display:none}.date-year::after,.date-month::after{content:"/"}.date{font-size:1.2rem}.date a{color:#999}.sidebar-banner>a{display:block;border-radius:10px;padding:0;font-size:0;line-height:1;vertical-align:top;border:none;transition:.3s ease-in-out;box-shadow:0 3px 30px rgba(145,162,167,.25);z-index:99;overflow:hidden}.sidebar-banner>a:hover{box-shadow:0 3px 30px rgba(145,162,167,.8)}.bwblog-header{position:relative;margin:auto auto 48px;text-align:center;background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20201214/20201214033842.png) repeat 50%;border-bottom:1px solid #e3e1e0;width:100%;height:180px}@media(min-width: 768px){.bwblog-header{height:210px}}.bwblog-header_img_page{display:none}.bwblog-header__inner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(min-width: 768px){.bwblog-header__inner{height:210px}}.bwblog-header__inner__heading{display:block;width:303px;height:60px;margin:auto auto 16px;background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20201214/20201214033810.png) no-repeat top;background-size:303px 60px;text-indent:100%;white-space:nowrap;overflow:hidden}.bwblog-header__inner__heading>a{display:block;width:100%;height:100%}@media(min-width: 768px){.bwblog-header__inner__heading{width:404px;height:80px;background-size:404px 80px}}.bwblog-header__inner__text{font-size:1.6rem;color:#716764;margin:0 auto auto;transition:color .15s ease-out}.bwblog-header__inner__text:hover{color:#444}.bwblog-header_inner{position:relative}.bwblog-header_inner .bwblog-header_img_top{display:inline-block;position:absolute;left:50%;transform:translate(-50%, -50%);width:80%;text-align:center;margin:0;top:0;padding-top:74%}.bwblog-header_inner .bwblog-header_img_top img{width:100%;vertical-align:bottom}.bwblog-header_inner_heading{font-size:0}.bwblog-header_inner_heading a:hover{opacity:1}#content{width:100%;text-align:left;font-size:1.2rem;background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20211004/20211004220920.png) no-repeat center top;background-size:contain;padding-top:81%;margin:0 0 80px 0}@media(min-width: 960px){#content{padding-top:404px;background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20221024/20221024084555.png) repeat-x calc(50% - 54px) top;background-size:1400px}}@media(min-width: 1320px){#content{padding-top:434px}}#content-inner{margin:0 10px}@media(min-width: 960px){#content-inner{display:flex;margin:0 auto;width:920px;padding:0 20px}}@media(min-width: 1320px){#content-inner{width:1240px;padding:0 40px}}@media(min-width: 768px){.static-page-layout-header-footer #content-inner{display:block;margin:0}}@media(min-width: 992px){.static-page-layout-header-footer #content-inner{margin:0}}@media(min-width: 960px){#wrapper,.page-index #wrapper{width:608px;margin-right:32px}}@media(min-width: 1320px){#wrapper,.page-index #wrapper{width:928px}}@media(min-width: 768px){.static-page-layout-header-footer #wrapper{width:auto;padding:0}}@media(min-width: 992px){.static-page-layout-header-footer #wrapper{padding:0}}#box1,#box2{width:100%;background-color:#f4f4f4;margin:unset;font-size:1.2rem}#box1 #box2-inner,#box2 #box2-inner{margin-top:48px}@media(min-width: 960px){#box1,#box2{width:280px;background-color:#fff;margin:0 auto auto;padding:0}#box1 #box2-inner,#box2 #box2-inner{margin-top:0}}#top-box{margin-left:10px;margin-right:10px;margin-bottom:1rem !important}#top-box .breadcrumb{font-size:1.4rem;color:#9aa5ab}#box2{background:rgba(0,0,0,0)}.pager{border:none;font-size:.9rem;display:flex;align-items:center;justify-content:center;width:100%;line-height:1.5;text-align:center;margin:1.5em auto}.pager .pager-next,.pager .pager-prev{border-radius:50%;width:74px;height:74px;background:#41bec8;transition:border .3s ease-in-out,background-color .3s ease-in-out;position:relative}.pager .pager-next .pager-arrow,.pager .pager-prev .pager-arrow{display:none;position:relative}.pager .pager-next:hover,.pager .pager-prev:hover{background-color:#008893}.pager .pager-next a,.pager .pager-prev a{display:block;height:100%;color:rgba(0,0,0,0);overflow:hidden;padding:0 !important}.pager .pager-next a::before,.pager .pager-prev a::before{position:absolute;color:#fff;font-family:"Font Awesome 5 Free",sans-serif;font-size:1.6rem;font-weight:900;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center;transition:.3s ease-in-out}.pager .pager-next a::after,.pager .pager-prev a::after{position:absolute;font-size:1.4rem;font-weight:700;color:#231815;top:110%;left:50%;width:100%;transform:translateX(-50%);text-align:center}.pager .pager-next a::before{content:""}.pager .pager-next a::after{content:"次の記事"}.pager .pager-prev a::before{content:""}.pager .pager-prev a::after{content:"前の記事"}.pager .pager-prev+.pager-next{margin-left:50px}@media(max-width: 960px){.pager{margin:1.5em auto 72px}}.pager.autopagerize_insert_before .pager-next a::after{content:"次のページ"}.pager.autopagerize_insert_before .pager-prev a::after{content:"前のページ"}.footer{font-size:1.2rem;padding:0;width:100%}.footerArea__left{text-align:left}.footerArea{color:#fff;padding:80px 0;background:#7e726f}@media(max-width: 960px){.footerArea{padding:40px 0}}.footerArea a{color:#fff;display:inline-block}.footerArea a:hover{opacity:.6}.footerArea .container{display:flex;justify-content:space-between;position:relative;max-width:1240px;margin:0 auto;padding:0 20px}@media(max-width: 960px){.footerArea .container{display:block}}.footerArea__left-name{font-weight:700;margin-bottom:8px}.footerArea__group{margin-top:28px}.footerArea__group li{margin:4px 0}.footerArea__group a{padding-right:20px;background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20210928/20210928200012.png) no-repeat center right;background-size:12px auto}@media(max-width: 960px){.footerArea__right{margin-top:28px}}.footerArea__right ul{margin-top:4px;display:flex}@media(max-width: 640px){.footerArea__right ul{flex-direction:column;text-align:left}}.footerArea__right li{line-height:1;padding-right:16px}@media(max-width: 640px){.footerArea__right li{margin-bottom:12px;padding:0}}.footerArea__copylight{position:absolute;right:30px;bottom:0}@media(max-width: 960px){.footerArea__copylight{text-align:center;margin-top:40px;position:static}}.entry{margin-bottom:3rem}.entry-header{position:relative;margin-bottom:2rem}.entry-header-menu{position:absolute;top:0;right:0}.entry-header-menu a{display:inline-block;text-align:center;cursor:pointer;line-height:1.5;overflow:hidden;background-color:#666;color:#fff;font-weight:700;border-radius:.2rem;transition:all .15s ease-out;padding:.3em .7em;font-size:1.2rem}.entry-header-menu a:hover{background-color:#616d74;color:#fff;text-decoration:none}.entry-header-menu a img,.entry-header-menu a svg{vertical-align:top;margin-right:.3em}.entry-content{line-height:1.75;font-size:1.6rem;color:#444;word-wrap:break-word}.entry-content a.keyword{text-decoration:none;border-bottom:1px dotted #dfe5e7;color:#3d3f44}.entry-content p{margin:2rem 0}.entry-content img,.entry-content video{max-width:90%;max-height:1000px;width:auto;height:auto;display:block;margin:2rem auto}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:3rem auto 2rem;line-height:1.3}.entry-content h2,.entry-content h3{padding-bottom:.1em;border-bottom:1px solid #dfe5e7}.entry-content h1{font-size:150%}.entry-content h2{font-size:140%}.entry-content h3{font-size:130%;border-bottom:1px solid #d1d8da}.entry-content h4{font-size:120%}.entry-content h5{font-size:110%}.entry-content h6{font-size:100%}.entry-content dd,.entry-content ol,.entry-content ul{margin:0 0 2em 1.5em;padding:0}.entry-content dd,.entry-content ul{list-style-type:disc}.entry-content ol{list-style-type:decimal}.entry-content dd li ol,.entry-content dd li ul,.entry-content ol li ol,.entry-content ol li ul,.entry-content ul li ol,.entry-content ul li ul{margin-bottom:0}.entry-content dd li ul,.entry-content ol li ul,.entry-content ul li ul{list-style-type:circle}.entry-content dd li ol,.entry-content ol li ol,.entry-content ul li ol{list-style-type:decimal}.entry-content table{border-collapse:collapse;border-spacing:0;border-bottom:2rem;margin-bottom:2rem;width:100%;overflow:auto;display:block;font-size:1.6rem}.entry-content table td{border:1px solid #dfe5e7;padding:5px 10px}.entry-content table th{border:1px solid #dfe5e7;padding:5px 10px;background:#f7f8f9}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-content blockquote{margin:1rem 0;padding:5px 5px 5px 15px;border-left:3px solid #dfe5e7}.entry-content blockquote p:first-child{margin-top:0}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content code{font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif;font-size:90%;margin:0 2px;padding:0 5px;background-color:#f7f8f9;border-radius:3px}.entry-content pre{font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif;background:#f7f8f9;border:none;white-space:pre-wrap;text-overflow:ellipsis ellipsis;line-height:1.3;font-size:1.6rem;padding:10px}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:none;background-color:rgba(0,0,0,0);font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content hr{width:50%;border:none;border-top:1px solid #dfe5e7;margin:2em auto}.entry-content .hatena-asin-detail,.entry-content .itunes-embed{background-color:#f7f8f9;border-color:#dfe5e7}.entry-content .entry-see-more{width:100%;box-sizing:border-box;text-decoration:none}.entry-content .table-of-contents{padding:1em 1em 1em 2em;margin:1em 0;border:1px solid #dfe5e7}@media(min-width: 576px){.entry-content{font-size:1.6rem}}@media(min-width: 768px){.entry-content h1{font-size:160%}}@media(min-width: 768px){.entry-content h2{font-size:150%}}@media(min-width: 768px){.entry-content h3{font-size:140%}}@media(min-width: 768px){.entry-content h4{font-size:130%}}@media(min-width: 768px){.entry-content h5{font-size:110%}}@media(min-width: 576px){.entry-content table{font-size:1.6rem}}@media(min-width: 768px){.entry-content blockquote{margin:1.5rem 2rem;padding:5px 20px}}@media(min-width: 768px){.entry-content pre{font-size:1.5rem;padding:15px}}.entry-footer-section{display:none}.entry-thumb-link{position:relative;height:auto;margin:0 0 16px 0;padding-top:56.2%;border-radius:0;z-index:0}.entry-title-link{color:#444;padding:8px 20px 32px;font-size:1.8rem;font-weight:700;height:54px;overflow:hidden;word-break:break-all}@media screen and (min-width: 458px){.entry-title-link{height:81px}}.page-archive .entry-title-link:hover{text-decoration:none;cursor:pointer}.page-entry .entry-content blockquote{border-left:3px solid #d1d8da}.page-entry .entry-content .table-of-contents{border:1px solid #d1d8da}.page-entry .entry-content a:hover{color:#f4a21f}.page-about dt{font-size:16px;font-weight:700;border-bottom:1px solid #dfe5e7;margin-bottom:5px}.page-about dd{margin-left:0;margin-bottom:30px}.page-archive .archive-entry{display:flex;flex-direction:column}.page-archive .entry-thumb{position:absolute;top:0;background-size:cover;width:100%;border-radius:10px 10px 0 0;margin-right:0;overflow:hidden;height:100%}.page-archive .categories a{color:#7e8c94;background-color:#f7f8f9;padding:.1rem -0.2rem;line-height:1.2em;font-size:1.4rem;text-decoration:none;display:inline-block;margin:0 .4rem .3rem 0}.page-archive .categories a:hover{text-decoration:none;background-color:#e0e4e8;opacity:1;color:#41bec8}.page-archive .entry-description{margin:.5rem 0;font-size:1.4rem}.page-archive .entry-description,.page-archive .archive-entry-tags-wrapper{display:none}.page-archive .categories a:not(.category-エンジニア):not(.category-デザイナー):not(.category-カルチャー):not(.category-採用){display:none}.page-archive .categories a.category-エンジニア~a,.page-archive .categories a.category-デザイナー~a,.page-archive .categories a.category-カルチャー~a,.page-archive .categories a.category-採用~a{display:none}.page-entry h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#231815;transition:.3s ease-in-out}.page-entry .headerArea02{transform:translateY(0)}.page-entry #content{width:100%;background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20211004/20211004214739.png) no-repeat center top;background-size:contain;padding-top:25%}.page-entry .bwblog-header_img_top,.page-entry .top-img_illust{display:none}.page-entry .bwblog-header_img_page{display:inline-block;position:absolute;left:16px;top:32px;width:64%;max-width:400px;z-index:99;transition:none;font-size:0}.page-entry #content-inner{width:90%;margin:auto;padding-left:0;padding-right:0}.page-entry #content-inner #wrapper .entry{background:#fff;border-radius:10px;box-shadow:0 3px 30px rgba(145,162,167,.25)}.page-entry #content-inner #wrapper .entry .entry-inner{padding:20px}@media(min-width: 1320px){.page-entry #content-inner #wrapper .entry{padding-top:40px}}.page-entry .eyecatch{position:relative;overflow:hidden;height:0;margin:0 auto;padding-top:56.25%;border-radius:10px 10px 0 0}.page-entry .eyecatch img{position:absolute;top:0;left:0;right:0;height:100%;width:100%;margin:auto;object-fit:cover}@media(min-width: 1320px){.page-entry .eyecatch{border-radius:0;max-width:800px;height:auto;padding:0;font-size:0}.page-entry .eyecatch img{position:relative}}.page-entry .entry-title,.page-entry .entry-title a{font-size:2.4rem;height:auto;padding:0;line-height:1.3;margin:0 0 20px}@media(min-width: 768px){.page-entry{font-size:2.8rem}}.page-entry .entry-inner .entry-title a,.page-entry .entry-inner p a,.page-entry .entry-inner li a,.page-entry .entry-inner .hatena-citation a{display:inline}.page-entry .author{display:block}.page-entry .entry-title a:hover{opacity:1}.page-entry .entry-header{display:flex;flex-direction:column;position:relative;font-size:0}.page-entry .entry-header-menu{top:-40px}.page-entry .categories{order:-1;margin-bottom:24px}.page-entry .date{position:absolute;top:0;right:0;margin:0 0 20px 0;height:24px;font-size:1.3rem}.page-entry .date a{position:absolute;right:0;z-index:1}.page-entry .urllist-category-link{transition:color .3s ease-in-out}.page-entry .urllist-category-link:hover{color:#008893;background-color:unset}.page-entry .entry-content p a,.page-entry .entry-content li a{color:#41bec8;transition:color .3s ease-in-out}.page-entry .entry-content p a:hover,.page-entry .entry-content li a:hover{color:#008893}.page-entry .entry-content h2{border-bottom:1px solid #d1d8da}.page-entry .entry-content p.footnote a{color:#b9c4c7}.page-entry .entry-tags-wrapper{display:none}.page-entry .entry-tag-link{display:inline-block;margin-right:10px;border:1px solid #41bec8;border-radius:50px;font-weight:500;letter-spacing:.05em;padding:5px 10px;background:#41bec8;color:#fff;transition:.3s ease-in-out}.page-entry .entry-tag-link:hover{color:#41bec8;border:1px solid #41bec8;background:#fff}.page-entry .entry-tag-icon{display:none}@media(min-width: 960px){.page-entry #content-inner{width:920px}.page-entry #content{width:100%;background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20221104/20221104080417.png) repeat-x calc(50% - 62px) top;background-size:1440px;padding-top:48px;margin-top:100px}.page-entry #content-inner #wrapper .entry .entry-inner{max-width:640px;margin:0 auto;padding:24px 40px 80px}.page-entry .headerArea01{display:none}}@media(min-width: 1320px){.page-entry #content-inner{width:1240px}}.entry-footer-time a{display:inline-block}.archive-entry-header{order:1}.archive-heading,.archive-header-category .archive-heading{position:relative;background:#fff;margin-bottom:32px;padding:20px 10px;border-radius:10px;border:2px solid #fad499;font-weight:700;text-align:center;color:#231815;font-size:2rem;line-height:1.3}@media(min-width: 768px){.archive-heading,.archive-header-category .archive-heading{padding:30px 10px}}.archive-description{font-size:1.4rem}@media(min-width: 576px){.archive-description{font-size:1.4rem}}.archive-date{text-align:right}.archive-date a{display:inline-block;position:relative;margin:0;padding:6px 20px 6px 0;line-height:1;text-align:right;font-weight:500;color:#b9c4c7}.archive-header-category{margin-bottom:0}.archive-header-category .archive-heading::before{font-size:1.4rem;color:#f4a21f;display:block;font-weight:400}.category-エンジニア .archive-header-category .archive-heading::before{content:"ENGINEER"}.category-デザイナー .archive-header-category .archive-heading::before{content:"DESIGNER"}.category-カルチャー .archive-header-category .archive-heading::before{content:"CULTURE"}.category-採用 .archive-header-category .archive-heading::before{content:"RECRUITMENT"}.archive-header-category .archive-heading::after{content:none}.urllist-read-more-btn{display:block;text-align:center;cursor:pointer;font-size:1.6rem;overflow:hidden;text-decoration:none !important;font-weight:400;border-radius:50px;padding:20px 0;line-height:1;color:#fff;outline:none;background:#41bec8;background-size:unset;box-shadow:0 3px 5px rgba(145,162,167,.3);transition:background-color .3s ease-in-out;width:auto}.urllist-read-more-btn:hover{background-color:#008893}.urllist-date-link a{margin:0 20px;padding:3px 0;color:#b9c4c7;font-size:1.2rem;font-weight:500;text-align:right}.urllist-entry-body{font-size:1.2rem;line-height:1.5;color:#999;margin-top:.5rem}.urllist-categories{position:absolute;top:16px;left:20px;margin-top:56.2%}.urllist-categories a:not(.category-エンジニア):not(.category-デザイナー):not(.category-カルチャー):not(.category-採用){display:none}.urllist-categories a.category-エンジニア~a,.urllist-categories a.category-デザイナー~a,.urllist-categories a.category-カルチャー~a,.urllist-categories a.category-採用~a{display:none}.urllist-image{max-width:100%}@media(min-width: 960px){#main .urllist-item{padding-bottom:0;margin:0 32px 32px 0;height:380px}}#main .urllist-image{position:absolute;top:0;float:none;margin:0}#box1 .hatena-urllist li,#box2 .hatena-urllist li{list-style:none;padding-bottom:0;margin-bottom:10px;border-radius:5px;border:1px solid #ddd;background-color:#fff}#box1 .urllist-image,#box2 .urllist-image{max-width:100px;height:100px;margin-right:1.2rem;margin-bottom:0;border-top-left-radius:5px;border-bottom-left-radius:5px}#box1 .hatena-urllist .urllist-title-link,#box2 .hatena-urllist .urllist-title-link{font-weight:500;color:#444;font-size:1.4rem;line-height:1.5;padding-top:12px;padding-right:12px}#box1 .urllist-entry-body,#box2 .urllist-entry-body{display:none}.hatena-urllist .urllist-title-link{color:#444;padding:8px 20px 32px;font-size:1.8rem;font-weight:700;height:54px;overflow:hidden;word-break:break-all}.hatena-urllist .urllist-title-link:hover{text-decoration:none}@media screen and (min-width: 458px){.hatena-urllist .urllist-title-link{height:81px}}.urllist-image-link{position:relative;height:auto;margin:0 0 16px 0;padding-bottom:56.2%;border-radius:0;overflow:hidden;z-index:0}.page-archive .categories{position:absolute;top:16px;left:20px;margin-top:56.2%}.page-archive .categories a:hover{background:unset}.urllist-category-link,.page-archive .categories a{padding:0;margin:0;color:#41bec8;font-size:1.6rem;background:none;font-weight:500;line-height:1.5}.entry-categories{display:flex;flex-wrap:wrap;position:relative;padding-top:36px}.entry-categories .category-エンジニア,.entry-categories .category-デザイナー,.entry-categories .category-カルチャー,.entry-categories .category-採用{position:absolute;top:0;margin:0 0 12px 0;padding:0;color:#41bec8;font-size:1.6rem;background:none;font-weight:500;line-height:1.5;transition:color .3s ease-in-out}.entry-categories .category-エンジニア:hover,.entry-categories .category-デザイナー:hover,.entry-categories .category-カルチャー:hover,.entry-categories .category-採用:hover{color:#008893;background-color:unset}.entry-categories a:not(.category-エンジニア):not(.category-デザイナー):not(.category-カルチャー):not(.category-採用),.entry-categories a.category-エンジニア~a,.entry-categories a.category-デザイナー~a,.entry-categories a.category-カルチャー~a,.entry-categories a.category-採用~a{position:relative;background-color:#41bec8;max-width:100%;padding:5px 10px;margin:0 8px 8px 0;box-sizing:border-box;border-radius:50px;color:#fff;font-size:1.2rem;font-weight:500;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .2s ease-in-out}.entry-categories a:not(.category-エンジニア):not(.category-デザイナー):not(.category-カルチャー):not(.category-採用):hover,.entry-categories a.category-エンジニア~a:hover,.entry-categories a.category-デザイナー~a:hover,.entry-categories a.category-カルチャー~a:hover,.entry-categories a.category-採用~a:hover{color:#fff;background-color:#008893}.urllist-category-link a:not(:nth-child(1)){display:none}.urllist-category-link:hover{color:#41bec8;background:unset}.hatena-module-title{font-weight:700;margin-bottom:24px;padding-top:0;padding-bottom:0;font-size:2.4rem;border-top:0;border-bottom:none;color:#716764;position:relative}.hatena-module-title a{display:inline;color:#716764;text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-module-title::after{content:"";position:absolute;display:none;bottom:0;left:0;z-index:1;width:70px;border-bottom:4px solid #5684d7}.hatena-urllist{margin:0;padding:0}.hatena-urllist li{list-style:none;padding-bottom:0;margin-bottom:30px;border-bottom:none}.hatena-urllist li:last-child{border:none;margin-bottom:0;padding-bottom:0}#box1 .hatena-module,#box2 .hatena-module{background-color:inherit;padding:0;margin-bottom:32px}#box1 .hatena-module-title,#box2 .hatena-module-title{font-size:1.6rem;margin-bottom:10px}#box1 .urllist-title-link,#box2 .urllist-title-link{font-size:1.2rem}#box1 .urllist-category-link,#box2 .urllist-category-link{background-color:#fff}#box1 .urllist-entry-body,#box2 .urllist-entry-body{font-size:1.2rem}#box1 .hatena-module-html,#box2 .hatena-module-html{background-color:rgba(0,0,0,0);padding:0}#box1 .hatena-module-profile .hatena-module-body::after,#box2 .hatena-module-profile .hatena-module-body::after{content:"";display:block;clear:both}#box1 .hatena-module-profile .profile-icon,#box2 .hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0;border-radius:5px}#box1 .hatena-module-profile .id,#box2 .hatena-module-profile .id{display:block;font-weight:700;font-size:1.2rem;margin-bottom:.5rem}#box1 .hatena-module-profile .profile-description p,#box2 .hatena-module-profile .profile-description p{font-size:1.2rem;list-style:1.5;color:#444;margin-top:0}#box1 .hatena-urllist li,#box2 .hatena-urllist li{position:relative}#box1 .hatena-module{background:rgba(0,0,0,0)}#box2 .hatena-module{background:rgba(0,0,0,0)}#box2 .hatena-module-related-entries,#box2 .hatena-module-category,#box2 .hatena-module-search-box{background:#fff}.hatena-module-related-entries,.hatena-module-category,.hatena-module-search-box{border:2px solid #fad499;border-radius:10px;padding:30px 10px !important}.hatena-module-related-entries .hatena-module-title,.hatena-module-category .hatena-module-title,.hatena-module-search-box .hatena-module-title{text-align:center;color:#231815 !important;font-size:2rem !important;margin-bottom:20px !important;line-height:1.3}.hatena-module-related-entries .hatena-module-title::before,.hatena-module-category .hatena-module-title::before,.hatena-module-search-box .hatena-module-title::before{font-size:1.4rem;color:#f4a21f;display:block;font-weight:400}.hatena-module-related-entries .hatena-module-title::before{content:"ARCHIVE"}.hatena-module-category .hatena-module-title::before{content:"TAG"}.hatena-module-search-box .hatena-module-title::before{content:"SEARCH"}#box2 .hatena-module-related-entries .hatena-urllist li{border:none;margin-bottom:0}#box2 .hatena-module-related-entries .hatena-urllist li:not(:last-child){margin-bottom:24px}#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner{display:flex;margin:0 8px}#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-title-link{width:auto;height:46px;margin:20px 0 0 0;padding:0;font-size:14px;font-weight:bold;transition:color .3s ease-in-out;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-title-link:hover{text-decoration:underline}@media(min-width: 960px){#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-title-link{width:136px;height:36px;font-size:12px}}#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-image-link{min-width:132px;margin:0 8px 0 0;padding:0;transition:opacity .3s ease-in-out}#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-image-link:hover{opacity:.6}#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-image-link .urllist-image{width:100%;max-width:none;height:auto;margin:0;border-radius:0}@media(min-width: 960px){#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-image-link{margin:0 4px 0 0;max-width:100px;min-width:auto}}#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-categories{top:0;left:148px;margin:0}#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-categories .urllist-category-link{background-color:inherit;display:inline-block;font-size:1.2rem}#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-categories .urllist-category-link:not(.category-エンジニア):not(.category-デザイナー):not(.category-カルチャー):not(.category-採用){display:none}#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-categories .urllist-category-link.category-エンジニア~a,#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-categories .urllist-category-link.category-デザイナー~a,#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-categories .urllist-category-link.category-カルチャー~a,#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-categories .urllist-category-link.category-採用~a{display:none}@media(min-width: 960px){#box2 .hatena-module-related-entries .hatena-urllist li .urllist-item-inner .urllist-categories{left:112px}}#box1 .hatena-module-category .hatena-urllist li{display:inline-block;margin-right:10px;border:none;border-radius:50px;font-weight:500;letter-spacing:.05em;padding:5px 10px;background:#41bec8;color:#fff}#box2 .hatena-module-category .hatena-urllist li{display:inline-block;margin:0 2px 8px 2px;border-radius:50px;font-weight:500;letter-spacing:.05em;padding:5px 10px;background:#41bec8;border:1px solid #41bec8;color:#fff;transition:border .3s ease-in-out,background-color .3s ease-in-out}#box2 .hatena-module-category .hatena-urllist li:hover{border:1px solid #008893;background-color:#008893}.hatena-module.hatena-module-html:nth-of-type(3){display:none}.social-buttons img{width:auto}.social-buttons{text-align:center}.social-buttons .social-button-item{margin-right:2em}#container-inner{background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20210928/20210928200006.png);background-repeat:repeat;background-position:left top;background-color:#fffbf4}.btn01 a{color:#fff;font-weight:700;text-align:center;border-radius:30px;background:#41bec8;display:block;transition:background-color .3s ease-in-out}.btn01 a:hover{background-color:#008893}.btn01 a svg{width:16px;height:16px;margin-left:5px}.headerArea01{font-weight:700;background:#fff;position:relative}@media screen and (max-width: 959px){.headerArea01 .container{width:auto;height:auto;padding:55px 44px;display:block;z-index:8888;position:fixed;top:100%;left:0;right:0}.headerArea01 .container::after{content:"";display:block;background-color:#41bec8;width:50px;height:50px;border-radius:25px;position:fixed;top:16px;right:20px;transition-property:width,height,border-radius,transform;transition-timing-function:ease-in-out;transition-duration:.3s;z-index:-1}.headerArea01 .container .headerArea01__menu li{opacity:0;transition:background-color .1s ease-in-out,opacity .1s ease-in-out;transition-delay:0}}@media(min-width: 960px){.headerArea01 .container{position:absolute;top:272px;z-index:1;width:100%;background-color:#fff}}@media(min-width: 1320px){.headerArea01 .container{top:290px}}@media screen and (max-width: 959px){.headerArea01 .container.active{top:0}.headerArea01 .container.active::after{width:100%;height:100%;border-radius:0;transform:translate(20px, -16px)}.headerArea01 .container.active .headerArea01__menu li{opacity:1;transition-delay:.2s}}@media(min-width: 960px){.menu-inner{margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:920px;padding:24px 20px}}@media(min-width: 1320px){.menu-inner{width:1240px}}@media(min-width: 960px){.menu-inner h1{display:block}.menu-inner h1 a{display:block;height:24px}.menu-inner h1 img{width:auto;height:100%}}@media(min-width: 1320px){.menu-inner h1 a{height:28px}}.headerArea01__menu{font-size:1.6rem;display:flex;align-items:center;box-sizing:border-box}.headerArea01__menu li:not(.btn01) a{padding:10px 0;display:block;transition:color .3s ease-in-out}.headerArea01__menu li:not(.btn01) a:hover{color:#41bec8}@media screen and (min-width: 960px){.headerArea01__menu li:not(:last-child){margin-right:20px}}@media screen and (min-width: 1320px){.headerArea01__menu{font-size:1.8rem}.headerArea01__menu li:not(:last-child){margin-right:32px}}@media screen and (max-width: 959px){.headerArea01__menu{text-align:center;display:block}}@media screen and (max-width: 959px){.headerArea01__menu a{color:#fff;padding:16px 0;display:block}}@media screen and (max-width: 959px){.headerArea01__menu a:hover{color:#fff}}@media screen and (max-width: 959px){.headerArea01__menu li{margin-right:0}}.headerArea01 .btn01 a{width:100%;max-width:300px;margin:20px auto 0;padding:10px 0;border:2px solid #fff;font-size:1.6rem;box-sizing:border-box}@media screen and (min-width: 960px){.headerArea01 .btn01 a{max-width:none;border:none;width:180px;margin:0}}@media screen and (min-width: 1320px){.headerArea01 .btn01 a{font-size:1.8rem;width:200px}}.headerArea02{width:100%;background:#fff;border-bottom:1px solid #d1d8da;position:fixed;top:0;left:0;z-index:9999;transition:.3s;transform:translateY(-100%)}.headerArea02 h1{margin:0;font-size:0}.headerArea02 h1 a{display:inline-block;height:24px}@media screen and (min-width: 1320px){.headerArea02 h1 a{height:28px}}.headerArea02 h1 a img{height:100%;width:auto}.headerArea02 .container{margin:0 auto;box-sizing:border-box;padding:24px 20px;max-width:960px;display:flex;justify-content:space-between;align-items:center}@media(min-width: 1320px){.headerArea02 .container{max-width:1320px;padding:24px 40px}}@media screen and (max-width: 900px){.headerArea02 h1{width:200px}}.headerArea02__menu{font-weight:700;font-size:1.6rem;display:flex;align-items:center}.headerArea02__menu .headerArea02__category{padding:10px 0;display:inline-block;transition:color .3s ease-in-out}.headerArea02__menu .headerArea02__category:hover{color:#41bec8}.headerArea02__menu li{margin-right:16px}.headerArea02__menu li:last-child{margin-right:0}@media(min-width: 1320px){.headerArea02__menu{font-size:1.8rem}.headerArea02__menu li{margin-right:32px}}.headerArea02 .btn01 a{width:180px;padding:10px 0}@media(min-width: 1320px){.headerArea02 .btn01 a{width:200px}}@media screen and (max-width: 1000px){.headerArea02 .btn01 a{width:180px}}@media screen and (max-width: 959px){.headerArea02 .btn01 a{width:140px}}.is-show{transform:translateY(0)}.spmenuBtn{background:#41bec8;width:50px;height:50px;border-radius:50%;position:fixed;top:16px;right:20px;z-index:9999;transition:background-color .3s ease-in-out}.spmenuBtn span{width:25px;height:2px;background:#fff;border-radius:4px;transition:all .4s;position:absolute;right:12px;display:inline-block}.spmenuBtn span:nth-of-type(1){top:15px}.spmenuBtn span:nth-of-type(2){top:23px}.spmenuBtn span:nth-of-type(3){top:31px}.spmenuBtn.active{background:#fff}.spmenuBtn.active span{background:#3b9ca3}.spmenuBtn.active span:nth-of-type(1){top:18px;right:15px;transform:translateY(6px) rotate(-45deg);width:40%}.spmenuBtn.active span:nth-of-type(2){opacity:0}.spmenuBtn.active span:nth-of-type(3){top:30px;right:15px;transform:translateY(-6px) rotate(45deg);width:40%}.bnr-wrap{background:#fad499;padding:48px 20px;font-size:0}.bnr-wrap figure{margin:0}.bnr-wrap a{background-color:#fff}.bnr-wrap a img{transition:.3s ease-in-out;opacity:1}.bnr-wrap a:hover>img{opacity:.6}.bnr-wrap .bnr1{display:flex;flex-direction:column;gap:20px 0;justify-content:center}.bnr-wrap .bnr2 a{margin-top:20px}.bnr-wrap .bnr1,.bnr-wrap .bnr2{max-width:620px;margin:0 auto}.bnr-wrap .recruit{position:relative}.bnr-wrap .recruit a div.txt_recruit{color:#fff;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;letter-spacing:.05em}.bnr-wrap .recruit a div.txt_recruit span.jp{font-size:2rem;line-height:1.3;font-weight:500;display:block;margin-bottom:10px}.bnr-wrap .recruit a div.txt_recruit span.en{font-size:1.4rem;display:block}.bnr-wrap .recruit a div.txt_recruit p{color:#fff;width:80%;padding:11px 0;border:2px solid #fff;font-weight:500;border-radius:50px;text-align:center;margin:0 auto}.bnr-wrap .recruit a div.txt_recruit p span.btn{padding-right:20px;background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20210928/20210928200012.png) no-repeat 100%;background-size:12px auto;font-size:1.2rem}@media(min-width: 960px){.bnr-wrap{padding:48px 0}.bnr-wrap .bnr1{gap:0 20px;flex-direction:row}.bnr-wrap .corporate img,.bnr-wrap .recruit img{max-width:300px}}@media(min-width: 960px){.top-img_illust{position:absolute;top:56px;width:100%;height:220px;overflow:hidden;background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20221024/20221024140256_original.png) center center no-repeat;background-size:auto 220px}}@media(min-width: 1320px){.top-img_illust{height:240px;background-size:auto 240px}}#main .hatena-urllist,.archive-entries{display:flex;flex-wrap:wrap;justify-content:space-between}@media(min-width: 960px){#main .hatena-urllist,.archive-entries{justify-content:flex-start;margin-right:-32px}}#main .urllist-item,.archive-entry{background:#fff;width:100%;height:auto;margin:0 0 32px;border-radius:10px;box-shadow:0 3px 30px rgba(145,162,167,.25);position:relative;overflow:hidden;list-style:none;border-bottom:none;transition:.3s ease-in-out}#main .urllist-item:hover,.archive-entry:hover{box-shadow:0 3px 30px rgba(145,162,167,.8)}@media(min-width: 1320px){#main .urllist-item:nth-of-type(-n + 2),.archive-entry:nth-of-type(-n + 2){width:448px}#main .urllist-item:nth-of-type(-n + 2) .urllist-title-link,#main .urllist-item:nth-of-type(-n + 2) .entry-title-link,.archive-entry:nth-of-type(-n + 2) .urllist-title-link,.archive-entry:nth-of-type(-n + 2) .entry-title-link{height:54px}}@media(min-width: 960px){#main .urllist-item,.archive-entry{width:288px;height:auto;margin:0 32px 32px 0}}@media screen and (min-width: 649px)and (max-width: 959px){#main .hatena-urllist::after,.archive-entries::after{content:"";display:block;width:32%}}@media screen and (min-width: 649px)and (max-width: 959px){#main .urllist-item,.archive-entry{width:32%}}@media screen and (min-width: 458px)and (max-width: 648px){#main .urllist-item,.archive-entry{width:47.6%}}.search-form{position:relative}.search-form .search-module-input,.search-result .search-result-form .search-result-input{width:100%;border:2px solid #41bec8;border-radius:7px;padding:10px;outline:none;font-size:1rem;background:#fff;background-size:unset;box-shadow:0 3px 5px rgba(145,162,167,.3);box-sizing:border-box}.search-form .search-module-input:hover,.search-form .search-module-input:focus,.search-result .search-result-form .search-result-input:hover,.search-result .search-result-form .search-result-input:focus{border-color:#41bec8}.search-form .search-module-input::placeholder,.search-result .search-result-form .search-result-input::placeholder{color:rgba(65,190,200,.7)}.search-form .search-module-button,.search-result .search-result-form .search-result-button{padding:0;position:absolute;border:none;outline:none;right:5px;top:7px;opacity:1;height:20px;width:20px;text-indent:-999px;cursor:pointer;background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20210929/20210929230005.png) 50% 50% no-repeat;background-size:contain}.search-result{background:#fff;border-radius:10px;border:2px solid #fad499;padding:20px 10px;margin-bottom:32px}.search-result .archive-heading{margin-bottom:20px;padding:0 0 5px 0;border:none;border-radius:0;border-bottom:1px solid #d1d8da}.search-result .archive-heading::before{content:"RESULT";font-size:1.4rem;color:#f4a21f;display:block;font-weight:400}.search-result .archive-heading::after{content:unset}.search-result .search-result-form{margin:0 auto;border:none}.search-result .search-result-form .search-result-button{top:5px}.footnote{color:#b9c4c7}.share-flat{overflow:hidden;text-align:center}.share-flat-inner a{display:inline-block}.share-flat-inner a:not(:last-child){margin-right:20px}.share-flat-inner a .blogicon-bookmark,.share-flat-inner a .blogicon-facebook,.share-flat-inner a .blogicon-twitter{font-size:4rem}pre.code{margin:0 0 1.5em 0;padding:1em;border:1px solid #e4e4e4;background:#333;border-radius:2px;color:#efefef;white-space:pre;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:400px}@media screen and (min-width: 768px){pre.code{height:auto}}.recruit-bnr{max-width:640px;margin:40px auto 0;box-sizing:border-box;border-style:solid;border-width:0}.recruit-bnr h3{color:#fff;font-size:3rem;text-align:center;margin-top:0}.recruit-bnr h3 span{font-size:1.6rem;display:block}.recruit-bnr .recruit-btn{color:#fff;font-weight:500;text-align:center;max-width:300px;margin:32px auto 0;padding:14px 0;border:2px solid #fff;border-radius:30px;transition:color .3s ease-out,background .3s ease-out;box-sizing:border-box}.recruit-bnr .recruit-btn h3 span{color:#fff}.recruit-bnr .recruit-btn span{padding-right:20px;background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20210928/20210928200012.png) no-repeat center right;background-size:12px auto;transition:background .3s ease-out}.recruit-bnr .recruit__link{color:#fff;background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20211002/20211002003028.png) no-repeat center center;background-size:cover;border-radius:20px;display:flex;position:relative;overflow:hidden}.recruit-bnr .recruit__link::before{content:"";width:100%;height:100%;background:linear-gradient(90deg, rgba(64, 167, 221, 0.6), rgba(158, 234, 198, 0.6));position:absolute;top:0;left:0}.recruit-bnr .recruit__left{width:362px;position:relative}.recruit-bnr .recruit__left img{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.recruit-bnr .recruit__right{width:278px;padding:64px 32px;background:#1d3150;border-radius:0 20px 20px 0;position:relative;box-sizing:border-box}@media screen and (max-width: 767px){.recruit-bnr{margin:20px 0 60px}}@media screen and (max-width: 767px){.recruit-bnr .recruit-btn{margin:24px auto 0}}@media screen and (min-width: 768px){.recruit-bnr .recruit__all-link:hover .recruit-btn{color:#1d3150;background:#fff;transition:color .3s ease-out,background .3s ease-out}.recruit-bnr .recruit__all-link:hover .recruit-btn span{background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20211002/20211002003025.png) no-repeat center right;background-size:12px auto;transition:background .3s ease-out}}@media screen and (max-width: 767px){.recruit-bnr .recruit__link{background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookwalker_developers/20211002/20211002003028.png) no-repeat bottom 155px left;background-size:800px auto;flex-wrap:wrap}}@media screen and (max-width: 767px){.recruit-bnr .recruit__left{height:215px;width:100%}}@media screen and (max-width: 767px){.recruit-bnr .recruit__left img{width:119px}}@media screen and (max-width: 767px){.recruit-bnr .recruit__right{width:100%;padding:32px 20px;border-radius:0 0 20px 20px}}@media screen and (min-width: 768px){.recruit-bnr .recruit__left img{width:150px}}.new-flag::before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:50px 50px 0 0;border-color:#ff3b30 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);z-index:999}.new-flag::after{visibility:unset;font-size:1.2rem;content:"new";position:absolute;color:#fff;top:0;left:5px;font-weight:500;z-index:999}
