@font-face{font-family:Roboto Slab;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dd5b066578aa7eff-s.1a2_7ap7ogr6x.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:400;font-display:swap;src:url(../media/20b2c4ee3e80d060-s.21dvqpq-oqtui.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:400;font-display:swap;src:url(../media/08260eec140a7062-s.2mcvl0syeqtjv.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:400;font-display:swap;src:url(../media/76a5419d94309e39-s.0u16eiagmfflq.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:400;font-display:swap;src:url(../media/98818def86dadd0a-s.3qb5mq_khss1j.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6aa84b5c5792e2a2-s.2reja4fl-5tpa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1228bbcb2b418859-s.p.11f0y0ap_r-2q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Slab Fallback;src:local(Times New Roman);ascent-override:89.69%;descent-override:23.2%;line-gap-override:0.0%;size-adjust:116.83%}.roboto_slab_bdf8f6e2-module__lDyk4W__className{font-family:Roboto Slab,Roboto Slab Fallback;font-style:normal;font-weight:400}.roboto_slab_bdf8f6e2-module__lDyk4W__variable{--font-roboto-slab:"Roboto Slab", "Roboto Slab Fallback"}
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{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}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}html,body{box-sizing:border-box;letter-spacing:.1em;-moz-text-size-adjust:100%;text-size-adjust:100%;color:#4a5662;background:#fcfcfc;width:100%;font-family:YuGothic,ヒラギノ角ゴ Pro W3,Noto Sans JP,Meiryo,sans-serif;font-size:20px;line-height:1.6}p,a{-webkit-font-smoothing:antialiased}a{color:#5a6978;text-decoration:none;transition:all .3s}a:hover{color:#5a6978;transition:all .3s}img{vertical-align:bottom;width:100%}ul{list-style-type:none}input,button,textarea,select{appearance:none;background:0 0;border:none;border-radius:0;outline:none;margin:0;padding:0;font-family:inherit;font-size:100%}#header{box-sizing:border-box;z-index:5;border-bottom:1px solid #e6e4d8;flex-direction:column;justify-content:center;align-items:flex-end;width:100%;min-height:82px;margin:0;padding-right:83px;display:flex;position:sticky;top:0}@media screen and (max-width:768px){#header{padding:0 30px}}@media screen and (max-width:599px){#header{padding:0 15px}}#main{width:100%}.c-arrow-down--animation{animation:2s infinite arrow-down}@keyframes arrow-down{0%{transform-origin:0 0;transform:scaleY(0)}30%{transform-origin:0 0;transform:scale(1)}70%{transform-origin:0 100%;transform:scale(1)}to{transform-origin:0 100%;transform:scaleY(0)}}.c-btn--middle{box-sizing:border-box;width:300px;max-width:100%;font-size:20px;font-family:var(--font-roboto-slab),serif;letter-spacing:.1em;margin:0 auto;padding:22px 0;display:block}.c-btn__effect{z-index:2;cursor:pointer;background-color:#fcfcfc;position:relative;overflow:hidden}.c-btn__effect:after{content:"";z-index:-1;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute;top:0;left:-100%}.c-btn__effect:hover:after{background-color:#f1eee1;left:0}.c-fadein{animation:3s ease-in-out opening}@keyframes opening{0%{opacity:0}to{opacity:1}}.c-grid{box-sizing:border-box;gap:28px;display:grid}.c-grid--col4{grid-template-columns:repeat(4,1fr)}@media screen and (max-width:1200px){.c-grid--col4{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.c-grid--col4{grid-template-columns:1fr}}.c-grid--col3{grid-template-columns:repeat(3,1fr)}@media screen and (max-width:1024px){.c-grid--col3{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.c-grid--col3{grid-template-columns:1fr}}.c-grid--col2{grid-template-columns:repeat(2,1fr)}@media screen and (max-width:768px){.c-grid--col2{grid-template-columns:1fr}}.c-grid__panel{box-sizing:border-box;min-width:0}.c-icon{border-radius:50%;width:295px;max-width:100%;height:295px}.c-section{box-sizing:border-box;width:100%;padding:90px}@media screen and (max-width:768px){.c-section{padding:80px 40px 30px}}.c-section{text-align:center;position:relative}.c-section__title{font-family:var(--font-roboto-slab),serif;color:#7c8e77;margin-bottom:110px;padding:0 40px;font-size:45px}@media screen and (max-width:768px){.c-section__title{margin-bottom:60px;font-size:25px}}.c-section__title{text-align:center;letter-spacing:.1em;display:inline-block;position:relative}.c-section__title:before,.c-section__title:after{content:"";background-image:url(/images/border.png);background-size:contain;width:13px;height:34px;display:inline-block;position:absolute;top:20px}@media screen and (max-width:768px){.c-section__title:before,.c-section__title:after{top:5px}}.c-section__title:before{left:0}.c-section__title:after{right:0}.c-section__body{max-width:1200px;margin:0 auto}@media screen and (max-width:768px){.c-section__body{box-sizing:border-box;max-width:100%}}.c-slide-up{opacity:0;transition:all 1s ease-in-out;-webkit-transition:-webkit-transform 1s ease-in-out;transform:translateY(40px)}.c-slide-up.is-slidein{opacity:1;transform:translateY(0)}.c-slide-down{opacity:0;transition:all 1s ease-in-out;-webkit-transition:-webkit-transform 1s ease-in-out;transform:translateY(-20px)}.c-slide-down.is-slidein{opacity:1;transform:translateY(0)}.c-slide-left{opacity:0;transform:translate(40px)}@media screen and (max-width:1024px){.c-slide-left{transform:translateY(40px)}}.c-slide-left{transition:all 1s ease-in-out;-webkit-transition:-webkit-transform 1s ease-in-out}.c-slide-left.is-slidein{opacity:1;transform:translate(0)}@media screen and (max-width:1024px){.c-slide-left.is-slidein{transform:translateY(0)}}.c-slide-right{opacity:0;transform:translate(-40px)}@media screen and (max-width:1024px){.c-slide-right{transform:translateY(40px)}}.c-slide-right{transition:all 1s ease-in-out;-webkit-transition:-webkit-transform 1s ease-in-out}.c-slide-right.is-slidein{opacity:1;transform:translate(0)}@media screen and (max-width:1024px){.c-slide-right.is-slidein{transform:translateY(0)}}.p-contact__name{font-size:25px;font-family:var(--font-roboto-slab),serif;color:#7c8588;letter-spacing:.3em}@media screen and (max-width:768px){.p-contact__name{font-size:18px}}.p-contact__mail{font-size:14px;font-family:var(--font-roboto-slab),serif;color:#fff;letter-spacing:.1em;margin:30px 0 60px}@media screen and (max-width:768px){.p-contact__mail{margin:20px 0 50px}}.p-contact__text{font-size:14px;font-family:var(--font-roboto-slab),serif;color:#fff;letter-spacing:.2em;margin-top:200px}@media screen and (max-width:768px){.p-contact__text{margin-top:150px;font-size:13px}}.p-hero{justify-content:center;align-items:center;height:100vh;display:flex}.p-hero:before{content:"";z-index:0;background:url(/images/hero.webp) 50%/cover no-repeat;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.p-hero__content{z-index:1}.p-hero__title{font-size:45px;font-family:var(--font-roboto-slab),serif;letter-spacing:.3em;color:#fff}@media screen and (max-width:768px){.p-hero__title{text-align:center;font-size:30px;line-height:1.5}}.p-hero__title-br{display:none}@media screen and (max-width:768px){.p-hero__title-br{display:inline-block}}.p-hero__scroll{display:flex;position:absolute;bottom:0;right:50%}@media screen and (max-width:599px){.p-hero__scroll{right:46%}}.p-hero__scroll-text{font-family:var(--font-roboto-slab),serif;writing-mode:vertical-rl;color:#fff;font-size:9px;position:relative;top:20px;left:15px}.p-hero__scroll-line{background-color:#fff;width:1px;height:90px}@media screen and (max-width:599px){.p-nav{margin:0 auto}}.p-nav__list{font-family:var(--font-roboto-slab),serif;color:#5a6978;display:flex}.p-nav__item{margin:0 30px;font-size:15px}.p-nav__item:first-child{margin-left:0}.p-nav__item:last-child{margin-right:0}@media screen and (max-width:599px){.p-nav__item{margin:0 20px 0 0;font-size:13px}.p-nav__item-none{display:none}}@media screen and (max-width:424px){.p-nav__item{margin:0 10px 0 0;font-size:12px}}.p-nav__link{-webkit-font-smoothing:initial;padding:5px 0;display:inline-block;position:relative}.p-nav__link:before{content:"";border-bottom:2px solid #5a6978;width:0;margin:0 auto;transition:width .2s ease-in-out;display:block;position:absolute;bottom:0;left:0;right:0}.p-nav__link:hover:before{width:100%}.p-profile__avatar{object-fit:cover;vertical-align:middle;display:inline-block;position:relative}.p-profile__content{vertical-align:middle;text-align:left;max-width:642px;padding-left:80px;line-height:2;display:inline-block;position:relative}@media screen and (max-width:1200px){.p-profile__content{text-align:center;margin:40px auto 0;padding:0;display:block}}@media screen and (max-width:768px){.p-profile__content{padding:20px}}.p-profile__title{font-size:30px;font-family:var(--font-roboto-slab),serif;color:#5a6978;letter-spacing:.1em;margin-bottom:40px}@media screen and (max-width:768px){.p-profile__title{font-size:23px}}.p-profile__text{letter-spacing:0;margin-bottom:1em;font-size:15px}@media screen and (max-width:1200px){.p-profile__text{text-align:left}}.p-profile__text:last-child{margin-bottom:0}.p-skills__panel{background:linear-gradient(#efe8d6,#d3dede);border-radius:10px}.p-skills__circle{background-color:#f1eee1;border-radius:50%;width:116px;height:116px;margin:40px auto;font-size:15px;position:relative}.p-skills__circle-text{font-family:var(--font-roboto-slab),serif;color:#5a6978;box-sizing:border-box;letter-spacing:0;width:100%;padding:0 5px;line-height:1.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.p-skills__item{color:#7c8e77;padding:.5em 0 1em}.p-skills__text{text-align:left;padding:0 40px 40px;font-size:14px}.p-workflow__lead{letter-spacing:0;text-align:center;text-wrap:pretty;max-width:800px;margin:0 auto 60px;font-size:15px;line-height:2}@media screen and (max-width:768px){.p-workflow__lead{text-align:left;margin-bottom:40px}}.p-workflow__list{list-style:none}.p-workflow__step{text-align:left;background-color:#fcfcfc;border-left:4px solid #7c8e77;border-radius:10px;padding:30px 32px}@media screen and (max-width:768px){.p-workflow__step{padding:24px 20px}}.p-workflow__num{font-family:var(--font-roboto-slab),serif;color:#c3cdbf;font-size:30px;line-height:1;display:block}.p-workflow__title{color:#5a6978;letter-spacing:.05em;margin-top:15px;font-size:20px}@media screen and (max-width:768px){.p-workflow__title{font-size:23px}}.p-workflow__text{letter-spacing:0;margin-top:10px;font-size:13px;line-height:1.9}.p-workflow__note{letter-spacing:0;text-align:center;color:#5a6978;margin-top:30px;font-size:14px;line-height:1.9}@media screen and (max-width:768px){.p-workflow__note{text-align:left}}.p-workflow__tools{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.p-workflow__tool{font-family:var(--font-roboto-slab),serif;color:#7c8e77;background-color:#fcfcfc99;border:1px solid #c3cdbf;border-radius:999px;padding:9px 16px;font-size:12px;line-height:1}.p-works__panel{background-color:#fcfcfc;border-radius:10px;transition:box-shadow .3s,transform .3s;overflow:hidden;box-shadow:0 2px 8px #4a566214}.p-works__panel:hover,.p-works__panel:focus-within{transform:translateY(-4px);box-shadow:0 10px 28px #4a56622e}.p-works__inner{color:#4a5662;flex-direction:column;height:100%;display:flex}.p-works__inner:hover .p-works__mask,.p-works__inner:focus-visible .p-works__mask{opacity:1}.p-works__trim{aspect-ratio:1200/630;position:relative;overflow:hidden}.p-works__img{object-fit:cover;width:100%;height:100%}.p-works__mask{opacity:0;text-align:center;background-color:#fffc;align-items:center;width:100%;height:100%;transition:all .6s;display:flex;position:absolute;top:0;left:0}.p-works__mask-text{font-family:var(--font-roboto-slab),serif;color:#5a6978;margin:0 auto;font-size:15px}.p-works__body{text-align:left;flex-direction:column;flex:1;padding:20px 24px 24px;display:flex}.p-works__title{color:#5a6978;letter-spacing:.05em;font-size:15px;font-weight:700}.p-works__meta{letter-spacing:0;color:#7c8e77;margin-top:5px;font-size:12px}.p-works__desc{letter-spacing:0;flex:1;margin-top:15px;font-size:13px;line-height:1.9}.p-works__tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.p-works__tag{font-family:var(--font-roboto-slab),serif;color:#7c8e77;white-space:nowrap;border:1px solid #cbd3ca;border-radius:999px;padding:6px 12px;font-size:11px;line-height:1}.u-bgcolor--main{background:#f1eee1}.u-bgcolor--contact{background:#647276}.u-font-color--contact{color:#fff}