:root{--ink:#2a2b2d;--dark:#1e1f22;--gold:#c5a073;--paper:#f4f3ef;--muted:#76787a;--serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.625}img{display:block;width:100%}a{color:inherit;text-decoration:none}.container{width:min(1152px,calc(100% - 48px));margin:auto}.narrow{width:min(768px,calc(100% - 48px));margin:auto}.section{padding:96px 0}.white{background:#fff}.site-header{position:absolute;z-index:5;top:23px;left:50%;transform:translateX(-50%);width:min(1280px,calc(100% - 96px));padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;color:#fff;font:700 24px/32px var(--serif);letter-spacing:.1em}.brand img{width:50px;height:43px;object-fit:contain}.header-cta,.cta{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#fff;letter-spacing:.1em}.header-cta{padding:12px 24px;font-size:14px}.cta{padding:16px 32px;font-weight:700;font-size:18px}.hero{height:816px;position:relative;background:linear-gradient(90deg,rgba(15,15,15,.6),rgba(15,15,15,.08)),url("../images/img-08.png") center/cover no-repeat;color:#fff}.hero-inner{position:absolute;left:calc(50% - 511px);bottom:82px;width:786px}.hero-kicker{margin:0 0 28px;font-family:var(--serif);font-size:16px;letter-spacing:.2em;color:#fffc}.hero h1{margin:0 0 28px;font:400 48px/1 var(--serif);text-shadow:0 4px 10px #0005}.hero-copy{border-left:2px solid var(--gold);padding-left:24px;margin:0 0 24px;font-size:18px;font-weight:500}.hero-copy p{margin:0}.hero-proof{display:inline-block;margin:0 0 16px;padding:14px 16px;background:#ffffff1a;border:1px solid #ffffff33;font-size:14px}.hero .cta{display:flex;width:448px}.hero small{display:block;margin-top:8px;color:#ffffffb3;font-weight:700}.concerns{text-align:center}.concerns h2,.section-title{font-family:var(--serif);font-weight:700}.concerns h2{margin:0;font-size:30px;line-height:1.2}.concerns-sub{margin:10px 0 48px;font:400 24px/1.4 var(--serif);color:var(--muted)}.check-list{list-style:none;margin:0;padding:0;text-align:left}.check-list li{position:relative;padding:10px 0 10px 36px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}.concerns .check-list{width:672px;max-width:100%;margin:auto;font-size:18px}.vline{width:1px;height:72px;background:#1e1f2240;margin:52px auto 28px}.intro{font:400 20px/1.4 var(--serif);margin:0}.intro b{border-bottom:2px solid var(--gold)}.value{height:747px;position:relative;background:linear-gradient(#101113c7,#101113c7),url("../images/img-01.png") center/cover no-repeat;color:#fff;display:grid;place-items:center;text-align:center}.value-inner{width:100%}.eyebrow{text-align:center;color:var(--gold);font:700 14px/20px "Cormorant Garamond",serif;letter-spacing:.2em;margin:0 0 8px}.eyebrow.left{text-align:left}.value-copy{margin:18px auto 28px;font-size:16px;line-height:1.5}.value-copy strong{font-size:18px;border-bottom:2px solid var(--gold)}.recommend{width:672px;max-width:calc(100% - 48px);margin:auto;background:#fffffff2;color:var(--ink);padding:68px 48px 38px;border:1px solid #ffffff55;box-shadow:0 12px 30px #0005}.recommend h3{margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid #1e1f2233;font-size:16px;letter-spacing:.1em}.feature{padding-top:70px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-grid>img{height:541px;object-fit:cover}.feature-copy h2{margin:12px 0 24px;font:700 36px/1.12 var(--serif)}.feature-copy p:not(.eyebrow){color:var(--muted);line-height:2}.feature-copy .feature-em{color:var(--ink);font-weight:500}.works{text-align:center}.section-title{margin:0 0 8px;text-align:center;font-size:36px;line-height:1.12}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:64px;text-align:left}.ba{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ba figure{position:relative;margin:0;border:1px solid var(--ink);padding:4px}.ba img{height:200px;object-fit:cover}.ba span{position:absolute;top:0;left:0;background:#2a2b2dcc;color:#fff;padding:4px 12px;font-size:12px;letter-spacing:.1em}.ba figure+figure span{background:var(--gold)}.case h3{font-size:20px;margin:18px 8px 4px}.meta{margin:0 8px;color:var(--muted);font-size:14px}.case blockquote{position:relative;margin:14px 0 0;padding:32px 24px 24px;background:var(--paper);font-size:16px;line-height:2}.case blockquote:before{content:"“";position:absolute;left:16px;top:-10px;color:var(--gold);font:36px var(--serif)}.price-wrap{width:min(896px,calc(100% - 48px));margin:auto}.price-section{border-top:1px solid #1e1f221a}.price-section .section-title,.gallery .section-title,.flow .section-title,.faq .section-title{font-size:30px;margin-bottom:48px}.price-card{position:relative;background:#fff;border:2px solid var(--ink);padding:58px 48px 70px;box-shadow:0 12px 28px #0002}.popular{position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:var(--gold);color:#fff;padding:7px 24px;font-weight:700;font-size:14px;letter-spacing:.1em}.price-card h3{text-align:center;font-size:24px;margin:0}.price-lead{text-align:center;color:var(--muted);margin:8px 0 18px}.price-box{text-align:center;background:var(--paper);border:1px solid #1e1f2233;padding:20px}.price-box p{margin:0}.price-box strong{font:700 48px/1 var(--serif)}.price-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:20px}.price-detail h4{margin:0}.price-detail ul{padding-left:20px;margin-bottom:0}.price-detail>p{margin-top:28px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.gallery-grid img{height:256px;object-fit:cover;border:1px solid var(--ink);padding:4px;background:#fff}.flow-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.flow-grid:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#1e1f2233}.flow-grid article{z-index:1;text-align:center;background:var(--paper);border:1px solid var(--ink);padding:32px}.flow-grid span{display:grid;place-items:center;width:64px;height:64px;margin:auto;border-radius:50%;background:var(--gold);color:#fff;font:700 24px var(--serif)}.flow-grid h3{min-height:56px;margin:16px 0 4px;font-size:18px}.flow-grid b{color:var(--gold);font-size:14px}.flow-grid p{text-align:left;color:var(--muted);font-size:14px}.faq-list{display:grid;gap:16px}.faq details{background:#fff;border:1px solid var(--ink)}.faq summary{display:flex;gap:16px;align-items:center;padding:24px;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"⌄";margin-left:auto;font-size:22px}.faq details[open] summary:after{transform:rotate(180deg)}.faq summary b,.answer b{color:var(--gold);font:700 20px var(--serif)}.answer{display:flex;gap:16px;padding:20px 24px 24px;border-top:1px solid #1e1f221a;color:var(--muted)}.answer b{color:#1e1f2266}.answer p{margin:0}.final-cta{text-align:center;background:radial-gradient(circle,#c5a0731c,transparent 40%),var(--ink);color:#fff;padding:128px 24px}.final-cta h2{margin:0;font:700 36px/1.2 var(--serif)}.final-cta>p{font-size:20px;font-weight:300;letter-spacing:.1em;margin:28px 0 34px;color:#fffc}.final-cta small{display:block;margin-top:12px;color:#ffffff80}footer{height:134px;padding:40px 10%;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between}footer .brand img{display:none}footer p{font-size:14px;color:#ffffff99}
@media(max-width:760px){.section{padding:64px 0}.container,.narrow{width:calc(100% - 40px)}.site-header{top:6px;width:100%;padding:14px 20px}.site-header .brand img{width:34px;height:30px}.site-header .brand span{font-size:20px}.header-cta{display:none}.hero{height:840px;background-position:center}.hero-inner{left:24px;right:24px;bottom:46px;width:auto}.hero-kicker{font-size:12px;margin-bottom:18px}.hero h1{font-size:34px;line-height:1.3}.hero-copy{font-size:13px;line-height:1.8;padding-left:14px}.hero-proof{font-size:11px;padding:10px}.hero .cta{width:100%;font-size:14px}.concerns h2{font-size:22px;line-height:1.65}.concerns-sub{font-size:16px}.concerns .check-list{font-size:14px}.intro{font-size:16px}.value{height:auto;padding:70px 0;background-position:center}.value-copy{padding:0 22px;font-size:13px}.value-copy br{display:none}.recommend{padding:42px 24px 28px}.recommend .check-list{font-size:13px}.feature-grid{grid-template-columns:1fr;gap:28px}.feature-copy h2{font-size:28px}.feature-grid>img{height:360px}.section-title{font-size:27px}.case-grid{grid-template-columns:1fr;gap:48px}.ba img{height:150px}.price-card{padding:48px 20px 34px}.price-lead{font-size:13px}.price-detail{grid-template-columns:1fr;gap:0;font-size:13px}.gallery-grid{grid-template-columns:1fr 1fr;gap:8px}.gallery-grid img{height:140px}.flow-grid{grid-template-columns:1fr}.flow-grid:before{display:none}.flow-grid article{padding:28px}.faq summary{align-items:flex-start;padding:18px 16px;font-size:14px}.answer{padding:18px 16px;font-size:14px}.final-cta{padding:82px 20px}.final-cta h2{font-size:26px}.final-cta>p{font-size:14px}.final-cta .cta{width:100%;font-size:14px}footer{height:160px;display:block;text-align:center;padding:34px 20px}footer .brand{justify-content:center}footer p{margin-top:24px;font-size:12px}}
.concerns .check-list{position:relative;left:64px}
@media(max-width:760px){.concerns .check-list{left:0}}
.hero{background-image:linear-gradient(90deg,rgba(15,15,15,.6),rgba(15,15,15,.08)),url("../images/figma-hero.png")}
.value{background-image:linear-gradient(rgba(16,17,19,.62),rgba(16,17,19,.62)),url("../images/figma-value-bg.png")}
.works-title-sp{display:none}
.hero-title-sp{display:none}
.feature-title-sp{display:none}
.final-title-sp{display:none}
@media(max-width:760px){.works-title-pc{display:none}.works-title-sp{display:inline}.works .section-title{font-size:27px;line-height:1.55}}
@media(max-width:760px){.hero-title-pc{display:none!important}.hero-title-sp{display:block!important}.hero-title-sp>span{display:block;white-space:nowrap}}
@media(max-width:760px){.feature-title-pc{display:none!important}.feature-title-sp{display:block!important}.feature-title-sp>span{display:block;white-space:nowrap}}
@media(max-width:760px){.feature-copy,.feature-copy .eyebrow.left{text-align:center}}
@media(max-width:760px){.final-title-pc{display:none!important}.final-title-sp{display:block!important;text-align:center}.final-title-sp>span{display:block;white-space:nowrap}}
@media(max-width:768px){
  .value{display:block;height:auto;min-height:0;padding:56px 0 48px;overflow:hidden;background-position:center}
  .value-inner{width:100%;max-width:100%;margin:0 auto;padding:0}
  .value .eyebrow{margin-bottom:16px}
  .value-copy{width:auto;max-width:none;margin:0 20px 24px;padding:0;font-size:14px;line-height:1.85;overflow-wrap:anywhere}
  .value-copy strong{display:inline-block;margin-top:6px;font-size:16px}
  .recommend{width:calc(100% - 32px);max-width:none;margin:0 auto;padding:36px 20px 24px;overflow:hidden}
  .recommend h3{font-size:16px;line-height:1.5}
  .recommend .check-list{width:100%;min-width:0}
  .recommend .check-list li{padding:8px 0 8px 30px;font-size:13px;line-height:1.75;overflow-wrap:anywhere;word-break:normal}
}