.lower-page .phrase{display:inline-block;max-width:100%;vertical-align:top}

.lower-page .flow-footnote .phrase{display:inline-block;margin:0;color:inherit;font:inherit;vertical-align:top}
.lower-page.about{background-image:linear-gradient(#f5f2e924,#f5f2e958),url('assets/art/wall-light.webp');background-size:auto,100% auto;background-position:top right;background-repeat:no-repeat}
.lower-page.services{background-image:linear-gradient(#f5f2e955,#f5f2e9a8),url('assets/art/wall-light.webp');background-size:auto,100% auto;background-position:top right;background-repeat:no-repeat}
.lower-page.pricing{background-image:linear-gradient(#f5f2e9aa,#f5f2e9b8),url('assets/art/paper.webp');background-size:auto,900px auto}
.lower-page .section-index>span:first-child::after{height:7px;bottom:-12px;border-radius:0;clip-path:polygon(0 45%,16% 15%,45% 0,72% 28%,100% 52%,97% 78%,63% 62%,32% 100%,8% 73%)}
.lower-page.works .section-index>span:first-child{color:#294330}
.lower-page .section-intro h2{position:relative}
.lower-page.services .section-intro h2::after{content:"";position:absolute;left:0;bottom:-13px;width:48%;height:7px;background:url('assets/art/vermilion-print.webp') 30% 55%/420px auto;clip-path:polygon(0 50%,20% 8%,47% 21%,80% 0,100% 54%,72% 70%,35% 100%,8% 84%);transform:rotate(-1deg);opacity:.85}

.lower-page .paper-window{border:4px solid #30362f;border-radius:8px 8px 2px 2px;padding:0 8px 12px;background:linear-gradient(120deg,#fffef9,#ecece1);box-shadow:2px 2px 0 #fffdf6b0,8px 19px 21px #2738222b,20px 30px 35px #27382215}
.lower-page .paper-window::after{height:12px;bottom:-14px;border-radius:1px 1px 45% 45%;box-shadow:1px 4px 3px #1b281a20}
.lower-page .phone-mockup{border-width:4px;border-radius:18px;padding:17px 4px 7px;box-shadow:2px 2px 0 #dfe1d6,8px 14px 20px #263a252e}
.lower-page .about-notebook{width:55%;left:-5%;bottom:-3px;transform:rotate(-5deg);filter:drop-shadow(3px 8px 5px #2534221a)}
.lower-page .collage-caption{right:0;bottom:15px;width:40%;font-size:17px;line-height:1.8;white-space:normal;text-align:right}
.js .lower-page .about-collage.is-visible{transform:translate3d(0,var(--parallax-y,0px),0)}
.lower-page .work-image{background-image:linear-gradient(#38523fe8,#38523fe8),url('assets/art/washi.webp');background-size:auto,650px auto}
.lower-page .work-salon .work-image{background-image:linear-gradient(#dccabde8,#dccabde8),url('assets/art/washi.webp')}
.lower-page .work-office .work-image{background-image:linear-gradient(#b4c7c2e8,#b4c7c2e8),url('assets/art/washi.webp')}
.device-pc{border-radius:7px 7px 3px 3px;padding:7px 7px 10px;box-shadow:1px 1px 0 #c0c5b5,8px 17px 15px #1428172b,17px 25px 28px #14281713}
.device-phone{border-radius:18px;box-shadow:1px 1px 0 #c0c5b5,7px 14px 14px #14281730}
.lower-page .flow-list li:nth-child(even) .flow-art{transform:rotate(3deg)}
.lower-page .flow-list li:nth-child(odd) .flow-art{transform:rotate(-3deg)}
.lower-footer{background-image:linear-gradient(#f5f2e988,#f5f2e9cc),url('assets/art/wall-light.webp');background-size:auto,100% auto;background-position:right bottom;background-repeat:no-repeat}
@media(max-width:1100px){
 .lower-page .about-notebook{width:53%;bottom:4px}
 .lower-page .collage-caption{font-size:14px;bottom:0}
}
@media(max-width:800px){
 .lower-page.about,.lower-page.services{background-size:auto,auto 690px}
 .lower-page .paper-window{border-width:3px;padding:0 5px 8px;border-radius:6px 6px 2px 2px}
 .lower-page .phone-mockup{border-width:3px;padding:12px 3px 5px;border-radius:12px}
 .lower-page .about-notebook{width:105%;left:-12%;bottom:24px;transform:rotate(-5deg)}
 .lower-page .collage-caption{bottom:-3px;width:100%;font-size:11px}
 .device-pc{padding:5px 5px 7px;border-radius:6px 6px 2px 2px}
 .device-phone{padding:9px 3px 5px;border-radius:11px}
 .lower-page.services .section-intro h2::after{width:62%;height:5px;bottom:-10px}
 .lower-footer{background-size:auto,auto 480px}
}

@media(min-width:1201px){
 .lower-page.about{padding-top:70px;padding-bottom:85px}
 .lower-page.about>.section-index{margin-bottom:32px}
 .lower-page .about-layout{grid-template-columns:230px minmax(0,1fr);column-gap:45px;row-gap:25px}
 .lower-page .about-title h2{font-size:58px;line-height:1.55}
 .lower-page .about-collage{height:600px}
 .js .lower-page .about-collage.is-visible{transform:translate3d(0,clamp(-14px,var(--parallax-y,0px),14px),0)}
 .lower-page .paper-window{width:79%;top:8px}
 .lower-page .mini-site img{aspect-ratio:1.95}
 .lower-page .phone-mockup{width:20%;bottom:58px;right:1%}
 .lower-page .about-notebook{width:44%;left:-3%;bottom:5px}
 .lower-page .collage-caption{bottom:8px;width:48%;font-size:16px}
 .lower-page .about-text{padding-left:0}
 .lower-page .about-text h3{font-size:27px;line-height:1.65;margin-bottom:14px}
 .lower-page .about-text>p{line-height:1.9}
}

.lower-page.works-scroll .works-viewport{padding-inline:0;overflow:clip}
.lower-page.works-scroll .work-card{width:var(--work-card-width,min(68vw,1040px))}

.lower-page.flow{background-image:linear-gradient(#e9ecdfce,#e9ecdfef 700px),url('assets/art/wall-light.webp');background-size:auto,100% auto;background-position:right top;background-repeat:no-repeat}
.lower-page.flow .section-intro h2::after{content:"";display:block;width:40%;height:6px;margin-top:12px;background:url('assets/art/vermilion-print.webp') 30% 55%/420px auto;clip-path:polygon(0 40%,28% 10%,62% 30%,100% 0,93% 80%,38% 100%,10% 72%);transform:rotate(-1deg);opacity:.7}
.lower-page .flow-track{width:7px;background:#66835b2b;border-radius:0;clip-path:polygon(35% 0,83% 5%,65% 18%,100% 31%,74% 49%,85% 67%,55% 82%,65% 96%,35% 100%,18% 87%,29% 64%,0 42%,20% 18%)}
.lower-page .flow-trail{background:linear-gradient(90deg,#314c30,#577049);border-radius:0}
.lower-page .flow-list li{border-bottom:0}
.lower-page .flow-list li:not(:last-child)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:#3954394a;clip-path:polygon(0 35%,19% 0,38% 37%,65% 22%,86% 60%,100% 40%,100% 65%,66% 68%,37% 83%,17% 46%,0 68%)}
@media(max-width:800px){
 .lower-page.flow{background-size:auto,auto 700px}
 .lower-page .flow-track{width:4px}
 .lower-page.flow .section-intro h2::after{height:4px;width:52%;margin-top:8px}
}

.lower-page.works .device-pc,
.lower-page.works .device-phone{
  background-color:#171d19;
  background-image:
    linear-gradient(125deg,#ffffff12 0%,#ffffff04 20%,#ffffff00 35%,#ffffff00 74%,#ffffff06 100%),
    linear-gradient(180deg,#353c36 0%,#202720 16%,#131914 62%,#222a23 100%);
  border-color:#667063;
}

.lower-page.works .device-pc{
  box-shadow:
    inset 0 1px 0 #f5f6e73d,
    inset 1px 0 0 #dce1d01c,
    inset 0 -1px 0 #080f09b3,
    1px 1px 0 #c1c7b27a,
    8px 17px 15px #1428172b,
    17px 25px 28px #14281713;
}

.lower-page.works .device-pc::after{
  background:linear-gradient(180deg,#81877b 0%,#c5c9ba 14%,#8b9384 31%,#505c4c 63%,#303d2f 100%);
  box-shadow:inset 0 1px 0 #f7f8eb80,inset 0 -1px 0 #13201073,0 2px 2px #1421162b;
  pointer-events:none;
}

.lower-page.works .device-phone{
  box-shadow:
    inset 0 1px 0 #f5f6e736,
    inset 1px 0 0 #e1e5d52b,
    inset 0 -1px 0 #070e09ad,
    1px 1px 0 #c1c7b27a,
    7px 14px 14px #14281730;
}

.lower-page.works .device-phone::before{
  background:linear-gradient(180deg,#09120c,#1b271c);
  box-shadow:inset 0 1px 1px #03080480,0 1px 0 #e0e8d616;
  pointer-events:none;
}

@media(max-width:800px){
  .lower-page.works .device-pc{
    box-shadow:
      inset 0 1px 0 #f5f6e736,
      inset 1px 0 0 #dce1d017,
      inset 0 -1px 0 #080f0999,
      1px 1px 0 #c1c7b266,
      3px 7px 9px #14281729,
      6px 12px 15px #14281712;
  }
  .lower-page.works .device-phone{
    box-shadow:
      inset 0 1px 0 #f5f6e72e,
      inset 1px 0 0 #e1e5d520,
      inset 0 -1px 0 #070e0999,
      1px 1px 0 #c1c7b266,
      3px 7px 8px #14281730;
  }
}

.lower-page.services .service-card h3{
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
}

@media(max-width:800px){
  .lower-page.flow .flow-journey{
    margin-top:28px;
  }
  .lower-page.flow .flow-list li{
    padding-top:18px;
  }
}

.lower-page .work-hanabi .work-image{
  background-image:radial-gradient(ellipse at 75% 20%,#9b79482e,transparent 65%),linear-gradient(#182a3ce8,#101d2de8),url('assets/art/washi.webp');
}

.lower-page .work-hanabi .device-screen{aspect-ratio:16/9}

.lower-page .work-shokudo .work-image{
  background-image:linear-gradient(110deg,#173e32 0%,#23493a 68%,#b89968 68%,#c8ab7e 100%);
}
.lower-page .work-shokudo .device-screen{aspect-ratio:16/9}
.lower-page .work-shokudo .sample-tag{color:#fff7e5}

.lower-page .work-nail .work-image{
  background-image:radial-gradient(ellipse at 78% 10%,#f178bd40,transparent 65%),linear-gradient(125deg,#fffdf8,#f0e4ff);
}
.lower-page .work-nail .device-screen{aspect-ratio:16/9}
.lower-page .work-nail .sample-tag{color:#482338}

.lower-page .work-fit .work-image{
  background-image:radial-gradient(ellipse at 80% 10%,#efffaeaa,transparent 65%),linear-gradient(125deg,#176442,#64ac4c);
}
.lower-page .work-fit .device-screen{aspect-ratio:16/9}
.lower-page .work-fit .sample-tag{color:#fffef4}

.lower-page .work-archive{padding:16px 2px 0}
.archive-heading{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #8b9c8259}
.archive-heading h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:30px;line-height:1.5;margin:0 0 8px}
.archive-heading p{font-size:16px;line-height:1.9;color:#3d5441}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.archive-card{display:block;min-width:0;color:inherit}
.archive-card:focus-visible{outline:2px solid #334e39;outline-offset:6px}
.lower-page .archive-image{height:auto;aspect-ratio:1.42;padding:25px 5% 21px}
.lower-page .archive-image::before{inset:-4px 6% 8px -4px}
.lower-page .archive-image .sample-tag{font-size:11px;top:7px;left:5%}
.lower-page .archive-image .device-pc{width:87%;padding:4px 4px 6px;top:9px;border-radius:5px 5px 2px 2px}
.lower-page .archive-image .device-pc::after{height:6px;bottom:-6px}
.lower-page .archive-image .device-screen{aspect-ratio:1440/1000}
.lower-page .archive-image .device-phone{width:22%;right:3%;bottom:10px;padding:6px 2px 3px;border-radius:9px}
.lower-page .archive-image .device-phone::before{height:2px;top:3px}
.lower-page .archive-image .device-phone img{border-radius:3px 3px 5px 5px}
.archive-caption{padding:19px 2px 0}
.archive-caption .work-category{font-size:14px}
.archive-caption h4{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(16px,1.3vw,21px);line-height:1.6;margin:4px 0 7px}
.archive-caption h4 span{flex:none;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:20px}
.archive-caption p{font-size:14px;line-height:1.9;color:#3d5441}
.archive-card:hover h4{text-decoration:underline;text-underline-offset:5px}

@media(max-width:800px){
  .lower-page .work-archive{padding:0;margin-top:10px}
  .archive-heading{margin-bottom:26px;padding-bottom:16px}
  .archive-heading h3{font-size:27px}
  .archive-heading p{font-size:15px}
  .archive-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .archive-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:17px;align-items:center}
  .lower-page .archive-image{aspect-ratio:1.35;padding:22px 5% 17px}
  .lower-page .archive-image .sample-tag{font-size:10px}
  .archive-caption{padding:0;min-width:0}
  .archive-caption h4{font-size:18px;gap:4px;line-height:1.55;margin:4px 0 7px}
  .archive-caption .work-category{font-size:13px}
  .archive-caption p{font-size:14px;line-height:1.8}
}