*{box-sizing:border-box}body{margin:0;background:#fbf6ed;color:#432c22;font-family:"Yu Gothic",sans-serif;line-height:1.9}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto;display:block}header{max-width:1200px;margin:auto;padding:28px 35px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.brand{font-size:25px;text-decoration:none}.intro{max-width:1000px;margin:65px auto 50px;padding:0 30px}.label{font-size:12px;color:#a4516e;letter-spacing:.14em}h1,h2{font-family:"Yu Mincho",serif;font-weight:500;line-height:1.65}h1{font-size:42px;margin:20px 0}h2{font-size:30px}.intro>p:last-child{font-size:15px}.overview{position:relative;max-width:1100px;aspect-ratio:1.7;background:#e9e6df;margin:auto;padding:55px 190px 55px 65px;border-radius:18px}.desktop{height:100%;overflow:hidden;border:10px solid white;border-radius:7px;box-shadow:0 15px 40px #432c2214}.phone{position:absolute;right:65px;bottom:35px;width:20%;height:76%;overflow:hidden;border:8px solid white;border-radius:22px;box-shadow:0 10px 28px #432c2220}.notes{max-width:750px;margin:90px auto;padding:0 28px}.notes p{font-size:15px}.notes small{color:#75665c;font-size:12px}.screens{max-width:1100px;margin:80px auto;padding:0 30px}.screens>p{font-size:13px;color:#75665c}.full-pc{display:block;max-width:850px;margin:35px auto}.full-pc img{width:100%;border:1px solid #e2d8cb}.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;align-items:start;margin-top:35px}figure{margin:0}figcaption{font-size:14px;margin-bottom:15px}.sp-grid img{width:100%;border:1px solid #e2d8cb}footer{padding:55px 30px;text-align:center;border-top:1px solid #e2d8cb}footer p{font-size:12px;margin-top:30px}@media(max-width:760px){header{padding:20px 24px;font-size:12px}.intro{margin:35px auto;padding:0 24px}h1{font-size:28px}h2{font-size:24px}.intro>p:last-child{font-size:13px}.overview{margin:0 20px;padding:26px 65px 26px 20px;aspect-ratio:1.25}.desktop{border-width:4px}.phone{right:14px;bottom:20px;width:24%;height:66%;border-width:4px;border-radius:12px}.notes{margin:55px auto}.screens{padding:0 24px;margin:55px auto}.sp-grid{grid-template-columns:1fr;gap:45px}.sp-grid figure{max-width:330px;width:100%;margin:auto}.full-pc{margin-top:25px}}
/* v35: 制作の背景と判断が伝わる詳細ページ */
.crumb{max-width:1100px;margin:10px auto 0;padding:0 30px;font-size:11px;color:#796355}.project-meta,.project-purpose,.design-story,.next-project{max-width:1000px;padding:0 30px;margin:90px auto}.project-meta{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.project-meta h2,.project-purpose h2,.design-story h2{margin:15px 0 25px}.project-meta p,.project-purpose p,.design-story p{font-size:14px;line-height:2.1}.project-meta dl{font-size:13px;margin:0}.project-meta dl>div{padding:18px 0;border-bottom:1px solid #dfd0c2}.project-meta dt{color:#946276;margin-bottom:5px}.project-meta dd{margin:0}.project-purpose{background:#f3ebe4;padding:45px 50px;border-radius:18px}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.purpose-grid h3,.point-grid h3{font-size:17px;font-weight:500}.design-lead{max-width:680px}.point-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.point-grid article{border-top:1px solid #d9b9bc;padding-top:20px}.point-grid article>span{font-family:serif;font-size:26px;color:#b85473}.point-grid p{font-size:13px}.design-closeup{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:center;margin-top:65px}.design-closeup h3{font-family:"Yu Mincho",serif;font-size:23px;font-weight:500}.design-closeup>a{display:block;height:320px;overflow:hidden;border-radius:10px;background:#eae4db}.design-closeup img{width:100%;max-width:none;transform:translateY(-36%)}.image-note{font-size:12px!important}.next-card{display:flex;align-items:center;gap:28px;text-decoration:none;max-width:650px;border-top:1px solid #dccbbb;padding-top:25px}.next-card>img{width:150px;border-radius:9px}.next-card>span{display:grid;gap:10px}.next-card small{color:#a4516e}.next-card strong{font-size:20px;font-weight:500}.next-card span span{font-size:13px}.work-cta{background:#f3e4e7;text-align:center;padding:55px 25px;margin-top:70px}.work-cta p{font-size:14px}.work-cta>a{display:inline-block;background:#b85473;color:white;border-radius:40px;padding:14px 28px;text-decoration:none;margin-top:15px;font-size:14px}a:focus-visible{outline:3px solid #b85473;outline-offset:5px}@media(max-width:760px){.crumb{padding:0 24px;font-size:10px}.project-meta,.design-story,.next-project{margin:55px auto;padding:0 24px}.project-meta{grid-template-columns:1fr;gap:25px}.project-purpose{margin:55px 20px;padding:30px 24px}.purpose-grid,.point-grid,.design-closeup{grid-template-columns:1fr;gap:22px}.point-grid{margin-top:28px}.point-grid article{padding-top:15px}.point-grid h3{margin:8px 0}.design-closeup{margin-top:35px}.design-closeup>a{height:250px}.next-card{gap:20px}.next-card>img{width:105px}.next-card strong{font-size:16px}.next-card small{font-size:10px}.work-cta h2{font-size:24px}.work-cta p{font-size:13px}}

@media(max-width:760px){.title-second{display:block}.intro>p:last-child{max-width:310px}}

/* v37: 作品を主役に、依頼判断に必要な情報を一か所へ */
.case-summary{max-width:790px;margin:80px auto 90px;padding:0 30px}.case-kicker{font-size:12px;color:#a4516e;letter-spacing:.08em}.case-summary h2{font-size:30px;margin:15px 0 28px}.case-summary>p:not(.case-kicker),.case-thinking p{font-size:15px;line-height:2.1}.case-facts{margin:32px 0 36px;font-size:13px;border-top:1px solid #dfd0c2}.case-facts>div{display:grid;grid-template-columns:165px minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid #dfd0c2}.case-facts dt{color:#88665f}.case-facts dd{margin:0}.case-thinking h3{font-size:16px;font-weight:500;margin:0 0 12px}.case-thinking p{margin:0}.case-summary+.screens{margin-top:0}.next-project{margin-top:65px}@media(max-width:760px){.case-summary{padding:0 26px;margin:50px auto 60px}.case-summary h2{font-size:24px}.case-summary>p:not(.case-kicker),.case-thinking p{font-size:14px}.case-facts>div{grid-template-columns:1fr;gap:5px;padding:14px 0}.case-facts{margin:25px 0 30px}}

.yoga-full-sp{display:block;max-width:390px;margin:30px auto}.yoga-full-sp img{width:100%;border:1px solid #e2d8cb}

.case-side-layout{max-width:1200px;margin:60px auto 55px;padding:0 35px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.case-side-layout .overview{width:100%;margin:0;padding:28px 95px 28px 25px;aspect-ratio:1.3}.case-side-layout .phone{right:16px;bottom:18px;width:23%;height:70%;border-width:5px;border-radius:16px}.case-side-layout .desktop{border-width:6px}.case-side-layout .case-summary{max-width:none;margin:0;padding:0}.case-side-layout .case-summary h2{font-size:27px;margin-top:0}.case-side-layout .case-facts{font-size:16px;margin:26px 0 0}.case-side-layout .case-facts>div{grid-template-columns:105px minmax(0,1fr);gap:16px}.case-bottom-story{max-width:1040px;margin:0 auto 65px;padding:0 35px}.case-bottom-story h3{font-size:22px;font-weight:500;margin:0 0 16px}.case-bottom-story p{font-size:16px;line-height:2;margin:0}@media(max-width:760px){.case-side-layout{grid-template-columns:1fr;margin:35px auto 40px;padding:0 24px;gap:30px}.case-side-layout .case-facts>div{grid-template-columns:1fr;gap:5px}.case-side-layout .case-summary h2{font-size:24px}.case-bottom-story{padding:0 24px}}