@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Cardo:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cardo&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP&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{text-decoration:none}.wrapper{width:100%;position:relative;overflow-x:hidden}.grid{display:grid;min-height:100vh;grid-template-rows:auto 1fr auto}.hero-header{width:100%;height:88vh;padding:2%;margin:0 auto}.swiper{width:100%;height:100%}.swiper-slide img{width:100%;height:100%;object-fit:cover}#site-title{font-size:25px;z-index:9999;font-family:Cardo,serif;font-weight:400;font-style:normal}.top-main{width:95%;padding:.3% 1%;margin:0 auto}.top-nav ul{display:flex;justify-content:center;align-items:center;list-style:none;font-family:Cardo,serif;font-weight:400;font-style:normal}.top-nav li{margin:0 10px;font-size:16px}.top-footer{text-align:right;margin-right:3%}.header-menu{width:100%}.header-menu-siteTitle{font-size:28px;color:#000;font-family:Cardo,serif;font-weight:700;font-style:normal;margin-left:3%;margin-top:1%;display:inline-block}.header-menu-list{display:flex;list-style:none;flex-wrap:wrap;justify-content:right;gap:14px;margin:0;font-size:18px;padding-right:3%;font-family:Cardo,serif;font-weight:400;font-style:normal}.header{width:100%;height:400px;position:relative}.page-title{font-size:78px;position:absolute;left:5%;bottom:5%;color:#000;font-family:Cardo,serif;font-weight:700;font-style:normal}.main{display:grid;grid-template-columns:1fr 300px;width:90%;margin:2em auto;gap:40px;align-items:flex-start}.work{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,500px));gap:20px;padding-bottom:5em}.item{position:relative;overflow:hidden;transition:transform .3s ease}.item img{aspect-ratio:1/1;width:100%;height:100%;object-fit:cover;border-radius:12px}.item:hover{transform:translateY(-5px) scale(1.02);z-index:10}.tags{background-color:#fff;border-radius:10px;padding:20px}.tags ul{display:flex;list-style:none;flex-wrap:wrap;justify-content:left;gap:15px;margin:0}.tags li{font-size:12px;margin:5px 0 0}.h2-a{font-size:32px;margin-bottom:20px;font-family:Cardo,serif;font-weight:700;font-style:normal}.tag{font-size:12px;background-color:#ececec;padding:7px 10px;border-radius:5px;text-decoration:none;color:#000;margin:5px 3px}.footer{font-size:16px;width:100%;padding:20px}.f-nav ul{display:flex;justify-content:center;align-items:center;list-style:none}.f-nav li{margin:0 10px}.footer p{text-align:center}.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}.item:hover .info-overlay{opacity:1;transform:translateY(0)}.work-title{color:#fff;margin:0}.back{background-color:#ececec}.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:#0000004d}#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:2em 0}.nav{display:flex;justify-content:center;align-items:center;list-style:none}.nav li{margin:0 10px}.nav a:hover{color:var(--accent-color)}.work-tag-title{font-size:32px;text-align:center;padding:3em 0}.work-tag-page{width:90%;max-width:1000px;margin:0 auto;padding:20px;background-color:#fff}.work-tag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,300px));gap:20px}.blog-container{margin:0 auto;width:90%;max-width:1280px;display:grid;grid-template-columns:1fr 250px;gap:80px;background-color:#fff;padding:3em 30px 30px}.blog-list{width:100%}.blog-item{border-radius:12px;display:grid;width:100%;height:auto;max-height:150px;margin-bottom:1em;grid-template-columns:1fr 300px;border:#ececec 2px solid;align-items:stretch;grid-template-rows:1fr}.blog-info{padding-top:20px;padding-left:20px;padding-bottom:20px}.blog-cover{height:150px;align-items:stretch}.blog-cover img{width:100%;height:calc(100% - 2px);object-fit:cover;border-radius:0 12px 12px 0;align-items:stretch}.description{font-size:12px;margin:5px 0}.post-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.ptag{font-size:12px;color:#000;background-color:#ececec;border-radius:5px;padding:5px 10px}.blog-date{font-size:.8em;padding-top:10px}#blog-title{font-size:22px;border-left:var(--accent-color) 8px solid;padding-left:10px}.link{color:#474747}.prof img{display:block;border-radius:12px;text-align:center;margin:0 auto}.prof-name{font-size:20px;text-align:center;margin-top:18px}.prof-text{margin:1em 0 2em}.blog-tags ul{display:flex;justify-content:left;align-items:left;list-style:none;flex-wrap:wrap}.blog-tags li{margin:10px 0}.pagination{font-size:20px;width:100%;margin:2em auto 1em;text-align:center}nav svg{display:inline-flex;align-items:center;width:1.8em;height:1.8em;transform:translateY(10px)}nav a:hover svg{color:var(--accent-color)}.blog-post-container{width:90%;max-width:1200px;display:grid;grid-template-columns:1fr 300px;margin:0 auto;gap:80px}.blog-post-header img{width:100%;height:500px;object-fit:cover}.blog-post-header{position:relative}.blog-post-header:before{content:"";position:absolute;inset:0;background-color:#0000004d}.post-text{padding:1em 25px 25px}.topgap{margin-top:4em}.no-image-placeholder{background-color:#ececec;height:500px}.about-main-container{width:90%;min-height:100vh;margin:0 auto;position:relative}.about-main-cover img{width:100%;height:800px;object-fit:cover;padding-top:1.5em}.about-main-prof p{padding:.5em 0 .2em}.name{font-size:38px;padding:.3em 0 .2em}.container{width:100%;height:40vh}.box{font-size:18px;width:80%;max-width:800px;margin:0 auto;background-color:#ececec;padding:30px 40px;position:relative;border-radius:12px}.topbtn{display:block;color:#444;margin:2em auto .5em;text-align:center}.topbtn:hover{color:var(--accent-color)}@media(max-width:768px){#site-title{padding-top:15px}.header-menu-siteTitle{margin-top:3%}.main{display:block}.page-title{font-size:50px}.work-post-main img{margin:10em 0}.blog-container{width:95%;display:block}.blog-item{grid-template-columns:1fr 200px}#blog-title{font-size:18px}.blog-page-side{margin-top:3em}.blog-post-container{display:block;width:95%}.blog-post-header img{height:30vh}.header-menu-list{display:none}}@media(max-width:500px){.header{height:200px}.page-title{font-size:42px}.about-main-cover img{height:400px}.name{font-size:28px}.work-post-main img{margin:5em 0}.blog-container{width:100%;padding:20px}.blog-item{display:block}.blog-cover img{display:none}.post-text{padding:10px}}