@charset "UTF-8";:root{--cream:#faf8f3;--latte:#ede4d6;--milk:#f5efe6;--espresso:#28180c;--mocha:#6b4a31;--caramel:#c4895a;--sage:#7a9e82;--gray:#9b9088;--warm-white:#fffdf9;--works-border:rgba(255,255,255,.08);--cormorant:'Cormorant Garamond',serif;--serif:'Noto Serif JP',serif;--mincho:"Shippori Mincho",serif}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd{margin:0}html{font-size:100%;scroll-behavior:smooth}body{text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;background:var(--cream);color:var(--espresso);font-family:var(--serif);overflow-x:hidden;color:#111}h1,h2,h3{font-family:var(--mincho)}ul,ol{list-style:none;padding:0}img,picture{width:100%;height:100%;display:block;object-fit:cover;position:relative;background-color:var(--latte)}img:before{position:absolute;content:"";width:60%;aspect-ratio:1/1;border-radius:50%;border:1px solid var(--gray);bottom:-10%;left:-10%}input,button,textarea,select{font:inherit}button{border:none;background:0 0;cursor:pointer}a{text-decoration:none;color:#111}table{border-collapse:collapse;border-spacing:0}.wrap{max-width:1298px;padding:0 24px;margin:0 auto}.fade-section{opacity:0;transform:translateY(40px);transition:1s ease}.fade-section.is-inview{opacity:1;transform:translateY(0)}.fade-item{opacity:0;transform:translateY(20px);transition:.6s ease}.fade-section.is-inview .fade-item{opacity:1;transform:translateY(0)}.fade-item:nth-child(1){transition-delay:.1s}.fade-item:nth-child(2){transition-delay:.2s}.fade-item:nth-child(3){transition-delay:.3s}#header{width:100%}.header__inner{position:fixed;top:0;left:0;width:100%;height:92px;display:flex;justify-content:space-between;align-items:center;padding:0 48px;z-index:100;background:#fff;border-bottom:1px solid var(--warm-white)}.site-title{position:relative;font-family:var(--mincho);line-height:1.3;z-index:21}.site-title a{position:relative;font-size:17px;font-weight:500;letter-spacing:2px;color:var(--espresso);z-index:21;transition:all .2s}.site-title a:hover{opacity:.7}.site-title small{display:block;font-family:var(--cormorant);font-size:12px;font-style:italic;letter-spacing:3px;color:var(--caramel);font-weight:300}#header .blog-nav__list{display:flex}#header .blog-nav__list a{display:flex;align-items:center;gap:6px;padding:0 18px;height:92px;font-family:var(--cormorant);font-size:12px;letter-spacing:2px;color:var(--gray);transition:all .2s;border-bottom:2px solid transparent}#header .blog-nav__list a:hover{color:var(--espresso);border-bottom:2px solid var(--caramel)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-web{background:var(--caramel)}.dot-kids{background:var(--sage)}.dot-cafe{background:var(--espresso)}#header .site-nav__list{display:flex;gap:12px;align-items:center}.site-nav__link{font-family:var(--cormorant);font-size:11px;letter-spacing:2px;color:var(--gray);transition:color .2s}.site-nav__link:hover{color:var(--espresso)}.site-nav__cta{background:var(--espresso);color:var(--cream);padding:8px 18px;font-family:var(--cormorant);font-size:11px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:background .2s}.site-nav__cta:hover{background:var(--mocha)}.hamburger{display:none}.hamburger-nav{display:none}@media screen and (max-width:768px){.header__inner{padding:0 24px;height:80px}#header .blog-nav{display:none}#header .site-nav{display:none}.open .site-title a{color:var(--cream)}.hamburger{display:block;width:40px;height:40px;cursor:pointer;position:relative;top:0;right:0;z-index:20}.hamburger span{width:30px;height:2px;background-color:var(--espresso);border-radius:4px;display:block;position:absolute;left:0;transition:.5s}.hamburger span:nth-child(1){top:30%}.hamburger span:nth-child(2){top:50%}.hamburger span:nth-child(3){top:70%}.open .hamburger span{background-color:var(--cream)}.open .hamburger span:nth-child(1){transform:translateY(8px) rotate(-45deg)}.open .hamburger span:nth-child(2){opacity:0}.open .hamburger span:nth-child(3){transform:translateY(-8px) rotate(45deg)}.hamburger-nav{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--mocha);opacity:0;pointer-events:none;transition:all .4s}.hamburger-nav.is-open{z-index:10;pointer-events:auto;opacity:1}.hamburger-nav .hamburger__blog-nav{margin-top:100px}.hamburger-nav .hamburger__blog-nav .blog-nav__list{flex-direction:column;align-items:center}#header .hamburger-nav .hamburger__blog-nav .blog-nav__list a{justify-content:center;align-items:center;height:40px;color:var(--milk)}#header .hamburger-nav .hamburger__blog-nav .blog-nav__list a:hover{color:var(--gray);border-bottom:2px solid var(--mocha)}#header .hamburger__site-nav .site-nav__list{display:flex;flex-direction:column;align-items:center;margin-top:40px}.hamburger__site-nav .site-nav__list .site-nav__link{color:var(--milk)}.hamburger__site-nav .site-nav__list .site-nav__link:hover{color:var(--gray)}.hamburger__site-nav .site-nav__cta:hover{background:var(--gray)}body.is-menu-open{overflow:hidden}}#hero{padding:164px 0 0;border-bottom:1px solid var(--latte);display:flex}#hero .hero__main{width:70%;padding-right:40px;border-right:1px solid var(--latte)}#hero .hero__main .hero__thumb{width:100%;aspect-ratio:16/8;overflow:hidden;margin-bottom:28px}#hero .hero__main .hero__thumb img{background:linear-gradient(135deg,var(--latte) 0%,var(--milk) 60%,var(--latte) 100%)}#hero .hero__meta{display:flex;align-items:center;gap:14px;margin-bottom:14px}.meta-category{font-family:var(--cormorant);font-size:12px;letter-spacing:3px;text-transform:uppercase;padding:4px 10px;border-radius:2px;color:var(--espresso)}.category--web{background:rgba(196,137,90,.12)}.category--kids{background:rgba(122,158,130,.12)}.category--cafe{background:rgba(176,120,80,.12)}.hero__meta{font-family:var(--cormorant);font-size:14px;letter-spacing:1px;color:var(--gray)}.hero__date{font-size:14px;letter-spacing:1px;color:var(--gray)}#hero .hero__title{font-size:clamp(22px, 2.8vw, 34px);font-weight:500;line-height:1.6;color:var(--espresso);margin-bottom:14px;text-decoration:none;display:block;transition:color .2s}#hero .hero__main a:hover .hero__title{color:var(--caramel)}#hero .hero__excerpt{font-size:13px;line-height:2;color:var(--gray);margin-bottom:20px}.hero__readmore{font-family:var(--cormorant);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--espresso);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:gap .5s;margin-bottom:48px}#hero .hero__main a:hover .hero__readmore{gap:14px;color:var(--caramel)}.hero__readmore:after{position:relative;content:'';top:2px;width:8px;height:8px;border:1px solid var(--espresso);border-bottom:none;border-left:none;transform:rotate(45deg)}#hero .hero__main a:hover .hero__readmore:after{border-color:var(--caramel)}.sidebar-swiper{overflow:visible}.sidebar-swiper .swiper-wrapper{display:block}.sidebar-swiper .swiper-slide{width:auto}#hero .hero__sidebar{padding-left:40px;padding-bottom:48px;width:30%}.sidebar__label{font-family:var(--cormorant);font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--caramel);padding:0 0 16px;border-bottom:1px solid var(--latte);margin-bottom:0}.side-article__link{display:grid;width:100%;grid-template-columns:88px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--latte);text-decoration:none;color:inherit;transition:opacity .2s}.side-article__link:hover{opacity:.7}.side-article__thumb{aspect-ratio:4/3;background:linear-gradient(135deg,var(--latte),var(--milk));flex-shrink:0}.side-article__cat{font-family:var(--cormorant);font-size:12px;letter-spacing:2px;color:var(--caramel)}.side-article__title{font-size:13px;font-weight:500;line-height:1.6;color:var(--espresso)}.side-article__date{font-family:var(--cormorant);font-size:12px;letter-spacing:1px;color:var(--gray)}@media screen and (max-width:768px){#hero .hero__main{display:none}#hero .hero__sidebar{width:100%;padding:0}.sidebar-swiper .swiper-wrapper{display:flex}#hero .hero__sidebar{padding-left:0;padding-bottom:48px;width:100%;overflow:hidden}.sidebar__label{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--caramel);margin-bottom:0}.side-article__link{display:block;width:100%;padding:0;margin-top:32px;border-bottom:none}.side-article__link{transform:scale(.8);transition:transform .4s;transform-origin:center}.swiper-slide-active .side-article__link{transform:scale(1)}.side-article__info{opacity:0;transition:.3s}.swiper-slide-active .side-article__info{opacity:1}.side-article__link:hover{opacity:.7}.side-article__cat{font-size:12px}.side-article__info{margin-top:8px}.side-article__title{font-size:14px}.side-article__date{font-size:12px}}.blog-category{padding:64px 0 48px;border-bottom:1px solid var(--latte)}.blog-category .category__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px}.category__title{display:flex;align-items:center;gap:12px;font-family:var(--cormorant);font-size:22px;font-weight:400;letter-spacing:2px}.blog-category .category__subtitle{font-family:var(--mincho);font-size:13px;color:var(--gray);font-weight:400;margin-left:4px}.blog-category .category__title .dot{width:10px;height:10px;border-radius:inherit}.category__link{font-family:var(--cormorant);font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--caramel);text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .5s,gap .5s}.category__link.sp{display:none}.category__link:hover{color:var(--gray);gap:10px}.category__link:after{position:relative;content:'';top:2px;width:8px;height:8px;border:1px solid var(--caramel);border-bottom:none;border-left:none;transform:rotate(45deg);transition:all .5s}.category__link:hover:after{border-color:var(--gray)}.category__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.article-card__thumb{overflow:hidden;margin-bottom:16px;position:relative;width:100%;aspect-ratio:16/9}.article-card__thumb img{transition:all .5s;will-change:transform}.article-card:hover .article-card__thumb img{transform:scale(1.05);aspect-ratio:16/9;background:linear-gradient(135deg,var(--latte) 0%,var(--milk) 100%)}.article-card__meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.article-card__title{font-family:var(--);font-size:16px;font-weight:500;line-height:1.7;color:var(--espresso);transition:color .2s}.article-card:hover .article-card__title{color:var(--caramel)}@media screen and (max-width:768px){.blog-category{padding:32px 0;border-bottom:1px solid var(--latte)}.blog-category .category__header{display:flex;margin-bottom:32px}.category__title{font-size:18px}.blog-category .category__subtitle{font-size:12px;margin:0}.blog-category .category__title .dot{width:8px;height:8px}.category__link{justify-content:end;margin-top:32px}.category__link.pc{display:none}.category__link.sp{display:flex}.category__grid{display:grid;grid-template-columns:1fr;gap:48px 24px}.article-card__meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.article-card__title{font-family:var(--mincho);font-size:14px;font-weight:500;line-height:1.7;color:var(--espresso);transition:color .2s}.article-card:hover .article-card__title{color:var(--caramel)}}#profile{margin-top:40px;padding:64px 0;background:var(--espresso);display:grid;grid-template-columns:auto 1Fr auto;align-items:center;gap:40px;padding:40px 56px;color:var(--cream)}.profile__avatar{width:100px;height:100px;border-radius:50%;background:var(--caramel);flex-shrink:0;overflow:hidden}.profile__label{font-family:var(--cormorant);font-size:11px;letter-spacing:4px;color:var(--caramel);margin-bottom:6px}.profile__name{font-family:var(--mincho);font-size:20px;font-weight:500;color:var(--cream);margin-bottom:10px}.profile__desc{font-size:13px;line-height:1.9;color:rgba(250,248,243,.6)}.profile__cta{flex-shrink:0;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.profile__btn{font-family:var(--cormorant);font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:10px 24px;text-decoration:none;transition:all .2s;white-space:nowrap}.profile__btn--outline{border:1px solid rgba(250,248,243,.4);color:rgba(250,248,243,.8)}.profile__btn--outline:hover{border-color:var(--cream);color:var(--cream)}.profile__btn--fill{background:var(--caramel);color:var(--cream);border:1px solid var(--caramel)}.profile__btn--fill:hover{background:var(--mocha);border-color:var(--mocha)}.sp-br{display:none}@media screen and (max-width:768px){#profile{margin-top:64px;padding:64px 0;background:var(--espresso);display:grid;grid-template-columns:1Fr;align-items:center;gap:40px;padding:40px 24px;color:var(--cream)}.profile__avatar{margin:0 auto}.profile__label{text-align:center}.profile__name{text-align:center}.profile__desc{text-align:center}.profile__cta{flex-shrink:0;display:flex;flex-direction:column;gap:10px;align-items:center}.profile__btn{font-family:var(--cormorant);font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:10px 24px;text-decoration:none;transition:all .2s;white-space:nowrap}.profile__btn--outline{border:1px solid rgba(250,248,243,.4);color:rgba(250,248,243,.8)}.profile__btn--outline:hover{border-color:var(--cream);color:var(--cream)}.profile__btn--fill{background:var(--caramel);color:var(--cream);border:1px solid var(--caramel)}.profile__btn--fill:hover{background:var(--mocha);border-color:var(--mocha)}.sp-br{display:block}}#popular-blog{margin:64px auto}.popular__list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px}.popular__card{position:relative}.popular__rank{position:absolute;top:8px;left:8px;z-index:2;background:var(--espresso);color:var(--cream);font-family:var(--cormorant);font-size:13px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;letter-spacing:0}.popular__rank.popular__rank--gold{background:var(--caramel)}.popular__rank.popular__rank--silver{background:var(--mocha)}.popular__rank.popular__rank--bronze{background:var(--mocha)}.popular__thumb{overflow:hidden;aspect-ratio:4/3;margin-bottom:12px}.popular__thumb img{transition:all .5s;will-change:transform}.popular__card:hover .popular__thumb img{transform:scale(1.05)}.popular__card-title{font-size:14px;font-weight:500;line-height:1.7;color:var(--espresso);transition:color .2s}.popular__card:hover .popular__card-title{color:var(--caramel)}@media screen and (max-width:768px){#popular-blog{margin:64px auto}.popular__list{grid-template-columns:1fr;gap:32px}.popular__card{position:relative;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--latte);padding-bottom:32px}.popular__rank{position:relative;top:0;left:0;width:20px;height:20px;border-radius:50%}.popular__thumb{overflow:hidden;aspect-ratio:4/3;margin-bottom:0}.popular__thumb img{width:100px}}#cta{margin-bottom:64px;padding:64px 24px;text-align:center;background:var(--milk);border:1px solid var(--latte);position:relative;overflow:hidden}.cta__label{font-family:var(--cormorant);font-size:12px;letter-spacing:4px;color:var(--caramel);margin-bottom:16px}.cta__title{font-size:clamp(22px, 3vw, 38px);font-weight:400;line-height:1.6;color:var(--espresso);margin-bottom:14px;position:relative}.cta__text{font-size:14px;line-height:2;color:var(--gray);margin-bottom:36px}.cta__button{display:inline-block;background:var(--espresso);color:var(--cream);padding:16px 44px;font-family:var(--cormorant);font-size:13px;letter-spacing:3px;text-transform:uppercase;text-decoration:none;position:relative;transition:background .2s}.cta__button:hover{background:var(--mocha)}#footer{background:var(--espresso);color:var(--cream);padding:56px 48px 32px}.footer__inner{display:flex;gap:48px;justify-content:space-between;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:28px}#footer .site-title a{color:var(--cream)}#footer .site-title small{font-size:12px;color:var(--gray);margin-top:8px}.privacy.sp{display:none}.privacy a{display:inline-block;margin-top:40px;padding-bottom:2px;color:var(--gray);font-size:12px;position:relative;transition:all .3s}.privacy a:hover{color:var(--cream)}.privacy a:after{position:absolute;content:"";width:0;height:1px;background-color:var(--gray);bottom:0;left:0;transition:width .3s ease}.privacy a:hover:after{width:100%}.footer__nav-wrap{display:flex;gap:48px}.footer__nav-title{font-family:var(--cormorant);font-size:12px;letter-spacing:4px;color:var(--caramel);margin-bottom:16px}.footer__nav-list a{font-family:var(--cormorant);color:rgba(250,248,243,.55);font-size:13px;letter-spacing:1px;margin-bottom:10px;transition:color .2s}.footer__nav-list a:hover{color:var(--cream)}.footer__copy{font-family:var(--cormorant);font-size:10px;letter-spacing:2px;color:rgba(250,248,243,.25);text-align:center}@media screen and (max-width:768px){#footer{background:var(--espresso);color:var(--cream);padding:56px 24px 32px}.footer__inner{flex-direction:column;gap:48px}.privacy.pc{display:none}.privacy.sp{display:block}.privacy a{display:inline-block;margin-top:32px}.footer__nav-wrap{display:flex;gap:48px}}.breadcrumb{position:relative;padding:100px 0 16px;display:flex;align-items:center;gap:8px;font-family:var(--cormorant);font-size:11px;letter-spacing:2px;color:var(--gray)}.breadcrumb:after{position:absolute;content:"";width:100vw;height:1px;background-color:var(--latte);bottom:0;left:50%;transform:translateX(-50%)}.breadcrumb .arrow{position:relative;width:6px;height:6px;border:1px solid var(--gray);border-bottom:none;border-left:none;transform:rotate(45deg);margin-right:4px}.breadcrumb a{color:var(--gray);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--caramel)}.breadcrumb span{color:var(--espresso)}@media screen and (max-width:768px){.breadcrumb{padding:80px 0 16px}}.sab-page__header{padding:80px 0 64px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;position:relative}.sab-page__header:before{content:'ABOUT';position:absolute;right:-10px;bottom:-20px;font-family:var(--cormorant);font-style:italic;font-size:160px;font-weight:300;color:rgba(237,228,214,.5);line-height:1;letter-spacing:-4px;pointer-events:none;user-select:none}.sab-page__header:after{position:absolute;content:"";width:100vw;height:1px;background-color:var(--latte);left:50%;bottom:0;transform:translateX(-50%)}.about-header__left{position:relative;z-index:1}.page-label{font-family:var(--cormorant);font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--caramel);margin-bottom:20px;display:flex;align-items:center;gap:12px}.page-label:before{content:'';width:32px;height:1px;background:var(--caramel)}.page-h1{font-size:clamp(36px, 5vw, 64px);font-weight:400;line-height:1.3;color:var(--espresso);margin-bottom:24px;white-space:nowrap}.page-lead{font-size:14px;line-height:2.2;color:var(--gray);max-width:420px}.page-header__right{position:relative;z-index:1;display:flex;justify-content:center}.avatar-wrap{position:relative;display:inline-block}.avatar-ring{position:absolute;inset:-16px;border-radius:50%;border:1px solid var(--latte)}.avatar-ring-2{position:absolute;inset:-32px;border-radius:50%;border:1px solid rgba(237,228,214,.5)}.avatar{width:220px;height:220px;border-radius:50%;background:linear-gradient(135deg,var(--latte),var(--milk));display:flex;align-items:center;justify-content:center;font-size:72px;position:relative;z-index:1;overflow:hidden}.avatar-caption{text-align:center;margin-top:24px;font-family:var(--cormorant);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gray)}@media screen and (max-width:768px){.sab-page__header{padding:48px 0 32px;display:flex;flex-direction:column;gap:32px;align-items:end}.about-page .sab-page__header:before{bottom:40px}.sab-page__header:before{right:20px;font-size:60px;bottom:0}.page-header__left{margin:0 auto 0 0}.avatar-ring{inset:0px;top:-7px;right:87px;left:-10px;bottom:16px}.avatar-ring-2{inset:0;top:-13px;left:-18px;right:56px}.avatar{width:120px;height:120px}}.sub-page__container{display:flex;justify-content:space-between}.sub-page__main{padding:64px 64px 80px 0;width:75%;border-right:1px solid var(--latte)}.section-block{margin-bottom:72px}.block-label{font-family:var(--cormorant);font-size:12px;letter-spacing:5px;text-transform:uppercase;color:var(--caramel);margin-bottom:12px;display:flex;align-items:center;gap:10px}.block-label:after{content:'';flex:1;height:1px;background:var(--latte)}.block-h2{font-size:24px;font-weight:500;line-height:1.5;color:var(--espresso);margin-bottom:28px}.body-text{font-size:14px;line-height:2.4;color:#4a3520}.body-text p{margin-bottom:20px}.body-text p:last-child{margin-bottom:0}@media screen and (max-width:1024px){.sub-page__main{padding-right:24px}}@media screen and (max-width:768px){.sub-page__container{flex-direction:column}.sub-page__main{padding:64px 0 0;border-right:none;width:100%}.block-h2{font-size:20px}}.about-quote{border-left:3px solid var(--caramel);padding:20px 28px;background:var(--milk);margin:0 0 28px}.about-quote p{font-family:var(--mincho);font-size:16px;font-weight:500;line-height:1.9;color:var(--espresso)}.qa-list{display:flex;flex-direction:column;gap:0}.qa-item{border-bottom:1px solid var(--latte);padding:28px 0}.qa-item:first-child{border-top:1px solid var(--latte)}.qa-q{display:flex;align-items:baseline;gap:14px;font-family:var(--mincho);font-size:15px;font-weight:500;color:var(--espresso);margin-bottom:14px}.qa-q:before{content:'Q';font-family:var(--cormorant);font-size:20px;font-weight:400;font-style:italic;color:var(--caramel);flex-shrink:0}.qa-a{display:flex;align-items:baseline;gap:14px;font-size:14px;line-height:2;color:#4a3520}.qa-a:before{content:'A';font-family:var(--cormorant);font-size:20px;font-weight:400;font-style:italic;color:var(--gray);flex-shrink:0}.blog-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.blog-mini{border:1px solid var(--latte);padding:24px 20px;transition:border-color .2s;text-decoration:none;color:inherit;display:block;height:100%}.blog-mini:hover{border-color:var(--caramel)}.blog-mini-icon{width:40px;aspect-ratio:1/1;font-size:24px;margin-bottom:14px;display:block}.blog-mini-icon img{background-color:inherit}.blog-mini-cat{font-family:var(--cormorant);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--caramel);margin-bottom:8px}.blog-mini-title{font-size:14px;font-weight:500;line-height:1.6;color:var(--espresso);margin-bottom:10px}.blog-mini-desc{font-size:12px;line-height:1.9;color:var(--gray)}@media screen and (max-width:768px){.blog-3col{grid-template-columns:repeat(1,1fr);gap:16px}.blog-mini{padding:16px 20px}.blog-mini__flex{display:flex;gap:16px;align-items:center}}.sub-page__sidebar{padding:64px 0 80px 48px;width:25%;position:sticky}.sidebar-section{margin-bottom:48px}.sidebar-head{font-family:var(--cormorant);font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--caramel);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--latte)}@media screen and (max-width:1024px){.sub-page__sidebar{padding-left:24px;width:auto}}@media screen and (max-width:768px){.sub-page__sidebar{padding:0 0 20px;width:100%}}.profile-card{background:var(--espresso);color:var(--cream);padding:28px 24px;margin-bottom:16px}.profile-card-name{font-family:var(--mincho);font-size:22px;font-weight:500;margin-bottom:4px}.profile-card-role{font-family:var(--cormorant);font-size:11px;letter-spacing:3px;font-style:italic;color:var(--caramel);margin-bottom:20px}.profile-card-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;color:rgba(250,248,243,.65)}.profile-card-line:last-child{border-bottom:none}.profile-card-line b{font-family:var(--cormorant);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(250,248,243,.4);font-weight:400}.sns__sp{display:none}@media screen and (max-width:768px){.profile-card{padding:16px 24px}.profile-card-line b{font-family:var(--cormorant);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(250,248,243,.4);font-weight:400}.sns__sp{margin-top:24px;display:flex;justify-content:end;gap:24px}.sns__sp .sns-icon{width:50px;height:50px;padding:4px;background-color:var(--cream);border-radius:50%;transition:background .3s;overflow:hidden}.sns__sp .sns-icon:hover{background-color:var(--gray)}}.sns-list{display:flex;flex-direction:column;gap:10px}.sns-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--latte);text-decoration:none;color:var(--espresso);font-family:var(--cormorant);font-size:12px;letter-spacing:2px;transition:all .2s;position:relative;overflow:hidden}.sns-link:hover{color:var(--milk)}.sns-link:before{content:"";position:absolute;top:0;right:0;width:0;height:100%;background:linear-gradient(to left,var(--espresso),var(--cream));transition:width .3s ease;z-index:-1}.sns-link:hover:before{width:100%}.sns-icon{display:block;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.sns-icon img{background-color:inherit}.sns-icon.instagram-icon img{width:75%;height:75%}.sns-handle{font-size:11px;color:var(--gray);margin-left:auto}.sns-link:hover .sns-handle{color:rgba(250,248,243,.5)}@media screen and (max-width:768px){#side__sns{display:none}}#side__category .blog-nav__item a{position:relative;font-family:var(--cormorant);display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:1px;padding:6px 6px 12px;color:var(--mocha);margin-bottom:16px}#side__category .blog-nav__item .blog-nav__item--left{display:flex;gap:0 8px;align-items:center}#side__category .blog-nav__item a:hover{opacity:.7}#side__category .blog-nav__item .dot{width:10px;height:10px}#side__category .blog-nav__item a:before{position:absolute;content:"";width:100%;height:1px;bottom:0;left:0;background-color:var(--gray)}#side__category .blog-nav__item a:after{position:absolute;content:"";width:100%;height:1px;bottom:0;left:0;background-color:var(--espresso);transform:scaleX(0);transform-origin:right;transition:transform .3s}#side__category .blog-nav__item a:hover:after{transform:scaleX(1);transform-origin:left}.sidebar-cta{background:var(--milk);border:1px solid var(--latte);padding:28px 24px;text-align:center}.sidebar-cta-title{font-family:var(--mincho);font-size:16px;font-weight:500;line-height:1.6;margin-bottom:10px}.sidebar-cta-text{font-size:12px;line-height:1.9;color:var(--gray);margin-bottom:20px}.sidebar-btn{display:block;background:var(--espresso);color:var(--cream);padding:12px;text-align:center;font-family:var(--cormorant);font-size:11px;letter-spacing:3px;text-transform:uppercase;text-decoration:none;transition:background .2s}.sidebar-btn:hover{background:var(--mocha)}.page-h1.category__h1{font-size:clamp(28px, 4vw, 48px);line-height:1.4;color:var(--espresso);margin-bottom:14px}.web-page .sab-page__header:before{content:'WEB'}.kids-page .sab-page__header:before{content:'kids'}.cafe-page .sab-page__header:before{content:'CAFE'}.page-desc.category__desc{font-size:13px;line-height:2;color:var(--gray);max-width:500px}.page-header__right .img{width:300px;max-height:200px}.page-header__right .img img{width:100%;height:100%;object-fit:cover;border-radius:10px;filter:brightness(.7);opacity:.7}.code-ui{background:#00000095;color:var(--cream);padding:24px;border-radius:12px;font-size:14px;width:300px}.code-ui pre{margin:0}.listing-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px, 1fr));gap:24px;align-items:stretch}.card{background:var(--cream);height:100%;border:1px solid var(--latte);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s}.card:hover{border-color:var(--caramel);box-shadow:0 4px 20px rgba(40,24,12,.07)}.card:hover .card-thumb-inner img{transform:scale(1.04)}.card:hover .card-title{color:var(--caramel)}.card-thumb{overflow:hidden}.card-thumb-inner{aspect-ratio:16/9;background:linear-gradient(135deg,var(--latte) 0%,var(--milk) 100%);display:flex;align-items:center;justify-content:center;color:var(--gray);position:relative}.card-thumb-inner img{aspect-ratio:16/9;transition:transform .5s cubic-bezier(.25,.46,.45,.94);will-change:transform}.cat-badge{position:absolute;bottom:10px;right:10px;font-family:var(--cormorant);font-size:10px;letter-spacing:3px;text-transform:uppercase;padding:3px 8px;background:var(--cream);color:var(--caramel)}.card-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}.card-meta{display:flex;align-items:center;gap:8px}.card-date{font-family:var(--cormorant);font-size:11px;letter-spacing:1px;color:var(--gray);margin-left:auto}.card-title{font-size:14px;font-weight:500;line-height:1.75;color:var(--espresso);transition:color .2s}@media screen and (max-width:768px){.listing-layout{grid-template-columns:1fr}.web-page .page-header__right{height:120px;margin-bottom:24px}.kids-page .page-header__right{width:300px;height:150px;margin-bottom:24px}.card{flex-direction:row;padding-bottom:24px;border:none;border-bottom:1px solid var(--latte);align-items:center}.card-body{padding:8px 8px 0;display:flex;flex-direction:column-reverse;gap:10px;flex:1}.cat-badge{display:none}.card-thumb-inner img{width:clamp(120px, 5vw, 200px)}.card-title{font-size:13px}}.pagination{display:flex;justify-content:center;gap:8px;margin-top:64px}.page-numbers{position:relative;font-family:var(--cormorant);font-size:16px;letter-spacing:1px;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--latte);text-decoration:none;color:var(--espresso);transition:all .2s}.page-numbers a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;text-decoration:none;color:inherit}.page-numbers.is-disabled{border:none;pointer-events:none}.page-numbers.is-disabled:before,.page-numbers.is-disabled:after{display:none}.page-numbers:hover,.prev:hover:after,.next:hover:after{border-color:var(--caramel);color:var(--caramel)}.page-numbers.current{background:var(--espresso);color:#fff;border-color:var(--espresso)}.prev:after{position:absolute;content:"";width:10px;height:10px;border:1px solid var(--espresso);border-top:none;border-right:none;transform:rotate(45deg);left:15px}.next:after{position:absolute;content:"";width:10px;height:10px;border:1px solid var(--espresso);border-bottom:none;border-left:none;transform:rotate(45deg);left:12px}.page-works{background:var(--espresso)}.page-works .header__inner{background-color:var(--espresso);border-color:var(--works-border)}.page-works .site-title a{color:var(--milk)}.page-works #header .blog-nav__list a:hover{color:var(--milk)}.page-works .site-nav__link:hover{color:var(--milk)}.page-works .site-nav__cta{border:1px solid rgba(250,248,243,.3)}.page-works .site-nav__cta:hover{background-color:var(--cream);color:var(--espresso)}.page-works .breadcrumb:after{background-color:var(--works-border)}.page-works .breadcrumb span{color:var(--cream)}.page-works .page-h1{color:var(--cream)}.page-works .sab-page__header:before{content:'WORKS';font-size:140px;color:rgba(237,228,214,.1)}.page-works .sab-page__header:after{background-color:var(--works-border)}.works-visual{position:relative;width:100%;height:150px}.circle1{position:absolute;width:200px;height:200px;border-radius:50%;border:1px solid var(--works-border);top:20%;right:0}.circle2{position:absolute;width:250px;height:250px;border-radius:50%;background:#f5e6d8;top:-60%;right:20%;filter:blur(60px);opacity:.4}@media screen and (max-width:768px){.page-works .hamburger span{background-color:var(--milk)}.page-works .sab-page__header:before{font-size:60px}.works-visual{width:300px;height:100px}.circle1{width:150px;height:150px;top:-30%;right:0}.circle2{width:200px;height:200px;background:var(--caramel);top:-80%;right:20%}}.works-main{margin:80px auto}.works-main .grid{display:grid;grid-template-columns:repeat(2,1fr)}.card.works-card{border:none;background-color:var(--espresso);transition:background .3s;border:1px solid var(--works-border)}.card.works-card:hover{background-color:#321d0f}.page-works .card-body{padding:28px 32px 32px;gap:14px;position:relative}.page-works .work-num{position:absolute;font-family:var(--cormorant);color:rgba(255,255,255,.06);font-size:56px;top:16px;right:20px;line-height:1;letter-spacing:-2px;transition:opacity .3s;user-select:none}.page-works .card:hover .work-num{opacity:0}.page-works .cat-badge{position:relative;background:0 0;bottom:0;right:0}.page-works .card-date{letter-spacing:1px;color:var(--gray);margin-left:0}.page-works .card-title{font-size:18px;line-height:1.75;color:var(--cream);margin-bottom:12px}.page-works .card:hover .card-title{color:var(--cream)}.page-works .work-desc{font-size:13px;line-height:2;color:var(--gray)}.page-works .hover__view{font-family:var(--cormorant);color:var(--caramel);font-size:14px;margin-left:auto;letter-spacing:1px;position:relative;padding-right:0;overflow:hidden;transition:padding .3s}.page-works .card:hover .hover__view{padding-right:12px}.page-works .hover__view .arrow{position:absolute;content:"";width:8px;height:8px;border:1px solid var(--caramel);border-bottom:none;border-left:none;transform:rotate(90deg);top:4px;right:-12px;transition:right .3s,transform .5s}.page-works .card:hover .hover__view .arrow{transform:rotate(45deg);right:2px}.page-works .page-numbers{border:1px solid var(--works-border);text-decoration:none;color:var(--gray);transition:all .2s;position:relative}.page-works .page-numbers:hover{border-color:var(--gray)}.page-works .page-numbers.current{background-color:var(--gray);color:var(--espresso)}.works-main .prev:after,.works-main .next:after{border-color:var(--gray)}@media screen and (max-width:768px){.works-main{margin:40px auto}.works-main .grid{grid-template-columns:1fr}.card.works-card{flex-direction:column}.works-main .card-thumb-inner img{width:100%}.page-works .card-body{flex-direction:column;padding:28px 20px 16px;gap:8px}.page-works .work-num{font-size:50px;top:8px}.page-works .card-title{font-size:16px}.page-works .work-desc{font-size:12px}.page-works .hover__view{padding-right:20px}.page-works .card:hover .hover__view{padding-right:20px}.page-works .hover__view .arrow{transform:rotate(45deg);right:2px}.page-works .card:hover .hover__view .arrow{transform:rotate(45deg);right:2px}}.cta-strip{margin-bottom:80px;border:1px solid var(--works-border);padding:56px 64px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;position:relative;overflow:hidden}.cta-strip:before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(196,137,90,.1);top:-80px;right:200px;pointer-events:none}.cta-label{font-family:var(--cormorant);font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--caramel);margin-bottom:12px}.cta-h2{font-size:clamp(20px, 2.5vw, 32px);font-weight:400;line-height:1.5;color:var(--cream);margin-bottom:10px}.cta-p{font-size:13px;line-height:2;color:var(--gray)}.page-works .cta-btn{display:inline-block;background:var(--caramel);color:var(--cream);padding:16px 40px;font-family:var(--cormorant);font-size:13px;letter-spacing:3px;transition:background .2s;flex-shrink:0}.cta-btn:hover{background:var(--mocha)}.page-works #footer{background-color:#1a0f07}@media screen and (max-width:768px){.cta-strip{text-align:center;padding:24px;grid-template-columns:1fr}.cta-strip:before{width:200px;height:200px;top:-40px;right:10px}.cta-h2{font-size:18px}.page-works .cta-btn{text-align:center}.pc__br{display:none}}.contact-page .sab-page__header:before{content:'CONTACT'}.contact-page .sub-page__main{padding:64px 0 80px;max-width:760px;border-right:none;margin:0 auto}.form__intro{margin-bottom:48px}.form__intro-title{font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.6;color:var(--espresso);margin-bottom:12px}.form__intro-text{font-size:13px;line-height:2.2;color:var(--gray)}@media screen and (max-width:768px){.contact-page .sab-page__header{padding-bottom:62px}}.form__group{margin-bottom:32px}.form__label{display:flex;align-items:center;gap:8px;font-family:var(--mincho);font-size:13px;font-weight:500;color:var(--espresso);margin-bottom:10px}.form-required{font-family:var(--cormorant);font-size:10px;letter-spacing:2px;text-transform:uppercase;background:var(--caramel);color:var(--cream);padding:2px 7px}.form-optional{font-family:var(--cormorant);font-size:10px;letter-spacing:2px;text-transform:uppercase;border:1px solid var(--latte);color:var(--gray);padding:2px 7px}.form__input,.form__textarea,.form__select{width:100%;background:var(--milk);border:1px solid var(--latte);border-radius:0;padding:14px 18px;font-family:var(--serif);font-size:14px;color:var(--espresso);outline:none;transition:border-color .2s,background .2s;appearance:none}.form__input:focus,.form__textarea:focus,.form__select:focus{border-color:var(--caramel);background:var(--cream)}.form__input::placeholder,.form__textarea::placeholder{color:var(--gray);font-size:13px}.form__textarea{resize:vertical;min-height:160px;line-height:2}.form__select-wrap{position:relative}.form__select-wrap:after{content:'▾';position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--gray);pointer-events:none;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form__radio-group{display:flex;flex-wrap:wrap;gap:10px}.form__radio{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--espresso);cursor:pointer;padding:10px 16px;border:1px solid var(--latte);background:var(--milk);transition:all .2s}.form__radio:hover{border-color:var(--caramel)}.form__radio input[type=radio]{display:none}.form__radio.checked,.form__radio:has(input:checked){background:var(--espresso);color:var(--cream);border-color:var(--espresso)}.radio-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--gray);flex-shrink:0;transition:all .2s}.form__radio:has(input:checked) .radio-dot{background:var(--caramel);border-color:var(--caramel)}.form__privacy{display:flex;align-items:flex-start;gap:12px;margin-bottom:36px;font-size:12px;line-height:1.9;color:var(--gray)}.form__privacy input[type=checkbox]{width:16px;height:16px;margin-top:3px;accent-color:var(--caramel);flex-shrink:0;cursor:pointer}.form__privacy a{color:var(--caramel);text-decoration:none}.form__privacy a:hover{text-decoration:underline}.form__submit{width:100%;background:var(--espresso);color:var(--cream);padding:18px;font-size:14px;letter-spacing:4px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;z-index:1}.form__submit:before{position:absolute;content:"";top:0;left:0;width:0;height:100%;background:linear-gradient(to left,var(--caramel),var(--mocha));transition:width .3s ease;z-index:-1}.form__submit:hover:before{width:100%}.form__submit:after{content:'→';font-size:16px}.privacy-page .sab-page__header{grid-template-columns:auto}.sp-br{display:none}.sab-page__header:before{content:"PRIVACY"}.privacy__main{margin:80px auto;max-width:760px}.privacy__title{margin-bottom:24px;font-family:var(--cormorant);font-size:20px}.privacy__text{margin-bottom:40px;line-height:1.5;font-size:14px}@media screen and (max-width:768px){.sp-br{display:block}}.detail__page .category__detail{max-width:750px;margin:0 auto}.detail__page .post__title{font-family:var(--cormorant);font-size:40px;font-weight:700;line-height:1.2;margin-bottom:24px}.detail__page .post__meta{font-size:14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.detail__page .post__category{color:var(--cream);background-color:var(--caramel);padding:4px 12px}.detail__page .post__date{color:var(--gray)}.detail__page .post__thumbnail{margin-bottom:52px}.detail__page .post__thumbnail img{width:100%;height:100%;object-fit:cover}.detail__content h2{background-color:var(--caramel);padding:10px 16px 10px 24px;line-height:1.5;border-radius:10px;font-size:20px;font-weight:400;color:var(--milk);margin:48px 0 24px;position:relative}.detail__content h2:before{position:absolute;content:"";width:calc(100% - 8px);height:calc(100% - 8px);border:1px solid var(--milk);border-radius:10px;top:4px;left:4px}.detail__content h3{background-color:var(--milk);padding:10px 16px 10px 30px;line-height:1.5;border-radius:10px;font-size:16px;font-weight:400;margin:48px 0 24px;position:relative}.detail__content h3:before{position:absolute;content:"";width:3px;height:100%;background-color:var(--caramel);top:0;left:16px}.detail__content p{line-height:1.8;margin-bottom:24px}.detail__content ol,.detail__content ul{padding:16px;border-radius:10px;border:1px solid var(--caramel);margin-bottom:24px}.detail__content li{padding-left:24px;line-height:1.8;position:relative;margin-bottom:8px}.detail__content ol li{counter-increment:number}.detail__content ol li:before{content:counter(number);position:absolute;left:0;top:5px;width:18px;height:18px;background:var(--caramel);color:#fff;border-radius:50%;text-align:center;line-height:18px;font-size:10px}.detail__content ul li:before{position:absolute;content:"";border-radius:50%;width:8px;height:8px;background-color:var(--caramel);top:10px;left:4px}.detail__content img{display:block;max-width:500px;margin:32px 0}.detail__content table{width:100%;border-collapse:collapse;margin:24px 0}.detail__content th,.detail__content td{border:1px solid #ddd;padding:16px;text-align:left}.detail__content th{background:#e7e6e6;font-weight:700}.toc{padding:24px;background-color:#ececec;border-radius:10px;margin:40px 0}.detail__content .toc__title{font-size:20px;padding:0 0 10px 8px;font-weight:700;border-bottom:1px solid var(--espresso);margin-bottom:0}.toc ul{border:none;margin:0}.detail__content ul.toc__list li:before{display:none}.toc__list>li{padding-left:2px;padding-bottom:8px;border-bottom:1px solid var(--caramel)}.category-kids .detail__page .post__category{background-color:var(--sage)}.category-kids .detail__content h3:before{background-color:var(--sage)}.category-kids .detail__content h2{background-color:var(--sage)}.category-kids .detail__content ol,.category-kids .detail__content ul{border-color:var(--sage)}.category-kids .detail__content ul li:before{background-color:var(--sage)}.category-kids .toc__list>li{border-color:var(--sage)}.category-cafe .detail__page .post__category{background-color:var(--espresso)}.category-cafe .detail__content h3:before{background-color:var(--espresso)}.category-cafe .detail__content h2{background-color:var(--espresso)}.category-cafe .detail__content ol,.category-cafe .detail__content ul{border-color:var(--espresso)}.category-cafe .detail__content ul li:before{background-color:var(--espresso)}.category-cafe .toc__list>li{border-color:var(--espresso)}@media screen and (max-width:768px){.detail__page .post__title{font-size:24px}.detail__page .post__meta{font-size:12px}.detail__page .category__detail{margin-bottom:72px}.detail__content h2{padding:8px 16px;font-size:16px;margin:40px 0 24px}.detail__content h2:before{width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px}.detail__content h3{padding:8px 16px 8px 24px;font-size:16px;margin:40px 0 24px}.detail__content h3:before{width:2px;left:12px}.detail__content p{line-height:1.8;font-size:14px;margin-bottom:20px}.detail__content ol,.detail__content ul{padding:14px;margin-bottom:20px}.detail__content li{padding-left:24px;font-size:14px}.detail__content ol li:before{width:16px;height:16px;line-height:16px}.detail__content th,.detail__content td{padding:10px}.toc{padding:16px}.detail__content .toc__title{font-size:16px}.toc ul{border:none;margin:0}.detail__content ul.toc__list li:before{display:none}.toc__list>li{padding-left:2px;padding-bottom:8px;border-bottom:1px solid var(--caramel)}}.pagination{display:flex;justify-content:center;gap:8px;margin-top:64px}.detail__page .page-numbers{width:100%;padding:8px}.detail__page .pager__back{background-color:var(--caramel);color:var(--milk);border-color:var(--caramel)}.detail__page .pager__back:hover{background-color:var(--milk);color:var(--caramel)}.page-numbers.current{background:var(--espresso);color:#fff;border-color:var(--espresso)}.prev:after{position:absolute;content:"";width:10px;height:10px;border:1px solid var(--espresso);border-top:none;border-right:none;transform:rotate(45deg);left:15px}.detail__page .next:after{right:15px;left:auto}@media screen and (max-width:425px){.detail__page .page-numbers{font-size:10px;height:30px;padding:0}.detail__page .prev{padding-left:16px}.detail__page .next{padding-right:16px}}.detail__page .works__detail{max-width:750px;margin:80px auto}.works__detail .post__category{background-color:var(--espresso)}.works__detail h3:before{width:2px;background-color:var(--espresso)}.detail__content h3:after{position:absolute;content:"";width:2px;height:100%;background-color:var(--espresso);top:0;left:12px}.works__detail .detail__content h2{background-color:inherit;position:relative}.works__detail .detail__content h2:before{position:absolute;content:"";width:100%;height:100%;background-color:var(--espresso);top:0;border-radius:0;transform:skewX(-20deg);z-index:-1}.works__detail.detail__content ol,.works__detail .detail__content ul{border-color:var(--espresso)}.works__detail .detail__content ul li:before{background-color:var(--espresso)}.works__detail .toc__list>li{border-color:var(--espresso)}.works-detail__page .cta-strip{background-color:var(--espresso)}.works-detail__page .cta-btn{display:inline-block;background:var(--caramel);color:var(--cream);padding:16px 40px;font-family:var(--cormorant);font-size:13px;letter-spacing:3px;transition:background .2s;flex-shrink:0}.works-detail__page .cta-btn:hover{background:var(--mocha)}@media screen and (max-width:768px){.works-detail__page .cta-btn{text-align:center}}