@charset "UTF-8";*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box}html,body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}header,footer,nav,section,article,main,aside,figure,figcaption{display:block}ol,ul{list-style:none;list-style-type:none}img{max-width:100%;height:auto;vertical-align:middle}a{color:inherit;text-decoration:none}figure{margin:0;padding:0}button{margin:0;padding:0;border:none;font-family:inherit}:root{scroll-behavior:smooth;scroll-padding-top:80px;--font-size: $fz-base;--text-color: #333333;--white: #ffffff;--white-rgb: 255, 255, 255;--black: #000000;--pink: #eabeb4;--pink-rgb: 234, 190, 180;--beige: #f3e9e2;--light-gray: #ebebef;--light-gray-rgb: 235, 235, 239}@media screen and (min-width: 950px){:root{--font-size: 1.125em;scroll-padding-top:75px}}body{font-family:Shippori Mincho,serif;font-size:var(--font-size);font-weight:500;color:var(--text-color);line-height:1.4}body.noScroll{overflow:hidden}a,button{cursor:pointer}p{line-break:strict}.l-inner{padding-inline:7vw}.l-header{overflow:hidden;padding-block:20px;position:fixed;width:100%;z-index:20;transition:background-color .5s}.l-header.bgWhite{background-color:rgba(var(--white-rgb),.95);border-bottom:1px solid var(--beige)}.l-header__inner{display:flex;justify-content:space-between}@media screen and (min-width: 950px){.l-header__inner{align-items:center}}.l-header__logo{width:200px;flex-shrink:0}@media screen and (min-width: 950px){.l-header__logo{width:237px}}.l-header__nav{transform:translate(100vw);transition:transform .5s 50ms,background .5s 50ms;position:fixed;inset-inline:0;margin-inline:auto;width:100vw;height:100vh}@media screen and (min-width: 950px){.l-header__nav{position:relative;transform:translate(0);width:auto;height:auto;margin:0}}.l-header__nav.is-open{transform:translate(0);background:rgba(var(--white-rgb),.95);top:0;left:0;z-index:5}.l-header__drawerButton{flex-shrink:0;position:relative;z-index:40}@media screen and (min-width: 950px){.l-header__drawerButton{display:none}}.l-mv{padding-top:170px;padding-bottom:220px;position:relative;overflow:hidden}@media screen and (min-width: 950px){.l-mv{padding-top:200px;padding-bottom:420px}}.l-mv:before{content:"";display:block;width:360px;height:360px;background-image:url(/assets/MV_image-min-DXfUautA.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:fixed;top:60px;right:-100px;z-index:-1;animation:rotation 48s linear infinite normal}@media screen and (min-width: 700px){.l-mv:before{width:700px;height:700px;top:-200px;right:unset;left:calc(50% - 150px)}}@media screen and (min-width: 950px){.l-mv:before{width:1000px;height:1000px;right:unset;left:calc(50% - 100px);top:-310px}}.l-mv.bgDisplayNone:before{display:none}@keyframes rotation{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.l-mv__title{font-size:clamp(16px,5vw,30px)}.l-works{background:var(--beige);border-radius:30px}@media screen and (min-width: 950px){.l-works{border-radius:60px}}@media screen and (min-width: 950px){.l-works__body{max-width:980px;margin-inline:auto}}.l-works__projects{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:32px}@media screen and (min-width: 700px){.l-works__projects{display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch;column-gap:5rem;row-gap:3rem;padding-top:64px}}.l-works__button{margin-top:3rem;margin-left:auto}.l-content{padding-block:44px}@media screen and (min-width: 950px){.l-content{padding-block:56px}}.l-about__body{padding-block:32px;display:flex;flex-direction:column;gap:24px}@media screen and (min-width: 950px){.l-about__body{padding-block:64px;flex-direction:row;max-width:980px;margin-inline:auto;gap:48px}}@media screen and (min-width: 950px){.l-about__img{flex:0 0 45%}}.l-about__heading{font-size:20px;font-weight:700}@media screen and (min-width: 950px){.l-about__heading{font-size:28px}}.l-about__text{margin-top:12px}@media screen and (min-width: 950px){.l-about__text{margin-top:20px}}.l-contact{background:var(--beige);border-radius:30px 30px 0 0}@media screen and (min-width: 950px){.l-contact{border-radius:60px 60px 0 0}}.l-contact__mailAddress{font-style:normal;margin-top:16px;display:inline-block}@media screen and (min-width: 950px){.l-contact__mailAddress{font-size:1.5rem;margin-top:24px}}.l-footer{background:var(--beige);padding-block:20px;border-top:1px solid var(--white);border-radius:0 0 30px 30px}@media screen and (min-width: 950px){.l-footer{padding-block:40px;border-radius:0 0 60px 60px}}.l-footer__copyright{font-size:12px}@media screen and (min-width: 950px){.l-footer__copyright{font-size:16px}}.c-drawerButton{background:var(--pink);width:40px;height:40px;border-radius:999px;position:relative;border:1px solid var(--white)}.c-drawerButton__bar{display:block;width:20px;height:2px;border-radius:999px;background:var(--white);position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:top .3s .35s ease,transform .3s 50ms ease,opacity .3s .35s ease}.c-drawerButton__bar:first-child{top:-12px;animation:drawerIconAnim 3s}.c-drawerButton__bar:last-child{top:12px}.c-drawerButton.is-checked .c-drawerButton__bar{transition:top .3s 50ms ease,transform .3s .35s ease}.c-drawerButton.is-checked .c-drawerButton__bar:nth-child(2){opacity:0}.c-drawerButton.is-checked .c-drawerButton__bar:first-child{top:0;transform:rotate(45deg)}.c-drawerButton.is-checked .c-drawerButton__bar:last-child{top:0;transform:rotate(-45deg)}.c-projectCard{background:var(--white);box-shadow:4px 4px 10px #00000040;border-radius:12px;padding-top:24px;padding-bottom:24px;padding-inline:8px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:background-color .3s}@media screen and (min-width: 700px){.c-projectCard{height:100%}}@media screen and (min-width: 950px){.c-projectCard{padding-top:40px;padding-bottom:40px;border-radius:24px}}.c-projectCard:hover{background-color:rgb(var(--pink-rgb),.7)}.c-projectCard:hover .c-projectCard__img{transform:scale(1.02)}.c-projectCard__img{width:80%;transition:transform .3s}.c-projectCard__title{color:var(--text-color);font-size:16px;margin-top:24px}.c-projectCard__text{font-size:12px;margin-top:4px}.c-sectionTitle{font-size:24px;font-weight:700;position:relative;z-index:5;width:fit-content}@media screen and (min-width: 950px){.c-sectionTitle{font-size:32px;line-height:1.4375}}.c-sectionTitle:after{content:"";display:inline-block;border-radius:999px;width:200px;height:3px;background:var(--white);position:absolute;left:0;bottom:6px;z-index:-1}@media screen and (min-width: 950px){.c-sectionTitle:after{width:237px;width:150%;height:4px;bottom:9px}}.c-sectionTitle--lineBeige:after{background:var(--beige)}.c-buttonPrimary{border-radius:8px;background:#eabeb4bf;box-shadow:0 4px 4px #00000040;font-family:Shippori Mincho;font-size:16px;font-weight:700;padding-block:12px;padding-inline:36px;display:grid;place-items:center;width:fit-content;transition:transform .3s;font-size:18px}.c-buttonPrimary:hover{transform:translateY(-4px)}@media screen and (min-width: 950px){.c-buttonPrimary{padding-inline:48px}}@media screen and (min-width:1px) and (max-width:370px){.c-buttonPrimary{font-size:14px}}.c-buttonPrimary.--sm{padding-block:6px;font-size:14px;padding-inline:24px}.c-cookieBanner{position:fixed;bottom:0;left:0;right:0;background:#f3e9e2e6;border-top:1px solid var(--white);padding:1em;text-align:center;z-index:35}.c-cookieBanner p{margin-bottom:8px}.c-cookieBanner button{margin-left:.5em;padding:.4em .8em;border:none;border-radius:4px;cursor:pointer;border:1px solid var(--white);font-family:sans-serif}.c-cookieBanner #accept{background:#4caf50;color:#fff}.c-cookieBanner #reject{background:#f44336;color:#fff}.c-cookieBanner #closeCookieModal{background:#a9a9a9;color:var(--text-color)}.c-cookieModal{display:none;gap:16px;width:95vw;max-width:1152px;height:fit-content;padding:20px 16px;border-radius:16px;position:fixed;background:var(--white);top:50%;left:50%;transform:translate(-50%) translateY(-50%);transition:opacity .5s,visibility .5s;z-index:1000}.c-cookieModal.is-open{display:flex;flex-direction:column}@media screen and (min-width: 700px){.c-cookieModal{width:80vw;padding:32px;border-radius:24px}}.c-cookieModal button{margin-inline-start:auto}.p-headerNav{padding-top:128px}@media screen and (min-width: 950px){.p-headerNav{padding-top:0}}.p-headerNav__list{display:flex;flex-direction:column;align-items:center;gap:40px}@media screen and (min-width: 950px){.p-headerNav__list{flex-direction:row;gap:48px}}.p-headerNav__item{font-weight:700;transition:transform .3s}.p-headerNav__item:hover{transform:translateY(-4px)}.p-projectModal{display:none;width:95vw;max-width:1152px;height:fit-content;padding:20px 16px;border-radius:16px;opacity:0;visibility:hidden;position:fixed;background:var(--white);top:50%;left:50%;transform:translate(-50%) translateY(-50%);transition:opacity .5s,visibility .5s;z-index:100}@media screen and (min-width: 700px){.p-projectModal{width:80vw;padding:32px;border-radius:24px}}.p-projectModal.is-open{display:flex;flex-direction:column;opacity:1;visibility:visible}.p-projectModal__title{text-align:left}.p-projectModal__closeButton{top:20px;right:16px;background:var(--pink);width:40px;height:40px;border-radius:999px;position:relative;border:1px solid var(--white);position:absolute;cursor:pointer}@media screen and (min-width: 700px){.p-projectModal__closeButton{top:40px;right:56px}}.p-projectModal__closeButton:before,.p-projectModal__closeButton:after{content:"";display:block;width:20px;height:2px;border-radius:999px;background:var(--white);position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.p-projectModal__closeButton:before{top:0;transform:rotate(45deg)}.p-projectModal__closeButton:after{top:0;transform:rotate(-45deg)}.p-projectModal__img{margin-top:24px;width:55%;margin-inline:auto}@media screen and (min-width: 1024px){.p-projectModal__img{width:50%}}.p-projectModal__body{width:90%;margin-inline:auto;text-align:left}@media screen and (min-width: 700px){.p-projectModal__body{flex-grow:1;position:relative}}@media screen and (min-width:1px) and (max-width:370px){.p-projectModal__body{width:100%}}.p-projectModal__description{margin-top:16px;font-size:14px}@media screen and (min-width: 700px){.p-projectModal__description{font-size:18px}}.p-projectModal__detail{margin-top:16px;padding-top:16px;font-size:14px;position:relative}.p-projectModal__detail:before{content:"";display:inline-block;width:100%;height:1px;background-image:linear-gradient(to right,transparent,var(--pink) 50%,transparent);background-repeat:no-repeat;position:absolute;top:0}.p-projectModal__item{display:flex;flex-direction:column;gap:4px}.p-projectModal__item+.p-projectModal__item{margin-top:12px}.p-projectModal__head{font-weight:700}.p-projectModal__data{padding-left:8px;font-weight:400}.p-projectModal__button{margin-top:16px;margin-left:auto}@media screen and (min-width: 700px){.p-projectModal__button{margin-top:0;position:absolute;bottom:24px;right:0}}@media screen and (min-width:1px) and (max-width:370px){.p-projectModal__button{margin-top:0}}.p-projectModal__id{margin-top:8px;margin-left:auto;font-size:12px;width:fit-content}@media screen and (min-width: 700px){.p-projectModal__id{margin-top:0;position:absolute;bottom:0;right:0}}.u-noScroll{overflow:scroll}.u-overlay{position:fixed;top:0;left:0;width:100%;height:0;background:#000;opacity:0;z-index:40;transition:opacity .5s}.u-overlay.is-active{opacity:.3;height:100%}