/* 採用案「風景の中で読む」の物語への接続。 */
.scene-story{background:#050b13;position:relative}.walk{position:relative;max-width:1440px;min-height:950px;margin:auto}
.walk-words{position:relative;margin-left:75%;padding-top:4px;z-index:2;width:23%}.walk-words h2{margin:0}.vertical-line{height:390px;width:auto;max-width:100%;margin-left:12px}
.departure{margin-top:40px;line-height:2.4;font-size:15px;letter-spacing:.065em}
.walk-picture{position:absolute;left:0;top:135px;width:78%;margin:0}.walk-picture>img{width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 70%,transparent);opacity:.95}
.walk-picture figcaption{position:absolute;bottom:12%;left:9%;font-size:9px;color:#7f8d99;letter-spacing:.04em}
.route-copy{position:relative;margin:150px 0 0 20%;width:55%;z-index:2;font-size:16px;line-height:2.5;letter-spacing:.06em}
.presence{padding:30px 24px 125px;text-align:center;background:linear-gradient(#050b13,#09121c);line-height:2.6;font-size:15px;letter-spacing:.07em}.presence .approach{font-size:23px;letter-spacing:.16em;margin-bottom:32px}
.presence .resolve {
 color: #c5a47d;
 margin: clamp(100px, 12vw, 160px) auto 0;
 padding: 80px 0;
 min-height: 72svh;
 display: flex;
 flex-direction: column;
 justify-content: center;
 font-size: clamp(40px, 5.8vw, 88px);
 line-height: 1.55;
 letter-spacing: .015em;
}
.presence .resolve-clause { display: block; }
.presence .resolve-clause + .resolve-clause { margin-top: .18em; }
.presence .resolve-line { display: inline-block; }
.js .presence .resolve.ps-reveal {
 opacity: 0;
 transform: translate3d(0, 56px, 0) scale(.88);
 transition: opacity 1.25s ease, transform 2.2s cubic-bezier(.16, 1, .3, 1);
}
.js .presence .resolve.ps-reveal.is-in,
.js.ps-still .presence .resolve.ps-reveal { opacity: 1; transform: none; }
.js.ps-still .presence .resolve.ps-reveal { transition: none; }
.scene-story + .ps-points{background:linear-gradient(#09121c,#0d1822 160px)}
@media(max-width:699px){
.walk{min-height:850px}.walk-words{margin-left:auto;margin-right:32px;width:calc(100% - 64px);padding-top:0;min-height:395px}.walk-words h2{margin-left:auto;width:64px}.vertical-line{height:355px;margin:0;width:auto;max-width:none}.departure{position:absolute;left:0;top:112px;margin:0;width:180px;font-size:14px;line-height:2.5}
.walk-picture{top:300px;width:100%;height:410px}.walk-picture>img{height:100%;object-fit:cover;object-position:72% center;mask-image:linear-gradient(transparent,#000 24%,#000 73%,transparent)}.walk-picture figcaption{bottom:18%;left:24px;font-size:9px}
.route-copy{margin:240px 28px 0;width:auto;font-size:14px;line-height:2.5}.presence{padding:10px 24px 48px;font-size:14px}.presence .approach{font-size:20px;letter-spacing:.1em}
.presence .resolve {
 margin-top: 88px;
 padding: 64px 0;
 min-height: 72svh;
 text-align: left;
 font-size: clamp(28px, 8.5vw, 40px);
 line-height: 1.5;
 letter-spacing: .015em;
}
.presence .resolve-line { display: block; white-space: nowrap; }
.presence .resolve-line--goal { font-size: clamp(37px, 11.8vw, 72px); }
.presence .resolve-line--end { font-size: clamp(52px, 16.5vw, 98px); }
.presence .resolve-clause + .resolve-clause { margin-top: .9em; }
}
@media(max-width:359px){.walk-words{margin-right:24px;width:calc(100% - 48px)}.departure{width:165px;font-size:13px}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .js .presence .resolve.ps-reveal { opacity: 1; transform: none; transition: none; }
}