@charset "utf-8";
.visual{position:relative;height:100vh;min-height:720px;color:#fff;overflow:hidden}.visual-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;transform:scale(1.04);animation:visualZoom 7s ease forwards}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.2) 55%,rgba(0,0,0,.35))}.visual-copy{position:absolute;left:6.25vw;bottom:16vh;z-index:1}.visual-copy p{margin:0 0 20px;font-size:2rem;font-weight:800}.visual-copy h2{margin:0;font-size:7.2rem;line-height:1.08;letter-spacing:-.06em}.scroll-guide{position:absolute;right:5vw;bottom:58px;z-index:1;font-size:1.2rem;font-weight:900;letter-spacing:.2em;writing-mode:vertical-rl}.now-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:24px}.now-card{position:relative;overflow:hidden;border-radius:28px;background:#eee}.now-card.big{grid-column:span 2;grid-row:span 2}.now-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72))}.now-card img{transition:.5s}.now-card:hover img{transform:scale(1.06)}.now-card span{position:absolute;left:28px;right:28px;bottom:26px;z-index:1;color:#fff;font-size:2.2rem;line-height:1.35;font-weight:800}.now-card.big span{font-size:3.6rem}.dark{background:#111}.story-wrap{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:24px}.story-card{position:relative;height:520px;border-radius:32px;overflow:hidden;color:#fff;background:#333}.story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.76))}.story-card em{position:absolute;left:28px;top:28px;z-index:1;font-style:normal;font-size:1.4rem;font-weight:900;text-transform:uppercase}.story-card strong{position:absolute;left:28px;right:28px;bottom:28px;z-index:1;font-size:2.8rem;line-height:1.25}.moment-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.moment-list a{display:block}.moment-list img{height:330px;border-radius:28px}.moment-list span{display:block;margin-top:18px;font-size:2.1rem;font-weight:800;line-height:1.35}.sustain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sustain-grid a{position:relative;height:420px;border-radius:30px;overflow:hidden;color:#fff}.sustain-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.68))}.sustain-grid strong{position:absolute;left:28px;right:28px;bottom:28px;z-index:1;font-size:2.6rem;line-height:1.28}.career-banner{padding:0 6.25vw 120px}.career-banner a{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:240px;padding:42px 58px;border-radius:34px;background:#f4f4f4}.career-banner span{font-size:2rem;font-weight:900}.career-banner strong{max-width:720px;font-size:4.8rem;line-height:1.12;letter-spacing:-.05em;text-align:right}@keyframes visualZoom{to{transform:scale(1)}}@media(max-width:1439px){.visual-copy h2{font-size:6.2rem}.now-grid{grid-auto-rows:230px}.now-card.big span{font-size:3.2rem}.story-card{height:480px}.moment-list img{height:290px}.career-banner strong{font-size:4.2rem}}@media(max-width:1279px){.visual{min-height:640px}.visual-copy{left:32px}.visual-copy h2{font-size:5.2rem}.now-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:240px}.story-wrap{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.story-card{flex:0 0 70%;scroll-snap-align:start}.moment-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.moment-list a{flex:0 0 42%;scroll-snap-align:start}.sustain-grid{grid-template-columns:1fr 1fr}.career-banner{padding:0 32px 90px}.career-banner a{padding:36px;min-height:210px}.career-banner strong{font-size:3.6rem}}@media(max-width:767px){.visual{height:84vh;min-height:560px}.visual-copy{left:20px;right:20px;bottom:110px}.visual-copy p{font-size:1.5rem}.visual-copy h2{font-size:3.9rem}.scroll-guide{display:none}.now-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:18px}.now-card,.now-card.big{grid-column:auto;grid-row:auto;height:280px;border-radius:22px}.now-card span,.now-card.big span{left:22px;right:22px;bottom:22px;font-size:2.2rem}.story-wrap{margin-right:-20px}.story-card{flex-basis:82%;height:390px;border-radius:24px}.story-card strong{font-size:2.2rem}.moment-list{margin-right:-20px}.moment-list a{flex-basis:76%}.moment-list img{height:250px;border-radius:22px}.moment-list span{font-size:1.8rem}.sustain-grid{grid-template-columns:1fr;gap:18px}.sustain-grid a{height:300px;border-radius:24px}.sustain-grid strong{font-size:2.1rem}.career-banner{padding:0 20px 72px}.career-banner a{display:block;min-height:0;padding:30px 24px;border-radius:24px}.career-banner strong{display:block;margin-top:28px;font-size:3rem;text-align:left}.swipe-area{-webkit-overflow-scrolling:touch}.swipe-area::-webkit-scrollbar{display:none}}@media(max-width:320px){.visual-copy{left:16px;right:16px}.visual-copy h2{font-size:3.4rem}.now-card,.now-card.big{height:250px}.story-card{flex-basis:86%;height:350px}.moment-list a{flex-basis:82%}.career-banner{padding-left:16px;padding-right:16px}.career-banner strong{font-size:2.6rem}}