@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap";@import"https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap";@import"https://fonts.googleapis.com/css2?family=WDXL+Lubrifont+JP+N&display=swap";@import"https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap";@import"https://fonts.googleapis.com/css2?family=Plaster&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}html{font-size:14px;color:#444;font-family:Noto Sans JP,sans-serif;font-weight:400;background-color:#fff}body{min-height:100vh;margin:0}a{color:#444;text-decoration:none}.wrapper{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.top-grid{display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:80px;width:100%;margin:0 auto}.hero-header{min-width:0;padding-left:10em;overflow:hidden;width:100%}.myslide{width:100%;object-fit:cover}.myslide img{width:100%;height:110vh;display:block;object-fit:cover}#site-title{font-family:Audiowide,sans-serif;font-weight:400;font-style:normal;font-size:60px;margin-top:5em}.top-main p{margin-top:15px}.top-manu{margin-top:7em;margin-left:15em}.top-manu ul{list-style:none;display:flex}.top-manu li{margin:0 15px;font-size:16px}.top-footer{margin-left:28em;margin-top:10em}.top-icon ul{list-style:none;display:flex;align-items:end;margin-left:2.8em}.top-icon li{margin:0 5px}.top-icon li svg{width:18px;height:18px}.about-main{width:90%;margin:350px auto 0}.about-cover{margin-top:20px;width:100%;height:800px;object-fit:cover}.page-title{font-size:72px;width:auto;font-family:Abril Fatface,serif;font-weight:400;font-style:normal}.h2-a{font-family:Abril Fatface,serif;font-weight:400;font-style:normal;font-size:32px;margin:25px 0 15px}.icon ul{list-style:none;display:flex;margin:15px 0}.icon li{margin:0 5px}.icon li svg{width:18px;height:18px}.intro p{margin-bottom:5em}.title{font-family:Audiowide,sans-serif;font-weight:400;font-style:normal;font-size:32px;padding-left:4%;padding-top:3%;display:inline-block}.header-manu ul{list-style:none;justify-content:right;display:flex;flex-wrap:wrap;margin:0;gap:14px;padding-right:30px}.header-manu li{font-size:18px}.footer{text-align:center;margin-top:50px 0 10px}.work-page-title{font-size:72px;margin-left:5%;margin-top:350px;font-family:Abril Fatface,serif;font-weight:400;font-style:normal}.works-main{display:grid;grid-template-columns:400px 1fr;width:90%;margin:2em auto;gap:40px;align-items:flex-start}.work-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));flex-wrap:wrap;gap:20px;padding-bottom:5em}.work-item{position:relative;overflow:hidden;transition:transform .3s ease}.work-item img{aspect-ratio:1/1;width:100%;height:100%;object-fit:cover;border-radius:12px}.work-item:hover{transform:translateY(-5px) scale(1.02);z-index:10}.info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#5f5f5fcc);padding:20px;opacity:0;transform:translateY(20px);transition:all .3s ease}.work-item:hover .info-overlay{opacity:1;transform:translateY(0)}.work-title{color:#fff;margin:0}.tags{padding:20px}.tags ul{display:flex;list-style:none;flex-wrap:wrap;justify-content:left;gap:10px;margin:0}.tags li{background-color:#747474;font-size:12px;margin:0;padding:10px;border-radius:12px}.tag{color:#fff}.work-post{background-color:#fff;width:100%;min-height:100vh;margin:0 auto}.work-post-header{width:100%;height:90vh;position:relative}.work-post-header img{width:100%;height:100%;object-fit:cover}.work-post-header:before{content:"";position:absolute;inset:0;background-color:#0006}#post-title{font-size:clamp(24px,5vw,40px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;white-space:normal;overflow-wrap:break-word;word-break:break-word;letter-spacing:.1em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#post-date{font-size:16px;position:absolute;right:1%;bottom:1%;color:#fff}.work-post-main{width:90%;max-width:1280px;padding:20px 0;margin:0 auto}.work-post-main img{width:100%;height:auto;margin:15em 0}.work-post-text{width:90%;max-width:1280px;padding:20px;margin:0 auto}.post-footer{padding:3em 0}.nav{display:flex;justify-content:center;align-items:center;list-style:none}.nav li{margin:0 10px}.gkb-main{width:90%;margin:350px auto 0}.gkb-container{min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:300px;overflow-x:auto;gap:20px;padding-bottom:5em;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:9999;pointer-events:auto!important}.gkb-container::-webkit-scrollbar{display:none}.gkb-item{scroll-snap-align:start}.gkb-item img{width:100%;height:100vh;object-fit:cover}.chara-main{width:90%;margin:0 auto;max-width:1500px}.chara-grid-container{display:grid;grid-template-columns:600px 1fr;margin-top:100px;border-left:#aaaaaa 1px solid;padding-left:6em}.chara-grid-container:after{content:"";background-color:#aaa;width:50%;height:1px;position:absolute;right:0;bottom:2%;z-index:1}.tatie img{width:100%;height:100%;object-fit:cover}.status-table{border-collapse:collapse;width:100%;max-width:500px}.status-table th,.status-table td{border-bottom:2px solid #c1c7c6;padding:1em}.status-table th{font-weight:700;text-align:center;width:20%;min-width:4em}.serihu{font-family:Hina Mincho,serif;font-weight:400;font-size:20px;font-style:italic;margin-bottom:3em;position:relative;padding-bottom:10px;padding-left:1em}.content{margin:4em 0;font-size:18px;line-height:1.8}.h2-b{font-size:40px;text-align:right;color:#747474;border-bottom:#aaaaaa 1px solid;padding-left:2em;padding-bottom:10px;font-family:Plaster,system-ui;font-weight:400;font-style:normal}.work-tag-cantainer{width:90%;max-width:1200px;margin:100px auto}@media(max-width:768px){.hero-header{padding-left:0}.top-grid{gap:20px}#site-title{font-size:50px}.works-main{display:block}.work-post-header{height:70vh}.chara-grid-container{display:block;border:none;padding-left:0}.chara-grid-container:after{bottom:1%}.tatie{width:100%;margin:2em auto}.tatie img{text-align:center}}@media(max-width:500px){.top-grid{display:block}.top-main{width:90%;margin:0 auto}.top-manu{margin-left:0}.top-manu ul{justify-content:center}.top-footer{margin-left:0;text-align:center}.top-icon ul{justify-content:center;margin-left:0}.works-main{display:block;gap:10px;width:95%}.work-container{display:block}.work-item{margin:15px 0}.about-cover{height:300px}}