:root{--f1:13px;--f2:15px;--f3:15px;--f4:21px;--f5:clamp(26px,2.4vw,32px);--f6:clamp(32px,3.4vw,48px);
  --ink:#4A4359;--head:#554A70;--mid:#6A6378;--faint:#9A93A8;--line:rgba(85,74,112,.12);
  --off:#D9CFF0;--off-ink:#4A3F70;--hol:#F7D3DA;--hol-ink:#6E4F5A;--wkd:#CFE0F6;--wkd-ink:#3F5B86;--kid:#9FD3BC;--cls:#F4DB8E;
  --p1:#FBF3F2;--p2:#F7E6E5;--p3:#F1D9D9;--rose:#9E5D6D;--rose-ink:#6E4F5A;--mount:#F9E7EA;
  --res:#EFB0C1;--res-ink:#4A2433;--res-hover:#E69BB0;--res-shadow:rgba(170,90,115,.55);
  --tel:#D3EBCB;--tel-ink:#274A30;--tel-hover:#C3E2B8;--tel-shadow:rgba(110,140,60,.5);
  --mincho:"Kaisei Opti","Hiragino Mincho ProN","Yu Mincho",serif;
  --gothic:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  --fig:"Fraunces",Georgia,serif;
  --hand:"Klee One","Hiragino Maru Gothic ProN",var(--gothic);
  --e:cubic-bezier(.16,1,.3,1);--e-photo:cubic-bezier(.16,.84,.3,1);--e-hover:cubic-bezier(.33,0,.15,1);
  --u:32px;--sec:calc(var(--u)*5);--hc:calc(var(--u)*2);--wrap:1180px;--r:28px;--hdh:76px;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .38 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#fff;color:var(--ink);font-family:var(--gothic);font-size:16px;line-height:2;-webkit-font-smoothing:antialiased;font-feature-settings:"palt";letter-spacing:.03em;scroll-padding-top:150px}
body{background:#fff;overflow-x:clip}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:var(--grain);opacity:.045;mix-blend-mode:multiply;z-index:90}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.mc{font-family:var(--mincho);font-weight:500;color:var(--head);letter-spacing:.04em}
:is(h1,h2,h3,.mc,.logo){font-feature-settings:"palt" 1}
.kick{font-family:var(--fig);font-style:italic;font-weight:350;color:var(--rose);font-size:var(--f2);letter-spacing:.04em;display:block;margin-bottom:6px}
h2.mc{font-size:var(--f6);line-height:1.5}
.lead{font-size:var(--f3);color:var(--mid);line-height:2.1;margin-top:16px;max-width:34em}
section{position:relative}
p,li,dd,.lead,.shelf span{text-wrap:pretty}
html.l-wbr body{word-break:keep-all;line-break:strict;overflow-wrap:break-word}
.kj,.nb{white-space:nowrap}
:where(p,li,dd,figcaption):lang(en){font-variant-numeric:oldstyle-nums proportional-nums;hyphens:auto;text-wrap:pretty}
:where(table,.l-num,[data-num]){font-variant-numeric:lining-nums tabular-nums}
:where(h1,h2,h3,h4,h5,h6):lang(en){hyphens:manual}
.sec{padding:var(--sec) 0}
.sp-br{display:none}
@media (max-width:600px){.sp-br{display:inline}.pc-br{display:none}}
.card{position:relative;background:#fff;border-radius:var(--r);box-shadow:0 0 0 1px rgba(158,93,109,.06),0 1px 2px rgba(158,93,109,.06),0 22px 44px -26px rgba(158,93,109,.32)}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--grain);opacity:.06;mix-blend-mode:multiply;pointer-events:none}
.hd{position:fixed;inset:0 0 auto;z-index:50;transition:background .6s var(--e),box-shadow .6s var(--e)}
.hd.is-scrolled{background:rgba(255,255,255,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.hd .wrap{display:flex;align-items:center;gap:28px;height:var(--hdh)}
.logo{display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;font-family:var(--mincho);font-weight:500;font-size:var(--f4);color:var(--head);letter-spacing:.1em;transition:color .5s var(--e)}
.logo img{width:30px;height:30px;transition:transform .6s var(--e)}
.nav{display:flex;gap:26px;margin-left:auto;white-space:nowrap;font-size:var(--f2);color:var(--mid)}
.nav a{position:relative;padding:6px 0;transition:color .5s var(--e)}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--rose);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--e)}
.nav a[aria-current]{color:var(--rose-ink)}.nav a[aria-current]::after{transform:scaleX(1);opacity:.5}
.btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 24px;border-radius:99px;font-size:var(--f2);letter-spacing:.08em;white-space:nowrap;
  background:var(--res);color:var(--res-ink);box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 10px 20px -12px var(--res-shadow);transition:transform .5s var(--e),box-shadow .5s var(--e),background .5s var(--e)}
.btn.ghost{background:#fff;color:var(--rose-ink);box-shadow:inset 0 0 0 1px rgba(158,93,109,.5)}
.btn i{width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);transition:transform .5s var(--e)}
.tel{white-space:nowrap;font-family:var(--fig);font-size:var(--f3);color:var(--head);letter-spacing:.04em;transition:color .5s var(--e)}
@media (hover:hover){
  .logo:hover{color:var(--rose)} .logo:hover img{transform:rotate(-8deg) scale(1.04)}
  .nav a:hover{color:var(--rose)} .nav a:hover::after{transform:scaleX(1);opacity:1}
  .btn:hover{transform:translateY(-2px);background:var(--res-hover);box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 16px 26px -14px var(--res-shadow)} .btn.ghost:hover{background:#FDF1F4;box-shadow:inset 0 0 0 1px var(--rose)} .btn:hover i{transform:translateX(3px) rotate(45deg)}
  .tel:hover{color:var(--rose)}
}
.btn:active{transform:translateY(1px) scale(.98)}
.burger{display:none;width:44px;height:44px;margin-left:auto;position:relative;background:none;border:0;cursor:pointer;color:var(--head)}
.burger span{position:absolute;right:10px;width:24px;height:1px;background:currentColor;transition:transform .5s var(--e),opacity .5s var(--e),top .5s var(--e)}
.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:21px}.burger span:nth-child(3){top:27px}
.is-open .burger span:nth-child(1){top:21px;transform:rotate(45deg)}.is-open .burger span:nth-child(2){opacity:0}.is-open .burger span:nth-child(3){top:21px;transform:rotate(-45deg)}
@media (hover:hover){.burger:hover{color:var(--rose)}}
.m-nav{position:fixed;inset:0;z-index:45;background:#FFFDFB;display:grid;place-content:center;gap:8px;text-align:center;opacity:0;visibility:hidden;pointer-events:none;overscroll-behavior:contain;overflow-y:auto;transition:opacity .5s var(--e),visibility 0s linear .5s}
.m-nav a{font-family:var(--mincho);font-size:var(--f4);color:var(--head);padding:8px;letter-spacing:.1em}
.m-nav a[aria-current]{color:var(--rose)}
.is-open .m-nav{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s var(--e),visibility 0s}
html.is-lock{overflow:hidden}   
.phead{--bgw:min(58vw,1160px);--bgh:calc(var(--bgw) * 2 / 3);position:relative;min-height:calc(var(--bgh) + 40px);padding:calc(var(--hdh) + 16px) 0 clamp(40px,4vw,64px);background:#fff}
.phead::before{content:"";position:absolute;left:0;top:64px;width:min(52vw,900px);aspect-ratio:9/7;background:url(../top/img/hero_wash.png?v=1) center/100% 100% no-repeat;opacity:.6;pointer-events:none;z-index:0}
.phead__bg{position:absolute;top:var(--hdh);right:0;width:var(--bgw);aspect-ratio:3/2;overflow:hidden;z-index:0;-webkit-mask:url(../top/img/hero_mask_pc.png?v=4) center/100% 100% no-repeat;mask:url(../top/img/hero_mask_pc.png?v=4) center/100% 100% no-repeat}
.phead__bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--op,70% 50%);transform:translate3d(0,var(--hy,0px),0) scale(var(--hs,1.06));transition:transform 7s cubic-bezier(.25,.1,.25,1);will-change:transform}
.phead.is-ready .phead__bg video{--hs:1}
.phead .wrap{position:relative;z-index:1}
.crumb{display:flex;gap:8px;font-size:var(--f1);color:var(--faint);letter-spacing:.08em}
.crumb a{transition:color .5s var(--e)}.crumb span::before{content:"/";margin-right:8px;opacity:.6}
@media (hover:hover){.crumb a:hover{color:var(--rose)}}
.phead__txt{max-width:min(32vw,420px);margin-top:calc(var(--bgh) * .5 - 120px)}
.phead h1{font-family:var(--mincho);font-weight:500;color:var(--head);font-size:var(--f6);line-height:1.55;letter-spacing:.03em}
.phead h1 .ln{display:block;white-space:nowrap}
.phead .lead{font-size:var(--f3)}
.ft{position:relative;padding:calc(var(--u)*4) 0 40px;background:linear-gradient(180deg,#fff,var(--p1));overflow:hidden}
.ft .field{position:absolute;left:0;right:0;bottom:0;height:min(42vw,440px);background:url(../web/field-pencil.png) center bottom/cover no-repeat;opacity:.55;mix-blend-mode:multiply;transform:translate3d(0,var(--py,0px),0);will-change:transform}
.ft .wrap{position:relative;text-align:center}
.ft .end{font-family:var(--mincho);color:var(--head);font-size:var(--f5);letter-spacing:.1em;line-height:1.8}
.ft .sub{margin-top:12px;font-size:var(--f2);color:var(--mid)}
.ft .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.ft small{display:block;margin-top:calc(var(--u)*5);font-size:var(--f1);color:var(--mid);letter-spacing:.1em}
@media (min-width:901px){.ft{padding-top:calc(var(--u)*4)}.ft small{margin-top:calc(min(42vw,440px) - 24px)}}
[data-rv]{opacity:.18;transform:translate3d(0,36px,0);transition:opacity .85s var(--e),transform .85s var(--e);transition-delay:var(--d,0s)}
[data-rv].is-in{opacity:1;transform:none}
[data-lines]>*{opacity:.18;transform:translate3d(0,36px,0);transition:opacity .85s var(--e),transform .85s var(--e);transition-delay:calc(var(--d,0s) + var(--l,0) * .07s)}
[data-lines].is-in>*{opacity:1;transform:none}
[data-depth]{translate:0 var(--dy,0px)}
@media (hover:none){@supports (animation-timeline:scroll()){
  .phead__bg video{animation:hd-sink linear both;animation-timeline:scroll(root block);animation-range:0px 130vh}
  @keyframes hd-sink{to{translate:0 31vh}}
}}
@media (prefers-reduced-motion:reduce){
  [data-rv],[data-lines]>*{opacity:1!important;transform:none!important;transition:none!important}
  .phead__bg video,[data-depth],.ft .field{transform:none!important;animation:none!important}
  [data-depth]{translate:none!important}
  .logo:hover img,.btn:hover{transform:none!important}
  .btn:hover i{transform:rotate(45deg)!important}
  .swipe-hint i{animation:none!important}
  html{scroll-behavior:auto!important}
  *,*::before,*::after{transition-duration:.15s!important;transition-property:color,background-color,border-color,opacity!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
html[data-motion=reduce] [data-rv],html[data-motion=reduce] [data-lines]>*{opacity:1!important;transform:none!important;transition:none!important}
html[data-motion=reduce] .phead__bg video,html[data-motion=reduce] [data-depth],html[data-motion=reduce] .ft .field{transform:none!important;animation:none!important}
html[data-motion=reduce] .logo:hover img,html[data-motion=reduce] .btn:hover{transform:none!important}
html[data-motion=reduce] .btn:hover i{transform:rotate(45deg)!important}
html[data-motion=reduce] .swipe-hint i{animation:none!important}
html[data-motion=reduce]{scroll-behavior:auto!important}
html[data-motion=reduce] *,html[data-motion=reduce] *::before,html[data-motion=reduce] *::after{transition-duration:.15s!important;transition-property:color,background-color,border-color,opacity!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
html.shot *,html.shot *::before,html.shot *::after{transition:none!important;animation:none!important}
@media (max-width:1180px){.hd .tel{display:none}}
@media (max-width:1024px){.nav,.hd .btn,.hd .tel{display:none}.burger{display:block}}
@media (max-width:900px){
  .phead{min-height:0;padding-top:calc(56px + 75vw * .8)}
  .phead::before{top:calc(56px + 75vw * .45);width:120vw;left:-20vw;opacity:.5}
  .phead__bg{top:56px;width:100%;aspect-ratio:4/3;-webkit-mask-image:url(../top/img/hero_mask_sp.png?v=3);mask-image:url(../top/img/hero_mask_sp.png?v=3)}
  .phead__bg video{object-position:var(--op-sp,50% 50%)}
  .phead__txt{max-width:none;margin-top:max(16px,calc(15vw - 24px))}   
  .ft{padding-bottom:min(64vw,300px)}
  .ft .field{height:min(104vw,470px);background-size:auto 100%}
}
@media (max-width:900px){:root{--sec:calc(var(--u)*3);--hc:calc(var(--u)*1)}}
.ft .btns{align-items:center;column-gap:28px}
.end-tel{display:inline-flex;align-items:baseline;gap:8px;font-family:var(--fig);font-size:var(--f3);color:var(--head);letter-spacing:.06em;padding:8px 2px;border-bottom:1px solid rgba(110,90,120,.35);transition:color .5s var(--e),border-color .5s var(--e)}
.end-tel .lb{font-family:var(--gothic);font-size:var(--f1);color:var(--mid);letter-spacing:.08em}
@media (hover:hover){.end-tel:hover{color:var(--rose);border-color:var(--rose)}}
@font-face{font-family:"Himawari Mincho";src:url(../common/font/shippori-500-sub.woff2?v=1105p) format("woff2");font-weight:500;font-display:swap}
:root{--mincho:"Himawari Mincho","Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif}
:is(h1,h2,h3,.mc,.logo,.shelf b,.person b,.read h3,.news h3,.feat h3,.way h3,.ft .end,.m-nav a,.mount .tab){font-feature-settings:"palt" 1}
.hero h1,.phead h1{letter-spacing:.03em}             
.mc,.feat h3,.person b{letter-spacing:.04em}          
.shelf b,.way h3,.read h3,.news h3{letter-spacing:.05em} 
.logo{letter-spacing:.06em}                          
.ft .end{letter-spacing:.06em}
.m-nav a{letter-spacing:.08em}                       
.mount .tab{letter-spacing:.1em}                     
.ft-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px;margin:calc(var(--u)*1.5) auto 0;font-size:var(--f1);color:var(--mid);letter-spacing:.06em}
.ft-nav a{position:relative;padding:8px 0;transition:color .5s var(--e)}
.ft-nav a[aria-current]{color:var(--rose-ink)}
@media (hover:hover){.ft-nav a:hover{color:var(--rose)}}
.hd .lang{flex:none;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:99px;font-family:var(--fig);font-size:var(--f1);letter-spacing:.06em;color:var(--ink);font-weight:500;box-shadow:inset 0 0 0 1px rgba(85,74,112,.6);transition:color .5s var(--e),box-shadow .5s var(--e)}
.hd .lang:lang(ja){font-family:var(--gothic)}
.m-nav .lang{font-family:var(--fig);font-size:var(--f3);color:var(--mid);margin-top:6px}
@media (hover:hover){.hd .lang:hover{color:var(--rose);box-shadow:inset 0 0 0 1px var(--rose)}}
@media (max-width:1024px){.hd .lang{margin-left:auto}.hd .lang+.btn+.burger,.hd .lang~.burger{margin-left:6px}}
html:is(:lang(ja),.jl) .logo{font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN",var(--gothic);font-weight:500;font-size:21px;letter-spacing:.06em}
html:is(:lang(ja),.jl) .logo img{width:32px;height:32px}
html:is(:lang(ja),.jl) .hd .tel{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px 0 16px;border-radius:99px;background:var(--tel);color:var(--tel-ink);font-family:var(--fig);font-size:var(--f2);letter-spacing:.05em;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 8px 18px -14px var(--tel-shadow);transition:transform .5s var(--e),background .5s var(--e),color .5s var(--e)}
html:is(:lang(ja),.jl) .hd .tel svg{width:18px;height:18px;flex:none}
@media (hover:hover){html:is(:lang(ja),.jl) .hd .tel:hover{transform:translateY(-2px);background:var(--tel-hover);color:var(--tel-ink)}}
@media (max-width:1180px){html:is(:lang(ja),.jl) .hd .tel{display:inline-flex;width:46px;padding:0;gap:0}html:is(:lang(ja),.jl) .hd .tel span{display:none}}
@media (max-width:1024px){html:is(:lang(ja),.jl) .hd .tel{width:44px;height:44px;order:2;margin-left:6px}html:is(:lang(ja),.jl) .hd .lang{order:1}html:is(:lang(ja),.jl) .burger{order:3}}
@media (prefers-reduced-motion:reduce){html:is(:lang(ja),.jl) .hd .tel:hover{transform:none!important}}
html[data-motion=reduce]:is(:lang(ja),.jl) .hd .tel:hover{transform:none!important}
@media (max-width:600px){html:is(:lang(ja),.jl) .hd .wrap{gap:6px}html:is(:lang(ja),.jl) .logo{font-size:18px;letter-spacing:.04em;gap:8px}html:is(:lang(ja),.jl) .logo img{width:28px;height:28px}html:is(:lang(ja),.jl) .hd .lang{display:none}html:is(:lang(ja),.jl) .hd .tel{margin-left:auto}}
@media (min-width:1025px){
  html:is(:lang(ja),.jl) .hd .lang{order:1;height:36px;padding:0 16px}
  html:is(:lang(ja),.jl) .hd .tel{order:2;position:relative;width:36px;height:36px;padding:0;gap:0;margin-left:-16px}
  html:is(:lang(ja),.jl) .hd .wrap>.btn{order:3;margin-left:-12px}
  html:is(:lang(ja),.jl) .hd .tel span{position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;white-space:nowrap;padding:5px 12px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px var(--line),0 10px 20px -14px rgba(92,78,104,.45);font-size:var(--f1);letter-spacing:.05em;color:var(--head);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .4s var(--e),transform .4s var(--e)}
}
@media (min-width:1025px) and (hover:hover){html:is(:lang(ja),.jl) .hd .tel:hover span,html:is(:lang(ja),.jl) .hd .tel:focus-visible span{opacity:1;transform:none}}
@media (min-width:1025px) and (hover:none){html:is(:lang(ja),.jl) .hd .tel:focus-visible span{opacity:1;transform:none}}
@media (max-width:1180px){html:is(:lang(ja),.jl) .hd .tel{width:36px;padding:0}}
@media (max-width:1024px){html:is(:lang(ja),.jl) .hd .tel span{display:none}}
@media (prefers-reduced-motion:reduce){html:is(:lang(ja),.jl) .hd .tel span{transition:none!important;transform:none!important}}
html[data-motion=reduce] .hd .tel span{transition:none!important;transform:none!important}
@media (min-width:1025px) and (max-width:1180px){html:is(:lang(ja),.jl) .hd .tel span{display:block}}
html:is(:lang(ja),.jl) .phead{padding-bottom:calc(var(--u)*1)}
html:is(:lang(ja),.jl) .phead+section{padding-top:calc(var(--u)*2)}   
@media (max-width:900px){html:is(:lang(ja),.jl) .phead+section{padding-top:calc(var(--u)*2)}}
@media (min-width:1025px) and (max-width:1240px){
  html:is(:lang(ja),.jl) .hd .wrap{gap:16px;padding-left:24px;padding-right:24px}
  html:is(:lang(ja),.jl) .logo{font-size:18px;letter-spacing:.04em;gap:8px}
  html:is(:lang(ja),.jl) .logo img{width:28px;height:28px}
  html:is(:lang(ja),.jl) .nav{gap:16px;font-size:14px}
  html:is(:lang(ja),.jl) .hd .wrap>.btn{margin-left:0;padding:0 16px}
  html:is(:lang(ja),.jl) .hd .tel{margin-left:-8px}
}
@media (max-width:1024px){
  html:is(:lang(ja),.jl) .hd .wrap:not(:has(.lang)) .tel{margin-left:auto}
  html:is(:lang(ja),.jl) .hd .wrap:not(:has(.lang)) .burger{margin-left:6px}
}
@media (min-width:1025px){
  html:is(:lang(ja),.jl) .hd .wrap:not(:has(.lang)) .tel{margin-left:0}
  html:is(:lang(ja),.jl) .hd .wrap:not(:has(.lang))>.btn{margin-left:-8px}
}
.st__rule{display:flex;align-items:baseline;gap:12px;margin:0;line-height:1}
.st__rule::after{content:"";flex:1;height:1px;background:rgba(var(--ts,158,93,109),.32);transform:translateY(-.3em)}
.st__no{font-family:var(--fig);font-style:italic;font-weight:350;font-size:var(--f4);color:var(--rose);font-variation-settings:"SOFT" 100,"opsz" 72}
.st__en{font-family:var(--fig);font-style:italic;font-weight:350;font-size:var(--f2);color:var(--rose);letter-spacing:.04em}
.ft-legal{margin-top:6px;font-size:var(--f1);color:var(--mid);letter-spacing:.06em}
.ft-legal a{display:inline-block;padding:8px 0;transition:color .5s var(--e)}
.ft-legal a[aria-current]{color:var(--rose-ink)}
@media (hover:hover){.ft-legal a:hover{color:var(--rose)}}
.phead--q{min-height:0;padding-bottom:calc(var(--u)*1.5)}
.phead--q::before{top:12px;width:min(46vw,760px);opacity:.42}
.phead--q .phead__txt{max-width:44em;margin-top:calc(var(--u)*2.5)}
.phead--q h1 .ln{white-space:normal}
.phead__ic{position:absolute;right:clamp(16px,6vw,96px);top:calc(var(--u)*1.5);width:clamp(120px,11vw,160px)}
.phead__ic img{width:100%;filter:drop-shadow(0 14px 14px rgba(110,79,90,.22))}
@media (max-width:900px){
  .phead--q{padding-top:calc(56px + 20px)}
  .phead--q::before{top:40px;width:120vw;left:-20vw}
  .phead--q .phead__txt{margin-top:calc(var(--u)*1.5);padding-right:0}
  .phead__ic{display:none}
}
:root{--g:calc(var(--u)*2);--c47:calc((100% - var(--g)) * 4 / 11) minmax(0,1fr);--c66:repeat(2,minmax(0,1fr))}
.phead::before{display:none}
@media (max-width:1024px){
  html:is(:lang(ja),.jl) .hd .wrap>.btn{display:inline-flex;order:3;height:36px;padding:0 12px;font-size:var(--f1);letter-spacing:.04em;margin-left:6px;gap:0}
  html:is(:lang(ja),.jl) .hd .wrap>.btn i{display:none}
  html:is(:lang(ja),.jl) .burger{order:4}
}
@media (max-width:900px){
  .phead .wrap{display:flex;flex-direction:column}
  .phead .crumb{order:2;margin-top:16px}
  .phead--q .crumb{order:0;margin-top:0}
}
.ft .btns>.btn,.ft .btns>.end-tel{min-width:180px;justify-content:center}   
@media (max-width:900px){.phead:not(.phead--q) .phead__txt{margin-top:calc(15vw + 24px)}}   
@media (max-width:600px){
  html:is(:lang(ja),.jl) .hd .wrap{gap:8px}
  html:is(:lang(ja),.jl) .logo{font-size:15px;letter-spacing:.02em;gap:8px}
  html:is(:lang(ja),.jl) .logo img{width:24px;height:24px}
  html:is(:lang(ja),.jl) .hd .tel{display:none}
  html:is(:lang(ja),.jl) .hd .wrap>.btn{display:inline-flex;margin-left:auto;height:36px;padding:0 16px}
}
.m-nav .m-tel{display:inline-flex;align-items:baseline;justify-content:center;gap:8px;font-family:var(--fig);font-size:var(--f4);letter-spacing:.04em}
.m-nav .m-tel span{font-family:var(--gothic);font-size:var(--f1);color:var(--mid)}
.ft--j{padding:calc(var(--u)*2) 0 clamp(160px,12.8vw,184px);text-align:left}
.ft--j .field{height:clamp(160px,12.8vw,184px);background-size:auto 100%;background-repeat:repeat-x;background-position:center bottom;opacity:.5}
.ft--j .wrap.ft__in{text-align:left;display:grid;grid-template-columns:var(--c47);column-gap:var(--g);row-gap:calc(var(--u)*1)}
.ft--j .end{font-size:var(--f4);line-height:1.7;letter-spacing:.06em}
.ft--j .sub{margin-top:8px;font-size:var(--f2);line-height:1.9}
.ft--j .btns{justify-content:flex-start;margin-top:0;column-gap:24px;row-gap:8px}
.ft__info{margin-top:16px;display:grid;gap:0;font-size:var(--f2);line-height:1.9;color:var(--ink)}
.ft__info div{display:grid;grid-template-columns:3em minmax(0,1fr);column-gap:16px}
.ft__info dt{font-size:var(--f1);color:var(--mid);letter-spacing:.08em;line-height:2.2}
.ft--j .ft-nav{justify-content:flex-start;margin:16px 0 0;gap:0 24px}
.ft__end{grid-column:1/-1;display:flex;align-items:center;gap:8px 32px;flex-wrap:wrap}
.ft--j .ft-legal{margin:0}
.ft--j small{margin:0;display:inline}
@media (min-width:901px){.ft--j small{margin-top:0}}
@media (max-width:900px){
  .ft--j{padding:calc(var(--u)*2) 0 160px}
  .ft--j .field{height:160px}
  .ft--j .wrap.ft__in{grid-template-columns:1fr;row-gap:24px}
  .ft__end{gap:0 24px}
}
html:is(:lang(ja),.jl) :is(.kick,.st__en,.koma__st){display:none}
.ft--j{padding-bottom:clamp(280px,33vw,520px)}
.ft--j .field{height:clamp(280px,33vw,520px);background:image-set(url(../web/field-pencil-one.avif) type("image/avif"),url(../web/field-pencil-one.webp) type("image/webp"),url(../web/field-pencil-one.png) type("image/png")) center bottom/cover no-repeat;opacity:.64}
@media (max-width:900px){.ft--j{padding-bottom:min(104vw,440px)}.ft--j .field{height:min(104vw,440px);background-size:auto 100%}}   
@media (min-width:1025px){
  html:is(:lang(ja),.jl) .hd .wrap>.lang{height:40px;padding:0 16px;margin-left:0}
  html:is(:lang(ja),.jl) .hd .wrap>.tel{width:40px;height:40px;margin-left:-18px}
  html:is(:lang(ja),.jl) .hd .wrap>.btn{height:40px;margin-left:-18px;padding:0 20px}
  html:is(:lang(ja),.jl) .hd .wrap:not(:has(.lang))>.tel{margin-left:0}
}
@media (min-width:1025px) and (max-width:1240px){html:is(:lang(ja),.jl) .hd .wrap>:is(.tel,.btn){margin-left:-6px}html:is(:lang(ja),.jl) .hd .wrap>.btn{padding:0 16px}}
@media (max-width:1024px){
  html:is(:lang(ja),.jl) .hd .wrap>:is(.lang,.tel,.btn){height:40px}
  html:is(:lang(ja),.jl) .hd .wrap>.tel{width:40px}
  html:is(:lang(ja),.jl) .hd .wrap>:is(.tel,.btn){margin-left:-18px}   
  html:is(:lang(ja),.jl) .hd .wrap>.burger{margin-left:-16px}
  html:is(:lang(ja),.jl) .hd .wrap:not(:has(.lang))>.tel{margin-left:auto}
}
@media (max-width:600px){html:is(:lang(ja),.jl) .hd .wrap>.btn{height:40px;margin-left:auto}html:is(:lang(ja),.jl) .hd .wrap>.burger{margin-left:0}}
:root{--f2:16px}
@media (max-width:900px){:root{--f2:15px}}
.nav,.nav a,.btn,.jump a,.crumb{font-size:15px}
@media (max-width:1240px){html:is(:lang(ja),.jl) .nav{font-size:14px}}
body{letter-spacing:.05em}
:is(.st__tx,.clay p,.fl p,.feat p,.svc__tx .body p,.mr__tx .body p,.prof .msg p,.rd p,.read p,.way p,.steps4 p,.qa dd,.free dd,.info dd,.art__tx p,.art--legal .art__tx p,.list-card ul,.ft--j .sub,.ft__info){line-height:2}
:is(.koma figcaption,.rooms figcaption span,figcaption span){font-size:15px;line-height:1.9}
.lead,.sec-hd .lead,.phead .lead{font-family:var(--mincho);font-weight:500;font-size:17px;line-height:2.1;letter-spacing:.06em;color:var(--ink);font-feature-settings:"palt" 1}
@media (max-width:900px){.lead,.sec-hd .lead,.phead .lead{font-size:16px;line-height:2}}
h2.mc,.phead h1{letter-spacing:.06em;line-height:1.5}
:is(.st h3,.fl h3,.rd h3,.read h3,.way h3,.steps4 h3,.svc__tx h3,.mr__hd h3,.clay h3,.clay h2.mc,.art__sec h2.mc,.svc__card h2.mc){letter-spacing:.06em;line-height:1.55}
.kick,.st__en,.koma__st,.art__nexth{letter-spacing:0}
:is(.tel,.end-tel,.m-tel,.tm,.w-hours,.ft__info,.pr,.opt__pr,.seal,.info a[href^="tel"],.d,.t2){font-variant-numeric:lining-nums tabular-nums}
.m-nav .m-tel{background:var(--tel);color:var(--tel-ink);padding:10px 26px;border-radius:99px;box-shadow:0 10px 20px -14px var(--tel-shadow);transition:background .5s var(--e)}
.m-nav .m-tel span{color:var(--tel-ink)}
.m-nav a[target=_blank]{background:var(--res);color:var(--res-ink);padding:10px 26px;border-radius:99px;font-size:var(--f4);box-shadow:0 10px 20px -14px var(--res-shadow);transition:background .5s var(--e)}
@media (hover:hover){.m-nav .m-tel:hover{background:var(--tel-hover)}.m-nav a[target=_blank]:hover{background:var(--res-hover)}}
[data-lic]{display:flex;align-items:center;gap:8px;color:var(--head)!important;font-weight:500}
[data-lic]::before{content:"";flex:none;width:20px;height:20px;background:var(--rose);-webkit-mask:var(--ic) center/100% 100% no-repeat;mask:var(--ic) center/100% 100% no-repeat}
.info dt[data-lic],.ft__info dt[data-lic]{align-self:start}
.info dt[data-lic]{line-height:1.95;height:calc(1.95 * var(--f2))}
.ft__info dt[data-lic]{height:calc(1.9 * var(--f2))}
[data-lic=pin]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20.5s-6.2-5.4-6.2-10.6a6.2 6.2 0 0 1 12.4 0c0 5.2-6.2 10.6-6.2 10.6z%22/%3E%3Ccircle cx=%2212%22 cy=%229.9%22 r=%222.2%22/%3E%3C/svg%3E")}
[data-lic=clock]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.3%22/%3E%3Cpath d=%22M12 7.6V12l2.9 1.9%22/%3E%3C/svg%3E")}
[data-lic=phone]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6.6 3.5h2.6l1.3 3.9-1.9 1.3a12 12 0 0 0 6.7 6.7l1.3-1.9 3.9 1.3v2.6a2 2 0 0 1-2.1 2C10.8 19.1 4.9 13.2 4.6 5.6a2 2 0 0 1 2-2.1z%22/%3E%3C/svg%3E")}
[data-lic=car]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.2 15.8v-2.6l1.9-4.3a2 2 0 0 1 1.8-1.2h8.2a2 2 0 0 1 1.8 1.2l1.9 4.3v2.6a1 1 0 0 1-1 1H5.2a1 1 0 0 1-1-1z%22/%3E%3Cpath d=%22M4.6 12.6h14.8%22/%3E%3Cpath d=%22M6.8 16.8v1.7M17.2 16.8v1.7%22/%3E%3C/svg%3E")}
[data-lic=train]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%226.2%22 y=%223.6%22 width=%2211.6%22 height=%2212.6%22 rx=%223%22/%3E%3Cpath d=%22M6.2 10h11.6%22/%3E%3Cpath d=%22M9.4 13.1h.01M14.6 13.1h.01%22/%3E%3Cpath d=%22M8.6 16.2l-2 3.6M15.4 16.2l2 3.6%22/%3E%3C/svg%3E")}
[data-lic=cal]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224.2%22 y=%225.6%22 width=%2215.6%22 height=%2214%22 rx=%222.6%22/%3E%3Cpath d=%22M4.2 10.2h15.6M8.6 3.8v3.4M15.4 3.8v3.4%22/%3E%3C/svg%3E")}
[data-lic=yen]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.3%22/%3E%3Cpath d=%22M9.1 7.8l2.9 4 2.9-4M12 11.8v4.8M9.6 12.6h4.8M9.6 14.9h4.8%22/%3E%3C/svg%3E")}
[data-lic=book]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.4 8.2a2 2 0 0 1 2-2h11.2a2 2 0 0 1 2 2v1.6a2.2 2.2 0 0 0 0 4.4v1.6a2 2 0 0 1-2 2H6.4a2 2 0 0 1-2-2v-1.6a2.2 2.2 0 0 0 0-4.4z%22/%3E%3Cpath d=%22M9.4 12.1l1.8 1.8 3.5-3.6%22/%3E%3C/svg%3E")}
[data-lic=person]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%228.2%22 r=%223.4%22/%3E%3Cpath d=%22M5.4 19.6c.8-3.4 3.4-5.3 6.6-5.3s5.8 1.9 6.6 5.3%22/%3E%3C/svg%3E")}
[data-lic=people]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%229%22 cy=%228.6%22 r=%223%22/%3E%3Cpath d=%22M3.6 19.2c.7-3 2.8-4.7 5.4-4.7s4.7 1.7 5.4 4.7%22/%3E%3Cpath d=%22M15.2 5.9a3 3 0 0 1 0 5.6M17.4 14.8c1.6.6 2.6 2 3 4.4%22/%3E%3C/svg%3E")}
[data-lic=bag]{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5.6 8.4h12.8l-.9 10.2a1.6 1.6 0 0 1-1.6 1.4H8.1a1.6 1.6 0 0 1-1.6-1.4z%22/%3E%3Cpath d=%22M9 10.4V7a3 3 0 0 1 6 0v3.4%22/%3E%3C/svg%3E")}
.ft__info div:has(dt[data-lic]){grid-template-columns:4.8em minmax(0,1fr)}
[data-lic]{font-size:14px!important;letter-spacing:.06em!important}
@media (max-width:900px){html:is(:lang(ja),.jl) [data-depth]{translate:none}}
@media (max-width:600px){html:is(:lang(ja),.jl) .ft .btns>.end-tel{justify-content:flex-start}}
@media (max-width:600px){
  html:is(:lang(ja),.jl) .hd .wrap>.btn{order:2;height:44px;margin-left:auto;padding:0 14px}
  html:is(:lang(ja),.jl) .hd .wrap>.tel{order:3}
  html:is(:lang(ja),.jl) .hd .wrap>.burger{order:4;margin-left:0}
}
@media (min-width:440px) and (max-width:600px){
  html:is(:lang(ja),.jl) .hd .wrap>.tel{display:inline-flex;width:44px;height:44px;margin-left:0;padding:0;gap:0}
  html:is(:lang(ja),.jl) .hd .wrap>.tel span{display:none}
}
.nb wbr{display:none}
@media (max-width:900px){.ft-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0}}
.tel-tap{display:inline-block;padding:2px 0 12px;margin:-2px 0 -12px}   
@media (min-width:901px){.phead:not(.phead--q){padding-top:calc(var(--hdh) + 20px)}.phead__txt{margin-top:round(calc(var(--bgh) * .5 - 120px),8px)}}
@media (max-width:900px){
  .phead:not(.phead--q){padding-top:round(calc(56px + 75vw * .8),8px)}
  .phead:not(.phead--q) .phead__txt{margin-top:round(calc(15vw + 24px),8px)}
}
.kick{margin-bottom:8px}
html[data-motion=reduce] [data-rv],html[data-motion=reduce] [data-lines]>*{opacity:1!important;transform:none!important;transition:none!important}
html[data-motion=reduce] .phead__bg video,html[data-motion=reduce] [data-depth],html[data-motion=reduce] .ft .field{transform:none!important;animation:none!important}
html[data-motion=reduce] [data-depth]{translate:none!important}
html[data-motion=reduce] .logo:hover img,html[data-motion=reduce] .btn:hover{transform:none!important}
html[data-motion=reduce] .btn:hover i{transform:rotate(45deg)!important}
html[data-motion=reduce] .swipe-hint i{animation:none!important}
html[data-motion=reduce]{scroll-behavior:auto!important}
html[data-motion=reduce] *,html[data-motion=reduce] *::before,html[data-motion=reduce] *::after{transition-duration:.15s!important;transition-property:color,background-color,border-color,opacity!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
html[data-motion=reduce]:is(:lang(ja),.jl) .hd .tel:hover{transform:none!important}
html[data-motion=reduce]:is(:lang(ja),.jl) .hd .tel span{transition:none!important;transform:none!important}
@media (max-width:900px){
  .logo{min-height:44px}
  .crumb a{display:inline-block;padding:7px 0;margin:-7px 0}
  .ft-nav a{display:inline-block;min-width:44px;text-align:center}
  .ft-legal a{padding:9px 0;margin:-1px 0}
}
.ph-tel{display:none}
@media (max-width:439px){
  html:is(:lang(ja),.jl) .ph-tel{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:16px;color:var(--head);font-size:var(--f2);letter-spacing:.06em;transition:color .5s var(--e)}
  html:is(:lang(ja),.jl) .ph-tel i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--tel);color:var(--tel-ink);transition:background .5s var(--e)}
  html:is(:lang(ja),.jl) .ph-tel svg{width:18px;height:18px}
  html:is(:lang(ja),.jl) .ph-tel span{font-family:var(--fig);font-size:var(--f3);letter-spacing:.04em;color:var(--tel-ink);font-variant-numeric:lining-nums tabular-nums}
}
@media (max-width:439px){html:is(:lang(ja),.jl) .ph-tel+.lead{margin-top:16px}}
@media (hover:hover){html:is(:lang(ja),.jl) .ph-tel:hover{color:var(--rose)}html:is(:lang(ja),.jl) .ph-tel:hover i{background:var(--tel-hover)}}
@media (prefers-reduced-motion:reduce){html:is(:lang(ja),.jl) .ph-tel,html:is(:lang(ja),.jl) .ph-tel i{transition-duration:.15s!important}}
html[data-motion=reduce] .ph-tel,html[data-motion=reduce] .ph-tel i{transition-duration:.15s!important}
@media (max-width:439px){html:is(:lang(ja),.jl) .ph-tel{animation:ph-tel-in .85s var(--e) .5s both}}
@keyframes ph-tel-in{from{opacity:.18;transform:translate3d(0,36px,0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html:is(:lang(ja),.jl) .ph-tel{animation:none!important}}
html[data-motion=reduce] .ph-tel{animation:none!important}
:root{--sec:calc(var(--u)*4.5);--hc:calc(var(--u)*1.75)}
@media (max-width:900px){:root{--sec:calc(var(--u)*2.75);--hc:calc(var(--u)*1)}}
:root{--f1:14px}
@media (max-width:900px){:root{--f1:13px}}