header,footer,article{display:block}body{margin:0;padding:64px;text-align:left;background:#D7D7D6;-webkit-font-smoothing:antialiased;font-feature-settings:"palt" 1;font-variant-ligatures:no-common-ligatures}header{text-align:left;margin:0;padding:0;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;column-gap:16px;margin-bottom:192px}header.product{margin-bottom:0}#siteLogo{margin:0;padding:0;font-size:0}#siteLogo.product{text-align:right}#logo{margin:0;padding:0;width:160px;height:24px}#profileData{color:#161616;font-size:24px;font-family:"HelveticaNeue-Light","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:300;line-height:125%}#profileData a{color:#161616;text-decoration:none;-webkit-transition:color 0.3s;-ms-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s}#profileData a:hover{color:#646464}#backToWorks{margin:0;padding:0;font-size:14px;font-family:"HelveticaNeue","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:400;line-height:150%;color:#161616;height:24px}#backToWorks a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;color:#161616;text-decoration:none;-webkit-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-moz-transition:opacity 0.3s;transition:opacity 0.3s}#backToWorks a:hover{opacity:0.5}#arrowLeft{width:16px;height:16px;margin-right:10px;vertical-align:middle}footer{padding:112px 0 0 0;font-family:"HelveticaNeue","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:400;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between}#footerNavigation{flex-basis:1;color:#161616;width:100%;font:"HelveticaNeue","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:400}#footerNavigation span{margin-right:16px}#footerNavigation span.current{color:#969696}#footerNavigation a{margin-right:16px;color:#161616;text-decoration:none;-webkit-transition:color 0.3s;-ms-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s}#footerNavigation a:hover{color:#646464}#copyright{flex-basis:1;text-align:right;color:#161616;font-size:16px;font-family:"HelveticaNeue","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:400;line-height:150%;width:100%}hr{width:100%;height:1px;background:#161616;padding:0;border:0;margin:64px 0 64px 0}#contentArea{margin:128px 0 64px 0}#contentArea.product{margin:0 0 64px 0}#contentArea.product h3{font-family:"HelveticaNeue-Medium","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:500;font-size:40px;line-height:100%;margin:128px 0 32px 0;padding:0}#contentArea.column2{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;column-gap:16px}#content{flex:3}#content p{font-family:"HelveticaNeue","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:400;font-size:16px;color:#161616}#content div.table{width:100%;margin:-40px 0 48px 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;column-gap:16px;row-gap:12px;flex-wrap:wrap;align-items:stretch}#content div.table div.tableHeader{flex:calc((100% - 16px * 2) / 3);font-family:"HelveticaNeue","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-size:12px;color:#646464;font-optical-sizing:auto;font-weight:400;padding-bottom:16px;line-height:100%}#content div.table div.tableCell{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex:calc((100% - 16px * 2) / 3);font-family:"HelveticaNeue-Light","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-size:16px;color:#161616;font-weight:300;line-height:125%;padding:0 0 0 0;vertical-align:middle;align-items:center}#content div.table div.productName{font-family:"HelveticaNeue-Medium","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:500}#content div.table div.productName a{text-decoration:underline;color:#161616;-webkit-transition:color 0.3s;-ms-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s}#content div.table div.productName a:hover{color:#646464}#content div.pnf{width:100%;margin:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;column-gap:16px}#content div.pnf div.tableCell{flex:1;font-family:"HelveticaNeue-Medium","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:500;font-size:40px;color:#161616;line-height:100%;padding:0}div.workAttributes{margin-top:16px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;column-gap:16px;font-size:14px;color:#161616;line-height:125%}div.workAttributes h2.workTitle{font-size:14px;color:#161616;line-height:125%;font-family:"HelveticaNeue-Medium","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:500;flex:2}div.workAttributes h2.workTitle a{color:#161616;text-decoration:none;-webkit-transition:color 0.3s;-ms-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s}div.workAttributes h2.workTitle a:hover{color:#646464}div.workAttributes div.client{font-family:"HelveticaNeue-Light","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:300;flex:1}div.workAttributes div.client span{margin-right:8px;color:#646464}div.workAttributes div.role{font-family:"HelveticaNeue-Light","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:300;flex:1}div.workAttributes div.role span{margin-right:8px;color:#646464}#side{flex:1;text-align:left}#right{flex:1;text-align:right}#right ul{list-style-type:none;margin:0;padding:0;text-indent:none}#right ul li{margin:0;padding:0;list-style-type:none;padding:0;margin:0 0 32px 0}#right ul li a{-webkit-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-moz-transition:opacity 0.3s;transition:opacity 0.3s}#right ul li a:hover{opacity:0.5}#content_about{flex:2}#content_about p{font-family:-apple-system,"HelveticaNeue","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-size:16px;line-height:150%;color:#161616;margin:0 0 24px 0;letter-spacing:0.015em}#content_about p a.email{font-family:"HelveticaNeue-Medium","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:500;margin:0 8px 0 8px;text-decoration:none;color:#161616;-webkit-transition:color 0.3s;-ms-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s}#content_about p a.email:hover{color:#646464}#content_about hr{width:100%;height:1px;background:#161616;padding:0;margin:48px 0 24px 0;border:0}#content_about ul{font-family:-apple-system,"HelveticaNeue","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-size:16px;color:#161616;padding-left:1.6em;list-style-type:none}#content_about ul li{position:relative;line-height:150%;padding:0;margin:0 0 0.5em 0}#content_about ul li::before{content:'';display:inline-block;border-radius:100px;position:absolute;left:-1.25em;top:0.5em;height:6px;width:6px;background:#161616}#content_about ul li a{-webkit-transition:color 0.3s;-ms-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;color:#161616}#content_about ul li a:hover{color:#646464}div.productAttributes{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;column-gap:16px;color:#161616;margin-bottom:64px;align-items:center}div.productAttributes h2.workTitle{font-family:"HelveticaNeue-Medium","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:500;font-size:40px;line-height:125%;flex:2}div.productAttributes div.date{font-size:16px;font-family:"HelveticaNeue","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:400;flex:1}div.productAttributes div.date span{font-size:12px;line-height:150%}div.productAttributes div.client{font-size:16px;font-family:"HelveticaNeue","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:400;flex:1}div.productAttributes div.client span{font-size:12px;line-height:150%}#productAttributesBottom{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;column-gap:16px;color:#161616;margin-bottom:64px}#productAttributesBottom div.credit{font-family:"HelveticaNeue-Light","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:300;font-size:16px;line-height:150%;flex:3;padding-right:16px}#productAttributesBottom div.site{font-family:"HelveticaNeue-Medium","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:500;font-size:24px;line-height:150%;color:#161616}#productAttributesBottom div.site a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;color:#161616;text-decoration:none;-webkit-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-moz-transition:opacity 0.3s;transition:opacity 0.3s}#productAttributesBottom div.site a:hover{opacity:0.5}h2{margin:0;padding:0}h2.works,h2.aboutme{font-size:40px;font-family:"HelveticaNeue-Light","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:300;color:#fff;display:inline-block;white-space:nowrap;overflow:visible;transform:rotate(180deg);writing-mode:vertical-rl}h2.aboutme{padding-bottom:4px}h3{font-family:"HelveticaNeue-Medium","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:500;font-size:20px;color:#161616;line-height:150%}article{margin:64px 0 0 0;padding:0}article.top a{padding:0;border:0;text-decoration:none}article.top a:hover{text-decoration:none;border:0 !important}article.top a img{vertical-align:top}article p{font-family:-apple-system,"HelveticaNeue","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-size:16px;line-height:170%;letter-spacing:0.015em;margin:0 0 24px 0;padding:0;width:calc((100% - 16px * 3) / 4 * 3 + 16px * 2)}article p.afterImage{margin-top:64px}article p a{-webkit-transition:color 0.3s;-ms-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;text-decoration:underline;color:#161616}article p a:hover{color:#646464}#navigation{font-family:"HelveticaNeue","Inter","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ","ＭＳ Pゴシック","MS PGothic",sans-serif;font-optical-sizing:auto;font-weight:400;font-size:48px;color:#161616;text-indent:0;list-style-type:none;padding:0;margin:0}#navigation li{margin:0;padding:0}#navigation li a{text-decoration:underline;color:#161616;-webkit-transition:color 0.3s;-ms-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s}#navigation li a:hover{color:#646464}img{border:0;width:100%;max-width:100%;height:auto}img.middle{margin:0 0 16px 0;display:block}img.lazyload,img.lazyloading{opacity:0}img.lazyloaded{-webkit-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-moz-transition:opacity 0.3s;transition:opacity 0.3s;opacity:1}div.screens{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;column-gap:16px}div.screens img{width:calc((100% - 16px) / 2);height:auto;flex:1}img.arrowRight{width:24px;height:24px;margin-left:8px}img.linkedin{width:48px;height:41px;margin-right:4px}img.messenger{width:48px;height:48px;margin-right:8px}img.note{width:128px;height:48px}img.github{width:44px;height:44px;margin-right:8px}@media (max-width: 767px){body{padding:32px 16px 32px 16px}header{flex-wrap:wrap;row-gap:32px;margin-bottom:32px}header.product{margin-bottom:0}header.withProfile #siteLogo{flex:100%}div.productAttributes{row-gap:32px;margin-bottom:32px;flex-wrap:wrap}div.productAttributes h2.workTitle{flex:100%}article{margin:32px 0 0 0}article p{width:100%}article p.afterImage{margin-top:32px}#contentArea{margin:64px 0 64px 0}#contentArea.product{margin:0 0 64px 0}#contentArea.product h3{font-family:"HelveticaNeue-Medium", "Inter", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", "ＭＳ Pゴシック", "MS PGothic", sans-serif;font-optical-sizing:auto;font-weight:500;font-size:40px;line-height:100%;margin:128px 0 32px 0;padding:0}#contentArea.column2{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;column-gap:16px;flex-wrap:wrap}#side{flex:100%;text-align:left}#right{flex:100%;text-align:left}#right ul{margin-top:64px;display:flex;align-items:center}#right ul li{flex-basis:auto;margin:0 16px 16px 0}img.arrowRight{margin-left:0}img.linkedin{margin-right:0}img.messenger{margin-right:0}img.github{margin-right:0}h2{display:block;margin:0 0 32px 0}h2.works{transform:none;white-space:normal;writing-mode:unset}h2.aboutme{transform:none;white-space:normal;writing-mode:unset;padding-bottom:0}#content{flex:100%}#content p{font-family:"HelveticaNeue", "Inter", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", "ＭＳ Pゴシック", "MS PGothic", sans-serif;font-optical-sizing:auto;font-weight:400;font-size:16px;color:#161616}#content div.table{width:100%;margin:0px 0 48px 0;column-gap:8px;row-gap:4px}#content div.table div.tableHeader{display:none}#content div.table div.tableCell{flex:calc((100% - 8px) / 2);font-size:12px;padding:0 0 16px 0 !important;font-family:"HelveticaNeue", "Inter", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", "ＭＳ Pゴシック", "MS PGothic", sans-serif;font-optical-sizing:auto;font-weight:400;vertical-align:top}#content div.table div.tableCell span.meta1::before{content:'Client';display:block;font-family:"HelveticaNeue-Light", "Inter", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", "ＭＳ Pゴシック", "MS PGothic", sans-serif;font-optical-sizing:auto;font-weight:300}#content div.table div.tableCell span.meta2::before{content:'Role';display:block;font-family:"HelveticaNeue-Light", "Inter", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", "ＭＳ Pゴシック", "MS PGothic", sans-serif;font-optical-sizing:auto;font-weight:300}#content div.table div.productName{font-family:"HelveticaNeue-Medium", "Inter", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", "ＭＳ Pゴシック", "MS PGothic", sans-serif;font-optical-sizing:auto;font-weight:500;font-size:24px;padding:0 0 4px 0 !important;flex:100%}#content_about hr{background:#646464;border:0;height:0.5px}footer{padding:0px 0 0 0;flex-wrap:wrap}#footerNavigation{flex:100%}#copyright{padding-top:64px;flex:100%}}