﻿/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*,*:after,*:before{-moz-box-sizing:border-box;box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0}main{display:block;position:relative;overflow:hidden}h1,h2,h3,h4,h5{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{color:#c81a82;background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}ul{margin:0;padding:0;list-style:none}html{font-size:62.5%}body{height:100%;color:#000;margin:20px;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;font-size:1.4rem;color:#222;background:#fff;line-height:1.6;letter-spacing:1px;margin:0}.eng{font-family:"Roboto Condensed",sans-serif}a{text-decoration:none}.wrapper{width:100%;margin:0 auto;position:relative;padding:clamp(0px,5vw,50px) clamp(0px,5vw,50px) 0}h1,h2{margin:0;line-height:1}header.header h1{font-size:2.4rem;display:flex;align-items:center;gap:10px}section#postbox{margin:35px 0 0;display:flex;flex-direction:column;align-items:flex-start}ul.worklist{margin-bottom:30px}ul.worklist li.title{display:block;line-height:1;padding:0;margin:0 0 10px}ul.worklist li.title h2{display:inline-block;color:#fff;background:#000;padding:5px 10px;line-height:1;font-size:1.4rem;font-weight:bold}ul.worklist li.item{display:flex;line-height:1;padding:5px 0 0;margin:0 0;font-size:1.4rem}ul.worklist li.item .nolink,ul.worklist li.item a{display:flex;flex-direction:column;gap:5px;padding:5px 10px;padding-left:0;position:relative}ul.worklist li.item .nolink{color:#666}ul.worklist li.item a{color:#000;transition:color 240ms,padding-left 480ms}ul.worklist li.item h3{font-size:1.4rem;line-height:1.2}ul.worklist li.item .meta{color:#ccc;margin:0;padding:0;display:inline-block;font-family:"Comfortaa";font-weight:500;font-size:1.2rem;letter-spacing:0}ul.worklist li.item .links{position:absolute;width:12px;display:block;top:50%;transform:translateY(-50%);right:15px;z-index:-1;opacity:0;transition:all 480ms 0ms}ul.worklist li.item .links svg{fill:#000;width:100%;height:auto;aspect-ratio:1/1}ul.worklist li.item a:before{content:"";display:block;height:100%;position:absolute;bottom:0;transform:translate(-50%, 0);background-color:#222;z-index:-1;left:0;width:100%;transform:scale(0, 1);transform-origin:right top;transition:transform 840ms cubic-bezier(0.23, 1, 0.32, 1)}ul.worklist li.item a:hover:before{transform-origin:left top;transform:scale(1, 1)}ul.worklist li.item a:hover{color:#fff;padding-left:10px}ul.worklist li.item a:hover .links{right:-20px;opacity:1;transition:all 600ms 360ms}ul.worklist li.item a .imgBox{position:fixed;top:0;left:0;content:"";width:100vw;height:100%;z-index:-2;background-position:50% 0%;background-size:cover;-webkit-transition:all 300ms ease;transition:all 300ms ease;opacity:0}ul.worklist li.item a:hover .imgBox{opacity:1}ul.worklist li.item a .imgBox:before,ul.worklist li.item a .imgBox:after{content:"";display:block;height:100%;width:100%;position:absolute;top:0;left:0;z-index:1}ul.worklist li.item a .imgBox:before{opacity:.85;background:#fff}ul.worklist li.item a .imgBox:after{opacity:.2;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVQYV2NkYGD4zwABjDACQwCqAKISrAwKwAIAisMEA5Sp5Q4AAAAASUVORK5CYII=) repeat}.copyright{color:#ddd}ul.term-list{list-style:none;margin:35px 0 0;padding:0;display:flex;gap:10px;font-weight:bold;flex-wrap:wrap;font-size:1.2rem}ul.term-list li a{padding:5px 10px;color:#000;background-color:#e9e9e9;border-radius:5px;transition:background-color 240ms}ul.term-list li a:hover{background-color:#d4d4d4}ul.term-list li.current a{pointer-events:none;color:#c81a82;background-color:#e9e9e9}section#single{font-family:"Roboto Condensed","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;margin:35px 0 0;display:flex;flex-direction:column;align-items:flex-start}section#single h1{font-family:"Roboto Condensed","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;font-size:1.6rem;line-height:1.2}section#single h1 span{font-size:1.2rem}section#single .post-link{display:inline-block;padding:2px 10px;color:#fff;background:#000;font-size:1rem;font-weight:bold;transition:background-color 240ms;margin-left:2em}section#single .post-link:hover{background-color:#c81a82}section#single .meta{margin-top:clamp(0px,5vw,15px);font-weight:bold;display:flex;flex-direction:column;gap:5px}section#about{margin:35px 0 0}section#about>h1{font-size:2.4rem;line-height:1.2}.company{margin:35px 0 0}.company .company-title{display:inline-block;color:#fff;background:#000;padding:5px 10px;margin:0 0 15px;line-height:1;font-size:1.4rem;font-weight:bold}.company .company-info{margin:0}.company .company-info .row{display:flex;gap:15px;padding:8px 0;border-bottom:1px solid #f0f0f0}.company .company-info dt{flex:0 0 10em;color:#666;font-weight:bold}.company .company-info dd{flex:1;margin:0}.company .company-info dd a{color:#000;border-bottom:1px solid #ccc;transition:color 240ms,border-color 240ms}.company .company-info dd a:hover{color:#c81a82;border-color:#c81a82}.footer{border-top:1px solid #f8f8f8;margin-top:clamp(0px,5vw,50px);padding:0 clamp(0px,5vw,50px) 0}::selection{background:#ccc;color:#fff;text-shadow:none}::-webkit-selection{background:#ccc;color:#fff;text-shadow:none}::-moz-selection{background:#ccc;color:#fff;text-shadow:none}