@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap);abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}*,:after,:before{-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}html{font-size:12px}body,html{overflow-x:hidden}body{font-family:"\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3",Hiragino Kaku Gothic Pro,"\6E38\30B4\30B7\30C3\30AF   Medium",Yu Gothic Medium,"\6E38\30B4\30B7\30C3\30AF\4F53",YuGothic,"\30E1\30A4\30EA\30AA",Meiryo,Osaka,"\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF",MS PGothic,sans-serif;color:#1e293b;background-color:#f8fafc;height:100%;line-height:1.7;word-break:break-all;background-image:url(/img/icon-text.svg);background-repeat:no-repeat;background-size:4rem auto;background-position:top 43rem left 17rem;position:relative}img{vertical-align:bottom}::-moz-selection{background:rgba(37,99,235,.2);color:#2563eb}::selection{background:rgba(37,99,235,.2);color:#2563eb}.en{font-family:Roboto Condensed,sans-serif}.headline{font-size:2.2rem;font-weight:800}.headline-s{line-height:2.666rem}.headline-ss{font-size:2rem;line-height:1.3}.text{font-size:1rem}.bold{font-weight:700}.center{text-align:center}.color-primary{color:#2563eb}.backgroundcolor-primary{background-color:#2563eb}.color-secondary{color:#1d4ed8}.backgroundcolor-secondary{background-color:#1d4ed8}.color-white{color:#fff}.backgroundcolor-white{background-color:#fff}.color-black{color:#000}.backgroundcolor-black{background-color:#fff}.underline:after{content:"";display:block;background:#2563eb;height:2px;width:11rem;margin-top:2rem}.body-splash{display:none;position:fixed;background-image:none;background:#fff;width:100%;top:0;left:0;z-index:1}.inner-splash{display:none}.wrapper-splash{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#2563eb;height:100vh}.wrapper-splash img{width:35rem;height:auto}@media screen and (max-width:896px){.wrapper-splash img{width:23rem}}.wrapper-loading{width:16rem;height:.166rem;background:#1d4ed8;margin-top:7rem}@media screen and (max-width:896px){.wrapper-loading{width:13.5rem;margin-top:3.5rem}}.loading{width:16rem;height:.166rem;background:#fff}@media screen and (max-width:896px){.loading{width:13.5rem}}.w1024{display:block}.w480,.w896{display:none}.icon-background{width:65.5rem;height:65.5rem;position:absolute;top:3rem;right:3rem;background-repeat:no-repeat;background-size:65.5rem auto}.icon-background.icon-circle{background-image:url(/img/icon-circle.svg)}.icon-background.icon-crystal{background-image:url(/img/icon-crystal.svg)}.wrapper{display:flex;position:relative;overflow:hidden}.logo{width:6rem;text-align:center}.navigation{align-self:flex-start;background-color:#f1f5f9;border-right:1px solid #e2e8f0}.navigation li{margin:2rem 0}.navigation-item{display:block;width:4rem;height:4rem;position:relative}.navigation-item img{display:block;position:absolute;left:0;bottom:0;height:2rem}.navigation-item.navigation-active{background-color:#1d4ed8}.wrapper-article{display:flex}.title-page{padding-top:6rem}.title-page img{width:9.5rem}article{margin-left:6rem;padding:6rem 29rem 0 0}article .headline{margin-bottom:3rem}article p{font-size:1.334rem;margin-bottom:2rem}.title-article{margin-bottom:3rem}.share{display:table;margin-left:auto}.share-item{display:table-cell;padding:0 1rem}.share-item img{height:2rem}.wrapper-profile{position:fixed;bottom:0;right:0;max-width:23rem;height:auto}.wrapper-profile div{padding:3rem 3rem 2rem;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.08)}.wrapper-profile div img{width:100%;height:auto}.wrapper-profile div p{font-size:1.167rem;padding-bottom:1rem;line-height:2.5}.wrapper-profile div p+p+p{text-align:justify}.list{list-style-type:none}.list .list-article{display:block;margin-bottom:4rem}.list h3+p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:1rem}.list a{color:#2563eb;text-decoration:none}.list a:focus-visible,.list a:hover{color:#1d4ed8;text-decoration:underline}.list .headline{margin-bottom:2rem}.list .underline{margin-bottom:4rem}.tags{font-size:0}.tags li{display:inline-block;margin:1rem 1rem 0 0}.tags li a,.tags li p{display:block;color:#1d4ed8;text-decoration:none;padding:.5rem .9rem;background-color:rgba(37,99,235,.1);border-radius:6px;font-size:1.167rem}.tags li img{height:1.666rem;padding-right:.5rem}.list-project>li{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.08);padding:1.5rem 2rem;display:flex;margin-bottom:6rem}.list-project .tags{margin-bottom:1rem}.list-project .tags li{display:inline-block;background-image:none;margin-bottom:0}.list-project .tags li p{margin-bottom:0;padding:.5rem .75rem}.list-project .tags+p{margin-bottom:1rem}.list-project .tags+p+p{text-align:justify}.thumbnail{margin-right:3rem}.thumbnail img{width:21rem}.copyright{line-height:1.7!important}@media screen and (max-width:1200px){.w1024{display:block}.w480,.w896{display:none}article{padding:6rem 6rem 6rem 0}.wrapper-profile{max-width:46rem;position:relative;float:right}.wrapper-profile div img{max-width:10rem;height:auto}}@media screen and (max-width:896px){.w480,.w1024{display:none}.w896{display:block}body{background-image:url(/img/icon-text-sp.svg);background-size:46rem auto;background-position:top 0 right 0}.icon-background{width:56rem;height:56rem;top:46rem;left:-8.5rem;background-size:56rem auto}.title-page{margin-bottom:3rem;padding-top:5rem}.title-page img{height:5rem;width:auto}article{padding:0 6rem 6rem 0}.wrapper-article{display:block}.wrapper-profile{max-width:35rem}.list-project>li{margin-bottom:6rem}.thumbnail{margin-right:3rem}.thumbnail img{width:15.166rem}}@media screen and (max-width:768px){.w768{display:block}.w480{display:none}.headline{font-size:1.666rem}.underline:after{margin-top:1rem}.list .underline{margin-bottom:3rem}.list-project>li{display:block;margin-bottom:3.5rem}.thumbnail{margin-right:0;margin-bottom:2rem}}@media screen and (max-width:480px){.w768{display:none}.w480{display:block}body{background-image:url(/img/icon-text-sp.svg);background-size:25.25rem auto;background-position:top 0 right 0}.icon-background{width:36rem;height:36rem;top:24.5rem;left:-12.5rem;background-size:36rem auto}article{padding:0 1rem 2rem 0;margin-left:1rem}.logo{width:4rem;text-align:center}.navigation{align-self:flex-start}.navigation li{margin:1rem 0}.navigation-item{display:block;width:3.5rem;height:3.5rem;position:relative}.navigation-item img{display:block;position:absolute;left:0;bottom:0;height:1.75rem}.title-page{margin-bottom:2rem;padding-top:3rem}.title-page img{height:3rem}.title-article{margin-bottom:2rem}.headline,.headline-ss{font-size:1.5rem}.headline-ss{line-height:1.3}article .headline{margin-bottom:1.5rem}.share-item{padding:0 .5rem}.share-item img{height:1.666rem}.wrapper-profile div{padding:2rem 2rem 1rem}.wrapper-profile div p{line-height:1.7rem}.underline:after{margin-top:.5rem;width:5.5rem}.list .underline{margin-bottom:1.5rem}.list .headline{margin-bottom:1rem}}.pager{margin-bottom:8rem;box-sizing:border-box;float:right}.pagination{display:flex;list-style:none}.page-link{position:relative;display:block;padding:1.1rem 1.3rem;margin-left:-1px;line-height:1.25;color:#fff;background-color:#2563eb;border:1px solid #2563eb}.page-link:hover{color:#2563eb;text-decoration:none;background-color:#fff;border-color:#2563eb}.page-link:focus-visible{outline:2px solid #2563eb;outline-offset:1px}.page-link:focus{outline:0}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item.active .page-link{color:#fff;background-color:#1d4ed8;border-color:#1d4ed8}.page-item.disabled .page-link{color:#fff;pointer-events:none;cursor:auto;background-color:#2563eb;border-color:#2563eb;opacity:.4}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.125rem;line-height:1.5}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.7875rem;line-height:1.5}.logo img,.navigation-item,.share-item img,.tags li a,.tags li p{transition:opacity .15s ease}.logo img:focus-visible,.logo img:hover,.navigation-item:focus-visible,.navigation-item:hover,.share-item img:focus-visible,.share-item img:hover,.tags li a:focus-visible,.tags li a:hover,.tags li p:focus-visible,.tags li p:hover{opacity:.75}.loading{animation:loading 2s ease 0s 1 alternate none running}@keyframes loading{0%{width:0}50%{width:90%}to{width:100%}}.icon-background.icon-circle{animation:rotate 85s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home_content a{color:#2563eb;text-decoration:underline}.home_content a:focus-visible,.home_content a:hover{color:#1d4ed8}.blog_content{font-size:16px;margin:0 0 10%}.blog_content .emphasis{color:#15803d;font-size:20px;margin:2px}.blog_content h1{border-left:8px solid #2563eb;font-size:25px}.blog_content h1,.blog_content h2{padding:.25em .5em;color:#1e293b;background:transparent}.blog_content h2{border-left:4px solid #2563eb;font-size:20px}.blog_content img,.blog_content p img{width:200px}.blog_content h4{border-bottom:3px solid #2563eb;font-size:2.2rem;font-weight:700;margin-bottom:35px}.blog_content img{background-color:#fff;width:400px}@media screen and (max-width:480px){.blog_content img{width:300px}}.blog_content .quote{color:#c2410c;margin:10px 0}.blog_content .quote a{color:#c2410c}.resume_content{font-size:16px;border:1px dashed #2563eb;border-radius:1em;padding:10px;background-color:#fff;color:#2563eb;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.08)}.resume_content a{color:#c2410c}.profile_content{font-size:16px;margin:0 0 100px}.profile_content a{color:#2563eb;text-decoration:underline}.profile_content a:focus-visible,.profile_content a:hover{color:#1d4ed8}.point_box{position:relative;margin:2em 0;padding:.5em 1em;border:3px solid #95ccff;border-radius:8px}.point_box .box-title{position:absolute;display:inline-block;top:-13px;left:10px;padding:0 9px;line-height:1;font-size:19px;background:#2e00ff;color:#95ccff;font-weight:700}.point_box p{margin:0}.search-tag{cursor:pointer}.img_width200{margin:10px;width:200px}.img_width400{margin:10px;width:400px}.img_width500{margin:10px;width:500px}.img_width600{margin:10px;width:600px}.ul_red{background:linear-gradient(transparent 60%,#d82c2c 0)}