@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&family=Noto+Sans+JP:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'IBM Plex Mono','Noto Sans JP',monospace;color:#1a1915;background:#faf8f3;min-height:100vh;display:flex;flex-direction:column;line-height:1.7;font-size:15px}
.owrap{max-width:1536px;margin:0 auto;display:flex;flex-direction:column;min-height:100vh;width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.d-none{display:none}
.flx-ac{display:flex;align-items:center;gap:4px}
main{flex-grow:1}

.bgB{pointer-events:none;position:fixed;inset:0;z-index:-10;overflow:hidden;user-select:none}
.bgB .bl{position:absolute;max-width:none;filter:blur(48px);transform:translateZ(0);border-radius:50%}
.bl.bl1{width:42.375rem;height:42.375rem;left:calc(50% - 30rem);top:-20rem;transform:rotate(30deg) translateX(-50%);opacity:.45;background:radial-gradient(ellipse at center,rgba(232,228,210,.7),rgba(250,248,243,0))}
.bl.bl2{width:400px;height:400px;left:calc(80% - 11rem);top:40vh;transform:rotate(120deg) translateX(-50%);opacity:.35;background:radial-gradient(ellipse at center,rgba(210,200,175,.6),rgba(250,248,243,0))}
.bl.bl3{width:30rem;height:30rem;left:calc(20% - 11rem);top:70vh;transform:rotate(240deg) translateX(-50%);opacity:.25;background:radial-gradient(ellipse at center,rgba(220,215,195,.5),rgba(250,248,243,0))}
.bl.bl4{width:560px;height:560px;left:calc(60% - 11rem);top:100vh;transform:rotate(60deg) translateX(-50%);opacity:.3;background:radial-gradient(ellipse at center,rgba(215,210,190,.5),rgba(250,248,243,0))}

#main-header{display:flex;align-items:center;height:4.5rem;z-index:50;position:sticky;top:16px;margin:0 1em;border-radius:9999px;border:1px solid transparent;transition:background-color .3s ease-out,backdrop-filter .3s ease-out,border-color .3s ease-out,box-shadow .3s ease-out}
#main-header.scrolled{background:rgba(250,248,243,.80);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-color:rgba(26,25,21,.10);box-shadow:0 10px 15px -3px rgba(0,0,0,.05)}
.hdr_in{position:relative;width:100%;padding:0 16px}
.mhdr{display:flex;height:4.5rem;align-items:center;justify-content:space-between}
.mhdr .lg{display:flex;align-items:center;text-decoration:none;color:inherit;gap:8px}
.mhdr .lg img{height:32px;width:32px}
.mhdr .mobR{display:flex;align-items:center;gap:8px}
.hbtn{display:inline-flex;align-items:center;justify-content:center;height:32px;width:36px;background:none;border:none;cursor:pointer;margin-right:4px;color:#1a1915;font-size:22px}
.cta_s{display:inline-flex;align-items:center;justify-content:center;background:#1a1915;color:#faf8f3;height:36px;padding:0 13px;border-radius:9999px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s;white-space:nowrap}
.cta_s:hover{background:#3d3d3d}
.dhdr{display:none;height:72px;grid-template-columns:1fr auto 1fr;align-items:center}
.dhdr .lf{display:flex;align-items:center;gap:1rem}
.dhdr .lg{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.dhdr .lg img{width:36px;height:36px}
.cnav{display:flex;align-items:center;justify-content:center}
.cnav nav{display:flex;gap:4px}
.cnav nav a{font-size:14px;font-weight:500;color:rgba(26,25,21,.7);text-decoration:none;padding:8px 14px;border-radius:8px;transition:color .2s,background .2s}
.cnav nav a:hover{color:#1a1915;background:rgba(26,25,21,.05)}
.nb{display:inline-flex;align-items:center;margin-left:6px;background:#e8b931;color:#1a1915;font-size:10px;font-weight:700;padding:2px 7px;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}
.rt{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.rt .vd{width:1px;height:20px;background:rgba(26,25,21,.15);margin:0 6px}
.cta_m{display:inline-flex;align-items:center;justify-content:center;background:#1a1915;color:#faf8f3;height:36px;padding:0 14px;border-radius:9999px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;white-space:nowrap}
.cta_m:hover{background:#3d3d3d}
.cartIcn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;background:none;border:1px solid rgba(26,25,21,.15);cursor:pointer;font-size:18px;color:#1a1915;transition:all .2s}
.cartIcn:hover{background:rgba(26,25,21,.05);border-color:rgba(26,25,21,.3)}
.cartBdg{position:absolute;top:-4px;right:-4px;background:#c0392b;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9999px;display:flex;align-items:center;justify-content:center;line-height:1}

.mnOvl{position:fixed;inset:0;z-index:49;background:rgba(0,0,0,.3);display:none}
.mnOvl.opn{display:block}
#mnPnl{visibility:hidden;position:fixed;top:0;bottom:0;left:0;z-index:50;width:288px;max-width:100%;transform:translateX(-100%);display:flex;flex-direction:column;background:#faf8f3;border-right:1px solid rgba(26,25,21,.10);transition:transform .3s,visibility .3s;padding:24px}
#mnPnl.opn{visibility:visible;transform:translateX(0)}
#mnPnl .nlinks{display:flex;flex-direction:column;gap:4px;margin-top:2rem}
#mnPnl .nlinks a{font-size:15px;font-weight:500;color:#1a1915;text-decoration:none;padding:10px 12px;border-radius:8px;transition:background .15s}
#mnPnl .nlinks a:hover{background:rgba(26,25,21,.05)}
.mnX{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#1a1915;width:40px;height:40px;display:flex;align-items:center;justify-content:center}

#hero{padding-bottom:28px;padding-top:5rem}
.hero_c{display:flex;flex-direction:column;align-items:center;gap:2.5rem;text-align:center;max-width:1280px;margin:0 auto;padding:0 1em}
.hero_t{display:flex;flex-direction:column;align-items:center;gap:22px}
.hH1{font-family:'Noto Serif JP',serif;font-size:2.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.hH1 .it{font-style:italic}
.hSub{max-width:640px;margin:0 auto;font-size:1.0625rem;color:rgba(26,25,21,.80);text-wrap:balance}
.mkr{position:relative;display:inline-block;padding:0 4px;font-weight:600}
.mkr .l1{position:absolute;inset:0;background:#fde047;transform:rotate(0deg) skewY(-1deg) skewX(1deg) scale(1);clip-path:polygon(0% 15%,100% 12%,98% 85%,3% 88%);z-index:-1}
.mkr .l2{position:absolute;inset:0;background:#fde047;transform:scale(.98) rotate(1deg) skewX(1deg);clip-path:polygon(2% 20%,99% 10%,100% 80%,4% 90%);z-index:-2;opacity:.7}
.mkr .lt{position:relative;z-index:10}
.hCta{display:flex;flex-direction:column;align-items:center;gap:1rem}
.pBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:14px;font-weight:600;background:#1a1915;color:#faf8f3;height:48px;border-radius:9999px;padding:0 2rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:background .2s;border:none;cursor:pointer;font-family:inherit}
.pBtn:hover{background:#3d3d3d}
.pBtn i{font-size:18px}
.hImg{width:100%;max-width:1280px;margin:0 auto;padding:0 16px}
.hImg img{width:100%;height:auto;border-radius:12px;aspect-ratio:1681/1191;object-fit:cover;object-position:center;background:#eee}

.secW{max-width:1280px;margin:0 auto;padding:0 1em}
.secHd{text-align:center;margin-bottom:3rem}
.secHd .chip{display:inline-flex;align-items:center;gap:8px;border-radius:9999px;background:rgba(26,25,21,.05);padding:8px 16px;margin-bottom:1.5rem;font-size:13px;font-weight:500}
.secHd .chip i{font-size:16px}
.secHd h2{font-family:'Noto Serif JP',serif;font-size:1.75rem;font-weight:700;line-height:1.3}
.secHd h2 .it{font-style:italic}

#whoWeAre{padding:52px 0 46px}
.waGrid{display:grid;gap:2.5rem;align-items:center}
.waGrid .waImg{width:100%;border-radius:16px;aspect-ratio:16/10;object-fit:cover;background:#eee}
.waGrid .waTxt h3{font-family:'Noto Serif JP',serif;font-size:1.5rem;font-weight:700;margin-bottom:1rem;line-height:1.3}
.waGrid .waTxt p{color:#504f4f;font-size:14px;line-height:1.8}
.waGrid .waTxt p+p{margin-top:.75rem}

#products{padding:50px 0 54px}
.pGrid{display:grid;gap:2rem}
.pCard{border-radius:20px;border:2px solid #1a1915;background:#faf8f3;overflow:hidden;transition:transform .2s}
.pCard:hover{transform:translateY(-4px)}
.pCard .pcImg{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eee;display:block}
.pCard .pcBody{padding:1.25rem 1.5rem 1.5rem}
.pCard .pcName{font-family:'Noto Serif JP',serif;font-size:1.125rem;font-weight:700;margin-bottom:6px}
.pCard .pcDesc{font-size:12px;color:#9a9a9a;line-height:1.6;margin-bottom:14px}
.pCard .pcBot{display:flex;align-items:center;justify-content:space-between}
.pCard .pcPrice{font-family:'Noto Serif JP',serif;font-size:1.25rem;font-weight:700;color:#1a1915}
.addCart{display:inline-flex;align-items:center;gap:6px;background:#1a1915;color:#faf8f3;height:38px;padding:0 18px;border-radius:9999px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:background .2s;font-family:inherit}
.addCart:hover{background:#3d3d3d}
.addCart i{font-size:16px}

#trustSec{padding:46px 0 50px}
.trGrid{display:grid;gap:1.5rem}
.trItem{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:16px;background:rgba(26,25,21,.03)}
.trItem .trIco{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#1a1915;color:#faf8f3;font-size:22px;flex-shrink:0}
.trItem h4{font-size:15px;font-weight:700;margin-bottom:4px}
.trItem p{font-size:12px;color:#9a9a9a;line-height:1.6}

#teamSec{padding:48px 0 52px}
.tmGrid{display:grid;gap:2rem;max-width:640px;margin:0 auto}
.tmCard{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;border-radius:20px;border:2px solid #1a1915;background:#faf8f3}
.tmCard img{width:80px;height:80px;border-radius:14px;object-fit:cover;background:#eee;flex-shrink:0}
.tmCard .tmName{font-family:'Noto Serif JP',serif;font-size:1rem;font-weight:700;margin-bottom:2px}
.tmCard .tmRole{font-size:12px;color:#9a9a9a;margin-bottom:6px}
.tmCard .tmBio{font-size:12px;color:#504f4f;line-height:1.6}

#reviewSec{padding:50px 0 48px}
.rvGrid{display:grid;gap:1.5rem}
.rvCard{padding:1.5rem;border-radius:16px;border:1px dashed #d4cfc4;background:#f8f6f1}
.rvCard .rvTop{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.rvCard .rvPimg{width:56px;height:56px;border-radius:10px;object-fit:cover;background:#eee;flex-shrink:0}
.rvCard .rvName{font-size:14px;font-weight:600}
.rvCard .rvStars{font-size:14px;color:#e8b931;display:flex;gap:2px}
.rvCard .rvTxt{font-size:13px;color:#504f4f;line-height:1.7;font-style:italic}

#blogSec{padding:48px 0 54px}
.blGrid{display:grid;gap:2rem}
.blCard{border-radius:16px;overflow:hidden;border:2px solid #1a1915;background:#faf8f3;transition:transform .2s}
.blCard:hover{transform:translateY(-3px)}
.blCard .blImg{width:100%;aspect-ratio:16/9;object-fit:cover;background:#eee;display:block}
.blCard .blBody{padding:1.25rem 1.5rem}
.blCard .blDate{font-size:11px;color:#9a9a9a;margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}
.blCard .blTitle{font-family:'Noto Serif JP',serif;font-size:1rem;font-weight:700;margin-bottom:8px;line-height:1.4}
.blCard .blExc{font-size:12px;color:#504f4f;line-height:1.6}
.blCard .blLink{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#1a1915;text-decoration:none;margin-top:10px;transition:color .2s}
.blCard .blLink:hover{color:#504f4f}

#faqSec{padding:50px 0 48px}
.faqList{max-width:768px;margin:0 auto}
.faqItem{border-bottom:1px solid rgba(26,25,21,.10)}
.faqItem:first-child{border-top:1px solid rgba(26,25,21,.10)}
.faqQ{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.25rem 0;background:none;border:none;cursor:pointer;font-size:15px;font-weight:600;color:#1a1915;text-align:left;font-family:inherit;line-height:1.5;gap:1rem}
.faqQ i{font-size:18px;transition:transform .3s;flex-shrink:0}
.faqQ.active i{transform:rotate(45deg)}
.faqA{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faqA .faqAin{padding:0 0 1.25rem;font-size:13px;color:#504f4f;line-height:1.8}

#contactSec{padding:42px 0 56px}
.ctForm{max-width:640px;margin:0 auto;padding:2rem;border-radius:24px;border:2px solid #1a1915;background:#faf8f3}
.ctForm h3{font-family:'Noto Serif JP',serif;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;text-align:center}
.fGroup{margin-bottom:1rem}
.fGroup label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.fGroup input,.fGroup textarea,.fGroup select{width:100%;border-radius:12px;border:1px solid rgba(26,25,21,.15);background:#faf8f3;padding:10px 14px;font-size:13px;color:#1a1915;font-family:inherit;transition:border-color .2s,box-shadow .2s;outline:none}
.fGroup input:focus,.fGroup textarea:focus,.fGroup select:focus{border-color:#1a1915;box-shadow:0 0 0 3px rgba(26,25,21,.08)}
.fGroup textarea{resize:vertical;min-height:100px}
.fGroup .fErr{display:none;font-size:11px;color:#c0392b;margin-top:4px}
.fRow{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
.ctSub{width:100%;margin-top:.5rem}

#footer{position:relative;overflow:hidden;padding:60px 0 72px}
.fW{max-width:1280px;margin:0 auto;padding:0 1em}
.fGrid{display:grid;gap:48px}
.fBrand .fbL{display:inline-block;margin-bottom:14px}
.fBrand .fbL img{height:36px;width:auto}
.fBrand .fbB{max-width:384px;font-size:13px;line-height:1.7;color:#9a9a9a;margin-bottom:1.5rem}
.fCol h3{font-weight:600;margin-bottom:1rem;font-size:15px}
.fCol ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.fCol ul a{font-size:13px;color:#9a9a9a;text-decoration:none;transition:color .2s}
.fCol ul a:hover{color:#1a1915}
.fNl{margin-top:44px;border-top:1px solid rgba(26,25,21,.10);padding-top:2rem}
.nlI{display:flex;flex-direction:column;gap:1.5rem}
.nlI .nlT{font-weight:600;margin-bottom:4px;font-size:15px}
.nlI .nlB{font-size:13px;color:#9a9a9a}
.nlWrap{max-width:448px}
.nlFrmW{width:100%;max-width:448px}
.nlF{display:flex;width:100%;min-width:0;gap:8px;overflow:hidden}
.nlF input[type="email"]{width:0;min-width:0;flex:1;border-radius:9999px;border:1px solid rgba(26,25,21,.15);background:#faf8f3;padding:0 1rem;height:40px;font-size:13px;color:#1a1915;transition:all .2s;outline:none;font-family:inherit}
.nlF input[type="email"]:focus{border-color:#1a1915;box-shadow:0 0 0 3px rgba(26,25,21,.08)}
.nlF input[type="email"]::placeholder{color:#9a9a9a}
.hp_f{pointer-events:none;position:absolute;left:-9999px;height:0;width:0;opacity:0}
.nlF button{display:inline-flex;align-items:center;justify-content:center;background:#1a1915;color:#faf8f3;height:40px;padding:0 16px;border-radius:9999px;font-size:13px;font-weight:600;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .2s;font-family:inherit}
.nlF button:hover{background:#3d3d3d}
.nlD{margin-top:8px;font-size:11px;color:#9a9a9a}
.fBtm{margin-top:38px;border-top:1px solid rgba(26,25,21,.10);padding-top:2rem}
.fBtm p{text-align:center;font-size:13px;color:#9a9a9a}

.dkSlab{padding:42px 0 56px}
.dkSlb{border-radius:2rem;background:hsl(150,25%,12%);padding:3.5rem 2rem;max-width:1280px;margin:0 auto}
.dkSlb .slH{font-family:'Noto Serif JP',serif;font-size:2rem;font-weight:700;color:hsl(40,30%,95%);line-height:1.2;text-align:center;margin-bottom:22px}
.dkSlb .slH .it{font-style:italic}
.dkSlb .slP{max-width:640px;margin:0 auto;font-size:1.0625rem;color:hsl(40,20%,75%);text-align:center}
.dkSlb .slP a{color:hsl(40,20%,75%);text-decoration:underline;transition:color .2s}
.dkSlb .slP a:hover{color:hsl(40,30%,95%)}

#cartPop{position:fixed;top:0;right:-420px;width:400px;max-width:90vw;height:100vh;z-index:200;background:#faf8f3;border-left:2px solid #1a1915;box-shadow:-8px 0 30px rgba(0,0,0,.08);transition:right .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}
#cartPop.opn{right:0}
.cpHdr{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(26,25,21,.10)}
.cpHdr h3{font-family:'Noto Serif JP',serif;font-size:1.125rem;font-weight:700}
.cpX{background:none;border:none;font-size:22px;cursor:pointer;color:#1a1915;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .15s}
.cpX:hover{background:rgba(26,25,21,.05)}
.cpBody{flex:1;overflow-y:auto;padding:1rem 1.5rem}
.cpEmpty{text-align:center;color:#9a9a9a;font-size:13px;padding:3rem 0}
.ciRow{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(26,25,21,.08);align-items:center}
.ciRow img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#eee;flex-shrink:0}
.ciInfo{flex:1;min-width:0}
.ciInfo .ciNm{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ciInfo .ciPr{font-size:12px;color:#9a9a9a;margin-top:2px}
.ciQty{display:flex;align-items:center;gap:6px}
.ciQty button{width:28px;height:28px;border-radius:8px;border:1px solid rgba(26,25,21,.15);background:#faf8f3;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s;color:#1a1915;font-family:inherit}
.ciQty button:hover{background:rgba(26,25,21,.05);border-color:rgba(26,25,21,.3)}
.ciQty span{font-size:13px;font-weight:600;min-width:20px;text-align:center}
.ciRm{background:none;border:none;cursor:pointer;color:#c0392b;font-size:16px;padding:4px;transition:opacity .2s}
.ciRm:hover{opacity:.7}
.cpFtr{padding:1.25rem 1.5rem;border-top:2px solid #1a1915}
.cpTot{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.cpTot span:first-child{font-size:14px;font-weight:600}
.cpTot span:last-child{font-family:'Noto Serif JP',serif;font-size:1.25rem;font-weight:700}
.cpActs{display:flex;flex-direction:column;gap:8px}
.cpActs .orderBtn{width:100%}
.cpActs .clearBtn{width:100%;background:none;border:1px solid rgba(26,25,21,.15);color:#1a1915;height:38px;border-radius:9999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}
.cpActs .clearBtn:hover{background:rgba(26,25,21,.05);border-color:rgba(26,25,21,.3)}
.cartOvl{position:fixed;inset:0;z-index:199;background:rgba(0,0,0,.25);display:none}
.cartOvl.opn{display:block}

.tyPop{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.3)}
.tyPop.show{display:flex}
.tyBox{background:#faf8f3;border:2px solid #1a1915;border-radius:20px;padding:2.5rem;text-align:center;max-width:380px;width:90%}
.tyBox i{font-size:48px;color:#27ae60;margin-bottom:1rem;display:block}
.tyBox h4{font-family:'Noto Serif JP',serif;font-size:1.25rem;font-weight:700;margin-bottom:8px}
.tyBox p{font-size:13px;color:#504f4f;line-height:1.6;margin-bottom:1.25rem}
.tyBox button{height:38px;padding:0 24px}

.orderMod{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.3)}
.orderMod.show{display:flex}
.omBox{background:#faf8f3;border:2px solid #1a1915;border-radius:20px;padding:2rem;max-width:420px;width:90%}
.omBox h4{font-family:'Noto Serif JP',serif;font-size:1.125rem;font-weight:700;margin-bottom:12px;text-align:center}
.omBox .omInfo{font-size:12px;color:#504f4f;line-height:1.6;margin-bottom:1rem}
.omBox .fGroup label{font-size:12px}
.omBox .fGroup input{font-size:12px;padding:8px 12px;border-radius:10px}
.omBtns{display:flex;gap:8px;margin-top:1rem}
.omBtns button{flex:1;height:38px}
.omBtns .omCancel{background:none;border:1px solid rgba(26,25,21,.15);color:#1a1915;border-radius:9999px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s}
.omBtns .omCancel:hover{background:rgba(26,25,21,.05)}

.pgContent{max-width:768px;margin:0 auto;padding:100px 1em 60px}
.pgContent h1{font-family:'Noto Serif JP',serif;font-size:2rem;font-weight:700;margin-bottom:12px;line-height:1.3}
.pgContent .pgDate{font-size:12px;color:#9a9a9a;margin-bottom:2.5rem}
.pgContent h2{font-family:'Noto Serif JP',serif;font-size:1.25rem;font-weight:700;margin-top:2.5rem;margin-bottom:.75rem;line-height:1.4}
.pgContent h3{font-size:1rem;font-weight:700;margin-top:1.75rem;margin-bottom:.5rem}
.pgContent p{font-size:14px;color:#504f4f;line-height:1.85;margin-bottom:1rem}
.pgContent ul{list-style:disc;padding-left:1.5rem;margin-bottom:1rem}
.pgContent ul li{font-size:14px;color:#504f4f;line-height:1.85;margin-bottom:4px}
.pgContent a{color:#1a1915;text-decoration:underline}
.pgContent a:hover{color:#504f4f}
.pgContact{margin-top:2rem}
.pgBack{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#1a1915;text-decoration:none;margin-bottom:2rem;transition:color .2s}
.pgBack:hover{color:#504f4f}
.pgBack i{transform:rotate(180deg)}
.blogHero{max-width:1280px;margin:0 auto;padding:100px 1em 0;text-align:center}
.blogHero h1{font-family:'Noto Serif JP',serif;font-size:2.25rem;font-weight:700;margin-bottom:12px;line-height:1.2}
.blogHero .it{font-style:italic}
.blogHero p{font-size:1rem;color:#9a9a9a;max-width:540px;margin:0 auto}
.blogPosts{max-width:860px;margin:0 auto;padding:3rem 1em 60px}
.bpArticle{margin-bottom:3.5rem;padding-bottom:3rem;border-bottom:1px solid rgba(26,25,21,.10)}
.bpArticle:last-child{border-bottom:none;margin-bottom:0}
.bpArticle .bpImg{width:100%;border-radius:14px;aspect-ratio:16/9;object-fit:cover;background:#eee;margin-bottom:1.5rem;display:block}
.bpArticle .bpDate{font-size:11px;color:#9a9a9a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.bpArticle h2{font-family:'Noto Serif JP',serif;font-size:1.375rem;font-weight:700;margin-bottom:1rem;line-height:1.35}
.bpArticle h3{font-size:1rem;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem}
.bpArticle p{font-size:14px;color:#504f4f;line-height:1.85;margin-bottom:.75rem}

@media(min-width:640px){
.pGrid{grid-template-columns:repeat(2,1fr)}
.trGrid{grid-template-columns:repeat(2,1fr)}
.rvGrid{grid-template-columns:repeat(2,1fr)}
.blGrid{grid-template-columns:repeat(2,1fr)}
.tmGrid{grid-template-columns:repeat(2,1fr);max-width:none}
.fRow{grid-template-columns:1fr 1fr}
}
@media(min-width:768px){
#main-header{margin:0 auto;max-width:1024px}
.hdr_in{padding:0 24px}
.mhdr{display:none}
.dhdr{display:grid}
#hero{padding-top:8rem}
.hH1{font-size:2.75rem}
.hSub{font-size:19px}
.secHd h2{font-size:2.125rem}
.waGrid{grid-template-columns:1fr 1fr}
.pGrid{grid-template-columns:repeat(3,1fr)}
.trGrid{grid-template-columns:repeat(2,1fr)}
.fGrid{grid-template-columns:repeat(2,1fr)}
.nlI{flex-direction:row;align-items:center;justify-content:space-between}
.nlF{max-width:448px}
#footer{padding:76px 0 84px}
.dkSlb{padding:5rem 4rem;border-radius:3rem}
.dkSlb .slH{font-size:2.625rem}
.pgContent{padding-top:120px}
.pgContent h1{font-size:2.5rem}
.blogHero{padding-top:120px}
.blogHero h1{font-size:2.75rem}
}
@media(min-width:1024px){
.hH1{font-size:3.375rem}
.secHd h2{font-size:2.5rem}
.trGrid{grid-template-columns:repeat(4,1fr)}
.rvGrid{grid-template-columns:repeat(4,1fr)}
.fGrid{grid-template-columns:2fr 1fr 1fr 1fr}
}