*{margin:0;padding:0;box-sizing:border-box}li{list-style:none}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}a,a:hover,a:visited{color:inherit;text-decoration:none}.container{width:90%;max-width:720px;align-items:center;margin:60px auto;flex:1;font-size:16px}.content{width:100%;margin-bottom:60px}.cat-title{font-size:1.25em;font-weight:700;padding-bottom:10px;border-bottom:2px solid #419FAF}.about-contents{margin-top:1.25em}.about-contents p{font-size:1em;line-height:1.5;padding-bottom:1.5em}.brown{color:#804000;font-weight:700}.green{color:green;font-weight:700}.blog-contents{margin-bottom:3.75em;height:25.5em}.post{border:1px solid #A3A3A3;display:inline-block;border-radius:.625em;height:6.25em;width:100%;margin-top:1.25em;padding-top:.625em;padding-left:1em}.post-title{font-size:1.125em}.post-description{font-size:.875em;padding-top:.625em}.post:hover{box-shadow:1px 1px .75em #00000040}.post-date{float:left;font-size:.625em;padding-top:.25em;padding-right:1.25em}.post-tag{float:left;font-size:.625em;padding-top:.25em;padding-left:.5em}.next-btn{float:right;font-size:.75em;padding-top:.625em;padding-right:.625em;text-decoration:underline}.link-blogs{float:right;font-size:.875em;padding-top:1em}.work-contents{display:flex;flex-wrap:wrap;width:100%}.work{border:1px solid #A3A3A3;border-radius:.625em;width:47%;margin-top:1.25em;margin-right:1.25em;margin-bottom:1.25em;padding:.625em .625em 2em 1em;transition:all .2s ease-in-out}.work:hover{box-shadow:1px 1px .75em #00000040}.work-title{font-size:1.25em}.work-detail{font-size:.75em;padding-top:.5em}.work-tag{font-size:.625em;float:left;padding-top:.25em;padding-right:.5em}.link-works{display:block;float:right;font-size:.875em;padding-top:1em}@media (max-width: 768px){.container{margin:40px auto;padding-left:15px;padding-right:15px}.cat-title{font-size:18px}.about-contents p{font-size:15px}.post-title{font-size:17px}.post-description{font-size:13px}.work{width:100%}.work-title{font-size:18px}}@media (max-width: 480px){.container{margin:20px auto;padding-left:10px;padding-right:10px}.cat-title{font-size:17px;padding-bottom:8px}.about-contents{margin-top:15px}.about-contents p{font-size:14px;padding-bottom:20px}.post{padding:10px}.post-title{font-size:16px}.post-description{font-size:12px}.post-date,.post-tag{font-size:9px}.next-btn{font-size:11px;padding-top:8px;padding-right:0;width:100%;text-align:right}.link-blogs,.link-works{font-size:13px;padding-top:12px}.work-title{font-size:17px}.work-detail{font-size:11px}.work-tag{font-size:9px}}.header-profs{height:80px;float:left;font-size:16px}.prof-icon{height:100%;float:left}.prof-icon img{height:100%;border-radius:16%}.prof-name{height:75%;float:left;padding-left:1.25em;padding-top:.25em}.handle{font-size:1.5em}.real{font-size:1em}.header-links{height:20px;width:140px;float:right;padding-top:20px}.icon{width:24px;height:24px;float:left;margin-left:.625em;color:#000}@media (max-width: 768px){.header-profs{height:60px;font-size:14px}.header-links{height:20px;width:140px;float:right;padding-top:20px}}@media (max-width: 480px){.header-profs{height:40px;font-size:10px}.header-links{height:8px;width:73px;float:right;padding-top:8px}.icon{width:14px;height:14px;float:left;margin-left:4px;margin-top:8px;color:#000}}.footer-name{height:30px;width:120px;font-size:12px;border-radius:15px;background-color:#a3a3a3;margin:0 auto;text-align:center}.footer-name p{padding-top:6px;color:#fff}.post-title{font-size:18px}.post-description{font-size:14px;padding-top:10px}.post-date{float:left;font-size:10px;padding-top:3px;padding-right:20px}.post-tag{float:left;font-size:10px;padding-top:3px;padding-left:9px}.next-btn{float:right;font-size:12px;padding-top:10px;padding-right:10px;text-decoration:underline}.post-head{width:100%;padding-bottom:40px;margin-bottom:-60px;border-bottom:2px solid #419FAF}.content:after{content:"";display:block;clear:both}.title{display:block;font-size:24px;font-weight:700}.author-date{padding-top:16px;font-size:16px}.tag{float:left;padding-right:10px;font-size:16px}.markdown-body{width:100%;align-items:center;margin:60px auto;flex:1;line-height:2}.markdown-body h1{font-size:1.25em;padding:1.5em 0 .5em}.markdown-body h2{font-size:1em;padding:1.25em 0 .5em}.markdown-body p{font-size:.875em;padding:.5em 0}.markdown-body center{font-size:.875em;padding:.5em 0}.markdown-body a{text-align:center;text-decoration:underline;margin:0 auto}.markdown-body li{list-style:square;font-size:.875em;margin-left:1.5em;padding:.5em 0}.markdown-body img{width:100%;padding:.5em 0;text-align:center}.markdown-body iframe{width:100%;aspect-ratio:16 / 9;text-align:center}.twitter-tweet{max-width:100%;text-align:center}.markdown-body pre{background-color:#f4f4f4;border:1px solid #ddd;border-radius:4px;padding:.25em;overflow-x:auto}.markdown-body code{font-family:Courier New,Courier,monospace;font-size:.75em;color:#333;background-color:transparent}@media (max-width: 768px){.post-head{width:100%;padding-bottom:25px;margin-bottom:-60px;border-bottom:2px solid #419FAF}.title{font-size:16px}.author-date{padding-top:12px;font-size:12px}.tag{float:left;padding-right:10px;font-size:12px}}body{font-family:Noto Sans JP,sans-serif}