@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.font-10-14,#asides,.card__tag{font-size:clamp(.625rem,.4419889503vw + .5214088398rem,.875rem)}.font-12-14,body.home .career-section .career__badge,body.home .home-skills__sub,.panel,.experience__date,body.blog .blog-card__category,body.single-post .blog-card__category,body.blog .blog-card__date,body.single-post .blog-card__date,body.blog .blog-card__tag,body.single-post .blog-card__tag,body.blog .post-single__category,body.single-post .post-single__category,body.blog .post-single__nav-label,body.single-post .post-single__nav-label,body.blog .related-posts__date,body.single-post .related-posts__date{font-size:clamp(.75rem,.2209944751vw + .6982044199rem,.875rem)}.font-14-16,body.home .fv__sub-title,body.home .career-section .career__card-description,body.home .home-skills__head,.side__follow,.footer__copyright,.experience__role,.experience__company,.experience__description,body.blog .post-single__date,body.single-post .post-single__date,body.blog .post-single__tag a,body.single-post .post-single__tag a,body.blog .post-single__nav-title,body.single-post .post-single__nav-title,body.post-type-archive-work .terms-filter__item,body.tax-work_category .terms-filter__item,body.works .terms-filter__item,body.contact .contact__text,.card__title,.card__desc,.error404 .footer__copyright a{font-size:clamp(.875rem,.2209944751vw + .8232044199rem,1rem)}.font-14-20,body.home .career-section .career__card-subtitle,#pagination-wrap,body.single-work .work__description-text,body.single-work .work__description div,body.contact .contact__form-label{font-size:clamp(.875rem,.6629834254vw + .7196132597rem,1.25rem)}.font-16-24,body.home .fv__desc,body.home .career-section .career__card-title,.bento-grid__description,.error404 p,body.blog .post-single__title,body.single-post .post-single__title,body.blog .post-single__content h2,body.single-post .post-single__content h2,body.single-work .work__description-title,body.gallery .work__subtitle,body.about .about-vision__title{font-size:clamp(1rem,.8839779006vw + .7928176796rem,1.5rem)}.font-16-18,.footer__nav,body.blog .blog__lead,body.single-post .blog__lead,body.blog .post-single__content,body.single-post .post-single__content,body.blog .post-single__share-title,body.single-post .post-single__share-title,body.blog .related-posts__card-title,body.single-post .related-posts__card-title,body.post-type-archive-work .gallery__lead,body.tax-work_category .gallery__lead,body.works .gallery__lead{font-size:clamp(1rem,.2209944751vw + .9482044199rem,1.125rem)}.font-16-20,body.home .home-about__lead,body.home .career-section .career__nav-button,body.blog .blog-card__title,body.single-post .blog-card__title,body.blog .post-single__content h3,body.single-post .post-single__content h3,body.blog .post-single__content h4,body.single-post .post-single__content h4,body.post-type-archive-work .gallery__cat-text,body.tax-work_category .gallery__cat-text,body.works .gallery__cat-text,body.about .about-vision__lead{font-size:clamp(1rem,.4419889503vw + .8964088398rem,1.25rem)}.font-36-65,body.blog .blog__title,body.single-post .blog__title,body.post-type-archive-work .gallery__title,body.tax-work_category .gallery__title,body.works .gallery__title,body.single-work .work__title{font-size:clamp(2.25rem,3.2044198895vw + 1.4989640884rem,4.0625rem)}.font-36-48,body.home .home-about__name,.experience__title,body.blog .related-posts__title,body.single-post .related-posts__title,body.post-type-archive-work .gallery__cats-title,body.tax-work_category .gallery__cats-title,body.works .gallery__cats-title,body.single-work .related__title,body.about .about__profile-heading{font-size:clamp(2.25rem,1.3259668508vw + 1.9392265193rem,3rem)}.font-48-72,body.home .home-works .work__main-title,.menu__inner{font-size:clamp(3rem,2.6519337017vw + 2.3784530387rem,4.5rem)}.font-48-84,body.home .home-section__title,body.home .career-section .career__title,.error404__title,body.blog .blog__title,body.single-post .blog__title,body.post-type-archive-work .gallery__title,body.tax-work_category .gallery__title,body.works .gallery__title,body.single-work .work__title,.skill__title,body.contact .contact__title,body.about .about__title{font-size:clamp(3rem,3.9779005525vw + 2.067679558rem,5.25rem)}.font-48-110,body.gallery .work__main-title{font-size:clamp(3rem,6.8508287293vw + 1.3943370166rem,6.875rem)}.font-48-96,.bento-grid__title{font-size:clamp(3rem,5.3038674033vw + 1.7569060773rem,6rem)}:root{--c-black: #000000;--c-white: #ffffff;--c-gray: #868686}html{font-size:100%}body{font-family:"Noto Serif JP",serif;letter-spacing:.05em;text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;color:var(--c-text);margin:0;line-height:1.75}body::-webkit-scrollbar{display:none}a{text-decoration:none;color:var(--c-text)}h1,h2,h3,h4,p,ul,li{padding:0;margin:0}li{list-style:none}img{vertical-align:bottom;max-width:100%;height:auto}h1,h2,h3{font-family:Montserrat,serif;color:var(--c-text)}@media screen and (min-width: 80em){.sm-visible{display:none}}.sm-hidden{display:none}@media screen and (min-width: 80em){.sm-hidden{display:block}}svg#arrow path{fill:var(--c-main)}.content-width,body.blog .main,body.single-post .main,body.blog .related-posts__inner,body.single-post .related-posts__inner,body.post-type-archive-work .main,body.tax-work_category .main,body.works .main,body.single-work .main,body.skill .main,body.contact .main,body.about .main,.footer__inner,main{width:90%;margin:0 auto;max-width:100rem}.content-width-narrow{max-width:80rem;margin:0 auto}#canvas{height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:-1;background:var(--c-bg)}#page-container{opacity:0}#asides{position:relative;z-index:10;opacity:0}.header{position:fixed;top:0;width:100%;z-index:10;pointer-events:none;opacity:0}.header a{pointer-events:auto}.header__inner{width:100%;padding:30px 20px;max-width:120rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:4em}@media screen and (min-width: 37.5em){.header__inner{height:5em;padding:10px 20px}}.header__inner svg{width:160px;height:53.61px}@media screen and (min-width: 37.5em){.header__inner svg{width:220px;height:42.73px}}.header__inner svg .cls-1{font-size:200px;fill:var(--c-text);font-family:Montserrat,serif;font-weight:700}@media screen and (min-width: 80em){.header__inner svg .cls-1{font-family:HiraKakuStd-W8,Hiragino Kaku Gothic Std}}.header__logo{transition:transform .3s ease}.inview .header__logo{transform:translate(20px)}.header__logo-wrap{font-size:clamp(1.875rem,-1.1049723757vw + 2.1339779006rem,1.25rem)}.header__text{transition:opacity .3s ease}.inview .header__text{opacity:0}.logo{display:flex;justify-content:flex-start;align-items:center}.logo__icon{width:1.4em;margin-right:1em}.logo__text{width:11em}.side{position:fixed;z-index:999;top:0;right:0;color:#dadada;height:100vh;pointer-events:none}.side__inner{display:flex;flex-direction:column;align-items:center}.side__sns{display:flex;flex-direction:column;align-items:center;visibility:hidden}@media screen and (min-width: 80em){.side__sns{visibility:visible}}.menu-open .side__sns{visibility:visible;transition:visibility 0s 1s}.side__follow{writing-mode:vertical-lr;margin-bottom:2em}.side__links{font-size:1.25em}.side__link{display:block;margin-bottom:1.5em;line-height:1;pointer-events:auto}.side__link img{width:1em;height:1em}.section-hr{font-size:clamp(5rem,24.3093922652vw + -.6975138122rem,18.75rem);margin-bottom:1em;border:0}.more-link{position:relative;font-weight:700;text-align:left;font-family:Montserrat,serif;font-size:1.125rem;margin:1.7em 0;display:inline-block;color:var(--c-main);width:7.5em;height:1em}.more-link__text{display:inline-block;position:absolute;top:50%;left:20%;transform:translate(-50%,-50%);transform-origin:center center;transition:letter-spacing .3s ease}.more-link:hover .more-link__text{letter-spacing:.3em}.more-link__circle{position:absolute;top:50%;right:0;transform:translateY(-50%);border-radius:50%;width:5em;height:5em;transition:opacity .1s ease .1s}.more-link:hover .more-link__circle{opacity:0}.more-link__arrow{display:block;overflow:hidden;position:absolute;width:26px;height:16px;top:50%;right:2.5em;transform:translate(50%,-50%);pointer-events:none}.more-link__arrow-body{display:block;position:absolute;top:0;right:0;width:76px;height:16px;transition:transform .3s ease}.more-link:hover .more-link__arrow-body{transform:translate(50px)}.particle-child{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;margin:0}.bento-grid{margin:6rem auto;width:100vw;position:relative;left:50%;transform:translate(-50%);height:100vh;opacity:0;transform:translate(-50%) translateY(40px);transition:opacity 1.6s cubic-bezier(.22,1,.36,1),transform 1.8s cubic-bezier(.22,1,.36,1);overflow:hidden}.bento-grid.inview{opacity:1;transform:translate(-50%) translateY(0)}.bento-grid__container{display:grid;grid-template-columns:1fr;height:100%}@media screen and (min-width: 80em){.bento-grid__container{grid-template-columns:2fr 1fr;align-items:stretch}}.bento-grid__wrapper{position:relative;height:100%}.bento-grid__content{position:absolute;z-index:2;color:var(--c-main);text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;cursor:pointer;pointer-events:none}.bento-grid__wrapper:hover .bento-grid__img{transform:scale(1.1);filter:brightness(.3)}.bento-grid__wrapper:hover .bento-grid__title,.bento-grid__wrapper:hover .bento-grid__description{transform:scale(1.1)}.bento-grid__title{font-weight:700;margin-bottom:1rem;pointer-events:none;text-shadow:0 0 4px rgba(255,255,255,.35),0 0 10px rgba(255,255,255,.25),0 0 16px rgba(255,255,255,.18);filter:drop-shadow(0 0 .5px rgba(255,255,255,.5)) drop-shadow(0 0 6px rgba(255,255,255,.25));transition:transform .5s ease}.bento-grid__description{font-weight:700;pointer-events:none;transition:transform .5s ease;transform-origin:top center}.bento-grid__col{display:grid;grid-template-columns:1fr;height:100%}.bento-grid__item{display:block;overflow:hidden;border:1px solid rgba(231,229,228,.2);background:rgba(24,24,27,.6);box-shadow:0 8px 24px #00000040;position:relative;height:100%}.bento-grid__item--lg{height:100%}@media screen and (min-width: 80em){.bento-grid__item--lg{min-height:32.5rem}}.bento-grid__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease;filter:brightness(.5);object-position:right center}.footer{background:rgba(0,0,0,.9)}.footer a{color:var(--c-white)}.footer__inner{padding:40px 15px 30px;text-align:center}.footer__inner svg{width:160px;height:53.61px}@media screen and (min-width: 37.5em){.footer__inner svg{width:220px;height:42.73px}}.footer__logo{font-size:clamp(.5rem,.8839779006vw + .2928176796rem,1rem);margin-bottom:2em}.footer__logo-link{display:inline-block}.footer__nav{margin-bottom:2em}.footer__ul{display:flex;flex-wrap:wrap;justify-content:center}.footer__li{margin-right:1.3em;margin-bottom:1em}.fresnel{position:fixed;top:0;left:0;width:100%;height:100%}[data-scroll-trigger=fade]{opacity:0;transition:opacity 1s cubic-bezier(0,0,.2,1)}[data-scroll-trigger=fade].inview{opacity:1}.load-pp{visibility:hidden;pointer-events:none;width:1px;height:1px;position:absolute}.disable-hover{pointer-events:none}.disable-hover .mouse-viewport{opacity:0!important}.experience{margin-top:6.25rem;padding:6rem 0 7.5rem}.experience__inner{max-width:90rem}.experience__header{margin-bottom:6.75rem}.experience__title{font-family:"Noto Serif JP",serif;font-weight:700;color:var(--c-white);letter-spacing:.05em;margin-bottom:2.5rem}.experience__timeline{position:relative;display:flex;flex-direction:column;gap:4rem}.experience__line{position:absolute;left:12.84375rem;top:2.6875rem;bottom:0;width:1px;background:linear-gradient(to bottom,#989898 0%,#525252 80%,rgba(173,70,255,0) 100%);transform:scaleY(0);transform-origin:top}@media screen and (min-width: 37.5em){.experience__line{top:0}}.experience__item{position:relative;display:flex;gap:1.25rem;align-items:start;flex-direction:column}@media screen and (min-width: 37.5em){.experience__item{flex-direction:row}}@media screen and (min-width: 80em){.experience__item{gap:5rem}}.experience__date{font-family:"Noto Serif JP",serif;font-weight:400;color:var(--c-gray);letter-spacing:.05em;text-align:left;padding-top:.125rem;padding-right:.75rem;min-width:11.0625rem}@media screen and (min-width: 80em){.experience__date{text-align:right}}.experience__card{position:relative;background:rgba(24,24,27,.7);border:1px solid rgba(43,127,255,.3);border-radius:10px;padding:1.5625rem;min-width:0;overflow:hidden;box-shadow:0 8px 32px #2b7fff1a;backdrop-filter:blur(10px);flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}@media screen and (min-width: 80em){.experience__card{max-width:62.5rem;grid-template-columns:12.5rem minmax(0,1fr);gap:2rem}}.experience__card-image{overflow:hidden;background:rgba(43,127,255,.05);position:relative;isolation:isolate;max-height:12.5rem}.experience__card-image:after{content:"";position:absolute;inset:-1px;background:inherit;box-shadow:inset 0 0 5px 5px #131315;z-index:2;pointer-events:none}@media screen and (min-width: 80em){.experience__card-image{display:block;aspect-ratio:1;max-height:none}}.experience__card-image img{width:100%;height:100%;object-fit:cover;position:relative;z-index:0;transition:transform .3s ease}.experience__card-image:hover img{transform:scale(1.05)}.experience__card-content{min-width:0}.experience__card-corner{position:absolute;top:0;right:0;width:64px;height:64px;overflow:hidden}.experience__card-corner:before{content:"";position:absolute;top:0;right:-24px;width:40px;height:40px;border-top:40px solid rgba(43,127,255,.2);border-left:40px solid transparent;transition:border-top-color .4s ease}.experience__role{font-family:Montserrat,serif;font-weight:600;color:var(--c-white);letter-spacing:.05em;margin-bottom:2rem}.experience__company{font-family:"Noto Serif JP",serif;font-weight:400;color:#51a2ff;letter-spacing:.05em;margin-bottom:2.5rem;transition:color .3s ease}.experience__card:hover .experience__company{color:#7bb8ff}.experience__description{font-family:"Noto Serif JP",serif;font-weight:400;color:var(--c-text);letter-spacing:.05em;line-height:1.75;margin-bottom:2.625rem}.experience__tags{display:flex;flex-wrap:wrap;gap:.5rem}.experience__tag{font-family:"Noto Serif JP",serif;font-size:.75rem;font-weight:400;color:var(--c-text);background:rgba(43,127,255,.15);border:1px solid rgba(43,127,255,.3);border-radius:9999px;padding:.3125rem .8125rem;line-height:1.33;letter-spacing:.05em;transition:all .3s ease}.experience__dot{display:none}@media screen and (min-width: 80em){.experience__dot{display:block;position:absolute;left:12.5rem;top:.5rem;width:12px;height:12px;background:var(--c-main);border-radius:50%}}.experience__more{text-align:center}.mouse-viewport{position:fixed;top:0;left:0;z-index:99999;pointer-events:none}.btn-menu{position:relative;z-index:999;display:flex;align-items:center;justify-content:center;width:6em;height:6em;border:0;background:none;margin-bottom:10px;cursor:pointer;pointer-events:auto}@media screen and (min-width: 80em){.btn-menu{width:5em;height:5em}}.btn-menu__inner{position:relative;display:block;width:3em;height:1px}.btn-menu__wrap{position:absolute;left:0;width:100%}.btn-menu__wrap:first-child{transform:translateY(-1em)}.btn-menu__wrap:last-child{transform:translateY(1em)}.btn-menu__bar{display:block;width:100%;height:1px;background:var(--c-main)}.menu{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);overflow:hidden;display:flex;align-items:center;clip-path:circle(0 at calc(100% - 2.5em) 2.5em);transition:clip-path .4s ease .8s}.menu__inner{font-weight:700;width:100%;margin:1em;display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 80em){.menu__inner{margin:2em}}.menu__li{list-style:none;opacity:0;transform:translateY(50px);transform-origin:bottom;transition:1s transform,.5s opacity}.menu__li:nth-child(1){transition-delay:.1s}.menu__li:nth-child(2){transition-delay:.2s}.menu__li:nth-child(3){transition-delay:.3s}.menu__li:nth-child(4){transition-delay:.4s}.menu__li:nth-child(5){transition-delay:.5s}.menu__li:nth-child(6){transition-delay:.6s}.menu a{display:block;color:#000;text-decoration:none;transition:transform .3s ease}.menu__li:hover a{color:#868686;transform:translate(5%)}.menu-open .menu{clip-path:circle(140% at calc(100% - 2.5em) 2.5em);transition:clip-path 1s cubic-bezier(1,0,1,0) .1s}.menu-open .menu__li{opacity:1;transform:translateY(0)}.menu-open .menu__li:nth-child(1){transition-delay:1.1s}.menu-open .menu__li:nth-child(2){transition-delay:1.2s}.menu-open .menu__li:nth-child(3){transition-delay:1.3s}.menu-open .menu__li:nth-child(4){transition-delay:1.4s}.menu-open .menu__li:nth-child(5){transition-delay:1.5s}.menu-open .menu__li:nth-child(6){transition-delay:1.6s}.footer{margin-top:12.5rem;background-color:var(--c-main)}@media screen and (min-width: 80em){.footer{margin-top:17.5rem}}.footer a{color:var(--c-black)}.footer .cls-1{font-size:200px;fill:#333;font-family:Montserrat,serif;font-weight:700}@media screen and (min-width: 80em){.footer .cls-1{font-family:HiraKakuStd-W8,Hiragino Kaku Gothic Std}}.error404 footer{position:absolute;bottom:0;left:0;width:100vw}.card{background:linear-gradient(135deg,rgb(23,23,23) 0%,rgb(49,49,49) 100%);border:1px solid #414141;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.card__media{display:block;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.card__media img:hover{transform:scale(1.05)}.card__body{padding:24px;display:flex;flex-direction:column;gap:12px;min-height:215px}.card__title{color:#fff;line-height:1.5;font-family:"Noto Serif JP",serif;transition:opacity .3s ease;display:inline-block;font-weight:700}.card__title:hover{opacity:.8}.card__desc{color:#a1a1a1;line-height:1.625}.card__tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:8px 0 0;padding:0}.card__tag{background:rgba(255,255,255,.1);border:1px solid #646464;color:var(--c-text);border-radius:5px;padding:4px 8px}.panel{display:flex;flex-wrap:wrap;justify-content:center;gap:6%;text-align:left}@media screen and (min-width: 80em){.panel{justify-content:space-between}}.panel__item{flex:0 0 100%}@media screen and (min-width: 30em){.panel__item{flex-basis:40%}}@media screen and (min-width: 60em){.panel__item{flex-basis:27%}}.panel__meta{display:block;margin-top:1em}.panel__date{margin-right:1em}.panel__title{display:block;font-size:1.5em;font-weight:700;margin-top:.2em;margin-bottom:3em}.panel__media{display:inline-block;width:100%;aspect-ratio:1.34;object-fit:cover}body.home #canvas{position:absolute}body.home .side{mix-blend-mode:difference}body.home main{display:flex;align-items:center;justify-content:space-around;min-height:100vh;flex-direction:column;text-align:center}body.home main .scroll-content{overflow:hidden}body.home main .fv__texts{position:absolute;top:30%;left:50%;transform:translate(-50%);text-align:left;width:95vw}@media screen and (min-width: 60em){body.home main .fv__texts{left:5%;transform:none;visibility:hidden}}body.home main .fv__texts ul{font-family:Noto Sans JP,sans-serif}body.home main .fv__text-item{position:absolute;top:0;left:0;transition:opacity 4s;font-family:Montserrat,serif;font-weight:700;display:flex;flex-direction:column;gap:.8em;background:rgba(0,0,0,.4);padding:.1875rem;min-width:355px}body.home main .fv__text-item h2{font-size:2.1em;line-height:1.3}body.home main .fv__text-item ul{font-size:.9em;display:flex;flex-direction:column}body.home main .fv__text-item span{font-size:.5em}body.home main .fv__content{min-width:280px;flex:1 0 40%;margin:0 auto;position:absolute;top:-1000px}@media screen and (min-width: 60em){body.home main .fv__content{width:80%;position:absolute;top:50%;transform:translateY(-50%)}}body.home main .fv__holder{flex:1 0 60%;min-width:280px;margin:0 auto}body.home main .fv__holder .fv__slider{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1}body.home .fv{height:100vh;width:100vw;position:relative}body.home .fv__sub-title{font-family:Montserrat,serif}body.home .fv__title{font-size:1em;position:relative;color:var(--c-main);font-weight:700;margin:25px 0;line-height:1}body.home .fv__desc{padding-top:6px;max-width:21em}body.home .fv__nav{font-size:clamp(3.125rem,7.7348066298vw + 1.3121546961rem,7.5rem);text-align:center;margin-top:.4em}@media screen and (min-width: 60em){body.home .fv__nav{text-align:left}}body.home .fv__btn{background:none;border:0;opacity:.7;cursor:pointer;padding:0}body.home .fv__btn svg{width:1em;height:1em}body.home .fv__btn:active{transform:scale(.85)}body.home .fv__btn.prev svg{transform:rotate(180deg)}@media screen and (min-width: 80em){body.home .fv__btn:hover circle{transition:opacity .5s;opacity:0}}body.home .fv__slider{aspect-ratio:16/9}body.home .fv__holder{position:relative;width:100%;margin:0 auto}body.home .fv__content{display:flex;align-items:center;justify-content:center}body.home .fv__text-shader{display:block;position:absolute;top:40%;transform:translateY(-50%);left:7%;margin-left:-.03em;pointer-events:none;width:70vw;aspect-ratio:1;min-width:330px}@media screen and (min-width: 80em){body.home .fv__text-shader{position:relative;transform:none;max-width:none;width:60vw;left:0;top:50%}}body.home .home-section{position:relative;padding:6rem 0;color:var(--c-main)}@media screen and (min-width: 80em){body.home .home-section{padding:12.5rem 0 0}}body.home .home-section__title{margin-bottom:3rem;font-family:Montserrat,serif}body.home .home-about .home-about__inner{max-width:72.125rem;margin:0 auto}body.home .home-about .home-section__title{text-align:left}body.home .home-about__grid{display:grid;gap:3rem}@media screen and (min-width: 80em){body.home .home-about__grid{gap:4rem;grid-template-columns:1fr 34.5rem;align-items:start}}body.home .home-about__content{text-align:left}body.home .home-about__name{margin-bottom:1.5rem;font-family:"Noto Serif JP",serif;text-shadow:0 0 4px rgba(255,255,255,.35),0 0 10px rgba(255,255,255,.25),0 0 16px rgba(255,255,255,.18);filter:drop-shadow(0 0 .5px rgba(255,255,255,.5)) drop-shadow(0 0 6px rgba(255,255,255,.25));line-height:normal}@media screen and (min-width: 80em){body.home .home-about__name{margin-bottom:.75rem}}body.home .home-about__lead{margin-bottom:2rem;color:#00d3f2;text-shadow:0 0 6px rgba(0,211,242,.55),0 0 14px rgba(0,211,242,.45),0 0 22px rgba(0,211,242,.35);filter:drop-shadow(0 0 1px rgba(0,211,242,.7)) drop-shadow(0 0 8px rgba(0,211,242,.35))}body.home .home-about__figure{overflow:hidden;aspect-ratio:1/1}@media screen and (min-width: 80em){body.home .home-about__figure{width:100%;max-width:480px;margin:0 auto}}body.home .home-about__image{width:100%;height:100%;object-fit:cover;display:block}body.home .home-about__more{margin-top:1.5rem;margin-left:1rem}body.home .home-about__more .more-link{width:8.2em}body.home .home-section .experience__card-content{text-align:left}body.home .career-section{width:100vw}body.home .career-section .pin-spacer{width:100vw!important;left:50%!important;transform:translate(-50%)!important}body.home .career-section .career__wrapper{max-width:none!important;width:100%!important}body.home .career-section .career__container{padding:6vh 1.25rem 0;display:flex;flex-direction:column;max-width:72.125rem;margin:0 auto}body.home .career-section .career__header{width:100%;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:.75rem}@media screen and (min-width: 60em){body.home .career-section .career__header{height:11rem;margin-bottom:0}}body.home .career-section .career__title{text-align:left}body.home .career-section .career__content{width:100%;display:flex;flex-direction:column;gap:3rem;position:relative}@media screen and (min-width: 60em){body.home .career-section .career__content{flex-direction:row}}body.home .career-section .career__nav{width:100%;display:none;flex-direction:column;gap:1rem}@media screen and (min-width: 60em){body.home .career-section .career__nav{display:flex;max-width:31.25rem}}body.home .career-section .career__nav-button{background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.1);height:5.75rem;border-radius:.5rem;position:relative;overflow:hidden;color:var(--c-main);transition:all .4s ease}body.home .career-section .career__nav-button.active{box-shadow:0 0 25px #fffffff2;background-color:#fffffff2;font-weight:700;color:var(--c-black)}body.home .career-section .career__nav-inner{position:relative;z-index:2;padding:1.625rem;display:flex;align-items:center;gap:1rem;height:100%}body.home .career-section .career__nav-info{display:flex;align-items:center;gap:.75rem;flex:1}body.home .career-section .career__card-wrapper{width:100%;position:relative;min-height:30rem}@media screen and (min-width: 60em){body.home .career-section .career__card-wrapper{flex:1;min-height:33.75rem}}body.home .career-section .career__card-item{width:100%;height:100%;position:absolute;top:0;left:0;display:block}body.home .career-section .career__card{position:relative;width:100%;height:100%;border-radius:.5rem;padding:.5rem;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 25px #fffffff2;background-color:#fffffff2;color:var(--c-black);transition:opacity 1s ease;opacity:0;visibility:hidden}@media screen and (min-width: 60em){body.home .career-section .career__card{position:relative;padding:1.5rem}}body.home .career-section .career__card.active{opacity:1;visibility:visible}body.home .career-section .career__image{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1;filter:brightness(.9) blur(4px);opacity:0;pointer-events:none;transition:opacity 1s ease}body.home .career-section .career__image.active{opacity:1}body.home .career-section .career__card-title{text-align:left;font-weight:700;color:var(--c-black);font-family:"Noto Serif JP",serif;position:relative}body.home .career-section .career__card-title:before{content:"■"}body.home .career-section .career__card-body{display:flex;flex-direction:column;gap:1.75rem;margin:1rem 0 1.75rem}body.home .career-section .career__card-section{display:flex;flex-direction:column;gap:.5rem}body.home .career-section .career__card-subtitle{font-weight:700;text-align:left}body.home .career-section .career__card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}body.home .career-section .career__card-description{text-align:left;position:relative;padding-left:1rem}body.home .career-section .career__card-description:before{content:"・";position:absolute;left:0;color:#006ac7}body.home .career-section .career__card-tech{display:flex;flex-direction:column;gap:.75rem}body.home .career-section .career__card-badges{display:flex;flex-wrap:wrap;gap:.5rem}body.home .career-section .career__badge{background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);border-radius:.25rem;padding:.125rem .5rem}@media screen and (min-width: 80em){body.home .career-section .career__badge{padding:.375rem .75rem}}body.home .home-skills .home-skills__inner{max-width:72rem;margin:0 auto}body.home .home-skills__grid{display:grid;column-gap:1.5rem;row-gap:0;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media screen and (min-width: 80em){body.home .home-skills__grid{gap:2rem;grid-template-columns:repeat(5,200px)}}body.home .home-skills__card{border-radius:10px;padding:1rem;display:grid}body.home .home-skills__logo{width:7.5rem;aspect-ratio:1;margin:0 auto;position:relative}body.home .home-skills__logo:after{content:"";position:absolute;top:50%;left:50%;width:110%;height:110%;transform:translate(-50%,-50%);border-radius:8px;padding:.5rem;box-shadow:0 0 25px #fffffff2;background-color:#fffffff6;z-index:1;pointer-events:none}body.home .home-skills__logo img{width:100%;height:100%;object-fit:contain;display:block;z-index:2;position:relative}body.home .home-skills__head{color:#fffc;font-weight:700;margin-top:.75rem}body.home .home-skills__sub{color:#fff9}body.home .home-skills .more-link{width:8.1em;font-family:"Noto Serif JP",serif}body.home .home-works .home-works-horizontal{position:relative;display:flex;overflow:hidden;height:100vh;align-items:center;width:100vw;z-index:0}body.home .home-works .home-works-horizontal .vertical-section{width:100vw;height:100vh;display:flex;align-items:center;flex-shrink:0}@media screen and (min-width: 80em){body.home .home-works .home-works-horizontal .vertical-section{width:70vw}}@media screen and (min-width: 80em){body.home .home-works .home-works-horizontal .vertical-section.wide-view{margin-left:10em}}body.home .home-works .work{text-align:center}@media screen and (min-width: 80em){body.home .home-works .work{text-align:left}}body.home .home-works .work__wrapper{position:relative}body.home .home-works .work__wrapper .more-link{position:absolute;left:50%;bottom:10%;transform:translate(-50%);width:8.3em}@media screen and (min-width: 80em){body.home .home-works .work__wrapper .more-link{bottom:0}}body.home .home-works .work__main-title{text-transform:uppercase;text-align:center;max-width:72rem;margin:0 auto}@media screen and (min-width: 80em){body.home .home-works .work__main-title{text-align:left}}body.home .home-works .work__inner{height:100vh;position:relative;width:95%;margin:0 auto;display:flex;align-items:center}body.home .home-works .work__img-wrap{margin:0 auto}@media screen and (min-width: 37.5em){body.home .home-works .work__img-wrap{height:min(50vh,420px);height:55vh;max-width:700px}}body.home .home-works .work__img-wrap.parallax{overflow:hidden}body.home .home-works .work__content{position:relative;margin:0 auto;display:flex;flex-direction:column;gap:1em}body.home .home-works .work:nth-of-type(2n + 1) .work__content{flex-direction:column}body.home .home-works .work:nth-of-type(2n) .work__content{flex-direction:column-reverse}body.home .home-works .work__title{font-size:clamp(1rem,1.3259668508vw + .6892265193rem,1.75rem);display:inline-block;width:fit-content;font-family:"Noto Serif JP",serif}body.home .home-works .work__title-wrap{text-align:left;display:flex;flex-direction:column;gap:.1em}body.home .home-works .work__title-sub{font-size:clamp(.75rem,.8839779006vw + .5428176796rem,1.25rem);display:inline-block;width:fit-content}body.home .home-works .work__img{width:100%;height:180px;object-fit:contain}@media screen and (min-width: 37.5em){body.home .home-works .work__img{width:120%;height:100%}}body.home .home-works .animation-text{position:relative;overflow:hidden;color:transparent}body.home .home-works .animation-text:after{background:linear-gradient(45deg,#757575 0%,#9e9e9e 45%,#e8e8e8 70%,#9e9e9e 85%,#757575 90% 100%);content:"";display:block;inset:0;position:absolute;transform:translateY(100%)}body.home .home-works .animation-text.inview{color:var(--c-main);animation:text-fade .6s cubic-bezier(.8,0,.17,1)}body.home .home-works .animation-text.inview:after{animation:mask-bg 1.2s cubic-bezier(.8,0,.17,1)}body.home .home-works .scrollnav{position:absolute;left:48%;transform:translate(-50%);bottom:80px;height:50px;transition:all .3s ease-in-out;opacity:0;user-select:none}@media screen and (min-width: 37.5em){body.home .home-works .scrollnav{position:fixed;left:50%;transform:translate(-50%);bottom:10px}}body.home .home-works .scrollnav.is-active{opacity:1}body.home .home-works .scrollnav span{position:absolute;left:-15px;top:-15px;color:#fff;font-size:.7rem;letter-spacing:.05em}body.home .home-works .scrollnav:after{content:"";position:absolute;top:0;width:1px;height:30px;background:#ffffff;animation:pathmove 1.4s ease-in-out infinite;opacity:0}#pagination-wrap{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:100%;z-index:100;pointer-events:none}@media screen and (min-width: 37.5em){#pagination-wrap{bottom:10%}}body.about{background-color:var(--c-main)}body.about .main{margin-top:7em;margin-bottom:7em}body.about .side{mix-blend-mode:difference}body.about .about-vision{margin-top:10rem;padding:6rem 0 7.5rem}body.about .about-vision__inner{max-width:72rem;margin:0 auto}body.about .about-vision .experience__title{color:var(--c-text);margin-bottom:0}body.about .about-vision__title{font-family:"Noto Serif JP",serif;position:relative}body.about .about-vision__title:before{content:"■"}body.about .about-vision__content{text-align:center;margin-bottom:5rem}body.about .about-vision__separator{width:4rem;height:1px;margin:1.5rem auto;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgb(231,229,228) 50%,rgba(0,0,0,0) 100%)}body.about .about-vision__lead{color:#00d3f2;font-weight:700}body.about .about-vision__grid{display:grid;gap:4rem}body.about .about-vision__divider{width:100%;height:2px;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgb(220,220,220) 50%,rgba(0,0,0,0) 100%);margin:1.5rem 0}@media screen and (min-width: 80em){body.about .about-vision__divider{margin:2rem 0}}body.about .about-vision__block{display:grid;gap:1rem}body.about .about-vision__heading{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}body.about .about-vision__text{display:grid;gap:.75rem}body.about .about-vision__para{display:grid;gap:.5rem;margin-bottom:1rem}@media screen and (min-width: 80em){body.about .about-vision{margin-top:12.5rem;padding:8rem 0 10rem}body.about .about-vision__grid{gap:5rem}body.about .about-vision__content{margin-bottom:6rem}}body.about .bc{margin-top:95px;font-size:1rem}@media screen and (min-width: 80em){body.about .bc{margin-top:60px}}body.about .bc__lists{display:flex;align-items:center}body.about .bc__dot{background-color:var(--c-text);width:3px;height:3px;margin:0 1em;border-radius:50%}body.about .bc__anker{color:var(--c-gray);font-weight:700}body.about .bc__anker.current{color:var(--c-main)}body.about .about__title{margin-bottom:4rem;display:inline-block;text-transform:uppercase}body.about .about__content{display:flex;flex-direction:column;gap:4em}@media screen and (min-width: 80em){body.about .about__content{flex-direction:row}}body.about .about__img-wrap{position:relative;width:320px;height:320px;margin:0 auto}@media screen and (min-width: 37.5em){body.about .about__img-wrap{width:400px;height:400px;margin:0 auto}}@media screen and (min-width: 80em){body.about .about__img-wrap{flex-shrink:0;margin:0}}body.about .about__img-wrap .fv_image{opacity:0}body.about .about__img{width:100%;height:100%}body.about .about__profile-heading{display:block;margin-bottom:2rem;font-weight:700}body.about .about__profile-text{text-align:left}@media screen and (min-width: 80em){body.about .about__profile-text{text-align:left}}body.about .about__profile-text span{color:transparent;font-weight:700}body.about .about__profile-text span.blur{animation:blur 10s ease-out;-webkit-animation:blur 10s ease-out}body.about .about__profile-text span.blur:nth-child(1){animation-delay:0 1s;-webkit-animation-delay:0 1s}body.about .about__profile-text span.blur:nth-child(2){animation-delay:0 2s;-webkit-animation-delay:0 2s}body.about .about__profile-text span.blur:nth-child(3){animation-delay:0 3s;-webkit-animation-delay:0 3s}body.about .about__profile-text span.blur:nth-child(4){animation-delay:0 4s;-webkit-animation-delay:0 4s}body.about .about__profile-text span.blur:nth-child(5){animation-delay:0 5s;-webkit-animation-delay:0 5s}body.about .about__profile-text span.blur:nth-child(6){animation-delay:0 6s;-webkit-animation-delay:0 6s}body.about .about__profile-text span.blur:nth-child(7){animation-delay:0 7s;-webkit-animation-delay:0 7s}@keyframes blur{0%{text-shadow:0 0 100px #dadada;opacity:0;color:transparent}5%{text-shadow:0 0 90px #dadada}15%{opacity:1;color:transparent}20%{text-shadow:0 0 0px #dadada}80%{text-shadow:0 0 0px #dadada;color:#dadada}to{opacity:1}}@-webkit-keyframes blur{0%{text-shadow:0 0 100px #dadada;opacity:0;color:transparent}5%{text-shadow:0 0 90px #dadada}15%{opacity:1;color:transparent}20%{text-shadow:0 0 0px #dadada}80%{text-shadow:0 0 0px #dadada;color:#dadada}to{opacity:1}}body.contact{background-color:var(--c-main)}body.contact .hidden{visibility:hidden;position:absolute;top:-2000px}body.contact .scroll-content{overflow:hidden}body.contact .main{margin-top:7em;margin-bottom:7em}body.contact .side{mix-blend-mode:difference}body.contact .bc{margin-top:95px;font-size:1rem}@media screen and (min-width: 80em){body.contact .bc{margin-top:60px}}body.contact .bc__lists{display:flex;align-items:center}body.contact .bc__dot{background-color:var(--c-text);width:3px;height:3px;margin:0 1em;border-radius:50%}body.contact .bc__anker{color:var(--c-gray);font-weight:700}body.contact .bc__anker.current{color:var(--c-main)}@media screen and (min-width: 80em){body.contact .contact{text-align:left}}body.contact .contact__title{margin-bottom:2rem;display:inline-block;text-transform:uppercase}body.contact .contact__text{margin-bottom:3rem}body.contact .contact__content{display:flex;align-items:center}body.contact .contact__form{width:100%}body.contact .contact__form-wrapper{width:100%;max-width:1000px;border-radius:5px;box-shadow:0 0 10px #0000001a}@media screen and (min-width: 80em){body.contact .contact__form-wrapper{width:80%}}body.contact .contact__form-dl{margin:0}body.contact .contact__form-dt{margin-bottom:1em}body.contact .contact__form-label{font-weight:700}body.contact .contact__form-label .required{color:red;font-weight:700}body.contact .contact__form-dd{margin:0 0 2em}body.contact .contact__form-input,body.contact .contact__form-textarea{width:100%;padding:6px;box-shadow:inset 0 0 .8em #ffffff4d,0 0 .8em #ffffff4d;background-color:transparent;border:#fff solid 2px;color:#fff;border-radius:5px;transition:background-color .6s,box-shadow .6s}@media screen and (min-width: 80em){body.contact .contact__form-input,body.contact .contact__form-textarea{padding:10px}}body.contact .contact__form-input:focus,body.contact .contact__form-textarea:focus{outline:none;background-color:#fff;color:#333;box-shadow:inset 0 0 #ffffff4d,0 0 1.2em #ffffff80}body.contact .contact__form-textarea{resize:vertical}body.contact .contact__form-button{color:#fff;background:none;border-radius:0;padding:.8em 4em;letter-spacing:.35em;font-size:1em;transition:background-color .6s,box-shadow .6s,color .6s;margin-top:1em;box-shadow:inset 0 0 .8em #ffffff4d,0 0 .8em #ffffff4d;border:#fff solid 2px}@media screen and (min-width: 80em){body.contact .contact__form-button{padding:1em 5em}}body.contact .contact__form-button:hover{color:#000c;background-color:#fff;box-shadow:inset 0 0 #ffffff4d,0 0 1.2em #ffffff80}body.skill{background-color:var(--c-main)}body.skill #canvas{z-index:0}body.skill .header__inner svg .cls-1{font-size:200px;fill:var(--c-main);font-family:HiraKakuStd-W8,Hiragino Kaku Gothic Std}body.skill #asides .side{mix-blend-mode:difference}body.skill .scroll-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)!important;z-index:999;color:#333;visibility:hidden;width:100vw}body.skill .scroll-content .modal{background-color:#ffffffe6;padding:40px 20px;height:100%;width:100%;opacity:0;transition:all 1s ease;position:relative;display:none;overflow-y:scroll}@media screen and (min-width: 80em){body.skill .scroll-content .modal{min-height:70vh;height:80vh;height:auto;padding:20px}}body.skill .scroll-content .modal .thumbnail{display:none}body.skill .scroll-content .modal__title{font-size:clamp(1.5rem,.8839779006vw + 1.2928176796rem,2rem);font-weight:700;margin-bottom:32px}body.skill .scroll-content .modal__content-wrapper{display:flex;gap:32px;flex-direction:column}body.skill .scroll-content .modal__content-title{font-size:clamp(1.125rem,.6629834254vw + .9696132597rem,1.5rem);font-weight:700;margin-bottom:10px}body.skill .scroll-content .modal__content-list{font-size:clamp(1rem,.2209944751vw + .9482044199rem,1.125rem)}body.skill .scroll-content .modal__list-language{gap:2em;display:grid;grid-template-columns:repeat(3,1fr)}@media screen and (min-width: 80em){body.skill .scroll-content .modal__list-language{gap:3em;display:flex;flex-wrap:wrap}}body.skill .scroll-content .modal__list-language li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5em;line-height:1.5}@media screen and (min-width: 80em){body.skill .scroll-content .modal__list-language li{line-height:1.75;justify-content:space-between;gap:0}}body.skill .scroll-content .modal__list-language li p{max-width:100px}@media screen and (min-width: 80em){body.skill .scroll-content .modal__list-language li p{max-width:none}}body.skill .scroll-content .modal__list-language img{width:60px;height:60px}@media screen and (min-width: 80em){body.skill .scroll-content .modal__list-language img{width:100px;height:100px}}body.skill .scroll-content .modal__btn-close{display:block;position:absolute;top:5px;right:5px;width:44px;height:44px}@media screen and (min-width: 80em){body.skill .scroll-content .modal__btn-close{top:10px;right:10px;width:50px;height:50px}}body.skill .scroll-content .modal__btn-close:before,body.skill .scroll-content .modal__btn-close:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:24px;background:#333}@media screen and (min-width: 80em){body.skill .scroll-content .modal__btn-close:before,body.skill .scroll-content .modal__btn-close:after{height:30px}}body.skill .scroll-content .modal__btn-close:before{transform:translate(-50%,-50%) rotate(45deg)}body.skill .scroll-content .modal__btn-close:after{transform:translate(-50%,-50%) rotate(-45deg)}body.skill .main{height:80vh}@media screen and (min-width: 80em){body.skill .main{margin-top:7em;margin-bottom:7em;height:60vh;text-align:left}}body.skill #moveBtns{display:none;gap:12px;position:fixed;bottom:20px;left:20px;z-index:1}@media screen and (min-width: 80em){body.skill #moveBtns{gap:20px;right:20px;left:auto;opacity:0;visibility:hidden}}body.skill #moveBtns button{padding:30px;border-radius:50%;position:relative;outline:none;background-color:#ffffffb3;border:1px solid rgba(255,255,255,.9);border-right-color:#fffc;border-bottom-color:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 5px 20px #ff984f80}@media screen and (min-width: 80em){body.skill #moveBtns button{padding:40px}}body.skill #moveBtns button:before{content:"";width:20px;height:20px;border-top:solid 3px #333;border-right:solid 3px #333;position:absolute}@media screen and (min-width: 80em){body.skill #moveBtns button:before{width:30px;height:30px}}body.skill #moveBtns button#jump:before{left:58%;top:40%;transform:rotate(-45deg) translate(-50%,-50%)}body.skill #moveBtns button#down:before{left:8%;top:25%;transform:rotate(135deg) translate(-50%,-50%)}body.skill #moveBtns button.deactive{opacity:.5;pointer-events:none}body.skill .moveControll__back{position:fixed;left:50%;transform:translate(-50%);display:flex;align-items:center;z-index:3;gap:1rem;bottom:20px;height:180px;width:95%;max-width:600px;padding:15px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.4);border-right-color:#fff3;border-bottom-color:#fff3;border-radius:15px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 5px 20px #ff984f80;opacity:0;visibility:hidden}@media screen and (min-width: 37.5em){body.skill .moveControll__back{padding:30px}}@media screen and (min-width: 80em){body.skill .moveControll__back{display:flex;flex-direction:column;justify-content:center;bottom:25px;left:20px;max-width:500px;transform:translate(0)}}body.skill .moveControll__back>div:first-of-type{display:none;color:#fff}@media screen and (min-width: 80em){body.skill .moveControll__back>div:first-of-type{display:block}}body.skill #mobileControl-move{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 80em){body.skill #mobileControl-move{display:none}}body.skill #mobileControl-move div{width:fit-content}body.skill #mobileControl-move div:first-of-type{text-align:center}body.skill #mobileControl-move button{font-size:1rem;font-weight:700;color:#333;background-color:#fff;padding:1.8rem;border:4px solid #888888;cursor:pointer;position:relative;background-color:#ffffffb3;border:1px solid rgba(255,255,255,.9);border-right-color:#fffc;border-bottom-color:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 5px 20px #ff984f80}body.skill #mobileControl-move button:active{background-color:#fcbf3b}body.skill #mobileControl-move button:before{content:"";position:absolute;top:50%;left:50%;display:inline-block;background:#333;height:calc(tan(60deg)*35px/2);width:35px;clip-path:polygon(50% 0,100% 100%,0 100%)}body.skill #mobileControl-move button#upBtn:before{transform:translate(-50%,-50%)}body.skill #mobileControl-move button#downBtn:before{transform:translate(-50%,-50%) rotate(180deg)}body.skill #mobileControl-view{background-color:#fff;width:100%;height:140px;opacity:.8;padding:30px;background-color:#ffffffb3;border:1px solid rgba(255,255,255,.9);border-right-color:#fffc;border-bottom-color:#fffc;border-radius:15px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 5px 20px #ff984f80}@media screen and (min-width: 37.5em){body.skill #mobileControl-view{max-width:460px}}@media screen and (min-width: 80em){body.skill #mobileControl-view{display:none}}body.skill #pointerCircle{display:inline-block;width:20px;height:20px;border-radius:50%;background:rgb(255,0,187);position:fixed;top:87%;left:35%;transform:translate(-50%,-50%);z-index:3;opacity:0;filter:blur(5px)}@media screen and (min-width: 80em){body.skill #pointerCircle{display:none}}body.skill #upText{color:#f0b;position:fixed;top:91%;left:35%;transform:translate(-50%,-50%);z-index:3;font-size:1em;opacity:0;text-shadow:1px 1px 3px}@media screen and (min-width: 80em){body.skill #upText{display:none}}.skill-heading{position:fixed;top:10%;left:5%;z-index:1;visibility:visible;color:#fff;pointer-events:none}.skill__title{margin-bottom:4rem;display:inline-block;text-transform:uppercase}body.gallery .pin-spacer{margin:0!important;width:100vw!important}body.gallery .scrollbar-track{display:none!important}body.gallery .side{color:var(--c-text)}body.gallery .main{width:100vw!important;max-width:none!important;display:flex;overflow:hidden}body.gallery .main .vertical-section{width:100vw;flex-shrink:0}@media screen and (min-width: 80em){body.gallery .main .vertical-section{width:50vw}}@media screen and (min-width: 80em){body.gallery .main .vertical-section.wide-view{margin-left:10em}}@media screen and (min-width: 80em){body.gallery .main .vertical-section.gallery{padding-left:5em}}body.gallery .work{text-align:center}@media screen and (min-width: 80em){body.gallery .work{text-align:left}}body.gallery .work__message{height:100%;width:95%;margin:0 auto;display:flex;flex-direction:column;justify-content:center}body.gallery .work__message-wrap{position:relative}body.gallery .work__main-title{text-transform:uppercase}body.gallery .work__inner{height:100vh;position:relative;width:95%;margin:0 auto}body.gallery .work__img-wrap{height:220px}@media screen and (min-width: 37.5em){body.gallery .work__img-wrap{height:50vh;max-width:700px}}body.gallery .work__img-wrap.parallax{overflow:hidden}body.gallery .work__content{position:absolute;transform:translateY(-50%);display:flex;gap:1em}body.gallery .work:nth-of-type(2n + 1) .work__content{flex-direction:column;bottom:5%}@media screen and (min-width: 37.5em){body.gallery .work:nth-of-type(2n + 1) .work__content{bottom:-15%}}body.gallery .work:nth-of-type(2n) .work__content{flex-direction:column-reverse;top:45%}@media screen and (min-width: 37.5em){body.gallery .work:nth-of-type(2n) .work__content{top:45%}}body.gallery .work__title{font-size:clamp(1rem,1.3259668508vw + .6892265193rem,1.75rem);display:inline-block;width:fit-content}body.gallery .work__title-wrap{text-align:left;display:flex;flex-direction:column;gap:.1em}body.gallery .work__title-sub{font-size:clamp(.75rem,.8839779006vw + .5428176796rem,1.25rem);display:inline-block;width:fit-content}body.gallery .work__img{width:120%;height:100%;object-fit:contain}body.gallery .animation-text{position:relative;overflow:hidden;color:transparent}body.gallery .animation-text:after{background:linear-gradient(45deg,#757575 0%,#9e9e9e 45%,#e8e8e8 70%,#9e9e9e 85%,#757575 90% 100%);content:"";display:block;inset:0;position:absolute;transform:translateY(100%)}body.gallery .animation-text.inview{color:var(--c-main);animation:text-fade .6s cubic-bezier(.8,0,.17,1)}body.gallery .animation-text.inview:after{animation:mask-bg 1.2s cubic-bezier(.8,0,.17,1)}body.gallery .more-link{width:8em}body.gallery .more-link__text{left:0;transform:translateY(-50%)}body.gallery .more-link__circle{right:-40%}body.gallery .more-link__arrow{right:-10%}@keyframes text-fade{0%{color:transparent}to{color:#000}}@keyframes mask-bg{0%{transform:translate(101%)}40%,60%{transform:translate(0)}to{transform:translate(-100%)}}.scrollnav{position:absolute;left:48%;transform:translate(-50%);bottom:80px;height:50px;transition:all .3s ease-in-out;opacity:0;user-select:none}@media screen and (min-width: 37.5em){.scrollnav{position:fixed;left:50%;transform:translate(-50%);bottom:10px}}.scrollnav.is-active{opacity:1}.scrollnav span{position:absolute;left:-15px;top:-15px;color:#fff;font-size:.7rem;letter-spacing:.05em}.scrollnav:after{content:"";position:absolute;top:0;width:1px;height:30px;background:#ffffff;animation:pathmove 1.4s ease-in-out infinite;opacity:0}@keyframes pathmove{0%{height:0;top:0;opacity:0}30%{height:30px;opacity:1}to{height:0;top:50px;opacity:0}}body.single-work .main{margin-top:8em}@media screen and (min-width: 80em){body.single-work .top{max-width:1080px;margin:0 auto}}body.single-work .bc{margin-top:95px;font-size:1rem}@media screen and (min-width: 80em){body.single-work .bc{margin-top:60px}}body.single-work .bc__lists{display:flex;align-items:center}body.single-work .bc__dot{background-color:var(--c-text);width:3px;height:3px;margin:0 1em;border-radius:50%}body.single-work .bc__anker{color:var(--c-gray);font-weight:700}body.single-work .bc__anker.current{color:var(--c-main)}body.single-work .work{text-align:center}@media screen and (min-width: 80em){body.single-work .work{text-align:left}}body.single-work .work__title{color:var(--c-sec);font-weight:700;text-align:center;margin-bottom:.7em;line-height:.8;position:relative;display:inline-block;margin-bottom:4rem;text-transform:uppercase}@media screen and (min-width: 80em){body.single-work .work__title{text-align:left}}body.single-work .work__title-text{display:inline-block}body.single-work .work__subtitle{font-size:clamp(1.5rem,.8839779006vw + 1.2928176796rem,2rem);margin-bottom:2em;font-family:"Noto Serif JP",serif}body.single-work .work__img-wrapper{position:relative;height:150px;margin:100px auto 0;max-width:860.39px}@media screen and (min-width: 37.5em){body.single-work .work__img-wrapper{height:400px;margin-top:150px}}@media screen and (min-width: 80em){body.single-work .work__img-wrapper{height:400px;margin-top:250px}}body.single-work .work__img-wrap img{position:absolute;transform:translate(-50%,-50%)}body.single-work .work__img-wrap img.pc-frame{top:25%;left:45%}@media screen and (min-width: 80em){body.single-work .work__img-wrap img.pc-frame{left:50%;max-width:860.39px}}body.single-work .work__img-wrap img.sp-frame{width:20%;right:1%;top:33%}@media screen and (min-width: 80em){body.single-work .work__img-wrap img.sp-frame{right:-5%;top:34%;max-width:190.08px}}body.single-work .work__img-wrap img.pc-screen{position:absolute;top:23%;left:45%;transform:translate(-50%,-50%);width:74.8%}@media screen and (min-width: 80em){body.single-work .work__img-wrap img.pc-screen{left:50%;top:22.5%;max-width:710.89px}}body.single-work .work__img-wrap img.sp-screen{position:absolute;top:33%;right:2.2%;transform:translate(-50%,-50%);width:18.7%}@media screen and (min-width: 80em){body.single-work .work__img-wrap img.sp-screen{top:33.5%;right:-3.7%;max-width:177.72px}}body.single-work .work__img-wrap .fv_image{opacity:0}@media screen and (min-width: 80em){body.single-work .work__texts{margin-top:0}}body.single-work .work__description{margin-bottom:2em;margin-top:6em}body.single-work .work__description-title{display:block;margin-bottom:.5em;font-weight:700;position:relative}body.single-work .work__description-title:after{content:"";position:absolute;bottom:-.1em;left:0;width:100%;height:1px;background-color:var(--c-text)}body.single-work .work__description-text,body.single-work .work__description div{line-height:1.8}body.single-work .work__btn{text-align:center;width:100%;margin-top:5em}body.single-work .more-link{width:6.5em}body.single-work .more-link__text{left:0;transform:translateY(-50%)}body.single-work .more-link__circle{right:-40%}body.single-work .more-link__arrow{right:-10%}body.single-work .related{margin:12.5rem auto}body.single-work .related__content{display:grid;grid-template-columns:1fr;gap:1em}@media screen and (min-width: 37.5em){body.single-work .related__content{grid-template-columns:1fr 1fr 1fr}}body.single-work .related__title{margin-bottom:3rem}body.post-type-archive-work .main,body.tax-work_category .main,body.works .main{margin-top:8em;max-width:1440px}body.post-type-archive-work .gallery,body.tax-work_category .gallery,body.works .gallery{text-align:center;padding-bottom:12.5rem}@media screen and (min-width: 80em){body.post-type-archive-work .gallery,body.tax-work_category .gallery,body.works .gallery{text-align:left}}body.post-type-archive-work .gallery__title,body.tax-work_category .gallery__title,body.works .gallery__title{color:var(--c-sec);font-weight:700;text-align:center;margin-bottom:.7em;line-height:.8;position:relative;text-transform:uppercase}@media screen and (min-width: 80em){body.post-type-archive-work .gallery__title,body.tax-work_category .gallery__title,body.works .gallery__title{text-align:left}}body.post-type-archive-work .gallery__title-text,body.tax-work_category .gallery__title-text,body.works .gallery__title-text{display:inline-block}body.post-type-archive-work .gallery__lead,body.tax-work_category .gallery__lead,body.works .gallery__lead{margin-bottom:3rem;text-align:center}@media screen and (min-width: 80em){body.post-type-archive-work .gallery__lead,body.tax-work_category .gallery__lead,body.works .gallery__lead{text-align:left}}body.post-type-archive-work .gallery__btn,body.tax-work_category .gallery__btn,body.works .gallery__btn{text-align:center;width:100%;margin-top:5em}body.post-type-archive-work .gallery__content,body.tax-work_category .gallery__content,body.works .gallery__content{display:grid;grid-template-columns:1fr;gap:4em}@media screen and (min-width: 37.5em){body.post-type-archive-work .gallery__content,body.tax-work_category .gallery__content,body.works .gallery__content{grid-template-columns:1fr 1fr}}@media screen and (min-width: 80em){body.post-type-archive-work .gallery__cards,body.tax-work_category .gallery__cards,body.works .gallery__cards{grid-template-columns:repeat(3,1fr);gap:2rem}}body.post-type-archive-work .gallery__img-texts,body.tax-work_category .gallery__img-texts,body.works .gallery__img-texts{margin-top:1em}body.post-type-archive-work .gallery__img.pc,body.tax-work_category .gallery__img.pc,body.works .gallery__img.pc{position:absolute;left:-1000px;width:10px}@media screen and (min-width: 37.5em){body.post-type-archive-work .gallery__img.pc,body.tax-work_category .gallery__img.pc,body.works .gallery__img.pc{position:static;width:auto}}body.post-type-archive-work .gallery__img.sp,body.tax-work_category .gallery__img.sp,body.works .gallery__img.sp{pointer-events:none}@media screen and (min-width: 37.5em){body.post-type-archive-work .gallery__img.sp,body.tax-work_category .gallery__img.sp,body.works .gallery__img.sp{position:absolute;left:-10000px;width:10px}}body.post-type-archive-work .gallery__cats-title,body.tax-work_category .gallery__cats-title,body.works .gallery__cats-title{font-weight:700;margin-bottom:.5em}body.post-type-archive-work .gallery__cat-list,body.tax-work_category .gallery__cat-list,body.works .gallery__cat-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4rem}body.post-type-archive-work .gallery__cat-item,body.tax-work_category .gallery__cat-item,body.works .gallery__cat-item{background:linear-gradient(135deg,rgb(23,23,23) 0%,rgb(49,49,49) 100%);border:1px solid #414141;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}body.post-type-archive-work .gallery__cat-item:hover img,body.tax-work_category .gallery__cat-item:hover img,body.works .gallery__cat-item:hover img{transform:scale(1.05)}body.post-type-archive-work .gallery__cat-item:hover p,body.tax-work_category .gallery__cat-item:hover p,body.works .gallery__cat-item:hover p{opacity:.8}body.post-type-archive-work .gallery__cat-media,body.tax-work_category .gallery__cat-media,body.works .gallery__cat-media{display:block;overflow:hidden;height:300px}body.post-type-archive-work .gallery__cat-thumb,body.tax-work_category .gallery__cat-thumb,body.works .gallery__cat-thumb{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}body.post-type-archive-work .gallery__cat-text,body.tax-work_category .gallery__cat-text,body.works .gallery__cat-text{line-height:1.5;font-family:"Noto Serif JP",serif;transition:opacity .3s ease;font-weight:700;padding:2em 0;text-align:center}body.post-type-archive-work .terms-filter,body.tax-work_category .terms-filter,body.works .terms-filter{margin-bottom:3rem}body.post-type-archive-work .terms-filter__list,body.tax-work_category .terms-filter__list,body.works .terms-filter__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,auto));gap:1rem;padding:0;margin:0;list-style:none;justify-content:center}@media screen and (min-width: 80em){body.post-type-archive-work .terms-filter__list,body.tax-work_category .terms-filter__list,body.works .terms-filter__list{display:flex;justify-content:flex-start}}body.post-type-archive-work .terms-filter__link,body.tax-work_category .terms-filter__link,body.works .terms-filter__link{font-weight:700}body.post-type-archive-work .terms-filter__item,body.tax-work_category .terms-filter__item,body.works .terms-filter__item{background:#2a2a2a;border:none;border-radius:5px;padding:.5em 1em;cursor:pointer;transition:all .3s ease}body.post-type-archive-work .terms-filter__item.is-active,body.post-type-archive-work .terms-filter__item:hover,body.tax-work_category .terms-filter__item.is-active,body.tax-work_category .terms-filter__item:hover,body.works .terms-filter__item.is-active,body.works .terms-filter__item:hover{box-shadow:0 0 25px #fffffff2;background-color:#fffffff2}body.post-type-archive-work .terms-filter__item.is-active .terms-filter__link,body.post-type-archive-work .terms-filter__item:hover .terms-filter__link,body.tax-work_category .terms-filter__item.is-active .terms-filter__link,body.tax-work_category .terms-filter__item:hover .terms-filter__link,body.works .terms-filter__item.is-active .terms-filter__link,body.works .terms-filter__item:hover .terms-filter__link{color:var(--c-black)}body.post-type-archive-work .terms-filter__link,body.tax-work_category .terms-filter__link,body.works .terms-filter__link{color:var(--c-text);text-decoration:none;display:inline-block}body.post-type-archive-work .more-link,body.tax-work_category .more-link,body.works .more-link{width:9em}body.post-type-archive-work .more-link__text,body.tax-work_category .more-link__text,body.works .more-link__text{left:0;transform:translateY(-50%)}body.post-type-archive-work .more-link__circle,body.tax-work_category .more-link__circle,body.works .more-link__circle{right:-40%}body.post-type-archive-work .more-link__arrow,body.tax-work_category .more-link__arrow,body.works .more-link__arrow{right:-10%}body.single-post main *{word-break:break-word;font-family:Noto Sans JP,sans-serif}body.blog section.blog .blog__lead,body.blog section.blog .blog__content *{word-break:break-word;font-family:Noto Sans JP,sans-serif}body.blog .main,body.single-post .main{margin-top:8em;max-width:1440px}body.blog .side,body.single-post .side{mix-blend-mode:difference}body.blog .blog,body.single-post .blog{text-align:center;padding-bottom:12.5rem}@media screen and (min-width: 80em){body.blog .blog,body.single-post .blog{text-align:left}}body.blog .blog__inner,body.single-post .blog__inner{width:100%}body.blog .blog__title,body.single-post .blog__title{color:var(--c-sec);font-weight:700;text-align:center;margin-bottom:.7em;line-height:.8;position:relative;text-transform:uppercase}@media screen and (min-width: 80em){body.blog .blog__title,body.single-post .blog__title{text-align:left}}body.blog .blog__title-text,body.single-post .blog__title-text{display:inline-block}body.blog .blog__lead,body.single-post .blog__lead{margin-bottom:3rem;text-align:center}@media screen and (min-width: 80em){body.blog .blog__lead,body.single-post .blog__lead{text-align:left}}body.blog .blog__content,body.single-post .blog__content{display:grid;grid-template-columns:1fr;gap:3em}@media screen and (min-width: 37.5em){body.blog .blog__content,body.single-post .blog__content{grid-template-columns:1fr 1fr}}@media screen and (min-width: 80em){body.blog .blog__cards,body.single-post .blog__cards{grid-template-columns:repeat(3,1fr);gap:2rem}}body.blog .blog__pagination,body.single-post .blog__pagination{margin-top:4em;text-align:center}body.blog .blog__pagination .page-numbers,body.single-post .blog__pagination .page-numbers{display:inline-block;padding:.5em 1em;margin:0 .25em;color:var(--c-text);text-decoration:none;border:1px solid #414141;border-radius:5px;transition:all .3s ease}body.blog .blog__pagination .page-numbers.current,body.blog .blog__pagination .page-numbers:hover,body.single-post .blog__pagination .page-numbers.current,body.single-post .blog__pagination .page-numbers:hover{background:rgba(255,255,255,.1)}body.blog .blog-card,body.single-post .blog-card{background:transparent;border:none;display:flex;flex-direction:column;transition:transform .3s ease}body.blog .blog-card:hover .blog-card__img,body.single-post .blog-card:hover .blog-card__img{transform:scale(1.05)}body.blog .blog-card__link,body.single-post .blog-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}body.blog .blog-card__media,body.single-post .blog-card__media{position:relative;overflow:hidden;height:220px;background:#f2f2f2;border-radius:16px;box-shadow:0 1px 2px #0000000f,0 2px 8px #00000014}@media screen and (min-width: 37.5em){body.blog .blog-card__media,body.single-post .blog-card__media{height:280px}}body.blog .blog-card__img,body.single-post .blog-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}body.blog .blog-card__header,body.single-post .blog-card__header{display:flex;justify-content:space-between;align-items:center;gap:1em;margin-top:1rem}body.blog .blog-card__category,body.single-post .blog-card__category{border-radius:20px;font-weight:700;white-space:nowrap}body.blog .blog-card__category--sites-of-interest,body.single-post .blog-card__category--sites-of-interest{background:#4a9d8e;color:#fff}body.blog .blog-card__category--interview,body.single-post .blog-card__category--interview{background:#ea6a8c;color:#fff}body.blog .blog-card__category--events,body.single-post .blog-card__category--events{background:#f39c38;color:#fff}body.blog .blog-card__category:not([class*="--"]),body.single-post .blog-card__category:not([class*="--"]){background:rgba(255,255,255,.9);color:#333}body.blog .blog-card__date,body.single-post .blog-card__date{padding:.4em 1.5em;background:#e5e7eb;color:#111827;border-radius:9999px;white-space:nowrap;display:inline-flex;align-items:center;gap:.4em}body.blog .blog-card__date:before,body.single-post .blog-card__date:before{content:"";display:inline-block;width:1em;height:1em;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M11 2a1 1 0 0 1 1 1v1h1.5A1.5 1.5 0 0 1 15 5.5v7A1.5 1.5 0 0 1 13.5 14h-11A1.5 1.5 0 0 1 1 12.5v-7A1.5 1.5 0 0 1 2.5 4H4V3a1 1 0 1 1 2 0v1h4V3a1 1 0 0 1 1-1zM2.5 5a.5.5 0 0 0-.5.5V7h12V5.5a.5.5 0 0 0-.5-.5h-11z'/%3E%3C/svg%3E") center/contain no-repeat;background:currentColor}body.blog .blog-card__body,body.single-post .blog-card__body{display:flex;flex-direction:column;gap:.75em;flex:1}body.blog .blog-card__title,body.single-post .blog-card__title{color:var(--c-text);line-height:1.6;transition:opacity .3s ease;font-weight:700;margin-top:.5rem}body.blog .blog-card__tags,body.single-post .blog-card__tags{display:flex;flex-wrap:wrap;gap:.5em;list-style:none;margin:.25em 0 0;padding:0}body.blog .blog-card__tag,body.single-post .blog-card__tag{color:#6b7280;line-height:1.5;transition:color .3s ease}body.blog .blog-card__tag:hover,body.single-post .blog-card__tag:hover{color:var(--c-text)}body.blog .blog-card__tag+body.blog .blog-card__tag,body.blog .blog-card__tag+body.single-post .blog-card__tag,body.single-post .blog-card__tag+body.blog .blog-card__tag,body.single-post .blog-card__tag+body.single-post .blog-card__tag{position:relative;padding-left:.9em}body.blog .blog-card__tag+body.blog .blog-card__tag:before,body.blog .blog-card__tag+body.single-post .blog-card__tag:before,body.single-post .blog-card__tag+body.blog .blog-card__tag:before,body.single-post .blog-card__tag+body.single-post .blog-card__tag:before{content:"|";position:absolute;left:.3em;color:#9ca3af}body.blog .post-single,body.single-post .post-single{padding-bottom:6.25rem}body.blog .post-single__inner,body.single-post .post-single__inner{max-width:800px;margin:0 auto}body.blog .post-single__header,body.single-post .post-single__header{margin-bottom:3em;text-align:center}body.blog .post-single__meta,body.single-post .post-single__meta{display:flex;justify-content:center;align-items:center;gap:1em;margin-bottom:1.5em}body.blog .post-single__category,body.single-post .post-single__category{border-radius:20px;font-weight:700}body.blog .post-single__category--sites-of-interest,body.single-post .post-single__category--sites-of-interest{background:#4a9d8e;color:#fff}body.blog .post-single__category--interview,body.single-post .post-single__category--interview{background:#ea6a8c;color:#fff}body.blog .post-single__category--events,body.single-post .post-single__category--events{background:#f39c38;color:#fff}body.blog .post-single__category:not([class*="--"]),body.single-post .post-single__category:not([class*="--"]){background:rgba(255,255,255,.9);color:#333}body.blog .post-single__date,body.single-post .post-single__date{color:#a1a1a1}body.blog .post-single__title,body.single-post .post-single__title{line-height:1.4;margin-bottom:3em;font-weight:700;color:var(--c-text)}body.blog .post-single__thumbnail,body.single-post .post-single__thumbnail{width:100%;margin-bottom:3em;border-radius:10px;overflow:hidden}body.blog .post-single__thumbnail-img,body.single-post .post-single__thumbnail-img{width:100%;height:auto;display:block}body.blog .post-single__content,body.single-post .post-single__content{line-height:1.9;color:var(--c-text)}body.blog .post-single__content h2,body.single-post .post-single__content h2{font-weight:700;margin:2.5em 0 1em;padding-bottom:.5em;border-bottom:2px solid #414141}body.blog .post-single__content h2:first-child,body.single-post .post-single__content h2:first-child{margin-top:0}body.blog .post-single__content h3,body.single-post .post-single__content h3{font-weight:700;margin:2em 0 1em}body.blog .post-single__content h4,body.single-post .post-single__content h4{font-weight:700;margin:1.8em 0 .8em}body.blog .post-single__content p,body.single-post .post-single__content p{margin-bottom:1.5em}body.blog .post-single__content p:last-child,body.single-post .post-single__content p:last-child{margin-bottom:0}body.blog .post-single__content ul,body.blog .post-single__content ol,body.single-post .post-single__content ul,body.single-post .post-single__content ol{margin:1.5em 0;padding-left:2em}body.blog .post-single__content ul li,body.single-post .post-single__content ul li{list-style:disc;margin-bottom:.5em}body.blog .post-single__content ol li,body.single-post .post-single__content ol li{list-style:decimal;margin-bottom:.5em}body.blog .post-single__content a,body.single-post .post-single__content a{color:#60a5fa;text-decoration:underline;transition:opacity .3s ease}body.blog .post-single__content a:hover,body.single-post .post-single__content a:hover{opacity:.7}body.blog .post-single__content blockquote,body.single-post .post-single__content blockquote{margin:2em 0;padding:1.5em;background:rgba(255,255,255,.05);border-left:4px solid #60a5fa;border-radius:5px}body.blog .post-single__content blockquote p,body.single-post .post-single__content blockquote p{margin-bottom:0}body.blog .post-single__content pre,body.single-post .post-single__content pre{margin:2em 0;padding:1.5em;background:#1a1a1a;border:1px solid #414141;border-radius:8px;overflow-x:auto}body.blog .post-single__content pre code,body.single-post .post-single__content pre code{background:none;padding:0;font-size:.9em}body.blog .post-single__content code,body.single-post .post-single__content code{background:rgba(255,255,255,.1);padding:.2em .4em;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}body.blog .post-single__content img,body.single-post .post-single__content img{max-width:100%;height:auto;border-radius:8px;margin:2em 0}body.blog .post-single__content .wp-block-image,body.single-post .post-single__content .wp-block-image{margin:2em 0}body.blog .post-single__content .wp-block-image figcaption,body.single-post .post-single__content .wp-block-image figcaption{margin-top:.5em;text-align:center;font-size:.9em;color:#a1a1a1}body.blog .post-single__content .wp-block-embed,body.single-post .post-single__content .wp-block-embed{margin:2em 0}body.blog .post-single__content table,body.single-post .post-single__content table{width:100%;margin:2em 0;border-collapse:collapse}body.blog .post-single__content table th,body.blog .post-single__content table td,body.single-post .post-single__content table th,body.single-post .post-single__content table td{padding:.8em;border:1px solid #414141;text-align:left}body.blog .post-single__content table th,body.single-post .post-single__content table th{background:rgba(255,255,255,.1);font-weight:700}body.blog .post-single__content table tbody tr:hover,body.single-post .post-single__content table tbody tr:hover{background:rgba(255,255,255,.05)}body.blog .post-single__tags-wrap,body.single-post .post-single__tags-wrap{margin-top:3em;padding-top:2em;border-top:1px solid #414141}body.blog .post-single__tags,body.single-post .post-single__tags{display:flex;flex-wrap:wrap;gap:.75em;list-style:none;margin:0;padding:0}body.blog .post-single__tag a,body.single-post .post-single__tag a{color:#a1a1a1;transition:color .3s ease}body.blog .post-single__tag a:hover,body.single-post .post-single__tag a:hover{color:var(--c-text)}body.blog .post-single__share,body.single-post .post-single__share{margin-top:3em;padding:2em;background:rgba(255,255,255,.03);border:1px solid #414141;border-radius:10px;text-align:center}body.blog .post-single__share-title,body.single-post .post-single__share-title{font-weight:700;margin-bottom:1em}body.blog .post-single__share-buttons,body.single-post .post-single__share-buttons{display:flex;justify-content:center;gap:1em}body.blog .post-single__share-button,body.single-post .post-single__share-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}body.blog .post-single__share-button svg,body.single-post .post-single__share-button svg{width:24px;height:24px}body.blog .post-single__share-button--twitter,body.single-post .post-single__share-button--twitter{background:#1DA1F2;color:#fff}body.blog .post-single__share-button--twitter:hover,body.single-post .post-single__share-button--twitter:hover{background:#1a8cd8;transform:translateY(-3px)}body.blog .post-single__share-button--facebook,body.single-post .post-single__share-button--facebook{background:#1877F2;color:#fff}body.blog .post-single__share-button--facebook:hover,body.single-post .post-single__share-button--facebook:hover{background:#166fe5;transform:translateY(-3px)}body.blog .post-single__share-button--hatena,body.single-post .post-single__share-button--hatena{background:#00A4DE;color:#fff}body.blog .post-single__share-button--hatena:hover,body.single-post .post-single__share-button--hatena:hover{background:#0095ca;transform:translateY(-3px)}body.blog .post-single__navigation,body.single-post .post-single__navigation{margin-top:4em;display:grid;grid-template-columns:1fr;gap:1em}@media screen and (min-width: 37.5em){body.blog .post-single__navigation,body.single-post .post-single__navigation{grid-template-columns:1fr 1fr;gap:2em}}body.blog .post-single__nav-link,body.single-post .post-single__nav-link{display:flex;flex-direction:column;gap:.5em;padding:1.5em;background:linear-gradient(135deg,rgb(23,23,23) 0%,rgb(49,49,49) 100%);border:1px solid #414141;border-radius:10px;transition:all .3s ease;color:var(--c-text);text-decoration:none}body.blog .post-single__nav-link:hover,body.single-post .post-single__nav-link:hover{background:linear-gradient(135deg,rgb(30,30,30) 0%,rgb(60,60,60) 100%);border-color:#606060;transform:translateY(-3px)}body.blog .post-single__nav-link--prev,body.single-post .post-single__nav-link--prev{text-align:left}body.blog .post-single__nav-link--next,body.single-post .post-single__nav-link--next{text-align:right}body.blog .post-single__nav-link--disabled,body.single-post .post-single__nav-link--disabled{opacity:0;pointer-events:none}body.blog .post-single__nav-label,body.single-post .post-single__nav-label{color:#a1a1a1;font-weight:700}body.blog .post-single__nav-title,body.single-post .post-single__nav-title{font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}body.blog .related-posts,body.single-post .related-posts{margin-top:6.25rem;padding:5rem 0;background:rgba(0,0,0,.3)}body.blog .related-posts__inner,body.single-post .related-posts__inner{max-width:1200px}body.blog .related-posts__title,body.single-post .related-posts__title{font-weight:700;text-align:center;margin-bottom:3rem}body.blog .related-posts__grid,body.single-post .related-posts__grid{display:grid;grid-template-columns:1fr;gap:2em}@media screen and (min-width: 37.5em){body.blog .related-posts__grid,body.single-post .related-posts__grid{grid-template-columns:repeat(3,1fr);gap:2rem}}body.blog .related-posts__card,body.single-post .related-posts__card{background:linear-gradient(135deg,rgb(23,23,23) 0%,rgb(49,49,49) 100%);border:1px solid #414141;border-radius:10px;overflow:hidden;transition:all .3s ease}body.blog .related-posts__card:hover,body.single-post .related-posts__card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}body.blog .related-posts__card:hover .related-posts__img,body.single-post .related-posts__card:hover .related-posts__img{transform:scale(1.05)}body.blog .related-posts__link,body.single-post .related-posts__link{display:block;text-decoration:none;color:inherit}body.blog .related-posts__thumbnail,body.single-post .related-posts__thumbnail{overflow:hidden;height:200px;background:#1a1a1a}body.blog .related-posts__img,body.single-post .related-posts__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}body.blog .related-posts__body,body.single-post .related-posts__body{padding:1.5em}body.blog .related-posts__date,body.single-post .related-posts__date{color:#a1a1a1;display:block;margin-bottom:.75em}body.blog .related-posts__card-title,body.single-post .related-posts__card-title{font-weight:700;line-height:1.6;color:var(--c-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}body.blog .related-posts__button,body.single-post .related-posts__button{text-align:center;margin-top:4em}body.blog .more-link,body.single-post .more-link{width:7em}body.blog .more-link__text,body.single-post .more-link__text{left:0;transform:translateY(-50%)}body.blog .more-link__circle,body.single-post .more-link__circle{right:-40%}body.blog .more-link__arrow,body.single-post .more-link__arrow{right:-10%}body.blog .footer,body.single-post .footer{background-color:var(--c-black)}body.blog .footer a,body.single-post .footer a{color:var(--c-white)}body.blog .footer .cls-1,body.single-post .footer .cls-1{fill:#fff}.error404 .scroll-content{height:100vh}.error404__inner{height:50vh;text-align:center;display:flex;flex-direction:column;justify-content:center;margin-top:3em}@media screen and (min-width: 80em){.error404__inner{margin-top:7em}}.error404__title{line-height:1.2;margin-bottom:1rem;display:inline-block;text-transform:uppercase}@media screen and (min-width: 80em){.error404__title{margin-bottom:4rem}}.error404 p{margin-bottom:2rem}.error404__content{display:flex;flex-direction:column;gap:4em}@media screen and (min-width: 80em){.error404__content{flex-direction:row}}